/* Minification failed. Returning unminified contents.
(5459,1): run-time error CSS1019: Unexpected token, found '@import'
(5459,9): run-time error CSS1019: Unexpected token, found 'url("//hello.myfonts.net/count/37138a")'
(6905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6906,8): run-time error CSS1035: Expected colon, found '{'
(6911,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6912,8): run-time error CSS1035: Expected colon, found '{'
(6917,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(6924,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(6930,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6952,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7460,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7488,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7516,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7530,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7544,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7596,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7607,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14524,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14534,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

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

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

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

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #1a1a1a;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/**
 * Hide the overflow in IE.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * @license
 * MyFonts Webfont Build ID 3328791, 2017-01-09T08:48:41-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CheltenhamStd-Book by ITC
 * URL: http://www.myfonts.com/fonts/itc/cheltenham/std-book/
 * Copyright: Copyright © 1986, 1990, 2001, 2002 Adobe Systems Incorporated.  All Rights Reserved.
 * Licensed pageviews: 25,000,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3328791
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

/*!
 * Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: a 2s infinite linear
}

.fa-pulse {
    animation: a 1s infinite steps(8)
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edit:before {
    content: "\f044"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-nintendo-switch:before {
    content: "\f418"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-random:before {
    content: "\f074"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-rendact:before {
    content: "\f3e4"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-train:before {
    content: "\f238"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    src: url(/css/fonts/fa-brands-400.eot);
    src: url(/css/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/css/fonts/fa-brands-400.woff2) format("woff2"),url(/css/fonts/fa-brands-400.woff) format("woff"),url(/css/fonts/fa-brands-400.ttf) format("truetype")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    src: url(/css/fonts/fa-regular-400.eot);
    src: url(/css/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/css/fonts/fa-regular-400.woff2) format("woff2"),url(/css/fonts/fa-regular-400.woff) format("woff"),url(/css/fonts/fa-regular-400.ttf) format("truetype")
}

.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: url(/css/fonts/fa-solid-900.eot);
    src: url(/css/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/css/fonts/fa-solid-900.woff2) format("woff2"),url(/css/fonts/fa-solid-900.woff) format("woff"),url(/css/fonts/fa-solid-900.ttf) format("truetype")
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"
}

.fa, .fas {
    font-weight: 900
}
/**
 * @license
 * MyFonts Webfont Build ID 3609482, 2018-07-12T09:45:26-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLTPro-UltLt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-25-ultra-light-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-UltLtIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-26-ultra-light-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Th by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-35-thin-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-ThIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-36-thin-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Lt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-45-light-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-LtIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-46-light-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-55-roman-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-It by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-56-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Md by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-65-medium-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-MdIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-66-medium-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Bd by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-75-bold-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BdIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-76-bold-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Hv by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-85-heavy-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-HvIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-86-heavy-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Blk by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-95-black-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BlkIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-96-black-italic-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BdOu by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-75-bold-outline-189171/
 * Copyright: Copyright © 2013, 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-UltLtCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-27-ultra-light-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-UltLtCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-27-ultra-light-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-ThCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-37-thin-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-ThCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-37-thin-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-LtCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-47-light-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-LtCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-47-light-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Cn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-57-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-CnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-57-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-MdCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-67-medium-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-MdCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-67-medium-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BdCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-77-bold-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BdCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-77-bold-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-HvCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-87-heavy-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-HvCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-87-heavy-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BlkCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-97-black-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BlkCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-97-black-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-XBlkCn by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-107-extra-black-condensed-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-XBlkCnO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-107-extra-black-condensed-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: NeueHelveticaPro-29CmUltLt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-29-ultra-light-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-39CmThin by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-39-thin-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-49CmLight by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-49-light-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-59Comp by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-59-regular-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-69CmMd by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-69-medium-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-79CmBold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-79-bold-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-89CmHeavy by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-89-heavy-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: NeueHelveticaPro-99CmBlack by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-99-black-compressed-189171/
 * Copyright: Copyright © 2013 Monotype Imaging Inc. All right reserved.
 * Licensed pageviews: 5,000,000
 * 
 * Webfont: HelveticaNeueLTPro-UltLtEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-23-ultra-light-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-UltLtExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-23-ultra-light-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-ThEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-33-thin-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-ThExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-33-thin-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-LtEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-43-light-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-LtExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-43-light-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-Ex by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-53-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-ExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-53-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-MdEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-63-medium-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-MdExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-63-medium-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BdEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-73-bold-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BdExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-73-bold-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-HvEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-83-heavy-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-HvExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-83-heavy-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BlkEx by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-93-black-extended-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * Webfont: HelveticaNeueLTPro-BlkExO by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-helvetica/pro-93-black-extended-oblique-189171/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * Licensed pageviews: 7,500,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3609482
 * 
 * © 2018 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/37138a");

/*Thin font-weight:100*/
@font-face {font-family: 'HelveticaNeueLTPro'; font-weight: 100; src: url('/css/fonts/37138A_2_0.eot');src: url('/css/fonts/37138A_2_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37138A_2_0.woff2') format('woff2'),url('/css/fonts/37138A_2_0.woff') format('woff'),url('/css/fonts/37138A_2_0.ttf') format('truetype');}
/*Light font-weight:300*/
@font-face {font-family: 'HelveticaNeueLTPro'; font-weight: 300; src: url('/css/fonts/37138A_4_0.eot');src: url('/css/fonts/37138A_4_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37138A_4_0.woff2') format('woff2'),url('/css/fonts/37138A_4_0.woff') format('woff'),url('/css/fonts/37138A_4_0.ttf') format('truetype');}
/*Regular font-weight:400*/
@font-face {font-family: 'HelveticaNeueLTPro'; font-weight: 400; src: url('/css/fonts/37138A_6_0.eot');src: url('/css/fonts/37138A_6_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37138A_6_0.woff2') format('woff2'),url('/css/fonts/37138A_6_0.woff') format('woff'),url('/css/fonts/37138A_6_0.ttf') format('truetype');}
/*Bold font-weight:700*/
@font-face {font-family: 'HelveticaNeueLTPro'; font-weight: 700; src: url('/css/fonts/37138A_A_0.eot');src: url('/css/fonts/37138A_A_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37138A_A_0.woff2') format('woff2'),url('/css/fonts/37138A_A_0.woff') format('woff'),url('/css/fonts/37138A_A_0.ttf') format('truetype');}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder: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 .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
    font-weight: normal;
    font-style: normal;
}

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

    .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
        content: "\f101";
    }

.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 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

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

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

    .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
        content: "\f104";
    }

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

    .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
        content: "\f105";
    }

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

    .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
        content: "\f106";
    }

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

    .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: "\f107";
    }

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

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

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

    .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder: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 .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
        content: "\f10c";
    }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
        content: "\f10d";
    }

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

    .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder: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-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder: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 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

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

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder: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 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

    .vjs-icon-next-item:before {
        content: "\f11f";
    }

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

    .vjs-icon-previous-item:before {
        content: "\f120";
    }

.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;
    word-break: initial;
}

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

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important;
    }

    .video-js[tabindex="-1"] {
        outline: none;
    }

    .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%;
}

.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-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s;
}

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

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s;
}

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

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}

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

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}

    .video-js .vjs-modal-dialog > * {
        box-sizing: border-box;
    }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

.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;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

    .vjs-menu .vjs-menu-content > * {
        box-sizing: border-box;
    }

.vjs-scrubbing .vjs-control.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.vjs-menu-item:focus,
    .vjs-menu li.vjs-menu-item:hover,
    .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
        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,
    .js-focus-visible .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-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em;
}

.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 {
    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;
    }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    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: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    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 {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}

.vjs-button > .vjs-icon-placeholder: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;
    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 {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none;
}

    .video-js .vjs-progress-control.disabled {
        cursor: default;
    }

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

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center;
}

.vjs-no-flex .vjs-progress-control {
    width: auto;
}

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

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}

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

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

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

    .video-js .vjs-play-progress:before {
        font-size: 0.9em;
        position: absolute;
        right: -0.5em;
        top: -0.333333333333333em;
        z-index: 1;
    }

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
}

    .video-js .vjs-load-progress div {
        background: rgba(115, 133, 159, 0.75);
    }

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}

.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 {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    -ms-user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

    .video-js .vjs-slider.disabled {
        cursor: default;
    }

    .video-js .vjs-slider:focus {
        text-shadow: 0em 0em 1em white;
        box-shadow: 0 0 1em #fff;
    }

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex;
}

    .video-js .vjs-volume-control.vjs-volume-horizontal {
        width: 5em;
    }

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}

.video-js .vjs-volume-panel {
    transition: width 1s;
}

    .video-js .vjs-volume-panel:hover .vjs-volume-control,
    .video-js .vjs-volume-panel:active .vjs-volume-control,
    .video-js .vjs-volume-panel:focus .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control:hover,
    .video-js .vjs-volume-panel .vjs-volume-control:active,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    }

        .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
        .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
        .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
        .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
        .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
        .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
        .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
            width: 5em;
            height: 3em;
        }

        .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
        .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
        .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
        .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
        .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
        .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
        .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
            left: -3.5em;
        }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
        width: 9em;
        transition: width 0.1s;
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 4em;
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        height: 8em;
        width: 3em;
        left: -3000em;
        transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}

.video-js .vjs-volume-panel {
    display: flex;
}

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

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}

.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-has-started .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}

.vjs-using-native-controls .vjs-poster {
    display: none;
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}

.video-js .vjs-time-control {
    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;
}

    .video-js .vjs-play-control .vjs-icon-placeholder {
        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;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    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;
    visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.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-show {
    to {
        visibility: visible;
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        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-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

    .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: "\f10d";
        font-size: 1.5em;
        line-height: inherit;
    }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

    .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: " \f11d";
        font-size: 1.5em;
        line-height: inherit;
    }

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
    display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: auto;
    width: initial;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
    display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
    flex: auto;
    display: block;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
    display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1 / -1;
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr;
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}

    .vjs-text-track-settings fieldset span {
        display: inline-block;
    }

        .vjs-text-track-settings fieldset span > select {
            max-width: 7.3em;
        }

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
    background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
    outline: none;
    background: none;
}

html {
    font-family: 'HelveticaNeueLTPro', Helvetica, Arial, sans-serif;
    font-size: 16px;
    background: #fff;
    color: #2C2A29;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

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

html {
    height: 100%;
}

body {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    margin: 30px 0 0;
    padding: 0;
    display: block;
}

legend.h1,
legend.h2,
legend.h3,
legend.h4,
legend.h5 {
    margin-top: 0;
    padding-top: 30px;
}

@media (min-width:768px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5 {
        margin: 40px 0 0;
    }

    legend.h1,
    legend.h2,
    legend.h3,
    legend.h4,
    legend.h5 {
        margin-top: 0;
        padding-top: 40px;
    }
}

h1 + h2,
h1 + .h2,
.h1 + h2,
.h1 + .h2 {
    margin: 20px 0 0;
}

h2 + h3,
h2 + .h3,
.h2 + h3,
.h2 + .h3 {
    margin: 20px 0 0;
}

h2 + h4,
h2 + .h4,
.h2 + h4, 
.h2 + .h4 {
    margin: 20px 0 0;
}

h3 + h4,
h3 + .h4, 
.h3 + h4,
.h3 + .h4 {
    margin: 20px 0 0;
}

h1, .h1 {
    color: #2C2A29;
    font-weight: 100;
    text-transform: uppercase;
}

h2, .h2, h4, .h4 {
    color: #003D5B;
    font-weight: bold;
    text-transform: none;
}

h3, .h3, h5, .h5 {
    color: #9B26B6;
    font-weight: bold;
    text-transform: none;
}

/* Heading sizes */
h1, .h1, .fs1 {
    font-size: 36px;
    line-height: 42px;
}

h2, .h2, .fs2 {
    font-size: 28px;
    line-height: 34px;
}

h3, .h3, .fs3 {
    font-size: 20px;
    line-height: 25px;
}

h4, .h4, .fs4 {
    font-size: 14px;
    line-height: 17px;
    /*margin-bottom: .421em;*/
}

@media (min-width: 768px) {
    h1, .h1, .fs1 {
        font-size: 48px;
        line-height: 56px;
    }

    h2, .h2, .fs2 {
        font-size: 32px;
        line-height: 39px;
    }

    h3, .h3, .fs3 {
        font-size: 24px;
        line-height: 29px;
    }

    h4, .h4, .fs4 {
        font-size: 20px;
        line-height: 24px;
        /*margin-bottom: .421em;*/
    }
}
/* Heading sizes */

h5, .h5, .fs5 {
    font-size: inherit;
    line-height: inherit;
}

.intro {
    font-size: 17px;
}

h2 + h1 {
    margin-top: -10px;
}

ol, ul {
    padding-left: 1em;
    margin: 0 0 20px;
}

li {
    margin-bottom: 8px;
}

p {
    color: #2C2A29;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
    padding: 0;
}

@media (min-width: 768px) {
    p {
        font-size: 18px;
        line-height: 28px;
    }
}

.pageText {
    color: #2C2A29;
    font-size: 18px;
    line-height: 28px;
}

a {
    text-decoration: underline;
    color: inherit;
}

    a:not([class]):focus,
    .link:focus {
        color: #9B26B6;
    }

.content {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.contentInner {
    display: table-row;
    height: 100%;
}


/* loader */

@-webkit-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
        background-color: #c82013;
    }

    29% {
        background-color: #c82013;
    }

    30% {
        height: 2em;
        width: 2em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
    }
}

@-moz-keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
        background-color: #c82013;
    }

    29% {
        background-color: #c82013;
    }

    30% {
        height: 2em;
        width: 2em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
    }
}

@keyframes loader-figure {
    0% {
        height: 0;
        width: 0;
        background-color: #c82013;
    }

    29% {
        background-color: #c82013;
    }

    30% {
        height: 2em;
        width: 2em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
    }

    100% {
        height: 2em;
        width: 2em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
    }
}

@-webkit-keyframes loader-label {
    0% {
        opacity: 0.25;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.25;
    }
}

@-moz-keyframes loader-label {
    0% {
        opacity: 0.25;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.25;
    }
}

@keyframes loader-label {
    0% {
        opacity: 0.25;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0.25;
    }
}

/* /loader */

.loading:before {
    content: "";
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.loading:after {
    content: "";
    font-size: 20px;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    /* margin: 100px auto; */
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}


/* scrolling */

.scrollbarMeasure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

/*.noScroll {
overflow: hidden;
}*/

/* /scrolling */

.spacer-0x1 {
    height: 1px;
}

.print {
    display: none;
}

@media print {
    html, body {
        height: auto;
    }
    body {
        padding: 0 !important;
    }

    header,
    footer,
    .noprint {
        display: none;
    }

    .print {
        display: block;
    }
}

.pullRight {
    float: right;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.borderBottom {
    position: relative;
    padding-bottom: 18px;
}

.borderBottom:after {
    background: linear-gradient(270deg, #10069F 0%, #9B26B6 100%);
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media (min-width: 768px) {
    .borderBottom:after {
        height: 10px;
    }
}

.invertText h1, .invertText h2, .invertText h3, .invertText h4, .invertText a, .invertText p {
    color: #fff;
}

#skipToContent {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 4px;
    font-size: 12px;
    color: #2C2A29;
    background: #fff;
    padding: 4px;
    border-radius: 0 0 4px 4px;
    transform: translateY(-100%);
    transition: all .3s ease-out;
}

    #skipToContent:focus {
        transform: translateY(0);
    }

#mainContent {
    position: relative;
    top: -78px;
}

#bookingAppId #mainContent {
    top: -103px;
}

@media (min-width: 769px) {
    #mainContent {
        top: -130px;
    }
}

@media (min-width: 769px) and (max-width: 950px) {    
    #bookingAppId #mainContent {
        top: -121px;
    }
}

@media (min-width: 951px) {
    #bookingAppId #mainContent {
        top: -98px;
    }
}

main {
    padding-bottom: 50px;
}
.gridRow {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 1440px;
}

.navRow.gridRow {
    position: static
}

.gridRow:last-child {
    margin-bottom: 0;
}

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

.gridRow:after {
    clear: both;
}

[class*="gridCol-"] {
    float: left;
}

[class*="gridCol-"] p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .navRow.gridRow, .gridRow, [class*="gridCol-"] {
        padding-right: 8px;
        padding-left: 8px;
    }

    .gridCol-s-0 {
        display: none;
    }

    .gridCol-s-1 {
        width: 8.33333%;
    }

    .gridCol-s-2 {
        width: 16.66667%;
    }

    .gridCol-s-3 {
        width: 25%;
    }

    .gridCol-s-4 {
        width: 33.33333%;
    }

    .gridCol-s-5 {
        width: 41.66667%;
    }

    .gridCol-s-6 {
        width: 50%;
    }

    .gridCol-s-7 {
        width: 58.33333%;
    }

    .gridCol-s-8 {
        width: 66.66667%;
    }

    .gridCol-s-9 {
        width: 75%;
    }

    .gridCol-s-10 {
        width: 83.33333%;
    }

    .gridCol-s-11 {
        width: 91.66667%;
    }

    .gridCol-s-12 {
        width: 100%;
    }

    .gridCol-s-c {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .gridCol-s-r {
        float: right;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .navRow.gridRow, .gridRow, [class*="gridCol-"] {
        padding-right: 22px;
        padding-left: 22px;
    }

    .gridCol-m-0 {
        display: none;
    }

    .gridCol-m-1 {
        width: 8.33333%;
    }

    .gridCol-m-2 {
        width: 16.66667%;
    }

    .gridCol-m-2_4 {
        width: 20%;
    }

    .gridCol-m-3 {
        width: 25%;
    }

    .gridCol-m-4 {
        width: 33.33333%;
    }

    .gridCol-m-5 {
        width: 41.66667%;
    }

    .gridCol-m-6 {
        width: 50%;
    }

    .gridCol-m-7 {
        width: 58.33333%;
    }

    .gridCol-m-8 {
        width: 66.66667%;
    }

    .gridCol-m-9 {
        width: 75%;
    }

    .gridCol-m-10 {
        width: 83.33333%;
    }

    .gridCol-m-11 {
        width: 91.66667%;
    }

    .gridCol-m-12 {
        width: 100%;
    }

    .gridCol-m-c {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .gridCol-m-r {
        float: right;
    }
}

@media (min-width: 1280px) {

    .navRow.gridRow {
        padding-left: 0px;
        padding-right: 0px;
    }

    .gridRow {
        padding-right: 135px;
        padding-left: 135px;
    }
    
    .gridRow.adRow, [class*="gridCol-"] {
        padding-right: 22px;
        padding-left: 22px;
    }

    .gridCol-l-0 {
        display: none;
    }

    .gridCol-l-1 {
        width: 8.33333%;
    }

    .gridCol-l-2 {
        width: 16.66667%;
    }

    .gridCol-l-3 {
        width: 25%;
    }

    .gridCol-l-4 {
        width: 33.33333%;
    }

    .gridCol-l-5 {
        width: 41.66667%;
    }

    .gridCol-l-6 {
        width: 50%;
    }

    .gridCol-l-7 {
        width: 58.33333%;
    }

    .gridCol-l-8 {
        width: 66.66667%;
    }

    .gridCol-l-9 {
        width: 75%;
    }

    .gridCol-l-10 {
        width: 83.33333%;
    }

    .gridCol-l-11 {
        width: 91.66667%;
    }

    .gridCol-l-12 {
        width: 100%;
    }

    .gridCol-l-c {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .gridCol-l-r {
        float: right;
    }
}

.gridRow[class*="gridCol-"] {
    padding-right: 0;
    padding-left: 0;
}


.gridRow.noGutters [class*="gridCol-"] {
    padding-right: 0;
    padding-left: 0;
}


.gridRow.no-padding {
    padding-left: 0;
    padding-right: 0;
    margin-left: -22px;
    margin-right: -22px;
    width: auto;
}

@media (max-width:767px) {
    .gridRow.no-padding {
        margin-left: -8px;
        margin-right: -8px;
    }
}


.innerCol > .gridRow {
    padding-left: 0;
    padding-right: 0;
}

.innerCol {
    max-width: 1244px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1264px) {
    .innerCol {
        padding: 0 10px;
    }
}

.rowSpacing {
    margin-top: 40px;
    margin-bottom: 40px;
}

.rowSpacingTop {
    margin-top: 40px;
}

.rowSpacingBottom, .rowSpacingBottom:last-child {
    margin-bottom: 40px;
}


@media (min-width: 768px) {
    .rowSpacingBottomNoMob {
        margin-bottom: 40px;
    }
}

/* Margin Classes */
.mg-20 {
    margin: 20px 0;
}

.mg-30 {
    margin: 30px 0;
}

.mg-40 {
    margin: 40px 0;
}

.mg-bot-20 {
    margin-bottom: 20px;
}

.mg-bot-30 {
    margin-bottom: 30px;
}

.mg-bot-40 {
    margin-bottom: 40px;
}

.mg-bot-50 {
    margin-bottom: 50px;
}

.mg-top-10 {
    margin-top: 10px;
}

.mg-top-20 {
    margin-top: 20px;
}

.mg-top-30 {
    margin-top: 30px;
}

.mg-top-40 {
    margin-top: 40px;
}

.mg-top-50 {
    margin-top: 50px;
}

.mg-top-0 {
    margin-top: 0;
}

.mg-l-10 {
    margin-left: 10px;
}
/* Margin Classes */


.showtimesRow {
    margin-bottom: 90px;
}

@media (max-width:767px){
    .adContainer.gridRow, .adContainer [class*="gridCol-"] {
        padding-left:0;
        padding-right:0;
    }
}
body {
    padding-top: 130px;
}

@media (max-width: 768px) {
    body {
        padding-top: 78px;
    }
}

.header {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    height: 130px;
    background-image: url('../images/transparentShapesMainNav.png'), linear-gradient(270deg, #10069F 0%, #9B26B6 100%);
    background-repeat: no-repeat;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    box-shadow: 0 5px 2px 0 rgba(0,0,0,0.3);
}

    .header.noTransition {
        -webkit-transition: unset;
        -moz-transition: unset;
        -ms-transition: unset;
        -o-transition: unset;
        transition: unset
    }

@media (max-width: 768px) {
    .header {
        height: 78px;
    }
}

@media (min-width: 769px) {
    .header.scroll {
        top: -32px;
    }
}

.headerLogoLink {
    width: 268px;
    height: 39px;
    margin-top: 28px;
    float: left;
    border-radius: 4px;
    padding: 4px;
}

@media (max-width: 768px) {
    .headerLogoLink {
        width: 183px;
        height: 29px;
        margin-top: 26px;
    }
}

@media(max-width:590px) {
    .headerLogoLink {
        width: 158px;
    }
}

.headerLogoLink:hover {
    opacity: .8;
}

.headerLogoLink:focus {
    box-shadow: 0 0 0 2px #fff;
}

.headerLogoImage {
    width: 100%;
}

.headerNavSubGroup {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 1300px) {
    .headerNav .headerNavSubGroup {
        display: block;
    }
}

.headerNavBtn {
    display: none;
}

@media (max-width: 1300px) {
    .headerNavBtn {
        display: inline-block;
        width: 26px;
        height: 18px;
        margin: 0 0 0 16px;
        background: none;
        border: none;
        z-index: 1;
        cursor: pointer;
        padding: 8px;
        box-sizing: content-box;
        border-radius: 4px;
        float: right;
    }

        .headerNavBtn:hover,
        .headerNavBtn:focus {
            outline: none;
            box-shadow: 0 0 0 2px #fff;
        }

        .headerNavBtn.isActive {
        }

    .headerNavBtnIcon {
        z-index: 0;
        position: relative;
        margin-top: 7px;
        vertical-align: top;
    }

        .headerNavBtnIcon:before,
        .headerNavBtnIcon:after {
            content: " ";
            position: absolute;
            left: 0;
        }

        .headerNavBtnIcon,
        .headerNavBtnIcon:before,
        .headerNavBtnIcon:after {
            height: 3px;
            width: 26px;
            border-radius: 6px;
            background: #fff;
            display: inline-block;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            will-change: transform;
        }

            .headerNavBtnIcon:before {
                top: -7px;
            }

            .headerNavBtnIcon:after {
                bottom: -7px;
            }

    .headerNavBtn.isActive .headerNavBtnIcon {
        background-color: transparent;
    }

        .headerNavBtn.isActive .headerNavBtnIcon:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0;
            background-color: #fff;
        }

        .headerNavBtn.isActive .headerNavBtnIcon:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            bottom: 0;
            background-color: #fff;
        }
}

@media (max-width:768px) {
    .headerNavBtn {
        vertical-align: top;
        margin-top: 21px;
    }
}

@media (min-width: 769px) and (max-width: 1300px) {
    .headerNavBtn {
        margin-top: 31px;
        vertical-align: top;
    }
}

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

.headerNav:after {
    clear: both;
}

@media (max-width: 1300px) {
    .headerNavContainer {
        display: none;
    }

    .headerNav {
        position: absolute;
        z-index: 99;
        left: 0;
        right: 0;
        background: #10069F;
        padding: 0 15px;
        display: none;
        top: 100%;
        height: calc(100vh - 61px);
    }

        .headerNav.isActive {
            display: block;
            overflow: scroll;
        }
}

@media (min-width: 1301px) {
    .searchContainer {
        display: inline-block;
    }

    .headerNav {
        display: inline-block;
        margin-top: 23px;
    }
}

.headerNavLink {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px;
    margin: 0 18px;
    vertical-align: top;
}

@media (min-width: 1301px) {
    .headerNavLink {
        height: 50px;
        line-height: 34px;
    }
}

@media (min-width: 1301px) and (max-width:1400px) {
    .headerNavLink {
        margin: 0 10px;
    }
}

@media (max-width: 1300px) {
    .headerNavLink {
        margin: 28px 25px 0;
    }
}

.headerNavLink.active {
    background: #0077C8;
    border-radius: 4px;
}

.headerNavLink:hover,
.headerNavLink:focus {
    border-radius: 4px;
    box-shadow: 0 0 0 2px #fff;
}

@media (min-width: 1301px) {
    .headerNavSubLink {
        border-top-width: 0;
        border-bottom-width: 0;
        margin-left: -2px;
    }

        .headerNavSubLink > a {
            text-decoration: none;
        }

        .headerNavSubLink.isActive .headerNavLinkText {
            text-decoration: none;
            outline: none;
        }
}

.headerNavSub {
    position: absolute;
    z-index: 99;
    background: #fff;
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 130px;
}

.headerNavSub-children {
    height: 290px;
    overflow-y: auto;
}


@media (min-width: 1301px) {
    .headerNavSub-rewards {
        display: none;
        position: absolute;
    }
}


.headerNav.isActive .headerNavSub.isActive {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.headerNavSub.isActive {
    display: block;
}

.headerNavSub-filter {
    padding: 10px 10px 10px 40px;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #00304D;
    outline: none;
    background: #fff url(../images/location-icon-blue.svg) no-repeat 23px 12px;
    background-size: 10px 15px;
    font-size: 16px;
    line-height: 16px;
}

    .headerNavSub-filter input {
        border: none;
        border-left: 1px solid #00304D;
        padding: 0 0 0 8px;
        width: 100%;
        outline: none;
    }

.headerNavSub-rewardsTitle {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.headerNavSub-rewards form.pc_form.LoyaltyLogin {
    padding-bottom: 25px;
    margin-bottom: 30px;
    background-image: url(/images/GTC_spot-grey.svg);
    background-repeat: repeat-x;
    background-size: 8px 4px;
    background-position: center bottom;
}

.headerNavSub-rewards p {
    color: #fff;
}

.loyaltyLogout p {
    color: #fff;
    text-transform: uppercase;
}

.loyaltyLogout a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0;
}

.loyaltyLogout hr {
    border: 0;
    border-bottom: 4px dotted #fff;
}

.headerSearchIcon {
    width: 14px;
    height: auto;
    margin-right: 20px;
}

@media (min-width: 1280px) {
    .headerSearchIcon {
        width: 20px;
    }
}

.headerNavSearchLink:before {
    content: " ";
    border-left: 3px solid #D3D3D3;
    padding-right: 25px;
}

.headerSearchInput {
    width: 100%;
    height: 40px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #D3D3D3;
    font-size: 20px;
}

@media (max-width:787px) {
    .headerNavSub .gridRow.headerNavSub-children {
        max-height: 245px;
        overflow-y: scroll;
        padding-bottom: 30px;
    }
}


.topNavContainer {
    height: 32px;
    background-color: rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
    .topNavContainer {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 949px) {
    .topNavContainer .navRow.gridRow,
    .topNavContainer .navRow.gridRow [class*="gridCol-"] {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.topNav {
    margin-top: 4px;
    text-align: right;
}

.topNavLink {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 15px 0 0;
}

    .topNavLink:hover,
    .topNavLink:focus {
        text-decoration: underline;
    }

@media (min-width: 900px) {
    .topNavLink {
        margin-left: 15px;
    }
}

.topNavLink:last-of-type {
    margin-right: 0;
}

@media (max-width: 1300px) {
    .PrimaryNav {
        display: none;
    }
}

@media (min-width:1301px) {
    .PrimaryNav {
        display: block;
    }

    .mobileSecondaryNav {
        display: none;
    }
}

.mobileSecondaryNav .headerNavLink:first-of-type {
    margin-top: 28px;
}

.mobileSecondaryNav .headerNavLink {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin: 8px 25px 0;
}

.mobileSecondaryNav {
    padding-bottom: 50px;
}

    .headerNavLink-showcaseSubscribe,
    .mobileSecondaryNav .headerNavLink-showcaseSubscribe:first-of-type {
        width: 202px;
        height: 49px;
        font-size: 0;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-image: url("/Images/ShowcaseSubscribeLogowht.png");
        background-position: 0 0;
        background-size: 100% auto;
        padding: 0;
        margin: 28px 0 0 14px;
    }

        .headerNavLink-showcaseSubscribe:hover,
        .headerNavLink-showcaseSubscribe:focus {
            box-shadow: 0 0 0 2px #fff;
            border-radius: 4px;
        }

.footer-wrapper {
    background: linear-gradient(0deg, #002D42 0%, #171616 100%);
    padding: 50px 0;
}

.footer-wrapper h3 {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    .footer-wrapper h3 {
        font-size: 18px;
        line-height: 21px;
    }
}

.footer-wrapper div + h3 {
    margin: 40px 0 20px;
}

.footer-wrapper p {
    font-size: 16px;
    line-height: 20px;
    color: #00A9E0;
}

@media (min-width: 768px) {
    .footer-wrapper p {
        font-size: 18px;
        line-height: 21px;
        color: #00A9E0;
    }
}

.footer-wrapper a {
    text-decoration: none;
}

    .footer-wrapper a:focus {
        text-decoration: underline;
    }

.footerCopyright {
    color: #fff;
    margin: 25px 0;
    font-size: 18px;
}

.footer-wrapper .navBlock {
    margin-top: 50px;
}

@media(max-width:768px){
    .navBlockMobile {
        margin-bottom:50px;
    }
}

.footerShareIcon {
    height: 30px;
    width: auto;
    display: block;
}

.social-icons {
    position: relative;
}

.social-icon {
    float: left;
    margin: 0 17px 25px 0;
    text-align: center;
    position: relative;
    width: 40px;
}

@media (min-width: 1440px) {
    .social-icons {
        position: absolute;
    }
}

.social-icon a {
    padding: 4px;
    border-radius: 4px;
    display: inline-block;
}

    .social-icon a:hover {
        opacity: .8;
    }

    .social-icon a:focus {
        box-shadow: 0 0 0 2px #fff;
    }
.stackedBasicSection.imageLeft img {
    float:left;
}

.stackedBasicSection.imageRight img {
    float: right;
}

.stackedBasicSection.imageSplitText img {
    float: none;
    display: block;
    margin: 0 auto;
}

.stackedBasicSection.videoLeft iframe {
    float: left;
}

.stackedBasicSection.videoRight iframe {
    float: right;
}

.stackedSearchBox {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    max-width: 1440px;
    right: 0;
    display: block;
    margin: 0 auto;
    padding: 130px 0 50px;
    background: linear-gradient(180deg, rgba(37,14,205,0) 0%, #10069F 61.15%, #0A0365 100%);
}

.stackedTitleSearchForm {
    display: block;
    margin-left: 44px;
    margin-right: 44px;
    position:relative
}

.stackedSearchSubText {
    font-size: 16px;
    line-height: 18px;
    color: rgba(255,255,255,0.6);
    margin-top: 9px;
}

.searchResultsOverlay {
    position: absolute;
    z-index: 100;
    background: white;
    width: 100%;
    list-style: none;
    padding: 0;
    border: 1px solid rgb(209, 209, 209);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}

.stackedSearchResults {
    max-width: 1440px;
    position: relative;
    margin: 0 auto;
    background: #0A0365;
    padding-left: 44px;
    padding-right: 44px;
    transition:0.3s;
    overflow:hidden;
}

.stackedSearchResults .searchResultItem {
    margin-bottom: 38px;
    display: block;
}

.stackedSearchResults .searchResultItem h2 {
    color: #00A9E0;
    margin-bottom: 0;
    margin-top: 0;
}

.stackedSearchResults .searchResultItem p {
    color:#fff;
}

.searchResultItem a {
    text-decoration:none;
}

.searchResultItemDistance {
    width: 100px;
    background-color: #ECEBF2;
    text-align: center;
    line-height: 65px;
    height: 65px;
    border-radius: 6px;
    float: left;
    margin-right: 20px;
}

input.stackedSearch {
    font-size: 48px;
    line-height: 56px;
    background: none;
    border-bottom: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
    padding: 10px 0;
}

@media (max-width: 767px) {
    input.stackedSearch {
        font-size:30px;
        line-height:40px;
    }
}

input.stackedSearch::placeholder {
    opacity: 1;
    color: #fff
}

.searchResultsOverlay li {
    margin: 0;
    width: 100%;
}

.searchResultsOverlay li.highlightedResult {
    background-color: #eee;
}

.searchResultsOverlay a {
    text-decoration: none;
    padding: 0 0 0 5px;
    width:100%;
    display:block;
}

.searchResultsOverlay a:hover {
    text-decoration: none;
}

/* Basic content */
.content-panel {
    background-color: #ECEBF2;
    overflow: hidden;
}

.group-single-page-panel + .group-single-page-panel {
    margin-top: 40px;
}

.content-panel img, 
.basic-content-image, 
.basic-content-image-mobile {
    border-radius: 6px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.basic-content-image-mobile,
.contentRightImageMobile,
.contentLeftImageMobile {
    text-align: center;
}

@media (max-width: 767px) {
    .contentRightImage, .contentLeftImage, .basic-content-image, .basic-content-image-split-text {
        display: none;
    }
}

@media (min-width: 768px) {
    .content-panel img {
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0 6px 6px 0px;
        max-width: unset;
        position: absolute;
        right: 0;
		max-height: 350px;
    }

    .content-panel .contentLeftImage img {
        border-radius: 6px 0 0 6px;
        max-width: unset;
        position: absolute;
        left: 0;
		max-height: 350px;
    }
}

@media (min-width: 768px) {
    .content-panel .contentLeftImage {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0;
        position: relative;
        height: 350px;
    }

    .content-panel .contentRightImage {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0;
        position: relative;
        height: 350px;
    }

    .content-panel .contentRightImageMobile, 
    .content-panel .contentLeftImageMobile, 
    .basic-content-image-mobile {
        display: none;
    }

    .basic-content-image-split-text img {
        border-radius: 6px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: unset;
        max-width: unset;
        right: unset;
        max-height: unset;
    }
}

/* Image Gallery */
.imageGallery figure {
    display: inline-block;
    margin: 0 0 40px;
    width: 100%;
}

@media (min-width: 768px) {
    .imageGallery figure {
        margin: 0 2px 40px;
        width: 179px;
    }
}

.imageGalleryImage {
    border-radius: 6px;
    height: 179px;
    margin-bottom: 10px;
    object-fit: cover;
    width: 179px;
}

/* Starpass bespoke loyalty login panel */
.loyalty-login h3 {
    margin-top: 50px;
}

@media (min-width: 768px) {
    .loyalty-login h3 {
        margin-top: 80px;
    }

    .loyalty-login-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

/* Program List */
.program-list-container {
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
}

.program-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 45px;
    width: 100%;
}

@media (min-width: 768px) {
    .program-list-item {
        width: 33.2%;
    }
}

@media (min-width: 1280px) {
    .program-list-item {
        width: 24.9%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .program-list-item { -webkit-flex: 1 0 33.3%; }
}
.program-list-img {
    height: 180px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.program-list-title {
    margin-top: 20px;
}

.program-list-address {
    margin-top: 20px;
}

.program-list-btn {
    margin-top: 30px;
}

.program-list-btn a {
    width: 100%;
}

/*Showcase US AdManager Panel*/
.admanager-container {
    background-image: linear-gradient(#000, #002d42);
}

.admanager-image {
    height: 100%;
    overflow: hidden;
}

.admanager-image img {
    display: block;
    height: auto;
    max-width: unset;
    width: 100%;
}

@media (min-width: 768px) {
    .admanager-image img {
        height: 300px;
        width: auto;
    }
}

.admanager-text {
    color: #fff;
    height: 100%;
}

.admanager-text h1 {
    color: #fff;
    margin-top: 20px;
}

.admanager-text p {
    color: #fff;
}
.rewardsPanelForm .formField {
    max-width:385px;
    margin:0 auto;
}

.rewardsBtn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: none;
    text-decoration: none;
    border: none;
    width: 70px;
    height: 52px;
    margin: 0;
    padding: 0 16px;
    background: url("/images/rewards-icon.svg") no-repeat 50% 50%;
    background-size: 16px 18px;
    cursor: pointer;
    font-size: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.rewardsNav {
    float: none;
    text-align: center;
    margin: 0 0 20px;
    width: 100%;
}

.btn-go-to-dashboard {
    margin-top: 20px;
}

@media (min-width: 1280px) {
    .rewardsNav {
        float: right;
        margin: 15px 0 0;
        width: unset;
    }

    .starpass-welcome + .rewardsNav {
        float: none;
    }

    .btn-go-to-dashboard {
        margin-top: 25px;
    }
}

.rewardsNav nav {
    display: table;
    margin: 0 auto;
    max-width: 800px;
}

.rewardsNav a {
    text-decoration: none;
    display: block;
    float: left;
    vertical-align: middle;
    margin: 10px 0;
    width: 50%;
}

    .rewardsNav a:focus {
        color: #9B26B6;
        text-decoration: underline;
    }

.rewardsNav a.active {
    text-decoration: underline;
}

.loyaltyReCardItemImage {
    width: 150px;
    margin: 0 auto 20px;
    display: block;
}

@media (min-width: 768px) {
    .rewardsNav a {
        text-decoration: none;
        display: table-cell;
        vertical-align: middle;
        padding: 5px 20px;
        border-right: 1px solid #D8E2E7;
        width: auto;
    }
    
    .rewardsNav a:first-child {
        padding-left: 0;
    }

    .rewardsNav a:last-child {
        border-right: none;
        padding-right: 0;
    }

    .rewardsNav a.active {
        background: #fff;
        padding: 5px 20px;
        text-decoration: underline;
    }
}

.loyaltyhighlight {
    /*color:#e10600;*/
}

.dotSpacerLoylaty {
    padding: 60px 0;
    margin: 30px 0 30px;
    width: auto;
    background-image: url(/images/GTC_spot-grey.svg);
    background-repeat: repeat-x;
    background-size: 8px 4px;
    background-position: center top;
}

h3.contenheader {
    font-size: 34px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 767px) {
    .rewardsBtn {
        margin: 0 0 0 2px;
    }

    .rewardsBtn.loggedIn {
        background-position: 50% 40%;
    }
    
    .rewardsBtn:focus,
    .rewardsBtn:hover,
    .rewardsBtn.isActive {
        background-color: #494949;
        outline: none;
        z-index: 99;
    }
    
    .rewardsBtn:before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 50%;
        left: -2px;
        transform: translate(0,-50%);
        width: 2px;
        height: 28px;
        background: rgba(255,255,255,.2);
        border-radius: 2px;
    }
    
    .rewardsBtn:after {
        content: "";
        height: 4px;
        background: #494949;
        position: absolute;
        z-index: 0;
        top: 100%;
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        will-change: transform;
    }

    .rewardsBtn.isActive:after {
        opacity: 1;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .rewardsBtn {
        width: 105px;
        height: 52px;
        line-height: 52px;
        padding: 0 8px;
        font-size: 13px;
        color: #fff;
        background: none;
    }
    
    .rewardsBtn.loggedInCeleb {
        width: 110px;
    }

    .rewardsBtn:focus,
    .rewardsBtn:hover,
    .rewardsBtn.isActive {
        background-color: #efefef;
        color: #393939;
        outline: none;
        z-index: 99;
    }

    .rewardsBtnIcon {
	    display: inline-block;
        position: relative;
        margin: -2px 0 0 5px;
	    vertical-align: middle;
    }

    .rewardsBtn.loggedIn .rewardsBtnIcon {
        margin: -4px 0 0 8px;
    }

    .rewardsBtnIcon:before,
    .rewardsBtnIcon:after {
        content: " ";
        position: absolute;
        left: 0;
    }

    .rewardsBtnIcon,
    .rewardsBtnIcon:before,
    .rewardsBtnIcon:after {
        height: 2px;
        width: 16px;
        border-radius: 1.5px;
        background: #fff;
        display: inline-block;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        will-change: transform;
    }

    .rewardsBtnIcon:before {
        top: -5px; 
    }

    .rewardsBtnIcon:after {
        bottom: -5px;
    }

    .rewardsBtn.loggedIn .rewardsBtnIcon,
    .rewardsBtn.loggedIn .rewardsBtnIcon:before,
    .rewardsBtn.loggedIn .rewardsBtnIcon:after {
        width: 16px;
        height: 2px;
        border-radius: 1px;
    }

    .rewardsBtn.loggedIn .rewardsBtnIcon:before {
        top: -5px;
    }
    
    .rewardsBtn.loggedIn .rewardsBtnIcon:after {
        bottom: -5px;
    }

    .rewardsBtn:focus .rewardsBtnIcon,
    .rewardsBtn:hover .rewardsBtnIcon,
    .rewardsBtn:focus .rewardsBtnIcon:before,
    .rewardsBtn:hover .rewardsBtnIcon:before,
    .rewardsBtn:focus .rewardsBtnIcon:after,
    .rewardsBtn:hover .rewardsBtnIcon:after {
        background: #393939;
    }

    .rewardsBtn.isActive .rewardsBtnIcon,
    .rewardsBtn.isActive .rewardsBtnIcon:before,
    .rewardsBtn.isActive .rewardsBtnIcon:after {
        background: #c82013;
    }

    .rewardsBtn.loggedInCeleb .rewardsBtnIcon {
        background-image: url("/images/rewards-celebrity-icon.svg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100% 100%;
        background-color: transparent;
        width: 30px;
        height: 26px;
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .rewardsBtn.loggedInCeleb .rewardsBtnIcon:before,
    .rewardsBtn.loggedInCeleb .rewardsBtnIcon:after {
        display: none;
    }
}

@media (min-width: 1280px) {
    .rewardsBtn {
        width: 170px;
        height: 80px;
        line-height: 80px;
        padding: 0 25px;
        font-size: 15px;
        color: #fff;
        background: none;
    }

    .rewardsBtn.loggedIn {
        font-size: 14px;
        line-height: 65px;
        padding-bottom: 15px;
    }

    .rewardsBtn.loggedInCeleb {
        font-size: 14px;
        width: 220px;
    }

    .rewardsBtn:focus,
    .rewardsBtn:hover,
    .rewardsBtn.isActive {
        background-color: #efefef;
        color: #393939;
        outline: none;
        z-index: 99;
    }

    .rewardsBtnIcon {
	    display: inline-block;
        position: relative;
        margin: -2px 0 0 16px;
	    vertical-align: middle;
    }

    .rewardsBtn.loggedIn .rewardsBtnIcon {
        margin: -4px 0 0 8px;
    }

    .rewardsBtnIcon:before,
    .rewardsBtnIcon:after {
        content: " ";
        position: absolute;
        left: 0;
    }

    .rewardsBtnIcon,
    .rewardsBtnIcon:before,
    .rewardsBtnIcon:after {
        height: 3px;
        width: 26px;
        border-radius: 1.5px;
        background: #fff;
        display: inline-block;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        will-change: transform;
    }

    .rewardsBtnIcon:before {
        top: -7px; 
    }

    .rewardsBtnIcon:after {
        bottom: -7px;
    }

    .rewardsBtn.loggedIn .rewardsBtnIcon,
    .rewardsBtn.loggedIn .rewardsBtnIcon:before,
    .rewardsBtn.loggedIn .rewardsBtnIcon:after {
        width: 16px;
        height: 2px;
        border-radius: 1px;
    }

    .rewardsBtn.loggedIn .rewardsBtnIcon:before {
        top: -5px;
    }
    
    .rewardsBtn.loggedIn .rewardsBtnIcon:after {
        bottom: -5px;
    }

    .rewardsBtn:focus .rewardsBtnIcon,
    .rewardsBtn:hover .rewardsBtnIcon,
    .rewardsBtn:focus .rewardsBtnIcon:before,
    .rewardsBtn:hover .rewardsBtnIcon:before,
    .rewardsBtn:focus .rewardsBtnIcon:after,
    .rewardsBtn:hover .rewardsBtnIcon:after {
        background: #393939;
    }

    .rewardsBtn.isActive .rewardsBtnIcon,
    .rewardsBtn.isActive .rewardsBtnIcon:before,
    .rewardsBtn.isActive .rewardsBtnIcon:after {
        background: #c82013;
    }

    .rewardsBtn.loggedInCeleb .rewardsBtnIcon {
        background-image: url("/images/rewards-celebrity-icon.svg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100% 100%;
        background-color: transparent;
        width: 41px;
        height: 26px;
        display: inline-block;
        margin: 0 0 0 8px;
        padding: 0;
        vertical-align: middle;
    }

    .rewardsBtn.loggedInCeleb .rewardsBtnIcon:before,
    .rewardsBtn.loggedInCeleb .rewardsBtnIcon:after {
        display: none;
    }
}

.rewardsBtnTextLoggedIn,
.rewardsBtnTextLoggedInCeleb {
    display: none;
}

@media (min-width: 1280px) {
    .loggedIn .rewardsBtnText,
    .loggedInCeleb .rewardsBtnText {
        display: none;
    }

    .loggedIn .rewardsBtnTextLoggedIn,
    .loggedInCeleb .rewardsBtnTextLoggedInCeleb {
        display: inline;
    }
}

.rewardsBtnBar {
    background: rgba(255, 255, 255, .2);
    height: 3px;
    width: 16px;
    border-radius: 1.5px;
    display: none;
    position: absolute;
    z-index: 0;
    bottom: 12px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow: hidden;
}

.loggedIn .rewardsBtnBar {
    display: block;
}

.rewardsBtnBarInner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 3px;
    background: #c82013;
    background: -moz-linear-gradient(left, #c82013 0%, #9e1313 100%);
    background: -webkit-linear-gradient(left, #c82013 0%,#9e1313 100%);
    background: linear-gradient(to right, #c82013 0%,#9e1313 100%);
}

@media (min-width: 1280px) {
    .rewardsBtnBar {
        height: 7px;
        width: 120px;
        border-radius: 3.5px;        
        bottom: 25px;
    }

    .rewardsBtnBarInner {
        height: 7px;
    }
}

.rewardsBtn:hover .rewardsBtnBar,
.rewardsBtn.isActive .rewardsBtnBar {
    background: rgba(57, 57, 57, .2);
}

.rewardsOverlay {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent;
}

.rewardsPanel {
    display: none;
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .rewardsPanel {
        background: #494949;
        max-width: 320px;
        padding: 20px 16px;
    }
}

@media (min-width: 768px) {
    .rewardsPanel {
        background: #efefef;
        max-width: 730px;
        padding: 40px 0;
    }
}

.rewardsPanel.isActive {
    display: block;
}

@media (min-width: 1280px) {
    .rewardsPanelSubmit,
    .rewardsPanelBtn {
        min-width: 180px;
    }
}

[class*="btn-"].rewardsPanelBtn {
    display: inline-block;
    margin-top: 20px;
}

.rewardsPanelLink {
    color: #fff;
    text-decoration: underline;
    font-size: 15px;
    line-height: 22px;
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .formRow .rewardsPanelLink {
        margin-top: 5px;
        float: right;
        text-align: right;
        width: 70px;
        font-size: 12px;
        line-height: 17px;
    }
}

@media (min-width: 768px) {
    .rewardsPanelLink {
        color: #686868;
    }
}

.rewardsRemember.formCheckbox {
    font-size: 12px;
    padding: 0 38px 0 0;
    text-align: right;
}

.rewardsRemember.formCheckbox .formCheckboxIcon {
    left: auto;
    right: 0;
}

.transactionsTable {
    width:100%;
    text-align:left;
    border-collapse: collapse;
    margin: 40px 0 60px 0;
}

.transactionsTable th {
    color: #003F64;
    font-size: 24px;
    border-bottom: 2px solid #A8A8A8;
    padding: 0 0 20px 0;
}

.transactionsTable td {
    padding: 5px 0;
    text-align:right;
}

.transactionsTable th,
.transactionsTable td {
    display:block;
}

.transactionsTable th {
    display:none;
}

.transactionsTable td span {
    float:left;
    color: #003F64;
    font-size: 24px;
}

.transactionsTable table {
    width:100%;
}

.transactionsTable table td {
    border-bottom: 1px solid #fff;
    clear:both;
}

@media (min-width: 768px) {

    .transactionsTable th,
    .transactionsTable td {
        display:table-cell;
        width:33.33%;
    }

    .transactionsTable td {
        text-align:left;
        border-bottom: 1px solid #E9E9E9;
    }

    .transactionsTable td span {
        display:none;
    }
}

.loyaltyContent {
    border-top: 4px dotted #e5e5e3;
    padding: 60px 0;
}

.in-store-hide {
    opacity: 0;
}

[class*="btn-"] {
    background: none;
    text-decoration: none;
    text-align: center;
    border: none;
    display: inline-block;
    overflow: visible;
    cursor: pointer;
    vertical-align: middle;
    line-height: 24px;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 20px;
    padding: 12px 22px 14px;
    border-radius: 4px;
    min-width: 180px;
}

    [class*="btn-"]:focus {
        outline: none;
    }

    [class*="btn-"][disabled], [class*="btn-"][disabled]:hover {
        color: #cbcbcb;
        background-color: #e4e4e2;
        cursor: default;
        border: 0;
    }

.btns-showtime {
    font-size: 0;
}

.btn-showtimes {
    background-color: #ECEBF2;
    border-radius: 0;
    color: #2C2A29;
    font-size: 20px;
    height: 50px;
    line-height: 20px;
    margin-right: 3px;
    text-align: center;
    min-width: 0;
}

    .btn-showtimes.first {
        border-radius: 4px 0 0 4px;
    }

    .btn-showtimes.last {
        border-radius: 0 4px 4px 0;
        margin-right: 0;
    }

@media (max-width:1300px) {

    .btn-showtimes {
        font-size: 15px;
        min-width: 130px;
    }
}

@media (max-width:767px) {

    .btn-showtimes {
        font-size: 14px;
        height: 65px;
        line-height: 16px;
        text-align: center;
        width: 85px !important;
        min-width: unset;
        margin-left: 2px;
        margin-right: 2px;
        padding: 17px 0;
    }

        .btn-showtimes.first {
            margin-left: 0;
        }

        .btn-showtimes.last {
            margin-right: 0;
        }
}

@media (max-width:400px) {

    .btn-showtimes {
        width: 60px !important;
        font-size: 12px;
    }
}

.btn-showtimes:hover, .btn-showtimes.isActive {
    color: #fff;
    background-color: #9B26B6;
}

.btn-tickets {
    width: calc(100% - 60px);
    color: #FFFFFF;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    box-shadow: 0 2px 6px 0 #2C2A29;
    background-color: #0077C8;
    border-radius: 3px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px;
    min-width: unset;
}

@media (max-width:768px) {

    .btn-tickets {
        padding: 5px;
    }
}

.btn-login {
    margin-left: 22px;
    margin-right: 0;
    border: 2px solid #0077C8;
    border-radius: 3px;
    box-sizing: border-box;
    height: 48px;
    width: 154px;
}

    .btn-login:hover, .btn-login.isActive {
        color: #fff;
        background-color: #9B26B6;
        border-color: #9B26B6;
    }


[class*="btn-"].selected,
[class*="btn-"].selected:focus,
[class*="btn-"].selected:hover {
    color: #fff;
    background: #79ad4d;
    box-shadow: 0 4px 0 #262626;
    position: relative;
}

.hero .btn-trailer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -55px 0 0 -55px;
    opacity: .3;
    font-family: Cabin, sans-serif;
    width: 110px;
    height: 110px;
    padding: 0;
    background-color: transparent;
    background-image: url(/images/play-icon-white.svg);
    background-repeat: no-repeat;
    overflow: hidden;
    padding-left: 46px;
    white-space: nowrap;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
    -moz-transition: all 300ms 200ms ease-out, color 300ms ease-out;
    -o-transition: all 300ms 200ms ease-out, color 300ms ease-out;
    -webkit-transition: all 300ms 200ms ease-out, color 300ms ease-out;
    transition: all 300ms 200ms ease-out, color 300ms ease-out;
}

    .hero .btn-trailer:hover {
        opacity: 1;
    }

.filmsListItemOverlay .btn-trailer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -55px 0 0 -55px;
    font-family: Cabin, sans-serif;
    padding: 0;
    background-color: transparent;
    background-image: url(/images/GTC_play.svg);
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 102px;
    letter-spacing: 1px;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    -moz-transition: all 300ms 200ms ease-out, color 300ms ease-out;
    -o-transition: all 300ms 200ms ease-out, color 300ms ease-out;
    -webkit-transition: all 300ms 200ms ease-out, color 300ms ease-out;
    transition: all 300ms 200ms ease-out, color 300ms ease-out;
}

.stListItemPoster .btn-trailer {
    margin: 0;
}

.btn-trailer:focus {
    outline: none;
}

.btn-trailer:hover {
    -moz-transition: all 300ms ease-out, color 300ms 200ms ease-out;
    -o-transition: all 300ms ease-out, color 300ms 200ms ease-out;
    -webkit-transition: all 300ms ease-out, color 300ms 200ms ease-out;
    transition: all 300ms ease-out, color 300ms 200ms ease-out;
}

@media (max-width: 767px) {

    .btn-trailer {
        margin: -30px 0 0 -30px;
    }
}

.filterDate button {
    background-color: #ECEBF2;
    padding: 10px 0;
    width: calc(12.5% - 4px);
    margin-right: 3px;
    color: #2C2A29;
    cursor: pointer;
    border: 2px solid transparent;
}

@media (max-width: 1025px) {

    .filterDate button {
        width: calc(12.5% - 4px);
    }
}

@media (max-width: 767px) {

    .filterDate button {
        width: calc(40% - 3px);
    }
}

.filterDate button:first-of-type {
    border-radius: 5px 0 0 5px;
}

.filterDate button.active, .filterDate button:hover {
    background-color: #9B26B6;
    color: #fff;
}

.filterDate button:focus {
    box-shadow: 0 0 0 2px #9b26b6;
}

.quickbook .filterDate button:focus {
    box-shadow: 0 0 0 2px #fff;
}

/* showcase buttons */
.btn-primary {
    background-color: #0077C8;
    color: #fff;
}

    .btn-primary[disabled] {
        background-color: #ECEBF2;
        color: #cbcbcb;
        /*text-decoration: line-through;*/
    }

.btn-undo {
    background-color: #9B26B6;
    color: #fff;
}

    .btn-undo[disabled] {
        background-color: #ECEBF2;
        color: #cbcbcb;
        /*text-decoration: line-through;*/
    }

.btn-outline {
    color: #0077C8;
    border: 2px solid #0077C8;
}

    .btn-outline.invert {
        border-color: #fff;
        color: #fff;
    }

    .btn-outline.disabled:hover,
    .btn-outline.disabled:focus {
        background: transparent;
        border-color: transparent;
        color: #0077C8;
    }

    .btn-outline.disabled, .btn-outline.invert.disabled {
        border-color: transparent;
        cursor: unset
    }

.qbPanelFilmSessions .btn-outline.disabled span::after, .qbPanelFilmSessions .btn-outline.invert.disabled span::after,
.sessionAttributesGroup .btn-outline.disabled span::after, .sessionAttributesGroup .btn-outline.invert.disabled span::after {
    border-bottom: 0.125em solid #0077C8;
}

[class*="btn-"]:hover {
    color: #fff;
    background-color: #9B26B6;
    border-color: transparent;
}

[class*="btn-"]:focus {
    box-shadow: 0 0 0 2px #9B26B6;
}

.qbPanelFilmSessions [class*="btn-"]:focus {
    box-shadow: 0 0 0 2px #fff;
}

[class*="btn-"] span {
    position: relative;
}

[class*="btn-"].inline {
    display: inline-block;
}

.btn-starpass {
    background-image: url(../Images/starpass-logo-nav.svg);
    background-size: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    margin: 0;
    min-width: 0;
    width: 150px;
    min-height: 54px;
}

@media (min-width: 769px) {
    .btn-starpass {
        margin-top: 21px;
        vertical-align: top;
    }
}

.btn-starpass:focus {
    box-shadow: 0 0 0 2px #fff;
}

.btn-starpass-login {
    background-image: url(../Images/starpass-logo-login.svg);
    background-size: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 50px;
}

    .btn-starpass-login:hover {
        background-image: url(../Images/starpass-logo-nav.svg);
    }

@media(max-width:768px) {

    .btn-starpass {
        vertical-align: top;
        margin-top: 12px;
    }
}

.mobileSecondaryNav .btn-starpass {
    display: none;
}

@media(max-width:590px) {

    .btn-starpass {
        display: none;
    }

    .mobileSecondaryNav .btn-starpass {
        display: block;
    }
}

.multiple-buttons {
    margin-bottom: 20px;
}

    .multiple-buttons:last-child {
        margin-bottom: 0;
    }

@media (min-width: 768px) {

    .multiple-buttons {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px;
    }

        .multiple-buttons:last-child {
            margin-right: 0;
        }
}

.btn-social {
    border-radius: 3px;
    color: #fff;
    background: none;
    border: none;
}

.btn-ae-facebook {
    background: #3B5998;
}

    .btn-ae-facebook:before {
        content: "\f39e";
        float: left;
        font-family: "Font Awesome 5 Brands";
        font-size: 24px;
        line-height: 24px;
    }

.btn-ae-twitter {
    background: #3F99FF;
}

    .btn-ae-twitter:before {
        content: "\f099";
        float: left;
        font-family: "Font Awesome 5 Brands";
        font-size: 24px;
        line-height: 24px;
    }

.btn-ae-google {
    background: #D50F25;
}

    .btn-ae-google:before {
        content: "\f0d5";
        float: left;
        font-family: "Font Awesome 5 Brands";
        font-size: 24px;
        line-height: 24px;
    }

.displayBtnDate {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: block;
}

.displayBtnDay {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

#films-datepicker-btn {
    color: #fff;
    border-radius: 0 5px 5px 0;
    background-color: #0077C8;
}

.inline-btns {
    display: flex;
}

    .inline-btns [class*="btn-"] {
        min-width: unset;
        text-transform: unset;
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        font-size: 18px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        min-width: 10px;
    }

.searchBtn {
    position: absolute;
    right: 0;
    color: #fff;
    top: 18px;
    background: none;
    border: none;
    font-size: 38px;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    height: 46px;
}

    .searchBtn:hover {
        opacity: .8;
    }

    .searchBtn:focus {
        box-shadow: 0 0 0 2px #fff;
    }

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

.btn-forgot {
    margin-left: 20px;
    display: inline-block;
}

@media (max-width: 767px) {
    .btn-forgot {
        margin-left: 0;
        margin-top: 10px;
    }

    .searchBtn {
        font-size: 29px;
        top: 15px;
    }
}

/*flex container for buttons*/
.buttons-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: -20px;
}

    /*add top margin buttons*/
    .buttons-container > * {
        margin-top: 10px;
    }

.btn-multi {
    margin-left: 20px;
}

.flex-center {
    justify-content: center;
}

.input-group-btn .btn {
    min-width: unset;
}

@media (max-width: 767px) {
    .btnGroup .btn-primary {
        display: block;
    }

        .btnGroup .btn-primary + .btn-primary {
            margin-top: 14px;
        }
}

@media (min-width: 768px) {
    .btnGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .btnGroup .btn-primary {
            max-width: calc(50% - 7px);
        }

            .btnGroup .btn-primary + .btn-primary {
                margin-left: 10px;
            }
}

.btn-new-token {
    display: block;
    margin-bottom: 15px;
}

.btn-fw {
    width: 100%;
}

.concessionsBtnContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 32px;
}
.concessionsBtn {
    text-align: center;
    color: #000;
    background: #ebebf3;
    border-right:2px solid #fff;
    transition:0.3s;
    padding:15px 25px;
    cursor:pointer;
    flex:1 0 auto;
    font-size:18px;
}
.concessionsBtn:hover,
.concessionsBtn.isActive {
    background: #9926b7;
    color:#fff;
}
.concessionsBtnContainer:last-child {
    border-right: none;
}
@media (max-width:990px) {
    .concessionsBtn {
        font-size: 14px;
        padding: 15px 8px;
    }
}
.remove-btn {
    cursor: pointer;
    transition: 0.3s;
    color: #E40046;
}

.remove-btn:hover {
    color:#444;
}
.formRow {
    margin: 12px 0 0;
}

form.pc_form .formblock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
}

.formCustomError {
    margin: 0 0 40px;
}


/* form1 generic */
.form1 .formRow {
    margin: 12px 0 0 0;
}

.form1 .gridRow {
    padding: 0;
}

@media (min-width:768px) {
    .form1 .formRow {
        margin: 20px 0 0;
        padding: 0;
    }
}

.form1 select {
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    position: relative;
    text-align: left;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.form1 .btn-submit {
    margin: 20px auto 30px;
}

@media (min-width:768px) {
    .form1 .btn-submit {
        margin: 40px 0 60px;
    }
}

.form1 .select-1 {
    position: relative;
}

    .form1 .select-1:after {
        content: "";
        display: inline-block;
        position: absolute;
        z-index: 0;
        top: 60%;
        right: 16px;
        margin-top: -14px;
        width: 25px;
        height: 15px;
        background-image: url(/images/arrow-icon-red.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

.form1 .mr-0 {
    margin-right: 0
}

form.pc_form.LoyaltyLoginPanel.form1 {
    max-width: 450px;
    margin: 0 auto;
    padding: 28px;
    background: #003f64;
}

    form.pc_form.LoyaltyLoginPanel.form1 .reset {
        color: #fff;
        text-decoration: none;
        float: right;
        margin-top: 14px;
    }

    form.pc_form.LoyaltyLoginPanel.form1 .formRow {
        margin: 12px 0 0 0;
    }

form.LoyaltyCheckInStoreMember {
    margin: 0 auto 60px auto;
}

    form.LoyaltyCheckInStoreMember .formRow {
        margin: 12px 0 0 0;
    }

.generalinvalid {
    margin: -10px 0 30px;
}

    .generalinvalid p,
    .generalinvalid li {
        color: #E40046;
        font-size: 14px;
        line-height: 16px;
    }

    .generalinvalid ul {
        margin: 10px 0 0;
    }

        .generalinvalid p.ok {
            color: #008000;
        }

@media (min-width: 768px) {
    .generalinvalid {
        margin: -20px 0 40px;
    }

        .generalinvalid.tokens-list {
            margin: 20px 0 40px;
        }
}

.LoyaltyLogin .generalinvalid {
    border-color: #bf4747;
    color: #bf4747;
    margin-bottom: 10px;
}

@media (min-width:768px) {
    .form1 .customSelect:last-child {
        margin-right: 0;
    }
}

.formLabel {
    color: #2C2A29;
    display: block;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1.8px;
    line-height: 22px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.formHelper {
    color: #2C2A29;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 0;
}

.belowError {
    margin: -10px 0 20px;
}

@media (min-width: 768px) {
    .belowError {
        margin: -30px 0 20px;
    }
}

.formError {
    display: none;
}

.formLabel .formError {
    font-size: 14px;
    line-height: 16px;
    text-transform: none;
    color: #E40046;
    font-weight: normal;
}

.invalid .formLabel .formError {
    display: block;
}


.formErrorMessage {
    margin-top: 10px;
}

    .formErrorMessage p {
        color: #E40046;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
    }

.formField {
    background: #fff;
    border: 2px solid #2C2A29;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0,61,91,0.2);
    color: #2C2A29;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 22px;
    padding: 0 10px;
    width: 100%;
}

    .customSelect.disabled,
    .formField.disabled {
        opacity: 0.6;
    }

.quickbook select.formField, .cinemaSelectRow select.formField {
    color: #0077C8;
}

@media(min-width:768px) {
    .quickbook select.formField, .cinemaSelectRow select.formField {
        font-size: 24px;
        line-height: 29px;
        padding: 14px 10px;
        height: 63px;
    }
}

.formField.fifty-percent {
    width: 100%;
}

.extraContactOption {
    display: none;
}

@media (min-width:768px) {
    .formField.fifty-percent {
        width: 50%;
    }
}

textarea.formField {
    height: 150px;
    padding: 10px;
}

.formField-half {
    width: calc((50%) - 8px);
    float: left;
}

    .formField-half + .formField-half {
        float: right;
    }

@media (min-width: 1280px) {
    .formField-half {
        width: calc((50%) - 10px);
    }
}

.formField:focus,
.customSelect:focus {
    color: #0077C8;
    outline: none;
    box-shadow: 0 0 0 2px #0077C8;
    border-color: #0077C8;
}

.cinemaSelectRow select.formField:focus {
    box-shadow: 0 0 0 2px #9b26b6;
}

.quickbook .formField:focus,
.quickbook .customSelect:focus {
    box-shadow: 0 0 0 2px #fff;
    border-color: #fff;
}

.labelFocus {
    color: #0077C8;
}

.invalid .formField, .ContactUs .invalid .formField {
    border-color: #E40046;
    color: #2C2A29;
}

.invalid .formLabel,
.formRow.invalid .formLabel {
    color: #E40046;
}

.invalid .formField, .ContactUs .invalid .formField {
    border-color: #E40046;
    color: #2C2A29;
}

.invalid .formLabel {
    color: #E40046;
}

.formErrorGroup {
    color: #bf4747;
    background: #f4e1e1;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    padding: 8px 10px;
    margin: 22px 0 0;
}


.formField::-webkit-input-placeholder {
    color: #565554;
}

.formField::-moz-placeholder {
    color: #565554;
}

.formField:-ms-input-placeholder {
    color: #565554;
}

.formField:-moz-placeholder {
    color: #565554;
}

.formCheckbox,
.formRadio {
    position: relative;
    display: block;
    min-height: 22px;
    line-height: 22px;
    padding: 0 0 0 38px;
    font-size: 15px;
    color: #686868;
}

    .formCheckbox + .formCheckbox,
    .formRadio + .formRadio {
        margin-top: 12px;
    }

.formCheckboxInput,
.formRadioInput {
    position: absolute;
    z-index: -1;
    left: -99999px;
}

.formCheckboxIcon,
.formRadioIcon {
    width: 22px;
    height: 22px;
    border: 1px solid #e4e4e2;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px auto;
    border-radius: 3px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    cursor: pointer;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.formRadioIcon {
    border-radius: 50%;
}

.formCheckboxInput:focus + .formCheckboxIcon,
.formRadioInput:focus + .formRadioIcon {
    border-color: #727272;
}

.formCheckboxInput:checked + .formCheckboxIcon,
.formRadioInput:checked + .formRadioIcon {
    border-color: #003F64;
    background-color: #003F64;
    background-image: url("/images/tick-white-icon.svg");
}

.invalid .formCheckboxIcon,
.invalid .formRadioIcon {
    border-color: #bf4747;
    background-color: #f4e1e1;
}

/* custom select */
.customSelect {
    padding: 0;
    position: relative;
}

    .customSelect:after {
        background-color: #ededed;
        border: none;
        border-radius: 0 2px 2px 0;
        bottom: 2px;
        color: #0077C8;
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        padding: 14px 16px;
        pointer-events: none;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 48px;
        z-index: 1;
    }

.invalid .customSelect:after {
    border-color: #bf4747;
    background-color: #f4e1e1;
}

@media(min-width:768px) {
    .quickbook .customSelect:after, .cinemaSelectRow .customSelect:after {
        padding: 20px 16px;
    }
}


input [type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.formRow .formCheckbox {
    opacity: 0;
}

.formRowCheckbox {
    margin: 30px auto;
}

    .formRowCheckbox label {
        cursor: pointer;
        line-height: 29px;
    }

        .formRowCheckbox label:before {
            content: "\f0c8";
            font-family: "Font Awesome 5 Free";
            font-size: 28px;
            width: 27.5px;
            line-height: 27.5px;
            height: 27.5px;
            font-weight: normal;
            color: #000;
            display: inline-block;
            vertical-align: top;
            border-radius: 3px;
            text-align: center;
        }

        .formRowCheckbox label p {
            display: inline;
        }

    .formRowCheckbox input {
        position: absolute;
        left: -999999px;
    }

        .formRowCheckbox input:checked + label:before {
            content: "\f14a";
        }

        .formRowCheckbox input:focus + label:before {
            box-shadow: 0 0 0 2px #0077C8;
        }

    .formRowCheckbox a:hover {
        color: #9c27b6;
    }

    .formRow-dob {
        display: inline-block;
        margin-right: 3%;
        width: calc((31.33%) - 3.67px);
    }

    .formRow-dob:last-child {
        margin-right: 0;
    }

.formRow-zip {
    margin-top: 12px;
    width: 100%;
}

@media (min-width:768px) {
    .formRow-zip {
        display: inline-block;
        margin-right: 4%;
        margin-top: 0;
        width: calc((48%) - 2.23px);
    }

        .formRow-zip:last-child {
            margin-right: 0;
        }
}

.invalid.formRowCheckbox label {
    color: #E40046;
}

.starpassRadio {
    display: inline-block;
    margin-right: 50px;
}

/* Custom Radio buttons */
.radio-label {
    cursor: pointer;
}

.radioCustom input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .radioCustom input[type="radio"] + .radio-label:before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-size: 28px;
        line-height: 29px;
        position: relative;
        top: 4px;
        margin-right: 12px;
        cursor: pointer;
        border-radius: 50%;
    }

    .radioCustom input[type="radio"]:checked + .radio-label:before {
        content: "\f192";
    }

    .radioCustom input[type="radio"]:focus + .radio-label {
        color: #0077C8;
    }

        .radioCustom input[type="radio"]:focus + .radio-label:before {
            box-shadow: 0 0 0 2px #0077C8;
        }

/* Custom Radio buttons */

.formRow .oneHalf {
    width: calc(50% - 10px);
    margin-right: 20px;
    float: left;
}

    .formRow .oneHalf:last-child {
        margin-right: 0;
    }

@media(max-width:767px) {
    .formRow .oneHalf {
        width: 100%;
        margin-right: 0;
    }
}

.contactCaptcha {
    display: inline-block;
}

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

legend {
    display: block;
    width: 100%;
}

#g-recaptcha.invalid {
    border: 2px solid #E40046;
    overflow: hidden;
    border-radius: 3px;
}
.hero {
    max-width: 1440px;
    position: relative;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .hero {
        overflow: hidden;
    }
}

.heroItem {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}

.heroItemImageContain {
    position: relative;
    height: 395px;
    overflow: hidden;
    background: #ECEBF2;
}

.home .heroItemImageContain {
    height: 540px;
}

@media(max-width:767px) {
    .heroItemImageContain {
        height: 500px;
    }
}

.heroItemImageContain.single {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 30.55555%;
    background: #ECEBF2;
}

.heroItemImage,
.heroItemImageMobile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

@media(min-width:768px) {
    .heroItemImageMobile {
        display: none;
    }
}

@media(max-width:767px) {
    .heroItemImage {
        display: none;
    }
}

.heroItemVideoContain {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 57.8125%;
}

.heroItemVideo {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    /*max-height: 520px;*/
}

.heroItemContent {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 150px;
    width: calc(45% - 150px);
    z-index: 98;
}

@media (max-width:1299px) {
    .heroItemContent {
        right: 40px;
        width: calc(58% - 40px);
    }
}

.subpage .heroItemContent {
    left: 150px;
    width: calc(45% - 150px);
}

.filminfo .heroItemContent {
    right: unset;
    left: 157px;
    width: calc(50% - 157px);
}

@media (max-width:1299px) {
    .filminfo .heroItemContent {
        right: unset;
        left: 40px;
        width: calc(90% - 40px);
    }
}

@media (max-width:767px) {
    .heroItemContent {
        top: unset;
        position: absolute;
        bottom: 55px;
        transform: unset;
        right: unset;
        width: calc(100% - 20px);
        padding: 0 10px 20px;
    }

    .subpage .heroItemContent {
        left: 0;
        width: unset;
    }

    .filminfo .heroItemContent {
        right: unset;
        left: 10px;
        width: calc(100% - 20px);
    }
}

.heroItemCopy {
    margin: 0;
}

.heroItemIntro {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media (max-width:767px) {
    .heroItemIntro {
        font-size: 16px;
        line-height: 18px;
    }
}

.heroItemTitle {
    margin: 0;
    color: #fff;
    text-shadow: -1px 1px 0 rgba(58, 58, 58, .6);
    font-size: 48px;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 300;
}

@media (max-width:767px) {
    .heroItemTitle {
        font-size: 36px;
        line-height: 42px;
    }
}

.heroItemSubTitle {
    font-size: 19px;
    color: #fff;
    text-shadow: -1px 1px 0 rgba(58, 58, 58, .6);
    margin: 0;
    float: left;
    text-transform: uppercase;
    line-height: 40px;
}

.heroFilmDetailsContainer {
    margin-top: 20px;
    margin-bottom: 50px;
}

.heroFilmDetails {
    color: rgba(255,255,255,0.6);
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    padding-left: 7px;
    border-left: 1px solid rgba(255,255,255,0.6);
    margin-left: 7px;
}

    .heroFilmDetails:first-of-type {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

.heroItemSubTitleItem {
    display: inline-block;
    font-size: 17px;
}


    .heroItemSubTitleItem + .heroItemSubTitleItem:before {
        content: "";
        width: 1px;
        height: 24px;
        border-radius: 2px;
        margin: 0 16px 0 12px;
        vertical-align: middle;
        display: inline-block;
        background: rgba(255, 255, 255, .5);
    }

.heroSocialImage {
    display: inline-block;
    height: 45px;
    margin-left: 10px;
}

    .heroSocialImage:first-child {
        margin-left: 0;
    }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 35px 35px;
    width: 45px;
    height: 45px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 50%;
}

    .slick-arrow:focus {
        box-shadow: 0 0 0 2px #9B26B6;
    }

.slick-prev {
    left: 6.25%;
    background-image: url("/images/slider-chevron-purple-left.svg");
    background-position: 20% 50%;
}

.slick-next {
    background-position: 70% 50%;
}

@media (min-width: 768px) {
    .slick-prev {
        left: 6.94%;
        background-size: 50px 50px;
        width: 60px;
        height: 60px;
    }

    .slick-next {
        background-size: 50px 50px;
        width: 60px;
        height: 60px;
    }
}

.slick-prev:focus,
.slick-prev:hover {
    outline: none;
    opacity: 1;
}

.slick-next {
    right: 6.25%;
    background-image: url("/images/slider-chevron-purple-right.svg");
}

@media (min-width: 768px) {
    .slick-next {
        right: 6.94%;
    }
}

@media (max-width:1299px) {
    .slick-prev {
        left: 2.94%;
    }

    .slick-next {
        right: 2.94%;
    }
}


.slick-next:focus,
.slick-next:hover {
    outline: none;
    opacity: 1;
}

@media (max-width:767px) {
    .slick-arrow {
        display: none !important;
    }
}


/* Dots */
.slick-dots {
    position: absolute;
    bottom: 28px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
            position: relative;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

            .slick-dots li button:hover:before {
                opacity: 0.6;
                color: #00A9E0;
            }

            .slick-dots li button:focus {
                box-shadow: 0 0 0 2px #9B26B6;
                border-radius: 50%;
            }

            .slick-dots li button:before {
                content: '';
                position: absolute;
                z-index: 0;
                top: 50%;
                left: 50%;
                width: 16px;
                height: 16px;
                transform: translate(-50%, -50%);
                opacity: 1;
                background-color: rgba(255,255,255,0.3);
                border-radius: 50%;
                border: 1px solid #2C2A29;
            }

        .slick-dots li.slick-active button:before {
            opacity: 1;
            background-color: #00A9E0;
        }

.heroGradient {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(-90deg, rgba(44,42,41,0) 50%, #0A0365 95%);
    z-index: 95;
}

.heroBgShapes {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../Images/HeroTransparentShapes.svg);
    z-index: 90;
    background-position: left center;
    background-repeat: no-repeat;
}


@media (max-width:767px) {
    .heroGradient {
        background-image: linear-gradient(180deg, rgba(44,42,41,0) 50%, #0A0365 95%);
    }

    .heroBgShapes {
        background-image: url(../Images/HeroTransparentShapesSM.svg);
    }
}

.picker {
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-block;
}

    .picker.isActive {
        z-index: 98;
    }

.pickerBtn {
    color: #737373;
    font-size: 17px;
    background: #fff;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    padding: 12px 46px 12px 16px;
    position: relative;
    text-align: left;
    width: 100%;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 4px;
}

@media (min-width: 768px) {
    .pickerBtn {
        padding-right: 48px;
        font-size: 19px;
    }
}

.pickerBtn:focus,
.pickerBtn:hover {
    outline: none;
}

.pickerBtn[disabled] {
    opacity: .5;
    cursor: default;
}

.picker.isActive .pickerBtn {
    background-color: #fff;
    /*border:1px solid #E0E0E0;*/
}

.picker-date .pickerBtn:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url("/images/cal-icon.svg") no-repeat 0 0;
    background-size: 100% auto;
    margin-right: 7px;
}

@media (min-width: 768px) {
    .picker-date .pickerBtn:before {
        margin-top: 2px;
    }
}

.pickerBtn:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 0;
    top: 60%;
    right: 12px;
    margin-top: -14px;
    width: 25px;
    height: 15px;
    background-image: url(/images/arrow-icon-red.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.picker.isActive .pickerBtn:after {
    transform: rotate(180deg);
}


/*.pickerBtn[disabled]:hover:after {
    background-image: url("/images/icon-minus.svg");
}

.picker.isActive .pickerBtn:after {
    background-image: url("/images/icon-minus.svg");
}*/

.pickerBtnLabel {
    color: #222222;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-transform: uppercase;
}

.pickerBtn:hover .pickerBtnLabel {
    /*color: #990000;*/
}

.pickerList {
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 6px 6px;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    max-height: 0;
    padding: 0 16px;
    border: none;
}

.picker.isActive .pickerList {
    max-height: 300px;
    max-height: 40vh;
    padding: 16px;
}


@media (min-width: 768px) {

    .pickerList {
        position: absolute;
        z-index: 98;
        top: 95%;
        left: 0;
        right: 0;
    }

    .picker-cinema-qb.picker.isActive .pickerList {
        left: -1px;
        right: -1px;
    }
}

.pickerListItems {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
    max-height: 270px;
    max-height: calc((40vh) - 30px);
}

    .pickerListItems .jspVerticalBar {
        background: none;
        width: 15px;
    }

    .pickerListItems .jspTrack {
        background: #E0E0E0;
        border-radius: 4px;
        width: 15px;
    }

    .pickerListItems .jspDrag {
        background: #666;
        width: 9px;
        border-radius: 10px;
        margin-left: 3px;
    }

.pickerListTitle {
    color: #666666;
    margin: 25px 0 0;
    font-weight: bold;
    text-transform: uppercase;
}

    .pickerListTitle:first-child {
        margin-top: 0;
    }

.pickerListLink {
    color: #666666;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    display: block;
    margin-top: 16px;
}

    .pickerListLink:first-child {
        margin-top: 0;
    }

    .pickerListLink.pickerListDivider {
        border-bottom: 1px solid #e5e5e3;
        padding-bottom: 16px;
    }

    .pickerListLink:focus,
    .pickerListLink:hover {
        outline: none;
        text-decoration: underline;
    }

    .pickerListLink[disabled] {
        opacity: .5;
        cursor: default;
        text-decoration: none;
    }

    .pickerListLink.active {
        color: #000;
    }

        .pickerListLink.active:before {
            content: "";
            display: inline-block;
            vertical-align: text-bottom;
            margin-right: 6px;
            background: url("/images/tick-black-icon.svg") no-repeat 0 3px;
            width: 18px;
            height: 18px;
        }

.pickerGeo.pickerListDivider {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px;
}

.pickerGeo.loading:before,
.pickerGeo.loading:after {
    position: absolute;
}

.pickerGeoBtn {
    overflow: visible;
    background-color: transparent;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url("/images/geo-icon.svg");
    background-size: 20px auto;
    border: none;
    color: #990000;
    font-weight: bold;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0 30px 0 0;
    text-align: left;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
}

    .pickerGeoBtn:focus,
    .pickerGeoBtn:hover {
        outline: none;
        text-decoration: underline;
        color: #990000;
    }

.pickerGeoMessage {
    margin: 16px 0 0;
}

.pickerGeoList {
    margin: 16px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid #e5e5e3;
}

    .pickerGeoList .pickerListLink:first-child {
        margin-top: 16px;
    }

.pickerListItems a {
    margin-left: 20px;
}

/* date picker */
.datepicker {
    background: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5);
    color: #2C2A29;
    display: none;
    font-size: 14px;
    height: 363px;
    line-height: 23px;
    padding: 0;
    position: absolute;
    width: 337px;
    z-index: 99;
}

.datepicker table {
    width: 295px;
    margin: 0 auto;
    border-collapse: collapse;
}

.datepicker td span,
.datepicker td,
.datepicker th {
    font-size: 14px;
    text-align: center;
    height: 23px;
    width: 42px;
    float: left;
    margin-bottom: 16px;
    position: relative;
    border: none;
    padding: 0;
}
@media (max-width:767px) {
    .datepicker table {
        width: 90%;
    }
    .datepicker td span,
    .datepicker td,
    .datepicker th { width: 14%; }
}
.datepicker-months td,
.datepicker-months td,
.datepicker-years td,
.datepicker-years td {
    width: 100%;
    height: auto;
    font-size: 0;
    border: none;
}

.datepicker th {
    font-weight: normal;
}

.datepicker td {
    font-weight: normal;
}

.datepicker td.day:hover,
.datepicker span.month:hover,
.datepicker span.year:hover {
    color: #fff;
    cursor: pointer;
}

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    color: #fff;
    opacity: 1;
}

.datepicker td.day:hover:before,
.datepicker span.month:hover:before,
.datepicker span.year:hover:before,
.datepicker td span:hover:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-color: #9B26B6;
    border-radius: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .datepicker td:focus:before,
    .datepicker td.focused:before,
    .datepicker span:focus:before,
    .datepicker span.focused:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        box-shadow: 0 0 0 2px #0077C8;
        border-radius: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active {
    color: #fff;
    opacity: 1;
    position: relative;
}

.datepicker td.active:before,
.datepicker td span.active:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-color: #9B26B6;
    border-radius: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.datepicker td span.old {
    font-weight: normal;
}

.datepicker td.day.disabled,
.datepicker td.day.disabled:hover,
.datepicker td.day.disabled-film,
.datepicker td.day.disabled-film:hover {
    background: none;
    cursor: default;
    font-weight: normal;
    color: #cbcbcb;
    opacity: 1;
}

.datepicker td.day.disabled:before,
.datepicker td.day.disabled-film:before {
    display: none;
}

    .datepicker th.datepicker-switch {
        color: #000000;
        font-size: 20px;
        line-height: 23px;
        margin: 27px 0 25px;
        width: 100%;
    }

.datepicker th.next,
.datepicker th.prev {
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0;
    margin: 0;
    overflow: hidden;
    text-indent: 0;
    position: absolute;
    width: 50px;
    height: 75px;
    line-height: 75px;
    z-index: 1;
}

.datepicker th.next {
    right: 21px;
}

.datepicker th.prev {
    left: 21px;
}

.datepicker th.next:before {
    color: #0077C8;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: bold;
}

.datepicker th.prev:before {
    color: #0077C8;
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: bold;
}

.datepicker th.next:focus:after,
.datepicker th.prev:focus:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 2px #0077C8;
    border-radius: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.datepicker thead tr:first-child th {
    cursor: pointer;
    vertical-align: middle;
    height: 23px;
    border: none;
}

 /*/date picker*/
.filterDate {
    text-align: center;
    margin: 50px auto;
    max-width: 1025px;
}

@media(max-width:1024px) {
    .filterDate {
        text-align: center;
        margin: 25px 0;
    }
}


@media (max-width:767px) {
    .datepicker-dropdown {
        left: 0 !important;
        right: 0;
        width: 100%;
        position: fixed;
        top: 20% !important;
    }
}


.sessions {
    margin: 0 auto 12px;
    padding: 0 0 6px;
    max-width: 1025px;
}

@media (max-width: 767px) {
    .sessions {
        overflow: hidden;
        margin-bottom: 12px;
    }
}


.sessions.first {
    margin-top: 0;
}

.sessionsTitle {
    font-size: 19px;
    margin: 0 0 16px 0;
}

.session-qb .sessionsTitle {
    color:#fff;
}

.sessions.showtitle .sessionsTitle {
    display: block;
}

.session {
    font-size: 20px;
    line-height: 24px;
    border-radius: 4px;
    padding: 10px 8px;
    display: inline-block;
    width: calc((33.33%) - 16px);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 150px;
    margin: 0 25px 8px 0;
    height: 50px;
    vertical-align: top;
}


.stListItemSessions .session:nth-child(odd) {
    margin-right:8px;
}


@media (max-width: 767px) {
    .session {
        display: block;
        margin: 0 15px 15px 0;
        width: calc(25% - 15px);
        float: left;
        min-width:unset;
    }

    .session:nth-child(4n) {
        margin-right:0;
    }
}

@media (max-width: 500px) {
    .session {
        display: block;
        margin: 0 15px 15px 0;
        width: calc(50% - 15px);
        float: left;
        min-width:unset;
    }

    .session:nth-child(even) {
        margin-right:0;
    }
}

@media (max-width: 767px) {
    .qbSingleFilm .session {
        width: calc((50%) - 4px);
        margin-right: 8px;
    }

    .qbSingleFilm .session:nth-child(odd) {
        margin-right: 0;
    }
}


.sessionExp {
    color: #737373;
    font-size: 11px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    font-weight: normal;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sessionExpItem {
    float: right;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 0;
    display:none;
    background-repeat:no-repeat;
    background-position:center;
}

.sessionExpItem[data-session-exp-item="Premium"],
.sessionExpItem[data-session-exp-item="Reserved"],
.sessionExpItem[data-session-exp-item="3D"],
.sessionExpItem[data-session-exp-item="GTX"],
.sessionExpItem[data-session-exp-item="CC"],
.sessionExpItem[data-session-exp-item*="21"]
{
    display:block;
}

.sessionExpItem[data-session-exp-item="3D"],
.sessionExpItem[data-session-exp-item="CC"]
{
    font-size:12px;
}

.sessionExpItem[data-session-exp-item*="21"] {
    width: auto;
}

.sessionExpItem[data-session-exp-item*="21"]:before {
    content: "21+";
    font-size: 12px;
}

.sessionExpItem[data-session-exp-item="Premium"] {
    background-image: url(/images/icons_premium.svg);
    background-position-y: 0;
    background-size: 16px 15px;
}

.sessionExpItem[data-session-exp-item="Reserved"] {
    background-image: url(/images/icons_reserved.svg);
}

.sessionExpItem[data-session-exp-item="GTX"] {
    font-size: 0;
    background-image: url(/images/icons_gtx.svg);
    width: 24px;
    background-size: 24px 24px;
}

@media (min-width: 768px) {
    .sessionExp {
        margin-top: 2px;
    }
}

.session-link:active .sessionExp,
.session-link:hover .sessionExp,
.session-link.active .sessionExp {
    color: #fff;
}


.session-almostfull {
    position: relative;
    margin-bottom: 25px;
}

    .session-almostfull:after {
        content: "ALMOST FULL";
        position: absolute;
        z-index: 0;
        top: 100%;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: 2px;
        font-size: 16px;
        color: #2C2A29;
    }

.qbPanelFilmSessions .session-almostfull:after {
    color: #fff;
}
.sessionAttributesGroup {
    margin-bottom: 40px;
    clear: both;
}

.sessionAttributesTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 25px;
    text-transform: uppercase;
}


.searchBox {
    display: inline-block;
}

.searchBox {
    position: absolute;
    right: 240px;
    top: 0;
}


@media (max-width: 899px) {

    .searchBox {
        right: 187px;
        text-transform: uppercase;
    }

    .searchBoxBtn {
        height: 68px;
    }

    .searchBox:after {
        content: "";
        height: 4px;
        background: #fff;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .qb.isActive .qbBtn:after {
        opacity: 1;
    }
}

@media (min-width: 1281px) {
    .searchBox {
        width: 68px;
        font-size: 18px;
        font-weight: bold;
    }

    .searchBoxBtn {
        height: 68px;
    }
}

@media (min-width: 900px) and (max-width: 1280px) {
    .searchBox {
        font-size: 14px;
        right: 88px;
    }

    .searchBoxBtn {
        height: 68px;
    }
}

.titleSearchForm {
    min-width: 300px;
    background-color: white;
    border: 1px solid grey;
    padding: 5px;
    position: absolute;
    right: 0;
    display: none;
}

    .titleSearchForm input {
        font-size: 1rem;
        font-weight: initial;
        width: 100%;
    }

.qb {
    display: inline-block;
}

.isActive .btnInactive {
    display: none;
}

.btnActive {
    display: none;
}

.isActive .btnActive {
    display: block;
}


.qbBtn {
    background: none;
    border: none;
    font-weight: bold;
    padding: 8px;
    cursor: pointer;
    border-radius: 4px;
    margin: 0;
}

@media(max-width:590px) {
    .qbBtn {
        width: auto;
        margin-top: 21px;
        line-height: 0;
        background-color: #0077C8;
    }
    
    .qbBtn span {
        display:none;
    }
}

@media (min-width: 591px) and (max-width:768px) {
    .qbBtn {
        width: 130px;    
        margin: 14px 25px 0 0;
        padding: 3px 8px;
    }
}

@media (min-width: 769px) {
    .qbBtn {
        height: 50px;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
        margin: 21px 10px 0 0;
    }
}

@media (min-width: 900px) {
    .qbBtn {
        margin-right: 25px;
    }
}

.qbBtn.isActive {
    background-color: #0077C8;
}

.qbBtn:hover,
.qbBtn:focus {
    box-shadow: 0 0 0 2px #fff;
    text-decoration: none;
}

.qbBtn .fa-ticket-alt {
    display:none;
}

@media(max-width:590px) {
    .qbBtn .fa-ticket-alt {
        display: block;
    }
}

#qb-datepicker-btn {
    background-color: #0077C8;
    color: #fff;
    border-radius: 0 5px 5px 0;
}

.qbPanelOverlay {
    display: none;
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
}

.qbPanelSingleOverlay {
    display: none;
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    height: 100vh;
}

.qbPanel {
    display: none;
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 0 40px;
    background-color: #10069F;
    box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.3);
}

@media (max-width: 899px) {
    .qbPanel {
        max-height: calc((100vh) - 82px);
    }

}

@media (min-width: 900px) {
    .qbPanel {
        overflow: auto;
        max-height: calc((100vh) - 98px );
    }
}

@media (min-width: 1280px) {
    .qbPanel {
        border-bottom-width: 6px;
        padding: 30px 0 0;
    }
}

.qbPanel.isActive {
    display: block;
}

.qbPanel.loading:before,
.qbPanel.loading:after {
    position: absolute;
}

.qbPanel > .gridRow {
    position: static;
    padding-left: 22px;
    padding-right: 22px;
}


.qbPanelFilms {
    margin: 20px 0;
    position: relative;
    min-height: 287px;
}

@media (max-width: 899px) {
    .showfilm .qbPanelFilms,
    .showfilm .filterRow-exp {
        display: none;
    }

    .qbPanelFilms {
        min-height: 150px;
    }
}

@media (min-width: 1280px) {
    .qbPanelFilms {
        margin: 20px 0;
        overflow: hidden;
    }
}

.qbPanelFilms .qbPanelFilmsMessage {
    display: none;
}

.qbPanelFilms.noresults .qbPanelFilmsMessage {
    display: block;
    font-size: 15px;
    text-align: center;
    color: #fff;
    z-index: 10;
    position: relative;
}


.qbPanelFilmsItem {
    padding: 0 8px;
    display: none !important;
    width: 125px;
    margin: 0;
}

@media (max-width: 767px) {
    .qbPanelFilmsItem {
        width: calc((100vw - 30px) / 3);
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    .qbPanelFilmsItem {
        width: calc((100vw - 30px) / 6);
    }
}

.qbPanelFilmsItem.active {
    display: inline-block !important;
}

@media (min-width: 900px) {
    .qbPanelFilmsItem {
        padding: 0 10px;
        width: 210px !important;
    }
}

.qbPanelFilmsItemBtn {
    background: none;
    border: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    position: relative;
    padding-top: 150%;
}

    .qbPanelFilmsItemBtn img {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.qbPanelFilmsItemOverlay {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    padding: 8px;
    /*background: rgba(0, 0, 0, .8);*/
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    text-shadow: -1px 2px 0 rgba(58, 58, 58, .6);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    pointer-events: none;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (min-width: 1280px) {
    .qbPanelFilmsItemOverlay {
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 10px;
    }
}

.qbPanelFilmsItemBtn:hover .qbPanelFilmsItemOverlay {
    opacity: 1;
}

.qbPanelFilmsItemOverlayBtn {
    position: absolute;
    z-index: 0;
    bottom: 14px;
    left: 50%;
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

@media (max-width: 1279px) {
    .qbPanelFilmsItemOverlayBtn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        bottom: 12px;
    }
}

@media (max-width: 440px) {

    .qbPanelFilmsItemOverlayBtn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        bottom: 12px;
        font-size: 12px;
        padding: 6px;
        margin: 0;
    }
}

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

.qbPanelFilm:after {
    clear: both;
}

@media (max-width: 899px) {
    .qbPanelFilmImage {
        display: none;
    }
}

@media (min-width: 900px) {
    .qbPanelFilmImage {
        position: absolute;
        z-index: 4;
        bottom: 20px;
        left: 16px;
        max-height: none;
        width: 190px;
    }
}

@media (min-width: 1280px) {
    .qbPanelFilmImage {
        bottom: 24px;
        left: calc((50%) - 722px);
    }
}

.qbPanelFilmSubTitle {
    margin: 0;
    font-size: 17px;
    color: #393939;
    display: none;
}

.qbPanelFilmTitle {
    color: #fff;
    margin: 0 auto 5px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 300;
}

@media (min-width: 900px) {

    .qbPanelFilmTitlePrefix {
        text-transform: uppercase;
    }
}

.qbPanelFilmTitlePrefix {
    text-transform: uppercase;
}

@media (max-width: 899px) {
    .qbPanelFilmTitlePrefix {
        color: #fff;
        display: block;
        font-size: 20px;
    }
}

.qbPanelFilmOverlay {
    background: grey;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 900px) {
    .qbPanelFilmOverlay {
        opacity: .95;
    }
}

.qbPanel .picker-cinema-qb,
.qbPanel .picker-date-qb,
.qbPanelFilm,
.qbPanelFilmClose,
.qbPanelFilmSessions {
    position: relative;
}

    .qbPanel .picker-cinema-qb.isActive,
    .qbPanel .picker-date-qb.isActive {
        z-index: 102;
    }

.qbPanelFilmClose {
    position: relative;
    z-index: 4;
    font-size: 15px;
    color: #fff;
    background: url(/images/arrow-white-small.svg) 0 0 no-repeat;
    /* background-size: 21px auto; */
    padding: 0 0 0 20px;
    /*margin: 0 0 16px;*/
    border: none;
    text-transform: uppercase;
    overflow: visible;
    cursor: pointer;
    position: relative;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.qbPanelFilmSessions .jspVerticalBar,
.qbSingleFilmSessions .jspVerticalBar {
    background: none;
    width: 15px;
}

.qbPanelFilmSessions .jspTrack,
.qbSingleFilmSessions .jspTrack {
    background: #E0E0E0;
    border-radius: 4px;
    width: 15px;
}

.qbPanelFilmSessions .jspDrag,
.qbSingleFilmSessions .jspDrag {
    background: #666;
    width: 9px;
    border-radius: 10px;
    margin-left: 3px;
    top: 2px;
}

@media (max-width: 899px) {
    .qbPanelFilmClose {
        margin-bottom: 20px;
    }
}

.qbPanelFilmClose:focus,
.qbPanelFilmClose:hover {
    outline: none;
    text-decoration: underline;
}

.qbPanelFilmSessions {
    margin: 0 auto;
    padding: 0 0 6px;
    max-width: 1025px;
}



.picker-cinema-qb,
.picker-date-qb {
    margin: 10px -16px 0;
    display: block;
    width: auto;
}

.picker-cinema-qb {
    margin: 0 auto 50px;
}

@media (max-width: 899px) {
    .picker-cinema-qb {
        margin-bottom: 20px;
    }

    .picker-date-qb {
        display: block;
        margin: 0 auto 20px;
    }
}

@media (min-width: 900px) {
    .picker-cinema-qb {
        margin-top: 8px;
        /*margin-left: -16px;*/
        display: block;
        width: 250px;
    }

    .picker-date-qb {
        display: none;
    }
}

@media (min-width: 980px) {
    .picker-cinema-qb {
        width: 500px;
    }
}

.qb .filterDate {
    position: relative;
    z-index: 4;
}

@media (max-width: 899px) {
    .qb .filterDate {
        margin-bottom: 8px;
        display: none;
    }         

    .qb .filterDate .filterDatePopupBtn {
        vertical-align: middle;
        margin-top: 10px;
    }
}


@media (max-width: 899px) {
    .qbPanelFilmSessions .sessions {
        padding: 0 10px;
        overflow: visible;
    }
}

.qbPanelFilmSessions .session {
    width: calc(25% - 16px);
    margin-right: 16px;
    min-width:unset;
}

@media (max-width: 768px) {
    .qbPanelFilmSessions .session {
        width: calc(33.3333% - 16px);
        margin-right: 16px;
        min-width:unset;
    }
    .qbPanelFilmSessions .session:nth-child(4n) {
        margin-right: 0;
    }
}
@media (max-width: 500px) {
    .qbPanelFilmSessions .session {
        width: calc(50% - 8px);
        margin-right: 0;
    }
   .qbPanelFilmSessions .session:nth-child(even) {
        margin-right: 16px;
    }
}

@media (min-width: 900px) {
    .qbPanelFilmSessions .session,
    .qbSingleFilm .session {
        width: calc(16% - 7px);
        float: left;
        margin-right: 14px;
        min-width: unset;
    }
}

.qbPanelFilmSessions .sessionExp {
    margin-top: 6px;
}

@media (min-width: 900px) {
    .qbSingleFilm {
        width: 878px;
        height: 584px;
        bottom: -878px;
        left: 50%;
        margin-left: -439px;
        padding: 30px;
    }
}

.qbSingleFilm {
    background: #c4061a;
    position: fixed;
    width: 878px;
    z-index: 11;
    padding: 45px 10px 10px 10px;
    border-radius: 4px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

@media (max-width: 899px) {
    .qbSingleFilm {
        width: 100%;
    }
}

.qbSingleFilm.open {
    bottom: auto;
    top: 0;
    z-index: 100;
    margin-left: 0;
}

@media (min-width: 900px) {
    .qbSingleFilm.open {
        bottom: 0px;
        margin-left: -439px;
        left: 50%;
        top: auto;
        width: 878px;
        padding: 30px;
    }
}

@media (max-width: 899px) {

    .qbSingleFilm h3.h3 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 18px;
    }
}

.qbSingleFilm h3.h3 {
    margin-bottom: 5px;
}

@media (max-width: 899px) {

    .qbSingleFilm h2.h1 {
        font-size: 34px;
        font-weight: bold;
    }
}

.qbSingleFilm h2.h1 {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 26px;
}

.qbSingleFilmInfo {
    width: 15.945330296127564%;
    float: left;
    margin: 0;
    color: #fff;
    display: none;
}

@media (min-width: 900px) {
    .qbSingleFilmInfo {
        display: block;
        margin-right: 2.733485193621868%;
        margin-top: 20px;
    }
}


.qbSingleFilmSessions {
    float: none;
    width: auto;
    margin-top: 20px;
}


@media (min-width: 900px) {

    .qbSingleFilmSessions {
        float: left;
        width: 80.86560364464692%;
        margin-top: 20px;
        max-height: 300px;
        overflow: hidden;
        overflow-y: auto;
    }
}

@media (min-width: 900px) {
    .qbSingleFilmClose {
        width: 28px;
        height: 28px;
        right: 20px;
    }
}

.qbSingleFilmClose {
    background: url(/images/cross-icon-white.svg) no-repeat 0 0;
    width: 22px;
    height: 22px;
    right: 20px;
    top: 20px;
    position: absolute;
}

.qbSingleFilmSessionsMessage {
    color: #fff;
    float: left;
}

.qbBtn .fa-chevron-up, .qbBtn.isActive .fa-chevron-down {
    display: none;
}

.qbBtn.isActive .fa-chevron-up {
    display:inline-block;
}

.dateText {
    color: #fff;
    margin-bottom: 40px;
}

.sessionsRow {
    margin-bottom: 40px;
}

.qbPanelTitle {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 20px;
    display: block;
}

.qb-attribute-group {
    display: block;
    margin-top: 10px;
}
.qb-attribute-group:after {
    content: "";
    display: table;
    clear: both;
}

.qb-attribute-group h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
}
.trailer {
  opacity: 0;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.trailer.active {
  opacity: 1;
  z-index: 999;
}

.trailerContent {
    max-width: 1070px;
    width: calc((100%) - 30px);
    max-height: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    padding: 60px 0 0;
    margin: 0 auto;
    background: transparent;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media (min-width: 1280px) {
    .trailerContent {
        padding: 72.5px 0 0;
        width: 100%;
    }
}

.trailerContentFrame {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    background: #000;
}

.trailerContentFrame iframe,
.trailerContentFrame video,
.trailerContentFrame .video-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.trailerClose {
  position: absolute;
  z-index: 0;
  top: 10px;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;  
  background-image: url("/images/trailer-close.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 22px auto;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  border-radius: 50%;
}

@media (min-width: 1280px) {
  .trailerClose {
    top: 18px;
  }
}

.trailerClose:hover,
.trailerClose:active {
  outline: none;
  opacity: .5;
}

.trailerClose:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff;
}

.trailerContentFrame .vjs-big-play-button {
    opacity: 1;
    content: "";
    display: none;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: url("/images/trailer-play.svg");
    background-repeat: no-repeat;
    background-position: 11px 50%;
    background-size: 30px auto;
    border-radius: 25px;
    border: 2px solid #fff;
    box-shadow: -1px 2px 0 rgba(58, 58, 58, .6), inset -1px 2px 0 rgba(58, 58, 58, .6);
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    font-size: 20px;
    font-weight: bold;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.trailerContentFrame div.vjs-big-play-button:hover {
    background-image: url("/images/trailer-play-hover.svg");
    background-color: #fff;
    box-shadow: -1px 2px 0 rgba(58, 58, 58, .6);    
}

.trailerContentFrame div.vjs-big-play-button span {
  display: none;
}

.trailerContentFrame .vjs-poster {
  display: block;
}

.trailerNoSupport {
    display: none;
}

.trailerNoSupport p,
#trailerVideo p {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.films {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.filmsTitle {
    color: #003F64;
    text-align: center;
    margin: 0 0 28px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 46px;
}

.subTitle {
    color: #222222;
    text-align: center;
    font-size: 19px;
    margin-bottom: 35px;
}

.filmListInst {
    color: #C4061A;
    text-align: center;
    margin: 0px 0 20px;
}

.filmListInst p {
    font-size: 19px;
}

.printShowtimes {
    color: #C4061A;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 44px 0;
    padding-right: 25px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/images/printer-icon-red.svg);
    background-position: 100%;
    background-size: 20px auto;
    width: 220px;
    margin: 0 auto 44px;
    font-size: 14px;
    cursor: pointer;
}

.filmInfoSessions .printShowtimes {
    margin: 0;
    padding: 0;
    float: right;
}

@media (max-width: 767px) {

    .printShowtimes {
        display: none;
    }
}

.picker-cinema-films {
    margin: 0 auto 50px;
    display: block;
    max-width: 500px;
    border: 1px solid #A2A2A2;
    border-radius: 4px;
}

@media (min-width: 768px) {

    .qbSingleFilm .picker-cinema-films {
        border: 0;
    }

    .filmsPanelTitle.dn ~ .filterRow .picker-date-films {
        display: block;
        position: fixed;
        z-index: 3;
        bottom: 305px;
        left: 210px;
    }
}

@media (min-width: 900px) {

    .picker-date-films {
        display: none;
    }
}

@media (min-width: 1280px) {

    .filmsPanelTitle.dn ~ .filterRow .picker-date-films {
        bottom: 330px;
        left: calc((50%) - 425px);
    }
}

.filmsListMessage {
    margin-top: 50px;
    text-align: center;
}

.filmsList {
    font-size: 0;
    opacity: 1;
    position: relative;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.filmsList.invisible {
    opacity: 0;
}

.filmsListItemOverlay {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px;
    background: linear-gradient(180deg, rgba(155,38,182,0.85) 0%, rgba(56,0,69,0.95) 100%);
    color: #fff;
    box-shadow: 0 0 12px 0 rgba(44,42,41,0.4);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    pointer-events: none;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.filmsListItem:hover .filmsListItemOverlay {
    opacity: 1;
    pointer-events: auto;
}

.filmsListItem:focus-within .filmsListItemOverlay {
    opacity: 1;
    pointer-events: auto;
}

.filmsListItemContent {
    height: 0;
    padding-top: 150%;
    overflow: hidden;
    position: relative;
}

@media (min-width: 1280px) {

    .filmsList {
        padding: 0;
    }
}

.filmsListItem {
    width: 270px;
    display: none;
    vertical-align: top;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 15px;
    margin-left: 15px;
    min-height: 405px;
}

@media (max-width:500px) {

    .filmsListItem {
        width:190px;
        min-height: 283px;
    }
}

.filmsListItem.active {
    display: inline-block;
}

.moviesPage .filmsListItem {
    width: calc(25% - 30px);
    min-height:unset;
    margin-bottom:30px;
}

@media (max-width: 1024px) {

    .moviesPage .filmsListItem {
        width: calc(33.333% - 30px);
    }
}

@media (max-width: 768px) {

    .moviesPage .filmsListItem {
        width: calc(50% - 30px);
    }
}

@media (max-width: 500px) {

    .moviesPage .filmsListItem {
        width: calc(100% - 30px);
    }
}

.filmsListControl {
    display: none;
}

.filmsListItemTitle {
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 215px;
}

@media(max-width:768px) {

    .filmsListItemTitle {
        margin-top: 0;
        font-size: 28px;
        line-height: 34px;
        height: 175px;
    }
}

a .filmsListItemTitle {
    text-decoration: none;
}

.filmsListItem.large .filmsListItemTitle {
    font-size: 24px;
    line-height: 28px;
    max-height: 56px;
}

.filmsListItemTrailer {
    display: none;
    margin-top: 18px;
}

@media (min-width: 1280px) {

    .filmsListItemTrailer {
        display: inline-block;
        font-size: 16px;
    }
}

.filmsListItem.large .filmsListItemTrailer {
    display: inline-block;
    font-size: 20px;
}

.filmsListItemSynopsis {
    display: none;
    margin-top: 22px;
    line-height: 1.467;
    max-height: 8.802em;
    overflow: hidden;
}

@media (min-width: 1024px) and (max-width: 1099px) {

    .filmsListItemSynopsis {
        max-height: 4.401em;
    }
}

@media (min-width: 1100px) and (max-width: 1199px) {

    .filmsListItemSynopsis {
        max-height: 5.868em;
    }
}

.filmsListItem.large .filmsListItemSynopsis {
    display: block;
}

.filmsListItemButton {
    position: absolute;
    z-index: 0;
    bottom: 12px;
    left: 8px;
    right: 8px;
    text-shadow: none;
    padding-left: 8px;
    padding-right: 8px;
}

@media (min-width: 1280px) {

    .filmsListItemButton {
        bottom: 14px;
        left: 10px;
        right: 10px;
    }
}

.filmsListItem.large .filmsListItemButton {
    bottom: 20px;
    left: 16px;
    right: 16px;
}

.filmsLinks {
    margin: 70px auto 0;
    position: relative;
}

.filmsLinksItem {
    position: relative;
    z-index: 1;
    width: auto;
}

@media (min-width:768px) {

    .filmsLinksItem {
        width: 500px;
    }
}

.stList .sessionsTitle {
    display: block;
}

.sessionsPrint {
    display: none;
}

@media (min-width: 768px) {

    .sessionsPrint {
        display: block;
        text-indent: -9999px;
        background: url("/images/print-icon.svg") no-repeat 0 0;
        width: 24px;
        height: 24px;
        border: none;
        float: right;
        margin-left: 16px;
        margin-right: 8px;
        cursor: pointer;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .sessionsPrint:before {
        content: "";
        background: url("/images/print-icon-red.svg");
        display: none;
    }

    .sessionsPrint:hover {
        background-image: url("/images/print-icon-red.svg");
    }

    .stList .gridRow + .gridRow .sessionsPrint,
    .sessions + .sessions .sessionsPrint {
        display: none;
    }
}

@media (min-width: 1280px) {

    .sessionsPrint {
        margin-right: 10px;
    }

    .stList .sessionsPrint {
        margin-right: 24px;
    }
}

.filmsListItemPoster {
    width: 100%;
    display: block;
}

.cinemaSelect {
    max-width: 450px;
    width: 100%;
    display: inline-block;
}

@media(max-width:767px) {

    .cinemaSelect {
        max-width:100%;
    }
}

#cinemaSelector {
    text-align:center;
}

@media(max-width:767px) {

    #cinemaSelector {
        text-align: left;
    }
}

.cinemaSelect.customSelect::after {
    border-radius: 0px 4px 4px 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.cinemaSelect .formField {
    border: none;
}

.cinemaSelectTitle {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 34px;
    display: inline-block;
    margin-right: 15px;
    text-transform: uppercase;
    vertical-align: middle;
}

@media(max-width:767px) {

    .cinemaSelectTitle {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
    }
}

.cinemaSelect {
    vertical-align:middle;
}

.cinemaSelectRow {
    padding: 38px 0;
    background: linear-gradient(90deg, #0064A4 0%, #0077C8 50%, #0064a4 100%);
    background-color: #0064a4;
}

@media(max-width:767px) {

    .cinemaSelectRow {
        padding: 20px 0;
    }
}

.filmPosterLink {
    display: inline-block;
    border-radius: 6px;
}

    .filmPosterLink:focus {
        box-shadow: 0 0 0 2px #9b26b6;
    }

.filmPoster {
    border-radius: 6px;
    width: 270px;
    box-shadow: 0 0 12px 0 rgba(44,42,41,0.4);
    display: block;
}

.filmTitle {
    margin-top:0;
    margin-bottom:10px;
}

.filmTitle a {
    text-decoration:none;
}

    .filmTitle a:focus {
        text-decoration: underline;
    }

.filmTrailerHolder {
    max-width:270px;
    margin-top:20px;
}

.showtimesRow .cinemaSelectTitle {
    color: unset;
    font-weight: 100;
}

.filmDetailsContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.filmDetails {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    padding-left: 7px;
    border-left: 1px solid #000;
    margin-left: 7px;
}

.filmDetails:first-of-type {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.filmTeaser {
    margin-bottom:40px;
}

.filmListPrint {
    display: none;
}

@media print {
    .showtimesPage > *,
    .showtimesPage > main > *,
    .showtimesPage .filmListShowtimes {
        display: none;
    }

    .showtimesPage > main {
        display: block;
    }

    .showtimesPage #filmListShowtimesId,
    .showtimesPage .filmListPrint {
        display: block;
    }

    .showtimesPage {
        background: #fff;
        color: #000;
        font-size: 12px;
        line-height: 24px;
    }

        .showtimesPage a {
            color: blue;
        }

    .filmListPrint {
        max-width: 550px;
        margin: 0 auto;
    }

    .filmListPrintHeader {
        text-align: center;
    }

    .filmListPrintHeaderTitle {
        font-weight: bold;
        font-size: 16px;
    }

    .filmListPrintHeaderSubTitle {
        font-style: italic;
    }

    .filmListPrintRow {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

        .filmListPrintRow:nth-child(even) {
            background-color: #E9E9E3;
        }

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

    .filmListPrintRow:after {
        clear: both;
    }

    .filmListPrintRow:first-child {
        border-top: 1px solid #000;
    }

    .filmListPrintColumn {
        width: 50%;
        float: left;
        padding: 5px;
        vertical-align: top;
    }

        .filmListPrintColumn + .filmListPrintColumn {
            border-left: 1px solid #000;    
        }

    .filmListPrint .sessions {
        margin: 0;
        padding: 0;
    }

    .filmListPrint .sessionAttributesGroup {
        margin: 0 0 10px;
    }

    .filmListPrint .sessionAttributesGroup:last-child {
        margin: 0;
    }

    .filmListPrint .sessionAttributesTitle {
        font-size: inherit;
        line-height: 1.4;
        font-weight: inherit;
        margin: 0;
        text-transform: uppercase;
    }

    .filmListPrint .session {
        font-size: inherit;
        line-height: inherit;
        border-radius: 0;
        padding: 0;
        margin: 0 10px 0 0;
        width: auto;
        height: auto;
        border: none;
        min-width: 0;
        text-decoration: underline;
    }

        .filmListPrint .session:hover {
            background-color: transparent;
            color: blue;
        }

    .filmListPrint .session.disabled {
        display: none;
    }
}
body.booking-page {
    padding-top: 98px;
}

@media (max-width:950px) {
    body.booking-page {
        padding-top: 121px;
    }
}

@media (max-width:768px) {
    body.booking-page {
        padding-top: 105px;
    }
}

.booking-print p {
    font-size: 16px;
    margin: 0 0 10px;
}

.booking-print h1 {
    margin: 40px 0 20px;
}

.booking-print h2 {
    margin: 0 0 20px;
}

.booking-print h3, .booking-print h4 {
    margin: 0 0 10px;
}

.print-page-img {
    margin: 20px 0;
    max-width: 180px;
}

.booking-print-info p {
    font-size: 14px;
}

.header-book.header {
    height: 98px;
}

@media (max-width:950px) {
    .header-book.header {
        height: 121px;
    }
}

@media (max-width:768px) {
    .header-book.header {
        height: 103px;
        position: absolute;
    }
}

.header-book.header.scroll {
    top: 0px;
}

@media (max-width:768px) {
    .header-book .headerLogoLink {
        margin: 16px 0 9px;
    }
}

@media (min-width: 769px) and (max-width: 950px) {
    .header-book .headerLogoLink {
        margin: 16px 0 17px;
    }
}

.booking-page .page-container {
    margin-bottom: 50px;
}


.bookNav {
    display: inline-block;
    float: right;
    text-align: right;
}

@media (max-width:950px) {
    .bookNav {
        display: flex;
        float: none;
        text-align: left;
        clear: both;
        width: 100%;
        overflow-x: scroll;
    }
}

.bookNavLink {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 78px;
    height: 98px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px;
    cursor: pointer;
    color: #fff;
    border: 2px solid transparent;
    white-space: nowrap;
    background-color: transparent;
}

@media (max-width:1120px) {
    .bookNavLink {
        font-size: 13px;
        text-align: center;
    }
}

@media (max-width:950px) {
    .bookNavLink {
        line-height: 33px;
        width: 33.333%;
        min-width: 165px;
        text-align: center;
        height: 49px;
    }
}

@media (max-width:768px) {
    .bookNavLink {
        font-size: 16px;
    }
}

.bookNavLink[aria-disabled="true"] {
    color: #888;
    cursor: default;
}

.bookNavLink:focus {
    border-color: #fff;
}

.bookNavLink.active {
    background: #0077C8;
    color: #fff;
}


.bookNavLink:last-child {
    margin-right: 0;
}

.bookNavLink:focus,
.bookNavLink:hover {
    outline: none;
    text-decoration: none;
}

.bookNavLink.done {
    color: #fff;
    cursor: pointer;
}

    .bookNavLink.done:focus,
    .bookNavLink.done:hover {
        outline: none;
        text-decoration: underline;
    }

/* #endregion confirm */



/* Cart */

.bookingFilmDuration {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
}

.bookingCartDeal {
    color: #9b27b6;
}

.bookingCartBorderTop {
    border-top: 1px solid #979797;
    margin-top: 15px;
    padding-top: 15px;
}

    .bookingCartBorderTop div {
        display: inline-block;
        vertical-align: top;
    }

.bookingCartBorderBottom {
    border-bottom: 1px solid #979797;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.bookingCartTicketRow {
    width: 100%;
    margin-bottom: 15px;
}

    .bookingCartTicketRow:last-of-type {
        margin-bottom: 0;
    }

.bookingCartFilmDetails p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
}

.cartTitle {
    width: 60%;
    font-size: 14px;
    line-height: 21px;
}

.cartQuantity {
    margin-right: 8px;
}

.cartTitleInfo {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #9b27b6;
}

@media (max-width: 767px) {
    .bookingCartContainer .cartTitleInfo {
        color: #fff;
    }
}

.cartValue {
    width: 38%;
    text-align: right;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
}

.bookingCartTotal .cartTitle, .bookingCartTotal .cartValue {
    font-size: 18px;
    font-weight: bold;
}

.bookingCartServiceFee .cartTitle, .bookingCartServiceFee .cartValue {
    width: 49%
}

.bookingCartDeal .cartTitle,
.bookingCartDeal .cartValue {
    width: 49%;
}

.bookingCartTicketRow .cartTitle {
    font-weight: 400;
    width: 75%
}

.bookingCartTicketRow .cartValue {
    width: 23%
}

@media (max-width:1300px) {

    .bookingCartTicketRow .cartTitle {
        width: 60%
    }

    .bookingCartTicketRow .cartValue {
        width: 38%
    }
}

.membershipUpsell {
    background-color: #ECEBF2;
    border-radius: 4px;
    color: #000;
    margin-top: 40px;
    padding: 20px;
}

    .membershipUpsell h3 {
        margin-top: 0;
    }

.membershipUpsellCashback {
    color: #003D5B;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

/* Ticket Types */
.bookingTicketTypeContainer {
    padding: 15px 0;
    max-width: 730px;
}

.bookingTicketType {
    border-top: 1px solid #979797;
    padding: 15px 0;
    position: relative;
    clear: both;
}

    .bookingTicketType:first-of-type {
        border-top: none;
        padding-bottom: 0;
        padding-top: 40px;
    }

    .bookingTicketType.bookingModifierType:first-of-type {
        border-top: none;
        padding-bottom: 15px;
        padding-top: 0px;
    }

    .bookingTicketType:first-of-type h3,
    .bookingTicketType:first-of-type h5 {
        margin-top: 0;
        line-height: 29px;
    }

    .bookingTicketType:last-of-type {
        border-bottom: 1px solid #979797;
    }

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

    .bookingTicketType:after {
        clear: both;
    }

    .bookingTicketType h5 {
        font-size: 18px;
        color: #2C2A29;
    }

@media (max-width: 768px) {
    .bookingTicketType h5 {
        font-size: 16px;
    }
}

.ticketTypeName {
    width: 50%;
    float: left;
}

.ticketTypePrice {
    width: 12%;
    float: left;
}

.ticketTypeQuantity {
    width: 26%;
    text-align: center;
    float: left;
}

.ticketTypeQuantityButton {
    border: 2px solid #0077C8;
    color: #0077C8;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    width: 45px;
    height: 45px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

    .ticketTypeQuantityButton:focus {
        box-shadow: 0 0 0 2px #9B26B6;
    }

    .ticketTypeQuantityButton span {
        display: block;
        margin-top: -4px;
    }

    .ticketTypeQuantityButton:first-of-type {
        border-radius: 6px 0 0 6px;
    }

    .ticketTypeQuantityButton:last-of-type {
        border-radius: 0 6px 6px 0;
    }

.ticketQuantity {
    height: 45px;
    width: 45px;
    text-align: center;
    display: inline-block;
    border-top: 2px solid #0077C8;
    border-bottom: 2px solid #0077C8;
    background-color: #0077C8;
    vertical-align: middle;
    font-size: 24px;
    line-height: 41px;
    color: #ffffff;
}

.ticketTypeSubtotal {
    width: 12%;
    text-align: right;
    float: right;
}

@media(max-width:1024px) {
    .ticketTypeName {
        width: 30%;
    }

    .ticketTypeQuantity {
        width: 46%
    }
}

@media(max-width:768px) {
    .ticketTypeName {
        width: 46%;
    }

    .ticketTypePrice {
        width: 32%;
    }

    .ticketTypeSubtotal {
        width: 22%;
        float: left;
    }

    .ticketTypeQuantity {
        display: block;
        margin-top: 28px;
        width: 100%;
        position: relative;
        float: none;
        clear: both;
    }

        .ticketTypeQuantity.tableTitle {
            display: none;
        }
}

@-webkit-keyframes fadeMessageIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeMessageIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dealMessage {
    clear: both;
    width: 100%;
    position: relative;
    -webkit-animation: fadeMessageIn 1s ease-in;
    animation: fadeMessageIn 1s ease-in;
}

.dealMessage--ticket {
    padding-top: 26px;
}

.dealMessage--confirm {
    padding-bottom: 15px;
}

.dealMessage--group {
    margin-top: 30px;
    margin-bottom: -30px;
}

.dealMessageTriangle {
    background-color: #9b27b6;
    text-align: left;
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 75%;
    border-top-right-radius: 4px;
    margin-left: -7px;
}

.dealMessage--group .dealMessageTriangle {
    top: 100%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

@media (max-width: 768px) {
    .dealMessageTriangle {
        left: 50%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .dealMessageTriangle {
        left: 65%;
    }
}


.dealMessageTriangle:before,
.dealMessageTriangle:after {
    content: '';
    position: absolute;
    background-color: inherit;
}

.dealMessageTriangle,
.dealMessageTriangle:before,
.dealMessageTriangle:after {
    width: 15px;
    height: 15px;
}

.dealMessageTriangle {
    transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}

    .dealMessageTriangle:before {
        transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
    }

.dealMessage--group .dealMessageTriangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,50%);
}

.dealMessageTriangle:after {
    transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.dealMessage--group .dealMessageTriangle:after {
    transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(-50%);
}

.dealMessageContent {
    clear: both;
    width: calc((100%) - 30px);
    background: #9b27b6;
    color: #fff;
    padding: 15px;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1024px) {
    .dealMessageContent {
        width: 100%;
    }
}

.dealMessage--confirm .dealMessageContent {
    padding-right: 94px;
}

.dealMessageTitle {
    color: white;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}

.dealMessage--confirm .dealMessageTitle {
    line-height: 35px;
}

    .dealMessage--confirm .dealMessageTitle:before {
        content: "";
        background-image: url("/images/tick-purple-icon.svg");
        background-color: #fff;
        background-position: 50% 50%;
        background-size: 22px 22px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        vertical-align: top;
        margin: 0 10px 0 0;
    }

.dealMessageText {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
}

    .dealMessageText:empty {
        display: none;
    }

.dealMessageClose {
    position: absolute;
    z-index: 0;
    right: 15px;
    top: 24px;
    cursor: pointer;
    border: none;
    padding: 0 24px 0 0;
    background-color: transparent;
    background-image: url("/images/cross-icon-white.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 100% 50%;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
}

/* Seatmap */
.pickerFigure {
    margin: 0;
    padding: 0;
}

.pickerArea {
    border-spacing: 5px 14px;
    border-collapse: separate;
    margin: 0 auto;
}

    .pickerArea td {
        border-radius: 5px;
    }

.bookingSeatmapOuter {
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: auto;
    font-size: 10px;
    max-width: 100%;
}

.bookingSeatmapInner {
    display: block;
    margin: 0 auto 25px;
    position: relative
}

.bookingSeatmapSeat span {
    display: block;
    width: 34px;
    height: 30px;
    border-radius: 5px;
    color: rgba(0,0,0,0);
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    border: 2px solid transparent
}

.isASofa_left span {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

.isASofa_right span {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}

.bookingSeatmapRowLabel span {
    color: #2C2A29;
    font-weight: normal;
}

.bookingSeatmapSeat.status0.isWc span,
.bookingSeatmapSeat.status0.isC span {
    color: #0077C8;
}

.bookingSeatmapSeat.status1.isWc span, .bookingSeatmapSeat.status1.isC span,
.bookingSeatmapSeat.status5.isWc span, .bookingSeatmapSeat.status5.isC span {
    color: #fff;
}

.pickerSeatRow:hover .bookingSeatmapSeat span,
.bookingSeatmapSeat:focus span {
    color: #0077C8;
}

.pickerSeatRow:hover .bookingSeatmapSeat.status5 span,
.pickerSeatRow:hover .bookingSeatmapSeat.status1 span,
.bookingSeatmapSeat.status5:focus span,
.bookingSeatmapSeat.status1:focus span {
    color: #fff;
}

.bookingSeatmapSpace span {
    height: 10px;
    width: 35px
}

.bookingSeatmapAreaLabel {
    display: none;
    width: 25px;
    height: 25px
}

.pickerArea button {
    background: transparent;
    border: none;
    padding: 0;
    pointer-events: none;
}

    .pickerArea button.isASeat.status0,
    .pickerArea button.isASeat.status5 {
        pointer-events: auto;
        cursor: pointer;
    }

.pickerArea--disabled button.isASeat.status1 {
    pointer-events: auto;
}

.status0.isASeat span {
    background-color: #fff;
    border-color: #0077C8;
}

.status0.isWc span {
    border: 2px solid #0077C8;
    padding: 5px;
    background-image: url(../Images/seats_Accessable.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.status1.isWc span,
.status5.isWc span {
    padding: 5px;
    background-image: url(../Images/seats_Accessable_selected.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.status1 span {
    background-color: #E40046;
}

.status5 span {
    background-color: #9B26B6;
}

.isASeat:focus span {
    border-color: #9B26B6;
}

.seatMapScreen {
    margin: 0 auto;
    border: 1px solid #2C2A29;
    height: 40px;
    max-width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    color: #2C2A29;
}

.seatsText {
    margin: 20px 0;
}

.zoomButton {
    text-align: left;
    margin: 20px auto;
    max-width: 100%;
}

    .zoomButton div {
        display: inline-block;
    }

    .zoomButton button {
        font-size: 32px;
        line-height: 32px;
        text-align: center;
        color: #0077C8;
        display: block;
        padding: 4px 15px 10px;
        background: #fff;
        border: 2px solid #0077C8;
        width: 52px;
        cursor: pointer;
    }

        .zoomButton button.btn-zoomout {
            border-right: 0;
            border-radius: 5px 0 0 5px;
            min-width: 0;
        }

        .zoomButton button.btn-zoomin {
            border-radius: 0 5px 5px 0;
            min-width: 0;
        }

        .zoomButton button:focus {
            position: relative;
            z-index: 1;
        }

.booking-page .login .formField {
    margin: 0 auto;
}

.booking-page .formField {
    max-width: 420px;
}

.voucherCode {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #9B26B6;
}

@media (max-width: 767px) {
    .bookingCartContainer .voucherCode {
        color: #fff;
    }
}

.voucherError p {
    color: #E40046;
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
}

.voucherValid p {
    color: #9B26B6;
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
}

.voucherBox {
    display: flex;
}

.booking-page .voucherBox .formField {
    max-width: 350px;
    margin-right: 10px;
}

@media(max-width:767px) {
    .booking-page .voucherBox .formField {
        max-width: calc(100% - 115px);
    }
}

.voucherBox .btn-primary {
    min-width: 0;
    width: 105px;
    text-transform: capitalize;
}

.seatmapLegend {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.legendItemText {
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

.legendItemColour {
    display: inline-block;
    width: 34px;
    height: 30px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 26px;
}

@media(max-width:767px) {
    .legendItemText {
        text-align: center;
        max-width: 65px;
        font-size: 12px;
        margin-right: 0;
    }

    .legendItemColour {
        display: block;
        margin: 0 auto 5px;
    }

    .seatmapLegendItem {
        margin: 0 5px;
    }
}

.legendItemColour.selected {
    background-color: #9B26B6;
}

.legendItemColour.available {
    border: 2px solid #0077C8;
    color: #0077C8;
}

.legendItemColour.unavailable {
    background-color: #E40046;
}

.legendItemColour.wheelchair {
    border: 2px solid #0077C8;
    padding: 5px;
    background-image: url(../Images/seats_Accessable.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65%;
}


.seatmapErrorText {
    text-align: center;
    margin: 20px 0;
    color: #E40046;
}


@media (min-width:768px) {
    .mobileLogo {
        display: none;
    }

    .desktopLogo {
        display: block;
    }
}

@media (max-width:767px) {
    .desktopLogo {
        display: none;
    }

    .mobileLogo {
        display: block;
    }
}

.toggleSummary {
    display: none;
}

.totalPriceBtn {
    font-weight: 700
}

.bookingCartContainer,
.bookingCartFilmDetails p {
    color: #003D5B;
}

.continueButtonHolderSummary {
    display: none;
    border-bottom: 1px solid #4039b2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.continueButtonHolder--payment {
    display: none;
}

.continueButtonHolderSummary div {
    display: inline-block;
    vertical-align: top;
    line-height: 21px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.continueButtonHolderSummaryLabel {
    width: 60%;
}

.continueButtonHolderSummaryValue {
    width: 38%;
    text-align: right;
}

@media (max-width:767px) {
    .toggleSummary {
        display: inline;
        color: #fff;
        background: none;
        border: none;
        text-align: left;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 20px;
        padding: 0;
    }

        .toggleSummary span {
            display: inline-block;
            vertical-align: middle;
        }

            .toggleSummary span:first-of-type {
                margin-right: 10px;
            }

    .continueButtonHolder {
        position: fixed;
        bottom: 0;
        background-color: #10069F;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 101;
        padding: 10px 16px;
    }

    .continueButtonHolder--payment {
        display: block;
    }

    .continueButtonHolderSummary {
        display: block;
    }

    .continueButtonHolder .btn-primary {
        float: none;
        width: 100%;
        display: block;
        font-size: 16px;
        text-align: left;
        background-image: url("/images/arrow_forward-white.svg");
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-size: auto 70%;
        padding-right: 50px;
        font-weight: bold;
    }

    .continueButtonHolder .bookingPaymentCheckbox {
        margin: 10px auto;
        width: 250px;
    }

        .continueButtonHolder .bookingPaymentCheckbox label {
            color: #fff;
            font-size: 14px;
            font-weight: normal;
            line-height: 20px;
        }

        .continueButtonHolder .bookingPaymentCheckbox strong {
            font-size: 16px;
        }


        .continueButtonHolder .bookingPaymentCheckbox label:before {
            border: none;
            width: 35px;
            height: 35px;
        }

    .bookingCartTotal {
        background: #10069F;
        color: #fff;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 15px;
    }
}


.popupContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 100;
}

.popupBox {
    position: fixed;
    top: 20%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 405px;
    padding: 20px;
    background: #fff;
    border-radius: 6px
}

.centerField input {
    margin: 0 auto;
    display: block;
}

@media(min-width:768px) {
    .loginBorderRight {
        border-right: 2px solid #ddd;
    }

    .desktop-mg-top-40 {
        margin-top: 40px;
    }
}

.booking-starpass-logo {
    display: inline-block;
    margin-top: 20px;
    width: 150px;
}

.booking-total-title {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.booking-token-wrapper {
    margin-bottom: 20px;
}

.booking-token-row {
    padding: 10px 15px;
    border-bottom: 1px solid #d8d8d8;
}

    .booking-token-row:first-of-type {
        border-top: 1px solid #d8d8d8;
    }

    .booking-token-row:hover {
        background: #eee;
    }

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

    .booking-token-row:after {
        clear: both;
    }

.booking-token-number {
    width: 215px;
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
    padding-right: 8px;
}

.booking-token-buttons {
    width: calc(100% - 215px);
    display: inline-block;
    vertical-align: middle;
}

@media(max-width: 1199px) {
    .booking-token-number {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .booking-token-buttons {
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .booking-token-number,
    .booking-token-buttons {
        float: left;
    }

    .booking-token-number {
        line-height: 40px;
    }

    .booking-token-buttons {
        text-align: right;
    }
}

.btn-token {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 18px;
}

.btn-primary.btn-token {
    background: #9b26b6;
    border-color: #9b26b6;
}


    .btn-primary.btn-token:hover {
        background: #0077C8;
        border-color: #0077C8;
    }

.btn-delete.btn-token {
    border-color: #ececec;
    color: #525252;
    background: #fff;
}

    .btn-delete.btn-token:hover {
        color: #fff;
        background: #0077C8;
        border-color: #0077C8;
    }

@media (max-width: 451px) {
    .btn-token {
        margin: 0 auto;
        display: block;
    }

        .btn-token + .btn-token {
            margin-top: 15px;
        }
}

@media (min-width: 452px) and (max-width: 767px) {
    .btn-token + .btn-token {
        margin-left: 15px;
    }
}

@media (min-width: 900px) {
    .btn-token + .btn-token {
        margin-left: 15px;
    }
}

.booking-token-title {
    padding-bottom: 10px;
    margin-top: 20px;
    color: inherit;
}

.booking-token-zipcode p {
    margin-bottom: 10px;
}

.token-confirm {
    margin-top: 15px;
}

.booking-token-row.isActive {
    background: #595959;
    color: #fff;
}


.zipCodeRow {
    margin: 10px 0 20px;
    max-width: 200px;
}

    .zipCodeRow .formLabel {
        font-size: 14px;
        letter-spacing: 0;
        margin: 0;
    }

.new-token-row {
    word-break: normal;
}

    .new-token-row + .new-token-row {
        margin-top: 10px;
    }

    .new-token-row input {
        display: none;
    }

    .new-token-row .formRowCheckbox {
        margin: 0;
    }

p.tokenText {
    font-size: 24px;
    color: #9B26B6;
    word-break: normal;
    font-weight: bold;
}

label.tokenText {
    font-size: 24px;
    color: #9B26B6;
    font-weight: bold;
}

.new-token-row .formRowCheckbox label::before {
    padding-right: 10px;
}

.zipCodeCopy {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

@media print and (min-width: 600px) {
    .booking-print-col-left {
        width: calc((100%) - 196px);
    }


    .booking-print-col-right {
        width: 196px;
    }
}

.bookingPaymentDivider {
    border-top: 2px solid #808080;
    margin: 20px 0;
}

.bookingPaymentDisabled {
    opacity: .5;
    pointer-events: none;
}

@media (min-width: 768px) {
    .bookingPaymentBasket {
        float: right;
    }
}

.bookingPaymentCheckbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
}

    .bookingPaymentCheckbox label:before {
        content: "";
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 80% auto;
        border: 2px solid #656565;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        margin-right: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        background-color: #fff;
    }

.bookingPaymentCheckbox input:checked + label:before {
    content: "";
    background-image: url("/Images/icon-green-tick.svg");
    background-color: #f8fff6;
}

.bookingPaymentMethod + .bookingPaymentMethod {
    margin-top: 20px;
}

.bookingPaymentMethod--box {
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 0 0 #bfbfbf;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

@media (min-width: 1024px) {
    .bookingPaymentMethod--box {
        margin: 0 20px;
    }
}

.bookingPaymentMethod--box:hover {
    border-color: #808080;
    box-shadow: 0 4px 0 0 #808080;
}

.bookingPaymentMethod--box.is-active:hover {
    border-color: #ccc;
    box-shadow: 0 4px 0 0 #bfbfbf;
}

.bookingPaymentMethod--divider {
    border-top: 2px solid #808080;
    margin: 0;
}

    .bookingPaymentMethod--divider + .bookingPaymentMethod--divider {
        margin-top: 0;
    }

    .bookingPaymentMethod--divider:last-child {
        border-bottom: 2px solid #808080;
    }

.bookingPaymentDivider + .bookingPaymentMethod--divider {
    border-top: none;
}

.bookingPaymentMethodButton {
    background: none;
    border: none;
    padding: 20px 60px 20px 20px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    background-image: url("/images/arrow_forward-blue.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: auto 50px;
    color: #144996;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
}

@media (max-width: 767px) {
    .bookingPaymentMethodButton {
        background-size: auto 40px;
    }
}

.bookingPaymentMethodButton:hover {
    background-image: url("/images/arrow_forward-purple.svg");
    color: #0077C8;
}

.is-active .bookingPaymentMethodButton {
    background-image: url("/Images/close-red.svg");
}

.bookingPaymentMethodButton:focus {
    box-shadow: 0 0 0 2px #0077C8;
    border-radius: 10px;
}

.bookingPaymentMethod--divider .bookingPaymentMethodButton {
    margin: 5px 0;
    color: #9c27b6;
}

    .bookingPaymentMethod--divider .bookingPaymentMethodButton:hover {
        color: #0077C8;
    }

@media (max-width: 767px) {
    .bookingPaymentMethod--divider .bookingPaymentMethodButton {
        margin: 5px -9px;
        width: calc((100%) - -18px);
        padding: 20px 9px;
    }
}

@media (min-width: 1024px) {
    .bookingPaymentMethod--divider .bookingPaymentMethodButton {
        margin-left: 20px;
        margin-right: 20px;
        width: calc((100%) - 40px);
    }
}

.bookingPaymentMethodButtonInfo {
    font-weight: normal;
}

.bookingPaymentMethodButtonIcons {
    height: 25px;
    display: block;
    font-size: 0;
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .bookingPaymentMethodButtonIcons {
        height: 18px;
        right: 40px;
    }
}

.bookingPaymentMethodButtonIcons img {
    height: 100%;
    margin-right: 10px;
    width: auto;
}

.bookingPaymentMethodButton--gift {
    padding-right: 120px;
}

@media (max-width: 767px) {
    .bookingPaymentMethodButton--gift {
        padding-right: 90px;
    }
}

.bookingPaymentMethodButton--starpass {
    padding-right: 120px;
}

@media (max-width: 767px) {
    .bookingPaymentMethodButton--starpass {
        padding-right: 90px;
    }
}

.bookingPaymentMethodButton--card {
    padding-right: 246px
}

@media (max-width: 767px) {
    .bookingPaymentMethod--divider .bookingPaymentMethodButton--card {
        padding-right: 190px;
    }
}

.bookingPaymentMethodButton--amazonpay {
    padding-right: 210px;
}

@media (max-width: 767px) {
    .bookingPaymentMethod--divider .bookingPaymentMethodButton--amazonpay {
        padding-right: 154px;
    }
}

.bookingPaymentMethodButton--amazonpay .bookingPaymentMethodButtonIcons {
    margin-top: 5px;
}

.bookingPaymentMethodForm {
    display: none;
}

.bookingPaymentMethod--zero .bookingPaymentMethodForm {
    display: block;
}

.bookingPaymentMethod--box .bookingPaymentMethodForm {
    margin: 0 20px 20px;
}

.bookingPaymentMethod--divider .bookingPaymentMethodForm {
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    .bookingPaymentMethod--divider .bookingPaymentMethodForm {
        margin: 0 20px 20px;
    }
}

.bookingPaymentMethod--zero .bookingPaymentMethodForm {
    margin-top: 20px;
}

.bookingPaymentMethod--starpass .bookingPaymentMethodForm p {
    font-size: 16px;
    line-height: 1.5;
}

.bookingPaymentMethod--starpass .formLabel {
    font-size: 12px;
    line-height: 12px;
}

@media (max-width: 909px) {
    .bookingPaymentMethod--starpass .formField {
        max-width: none;
    }
}

@media (min-width: 910px) {
    .bookingPaymentMethod--starpass .formRow--inputs {
        width: 200px;
        float: left;
    }

    .bookingPaymentMethod--starpass .formRow.btnGroup {
        float: right;
        margin-top: 34px;
        height: 50px;
        width: calc((100%) - 210px);
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (min-width: 495px) and (max-width: 909px) {
    .bookingPaymentMethod--starpass .formRow.btnGroup .btn-primary {
        width: calc((50%) - 10px);
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

        .bookingPaymentMethod--starpass .formRow.btnGroup .btn-primary + .btn-primary {
            margin-left: 20px;
            margin-top: 0;
        }
}

@media (min-width: 910px) and (max-width: 1199px) {
    .bookingPaymentMethod--starpass .formRow.btnGroup .btn-primary {
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }
}

@media (min-width: 1280px) and (max-width: 1400px) {
    .bookingPaymentMethod--starpass .formRow.btnGroup .btn-primary {
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
}

.bookingPaymentMethodForm legend {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    font-size: 18px;
    font-weight: bold;
}

.bookingPaymentMethod--starpass .bookingPaymentMethodForm legend {
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.bookingPaymentMethod--starpass .bookingPaymentMethodError {
    clear: both;
    overflow: hidden;
}

.bookingPaymentMethodForm .formErrorMessage {
    margin: 0;
}

    .bookingPaymentMethodForm .formErrorMessage p {
        font-size: inherit;
        font-weight: bold;
        color: inherit;
        margin: 20px 0;
    }

    .bookingPaymentMethodForm .formErrorMessage:last-child p {
        margin-bottom: 0;
    }

.bookingPaymentMethodFormInfo p {
    font-size: 16px;
}

.bookingPaymentGCButtons .btn-primary {
    width: 100%;
}

.bookingPaymentGCFields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .bookingPaymentGCFields .formRow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-left: 10px;
    }

        .bookingPaymentGCFields .formRow:first-child {
            margin-left: 0;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        .bookingPaymentGCFields .formRow:nth-child(2) {
            width: 120px;
        }

@media (max-width: 1023px) {
    .bookingPaymentGCFields .formRow:nth-child(2) {
        width: 100px;
    }

    .bookingPaymentGCFields .formRow:last-child {
        width: 100%;
        margin-left: 0;
    }
}

.bookingPaymentGCFields .formLabel {
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
}

.bookingPaymentGCFields .btn-primary {
    font-size: 16px;
    width: 100%;
}

.bookingPaymentRoundUp {
    border: 1px solid #003d5b;
    background-color: #fafcff;
    border-radius: 4px;
    margin: 20px 0;
    padding: 10px;
}

@media (min-width: 768px) {
    .bookingPaymentRoundUp {
        margin: 20px -20px;
        padding: 10px 20px;
    }
}

.bookingPaymentRoundUp.is-active {
    background-color: #f4faf2;
}

.bookingPaymentRoundUp .bookingPaymentCheckbox {
    margin: 0;
}

.bookingPaymentRoundUp .bookingPaymentCheckbox label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.bookingPaymentRoundUp .bookingPaymentCheckbox label:before {
    margin-top: 3px;
}

.bookingPaymentDonation .formRow {
    margin: 0;
}

.bookingPaymentDonation .formRow p.warning {
/*    color: #E40046;*/
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
}

.bookingPaymentDonationButton {
    border: 1px solid #656565;
    border-radius: 4px;
    display: inline-block;
    margin-right: 18px;
    margin-top: 12px;
    padding: 4px 8px;
    position: relative;
    width: 100px;
}

.bookingPaymentDonationButton.otherDonation {
    width: 160px;
}

.bookingPaymentDonationButton:last-child {
    margin-right: 0;
}

.bookingPaymentDonationButton .bookingPaymentCheckbox label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    justify-content: space-between;
}

.bookingPaymentDonationButton .bookingPaymentCheckbox label:before {
    height: 25px;
    margin: 0;
    position: absolute;
    right: 6px;
    width: 25px;
}

.bookingPaymentDonationButton .bookingPaymentCheckbox input:checked + label:before {
    content: "";
    background-image: url("/Images/icon-green-tick.svg");
    background-color: #f8fff6;
}

.bookingPaymentDonationButton.otherDonation input {
    background: none;
    border: 0;
    border-bottom: 1px solid #2C2A29;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 80px;
}

.bookingPaymentDonationButton.otherDonation .pageText {
    font-size: 16px;
}

.bookingPaymentSubmit {
    text-align: left;
    position: relative;
    background-image: url("/images/arrow_forward-white.svg");
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: auto 80%;
    padding-right: 56px;
}

@media (max-width: 767px) {
    .bookingPaymentSubmit {
        background-size: auto 60%;
        padding-right: 44px;
    }
}

#aWalletWidget {
    width: 100%;
    height: 400px;
    min-width: 300px;
    max-width: 339px;
    margin: 20px auto;
}

@media (max-width: 332px) {
    #aWalletWidget {
        margin-left: calc((50%) - 150px);
    }
}

#AmazonPayButton {
    text-align: center;
}

.amazonLogout {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    text-decoration: underline;
    cursor: pointer;
}

.amazonPayTitle {
    margin: 20px 0;
}

.amazonPayText {
    margin: 20px 0;
}

.amazonPayTitle + .amazonPayText {
    margin-top: -10px;
}

.bookingConcessionTab {
    display: none;
}

    .bookingConcessionTab.isActive {
        display: block;
    }


.concession-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    padding: 10px 0;
    transition: 1s;
}

    .concession-table.noModifier {
        border-bottom: 1px solid #ddd;
    }

    .concession-table.isActive {
        transition: 0.3s;
        border-color: transparent;
    }

.concession-table--modifiers {
    border-bottom: none;
    padding: 0 0 0 15px;
    margin-top: 10px;
}

    .concession-table--modifiers:last-child {
        margin-bottom: 30px;
    }


.isHidden {
    display: none;
}

.concession-table__modifier-name {
    flex: 1;
    text-align: left;
    font-weight: bold;
    padding: 15px 15px 15px 10px;
}

@media (max-width:768px) {
    .concession-table__modifier-name {
        padding: 15px 15px 15px 0;
        border-left: none;
    }

    .concession-table--modifiers {
        flex-direction: column;
    }
}

.concession-table__modifier-options {
    flex: 2;
    text-align: left;
    max-width: 768px;
}

    .concession-table__modifier-options .formField {
        max-width: 768px;
    }

.concession-table__action h5,
.concession-table__quantity h5,
.concession-table__subtotal h5,
.concession-table__price h5 {
    color: #000;
}

.concession-table__image {
    width: 120px;
    padding: 10px;
}

@media (max-width:768px) {
    .concession-table__image {
        width: 60px;
        padding: 0;
    }
}

.concession-table__name {
    flex: 2;
    padding-right: 10px;
    padding-left: 10px;
    order: 1;
}

.concession-table__description {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #999;
}

.concession-table__price {
    flex: 1;
    text-align: center;
    order: 2;
}

.concession-table__subtotal {
    flex: 1;
    text-align: center;
    order: 3;
}

.concession-table__quantity {
    width: 160px;
    text-align: center;
    order: 4;
}

.concession-table__action {
    flex: 1;
    text-align: right;
    order: 5;
}


.concession-table__action {
    max-width: 115px;
    text-align: right;
    color: #000;
}

.concession-action {
    max-width: 150px;
    padding: 12px 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    background-color: #0077C8;
    vertical-align: middle;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    border-radius: 5px;
    transition: 0.3s;
    min-width: 115px;
}

    .concession-action.isActive {
        background-color: #E40046;
    }

    .concession-action:hover {
        color: #fff;
        background-color: #9B26B6;
        border-color: transparent;
    }


.bookingCartBorderTop div.modifier-text {
    display: block;
}

.error-text__concessions {
    color: #E40046;
    font-weight: normal;
    padding-bottom: 10px;
}

.modifier-checkbox-label {
    display: block;
}

.checkbox-group {
    border: 2px solid #2C2A29;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0,61,91,0.2);
    color: #2C2A29;
    display: block;
    position: relative;
    height: 50px;
}

.customSelect.checkbox-group:after {
    top: 0;
    right: 0;
    bottom: 0;
}

.checkbox-content {
    background: #fff;
    padding: 10px;
    position: absolute;
    width: 100%;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    border: 1px solid #000;
}

    .checkbox-content label {
        padding: 10px;
    }

.checkbox-text {
    height: 45px;
    width: 100%;
    padding: 10px;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
    overflow: hidden;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

    .checkbox-text:focus {
        color: #0077C8;
        outline: none;
        box-shadow: 0 0 0 2px #0077C8;
        border-color: #0077C8;
    }


.bookingModifierType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
}

.modifierTypeQuantity {
    width: 150px;
}

.modifierTypeName {
    width: calc(100% - 150px);
}

.ta__right {
    text-align: right;
}

.concession-table__modifier-container {
    padding-left: 60px;
    overflow: hidden;
    transition: 0.3s;
    height: 0px;
    margin-bottom: 0px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

    .concession-table__modifier-container.isActive {
        margin-bottom: 20px;
    }

.concession-table__modifier-keyline {
    position: absolute;
    height: calc(100% - 28px);
    width: 1px;
    top: 0;
    left: 60px;
    background: #ddd;
}

@media (max-width:768px) {
    .concession-table__modifier-container {
        padding-left: 30px;
    }

    .concession-table__modifier-keyline {
        left: 30px;
    }

    .concession-table--modifiers-add {
        flex-direction: column-reverse;
    }

    .concession-table--modifiers:last-child {
        margin-bottom: 0;
    }
}

.pt__text {
    padding-top: 18px;
}


.concessions-loyalty-message {
    margin-top: 34px;
    font-weight: bold;
}

.bookingMaxTicketsMessage {
    color: #003D5B;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin-top: 30px;
    margin-bottom: -30px;
}

    .bookingMaxTicketsMessage + .dealMessage--group {
        margin-top: 60px;
    }

.gifts-message-container {
    box-shadow: 0 0 12px 0 rgba(44, 42, 41, 0.4);
    display: inline-block;
}

.gifts-message {
    padding: 10px 50px 12px 22px;
    font-size: 20px;
    position: relative;
    background-size: 5%;
    background-position: 96%;
    border-radius: 4px;
    background-repeat: no-repeat;
}

    .gifts-message.gifts-added {
        color: #fff;
        box-shadow: 0 0 0 2px #0077c8;
        background-image: url("/images/tick-white-icon.svg");
        background-color: #0077c8;
    }

    .gifts-message.no-gifts-added {
        color: #E40046;
        box-shadow: 0 0 0 2px #E40046;
        background-image: url("/images/warning_red.svg");
        background-color: #fff;
    }

.ticket-type-gift {
    color: #0077C8;
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

.added-gift.bookingCartBorderTop {
    border-top-color: #C9C9C9;
}
.filmInfo {
    max-width: 1244px;
    margin: 0 auto;
}

@media (max-width: 767px) {

    .filmInfo {
        margin-top:20px;
    }

}

@media (min-width: 768px) and (max-width: 1279px) {
    .filmInfo {
        width: 100%;
        margin: 20px auto 0;
        float: none;
    }
}

@media (min-width: 1280px) {
    .filmInfo {
        margin-top: 56px;
    }
}

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

.filmInfo:after {
    clear: both;
}

.filmInfoTitles {
    margin: 0 auto;
}

/*.filmInfoTitles {
    float: right;
    width: calc((50%) - 8px);
}*/

@media (min-width: 768px) {
    .filmInfoTitles {
        float: right;
        width: calc((58%) - 8px);
        /*margin-top: 30px;*/
    }
}

@media (min-width: 1280px) {
    .filmInfoTitles {
        /*width: 714px;*/
    }
}

.filmInfoSubTitle {
    color: #c82013;
    font-size: 16px;
    margin: 10px 0 8px;
    font-weight: bold;
    text-transform:uppercase;
}

@media (min-width: 1280px) {
    .filmInfoSubTitle {
     
    }
}

.filmInfoTitle {
    color: #393939;
    margin: 0 0 20px 0;
    float: left;
    text-transform:uppercase;
    font-weight: 700;
}

.filmInfoShare {
    display:none;
}

.filmInfoShareMobile {
    display: block;
    float: left;
    margin: 20px 0;
}

@media (min-width: 768px) {

    .filmInfoShareMobile {
       display:none;
    }

    .filmInfoShare {
       display:block;
       float:right;
    }

}

.filmInfoShare .at-share-btn-elements,
.filmInfoShareMobile .at-share-btn-elements {
    padding: 0;
    margin: 0;
}

.filmInfoContent {
    margin: 0 auto;
    width: calc((50%) - 8px);
    float:left;
}

@media (max-width: 767px) {
    .filmInfoContent {
        margin-top: 40px;
    }
}

@media (min-width: 768px) {
    .filmInfoContent {
        float: left;
        width: calc((35%) - 8px);
        will-change: transform;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-perspective: 1000px;
        -ms-perspective: 1000px;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .filmInfoContent.sticky {
        position: fixed;
        z-index: 0;
        left: 50%;
        top: 136px;
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    
    .filmInfoContent.stickyFixed {
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .filmInfoContent.sticky {
        width: calc((50%) - 24px);
        margin-left: -8px;
        top: 76px;   
    }

    .spaceRight ~ div .filmInfoContent.sticky {
        width: calc((50%) - 32px);
        margin-left: -16px;
    }
}

@media (min-width: 1280px) {
    .filmInfoContent {
        /*width: 610px;*/
    }

    .filmInfoContent.sticky {
        margin-left: -10px;
    }

    .spaceRight ~ div .filmInfoContent.sticky {
        margin-left: -18px;
    }
}

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

.filmInfoContent:after {
    clear: both;
}

.filmInfoPoster {
    position: relative;
}


.filmInfoPoster:hover .filmsListItemOverlay {
    opacity: 1;
    pointer-events: auto;
}

.filmInfoPoster .filmsListItemOverlay .btn-trailer {
    margin:0;
}

@media (min-width: 1280px) {
    .filmInfoPoster {
        /*margin: 0;
        width: 360px;
        padding-top: 530px;*/
    }
}

.filmInfoPosterImage {
    border-radius: 6px;
    width: 337px;
    box-shadow: 0 0 12px 0 rgba(44,42,41,0.4);
}

@media (min-width: 768px) {
    .filmInfoDetails {
        margin-top: 30px;
    }
}

@media (min-width: 1280px) {
    .filmInfoDetails {
        float: right;
        /*width: 230px;*/
    }
}

.filmInfoDetailsItem {
    color: #222222;
    margin: 0 0 10px 0;
    padding: 0 18px 0 18px;
    float: left;
    border-right: 1px solid #F2F2F2;
}

@media (max-width: 1280px) {

    .filmInfoDetailsItem {
        padding: 0 14px 0 0;
        border-right: none;
    }
}

.filmInfoDetailsItem:first-child {
    padding-left:0;
}

.filmInfoDetailsItem:last-child {
    border-right: none;
}

.filmInfoDetailsItemLabel {
    color: #707070;
}

.filmInfoSynopsis {
    color: #222222;
}

.filmInfoHiddenBtn {
    background: none;
    color: #c82013;
    padding: 0;
    margin: 10px 0 0;
    font-size: 15px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

@media (min-width: 768px) {
    .filmInfoHiddenBtn {
        display: none;
    }
}

.filmInfoHidden {
    display: none;
    color:#686868;
}

.filmInfoHidden.active {
    display: block;
}

@media (max-width: 1279px) {
    .filmInfoHidden {
        clear: both;
    }
}

@media (min-width: 768px) {
    .filmInfoHidden {
        display: block;
    }
}

.filmInfoLinks {
    margin: 30px 0;
}

.filmInfoLinksItem {
    background: none;
    color: #c82013;
    padding: 0;
    margin: 10px 0 0;
    font-size: 15px;
    border: none;
    cursor: pointer;
    display: block;
}

.filmInfoLinksItem:before {
    content: "\2022";
    font-size: 2em;
    margin-right: 4px;
    vertical-align: text-bottom;
    line-height: 22px;
}

.picker-cinema-filminfo {
    border: 1px solid #A2A2A2;
    border-radius: 4px;
    width: auto;
    display: block;
}

@media (min-width: 1280px) {
    .picker-cinema-filminfo {
        width: 533px;
    }
}

.filmInfoCinemaAddress,
.filmInfoCinemaPhone {
    padding: 20px 30px 0 20px;
    line-height: 24px;
    position: relative;
    color: #222222;
    font-size: 14px;
    float: left;
}

.filmInfoCinemaAddress:before,
.filmInfoCinemaPhone:before {
    content: "";
    width: 10px;
    height: 16px;
    position: absolute;
    z-index: 0;
    top: 24px;
    left: 0;
    margin-right: 10px;
    background-image: url("/images/location-icon.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    vertical-align: middle;
}

.filmInfoCinemaPhone:before {
   background-image: url(/images/phone-icon-grey.svg);
   width: 13px;
   background-position: 0 2px;
}

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

.filmInfoFilters:after {
    clear: both;
}

@media (min-width: 768px) {

    .filmInfoFilters .filterAttribute {
        float: none;
        margin-bottom: 0;
    }

    .filmInfoFilters .filterAttribute label {
        margin-bottom: 0;
    }
}



@media (min-width: 768px) and (max-width: 1279px) {
    .filmInfoFilters .filterAttribute {
        margin: 20px 0 30px;
    }
}

.filmInfoFilters .filterAttribute {
    margin: 30px 0 30px;
    width: auto;
    padding: 0 0 20px;
    /* border-bottom: 4px dotted #E6E6E6; */
    background-image: url(/images/GTC_spot-grey.svg);
    background-repeat: repeat-x;
    background-size: 8px 4px;
    background-position: center bottom;
}

.filterAttribute label {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .filmInfoFilters .filterAttribute label {
        margin-top: 8px;
        margin-left: 8px;
    }

    .filmInfoFilters .filterAttribute input:first-child + label {
        /*margin-left: 8px;*/
    }

     .filterAttribute label {
        margin-bottom: 0;
    }
}

.filmInfoSessions {
    margin: 0 auto;
    clear: both;
    margin: 40px auto;
}

.filmInfoDetails {
    float: right;
    margin: 40px 0 0 0;
    width: calc((50%) - 8px);
}

@media (min-width: 768px) {
    .filmInfoSessions {
        float: right;
        clear: right;
        width: calc((58%) - 8px);
    }

    .filmInfoDetails {
        float: right;
        clear: right;
        width: calc((58%) - 8px);
        margin: 0;
    }
}

@media (min-width: 1280px) {
    .filmInfoSessions {
        /*width: 714px;*/
    }
}

.filmInfoDates .sessions {
    display: block;
    clear: both;
    height: auto;
}

.filmInfo .sessionsTitle {
    display: block;
    color: #484848;
}

.filmInfo .session {
    width: calc(50% - 4px);
    font-size: 15px;
    float: left;
    margin-right: 8px;
}

@media (max-width: 767px) {

    .filmInfo .session:nth-child(odd) {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .filmInfo .session {
        width: 114px;
    }
}

.filmInfo .noresults .sessions {
    display: none;
}

.filmInfoDatesMessage {
    display: none;
}

.noresults + .filmInfoDatesMessage {
    display: block;
}

@media (min-width: 768px) {
    .filmInfoRatings .overlayImage {
        float: left;
        margin: 0 20px 20px 0;
    }
}

.tickets {
    background: #fff;
    border: 2px solid #727272;
    border-radius: 6px;
    color: #686868;
    font-size: 15px;
    line-height: 22px;
}

@media (min-width: 768px) {
    .tickets {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}

.ticketsCol {
    padding: 16px;
}

@media (max-width: 767px) {
    .ticketsCol {
        border-top: 1px solid #cbcbcb;
    }

    .ticketsCol:first-child {
        border-top: none;
    }
}

@media (min-width: 768px) {
    .ticketsCol {
        border-left: 1px solid #cbcbcb;
        display: table-cell;
    }

    .ticketsCol:first-child {
        border-left: none;
    }
}

.ticketsTitle {
    color: #393939;
    font-size: 17px;
    line-height: 30px;
    margin: 0 0 30px;
    font-weight: bold;
}

@media (min-width: 1280px) {
    .ticketsTitle {
        font-size: 19px;
        line-height: 36px;
    }
}

.ticketsDescription {
    margin: 0 0 30px;
}

.ticketsTitle + .ticketsDescription {
    margin-top: -30px;
}

.ticketsItem {
    margin: 15px 0 0;
}

.ticketsItemTitle {
    color: #393939;
    font-weight: bold;
}

.ticketsItemDescription {
    
}

.ticketsItemPrice {
      
}

.ticketsDescription p,
.ticketsItemDescription p,
.ticketsItemPrice p {
    margin: 0;
}

@media print {
    .filmInfoTitles,
    .filmInfoContent,
    .filmInfoSessions {
        width: 100%;
    }

    .filmInfoHiddenBtn,
    .filmInfoHidden {
        display: none;
    }
}

.expCarousel-filminfo {
    margin-bottom: 54px;
}

@media (min-width: 768px) {
    .expCarousel-filminfo {
        margin-bottom: 44px;
    }
}

@media (min-width: 768px) {
    .showMobile {
        display: none;
        float: left;
        margin-bottom: 20px;
    }
}

.filmInfoComponents {
    float: right;
    clear: right;
    width: calc((58%) - 8px);
    margin: 0;
}




.filmInfoBlock {
    font-size: 18px;
    line-height: 28px;
    margin: 20px 0 10px;
}


.filmInfoBlock:last-of-type {
    margin-bottom:30px;
}




.filmInfoItemTitle {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 100;
    color: #2C2A29;
}

@media (max-width:767px) {
    .filmInfoItemTitle {
        font-size: 36px;
        line-height: 42px;
    }

}

.filmInfoFilmDetailsContainer {
    margin-top: 20px;
    margin-bottom: 50px;
}
.filmInfoFilmDetails {
    color: #2C2A29;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    padding-left: 7px;
    border-left: 1px solid#2C2A29;
    margin-left: 7px;
}
.filmInfoFilmDetails:first-of-type {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}


.filmInfoShareIcon {
    width: 44px;
    height: auto;
}

.filmInfoShareIcon[src*="logo-twitter"] {
    width: 42px;
}

.filmInfoShareLink {
    display: inline-block;
    transition: all .2s ease-out;
}

.filmInfoShareLink + .filmInfoShareLink {
    margin-left: 0.5rem;
}

.filmInfoShareLink:hover {
    opacity: .5;
}

.filmDetails-marketing-message-container {
    box-shadow: 0 0 12px 0 rgba(44, 42, 41, 0.4);
}

.filmDetails-marketing-message {
    box-shadow: 0 0 0 2px #9b26b6;
    border-radius: 4px;
}

.filmDetails-marketing-message-subTitle {
    color: #0064a4;
}

.filmDetails-marketing-message-text {
    margin-top: 10px;
}
.filmDetails-marketing-message-text p {
    margin-top: 2px;
}
.mapStateLink {
    display: block;
    height: 110px;
    padding: 40px 33px 0 33px;
    text-decoration:none;
    color:#11577A;
    background:rgb(226,226,226);
}

.mapStateLink:hover {
    background:rgba(226,226,226,0.8);
}

.mapStateLink.active {
    background:#11577A;
    color:#fff;
}

.mapStateLink span {
    padding: 2px 0 1px 40px;
    background: url(../images/arrow-icon-white-small.svg) no-repeat 0 3px;
    text-transform: uppercase;
    background-size: 15px;
    font-size: 19px;
    font-weight: bold;
    height: 100%;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.multiMapLinks {
    float: right;
    width: 34.13654618473896%;
    height: 440px;
    /*background:#E2E2E2;*/
}

.multiMap {
    width: 65.86345381526104%;
    height: 440px;
    position:relative;
    float:left;
}

.multiMap .map {
    visibility:visible;
    z-index:2;
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.multiMap .map.heightZero {
    visibility:hidden;
    z-index:1;
}

@media (max-width: 767px) {

    .multiMapLinks {
        float: none;
        width: 100%;
        height: auto;
        display: table;
    }

    .multiMap {
        float: none;
        width: auto;
        height:248px;
    }

    .mapStateLink {
        height: auto;
        padding: 5px 0;
        width: 25%;
        display: table-cell;
        vertical-align: middle;
        border: 1px solid rgba(0,0,0,0.05);
    }

    .mapStateLink span {
        padding: 0;
        background: none;
        text-transform: uppercase;
        background-size: 15px;
        font-size: 11px;
        height: 100%;
        width: 100%;
        display: inline-block;
        text-align: center;
        border: none;
    }
}

.cinemaInfoDirections {
    margin: 50px auto;
    max-width: 1246px;
}

@media (min-width: 1280px) {
    .cinemaInfoDirections {
        margin: 90px auto;
    }
}

.cinemaInfoMap {
    height: 400px;
    position: relative;
    margin: 35px auto;
}

@media (min-width: 1280px) {
    .cinemaInfoMap {
        height: 440px;
    }
}

.cinemaInfoMap .map {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.pricesTable {
    /*width:1246px;*/
    width: 100%;
    margin:0 auto;
}

.pricesTable td, .pricesTable th {
    padding: 15px 0;
}
.pricesTable thead th {
    font-weight:600;
    font-size:24px;
    border-bottom:2px solid #BCBCBC;
    text-align: left;
    color:#003F64;
}
.pricesTable tbody td {
    border-bottom:1px solid #DDDDDD;
}

/* Theatre Info page menu */
.cinemaInfoMenu nav ul {
    display: inline-block;
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
}

.cinemaInfoMenu nav ul li {
    border-right: 1px solid #9B26B6;
    float: left;
    padding: 5px 20px;
}

.cinemaInfoMenu nav ul li:last-child {
    border-right: none;
}

.cinemaInfoMenu nav ul li a {
    font-size: 18px;
    line-height: 22px;
    color: #9B26B6;
    text-decoration: none;
    text-transform: uppercase;
}

a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}
/* Accordian */

.accordionGroup {
    margin: 30px 0;
}

.accordianControl {
    padding: 4px 8px;
    cursor: pointer;
    margin: 20px -8px 0;
    border-radius: 4px;
}

.open .accordianControl {
     border-bottom: none;
}

.accordianControl:focus {
    box-shadow: 0 0 0 2px #9B26B6;
}

.accordianContent {
    /*color:#fff;*/
}

.open .accordianContent {
    padding: 0 0 16px 0;
    max-height: none !important;
}

.accordianContent {
    font-size: 18px;
    line-height: 28px;
    color: #2C2A29;
}

@media (max-width:320px) {
    .accordianContent {
        font-size: 16px;
        line-height: 26px;
        color: #2C2A29;
    }
}

.acc-title {
    float: left;
    font-size: 28px;
    line-height: 34px;
    color: #2C2A29;
    width: calc(100% - 40px);
}

.acc-title:hover {
    text-decoration: underline;
}

.open .acc-title:hover {
    text-decoration: none;
}

@media (max-width:320px) {
    .acc-title {
        font-size: 20px;
        line-height: 26px;
    }
}

.acc-ctrl {
    position: relative;
    text-align: right;
    font-size: 36px;
    line-height: 1em;
    color: #0077C8;
    display: inline-block;
    width: 40px;
}

@media (max-width:320px){
    .acc-ctrl {
        font-size:24px;
        line-height:24px;
    }
}

.acc-ctrl .fa-chevron-up, .open .acc-ctrl .fa-chevron-down {
    display: none;
}

.open .acc-ctrl .fa-chevron-up {
    display: block;
}

.open .acc-title {
    color:#222222;
}

@media (min-width: 768px) {
    .accordionGroup + .accordionTitle {
        margin-top: 54px;
    }
}
.adHomeTakeover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    z-index: 100;
    display: table;
    width: 100%;
    height: 100%;
}

.adHomeTakeoverCell {
    display:table-cell;
    vertical-align:middle;
}

.adHomeTakeoverImg {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}


@media(max-width:1439px) {
    .adHomeTakeoverImg {
        width: 800px;
    }
}

@media(max-width:1023px) {
    .adHomeTakeoverImg {
        width: 695px;
    }
}

@media(max-width:850px) {
    .adHomeTakeoverImg {
        width: 100%;
        width: calc((100%) - 40px);
        max-width: 695px;
        height: 100vh;
        max-height: 347.5px;
        position: relative;
        padding-top: 56px;
        padding-bottom: 20px;
    }
}

.adHomeTakeoverImg img {
    border-radius: 6px;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,0.24);
    max-height: 100%;
    margin: 0 auto;
    display: block;
}

.adHomeTakeoverClose {
    position: absolute;
    top: 0;
    right: -56px;
    width: 36px;
    height: 36px;
    line-height: 1;
    color: rgba(255,255,255,0.5);
    font-size: 36px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    transition: color .2s ease-out;
}

.adHomeTakeoverClose:hover {
    color: rgba(255,255,255,1);
}

@media (max-width: 849px) {
    .adHomeTakeoverClose {
        top: 10px;
        right: 0;
    }
}

/*.adHomePromo img {
    width:100%;    
}*/

.adCol {
    margin-left:-22px;
    margin-right:-22px;
}

.adContainer {
    background-color: #ECEBF2;
}

.adContainer img {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 350px;
    margin: 0 auto;
    display: block;
}

@media (max-width:767px) {
    .adContainer img {
        max-width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.promoCrsl {
    background: #ECEBF2;
    margin: 0 auto;
    max-width: 1440px;
}

@media (min-width: 768px) {
    .promoCrsl {
        padding: 0 135px;
    }
}

.promoCrsl h3 {
    color: inherit;
}

.promoCrslSingle img {
    display: block;
    margin: 0 auto;
    max-width: 320px;
    margin-top: 20px;
    width: 100%;
}

.promoCrslSingle h3, h4 {
    margin: 20px 0 0 ;
}

.promoCrslSingle h3 + h4, p {
    margin: 10px 0 0 ;
}

.promoCrslSingle .promoButton a {
    margin-top: 20px;
    max-width: 320px;
    min-width: unset;
    width: 80%;
}

.promoPanels .slick-track {
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}

.promoPanels .slick-slide {
    height: unset;
    padding: 20px 20px 40px;
}

.promoPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.dash-blocks {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .dash-blocks {
        margin-top: 40px;
    }
}

.dash-block {
    background-color: #10069F;
    border-radius: 6px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 40px;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
}

.dash-block:last-child {
    margin-right: 0;
}

@media (min-width: 768px) {
    .dash-block {
        margin-right: 2.9%;
        width: 30%;
    }

    .dash-block:first-child {
        margin-left: 2%;
    }

    .dash-block:last-child {
        margin-right: 2%;
    }
}

.dash-block a {
    color: #00A9E0;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
}

.dash-block h2, .dash-block h3,
.birthday-block h2, .birthday-block h3, .birthday-block p {
    color: #fff;
}


.birthday-block {
    background-color: #10069F;
    border-radius: 6px;
    color: #fff;
    display: block;
    margin: 0 auto 40px;
    padding-top: 1px;
    padding-bottom: 40px;
}
.dash-button {
    align-self: center;
}

.points {
    font-size: 70px;
    font-weight: 300;
    line-height: 121px;
    margin: 20px 0;
}

.dash-h3 {
    font-size: 28px;
    font-weight: normal;
    line-height: 34px;
    margin: 0;
}

.dash-text {
    display: block;
    font-size: 24px;
    line-height: 29px;
}

.dash-rewards {
    display: block;
    margin-right: 10%;
    margin: 20px 0;
}

.avail {
    font-weight: bold;
}

.quantity {
    color: #00A9E0;
    font-size: 36px;
    line-height: 28px;
    margin: 20px 0;
}

.dash-table {
    margin: 20px 0;
    text-align: left;
    width: 100%;
}

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

.remaining {
    display: block;
    margin-top: 20px;
}

.remaining p {
    color: #fff;
}

.qr-code img {
    background-color: #fff;
    border-radius: 6px;
    margin: 40px 0 0;
    padding: 15px;
    max-width: 150px;
}

.apple-wallet img {
    margin-top: 40px;
    width: 180px;
}

.qr-code {
    display: none;
}

.apple-wallet {
    display: block;
}

@media (min-width: 768px) {
    .qr-code {
        display: block;
    }

    .apple-wallet {
        display: none;
    }
}

.plymouth-reward {
    background-color: #10069F;
    border-radius: 6px;
    color: #fff;
    margin: 20px unset;
}

.plym-container {
    min-height: unset;
    position: unset;
}

@media (min-width: 1280px) {
    .plym-container {
        margin: 0 -135px;
        min-height: 100px;
        position: relative;
    }
}

.plym-text {
    display: block;
    margin: 40px 0 20px;
    position: relative;
}

.plym-btn {
    display: block;
    margin-bottom: 40px;
    position: relative;
}

@media (min-width: 768px) {

    .plym-container {
        min-height: 100px;
        position: relative;
    }

    .plym-text {
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
    }

    .plym-btn {
        right: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
    }
}

.features-table {
    height: 100%;
    width: 100%;
}

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

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

/* Dashboard percentage svg */
#next-reward {
    height: 220px;
    transform: rotate(-90deg);
}

#next-reward circle {
    fill: none;
    stroke-dashoffset: 0;
    stroke-width: 2px;
    stroke: #fff;
}

#next-reward #bar {
    stroke: #0077C8;
    stroke-dasharray: 565.487px;
    stroke-dashoffset: 565.487px;
    stroke-width: 26px;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#cont {
    display: block;
    height: auto;
    max-width: 220px;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
}

#cont::after {
    position: absolute;
    display: block;
    height: 160px;
    width: 160px;
    left: 50%;
    top: 50%;
    content: attr(data-pct) "%";
    margin-top: -80px;
    margin-left: -80px;
    border-radius: 100%;
    line-height: 160px;
    font-size: 40px;
}
/* Registration Steps Progress Bar */
.register-steps {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 40px;
    width: 100%;
}

@media (min-width: 768px) {
    .register-steps {
        margin-bottom: 0;
    }
}

.prog-bar {
    background-color: #00A9E0;
    height: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.prog-bar-off {
    opacity: 0.25;
}

.prog-bar-1 {
    border-radius: 4px 0 0 4px;
}

.prog-bar-2 {
    background-color: #00A9E0;
}

.prog-bar-3 {
    border-radius: 0 4px 4px 0;
}

.prog-bar-1of4 {
    padding: 0;
    margin-right: 2px;
    width: calc((25%) - 2px);
}

.prog-bar-1of4:last-child {
    margin-right: 0;
}

/* Complete Step */
.reg-scan-qr {
    display: none;
}

.reg-scan-qr img {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .reg-scan-qr {
        display: block;
    }
}

/* QR Print */
@media print {
    .print-display {
        page-break-after: avoid;
        page-break-before: avoid;
    }

    .print-hide {
        display: none;
    }
}
.inline-form-button {
    margin-top: 15px;
    margin-left: auto;
    margin-right: 0;
    display: block;

}
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../Images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../Images/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../Images/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../Images/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.modalDialogueOverlay {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 999;
}

.modalDialogueContent {
    position: relative;
    background: rgb(255,255,255);
    width: 50%;
    max-width: 580px;
    margin: auto;
    border: 1px solid #0077C8;
    border-radius: 6px;
    box-shadow: 0 2px 6px 0 #2C2A29;
    padding: 25px;
}

.modalDialogueInner h2 {
    margin-top: 0;
}

.modalDialogueButtons {
    margin-top: 15px;
}

.modalDialogueInner .btn-outline.first {
    margin-right: 3px;
}
.modalDialogueInner .btn-outline.last
{
    margin-left: 3px;
}

@media (max-width:1100px) {
    .modalDialogueOverlay {
        display: block;
    }
    .modalDialogueContent {
        width: 90%;
        top: 100px;
    }
}

@media (max-width:767px) {
    .modalDialogueButtons .btn-outline {
        min-width: calc(45% - 3px);
        padding: 12px 18px 14px;
        font-size: 18px;
    }
}
#refundForm {
    margin: 0 -16px;
}

@media (min-width: 768px) {
    #refundForm {
        margin: 0 -44px;
    }
}

@media (min-width: 768px) {
    #refundForm {
        margin: 0 -157px;
    }
}

#Refunds-BookingID {
    text-transform: uppercase;
}
.dn { 
    display: none;
}

.db {
    display: block;
}

.hide {
    visibility: hidden;
}

.ta_l {
    text-align: left;
}

.ta_c { 
    text-align: center;
}

@media (max-width: 767px) {
    .m_ta_c {
        text-align: center;
    }
}

.ta_r {
    text-align: right;
}

.fc:before,
.fc:after {
    content: "";
    display: table;
}
.fc:after {
    clear: both;
}

.bold {
    font-weight: bold;
}

.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.mobile_only {
    height: 0;
    width: 0;
    overflow: hidden;
}

.w100 {
    width: 100%;
}

@media (max-width: 767px) {
    .mobile_only {
        height: auto;
        width: auto;
        overflow: visible;
    }
    .dn_mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .dn_desktop {
        display: none;
    }
}