/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background: transparent
}

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    max-width: 100%
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

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

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-small {
    font-size: .8em
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-check:before {
    content: "\e600"
}

.icon-arrow:before {
    content: "\e601"
}

.icon-logout:before {
    content: "\e602"
}

.icon-back:before {
    display: inline-block;
    content: "\e603";
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.icon-arrow-circle:before {
    content: "\e604"
}

#reciteme {
    background: url("../graphics/reciteme.png") no-repeat;
    height: 30px !important;
    width: 30px !important;
    margin: 0 5px
}

#cards_accordion .row {
    margin-bottom: 48px
}

#cards_accordion .row .icon {
    float: left;
    margin-right: 20px
}

#page {
    margin-bottom: 64px
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.row.relative {
    position: relative
}

.row.relative .col-absolute {
    margin-top: -20px
}

.clearfix:after, .group:after, .row:after, .container:after, dl:after {
    content: "";
    display: table;
    clear: both
}

.col-left, .col-right {
    width: 47.5%;
    position: relative
}

.col-left {
    float: left
}

.col-right {
    float: right
}

.box_left, .box_right {
    float: left
}

.box_left {
    margin-right: 50px
}

.pull-left, .float-left {
    float: left
}

.pull-right, .float-right {
    float: right
}

.breaker {
    clear: both
}

.spacer {
    margin-top: 80px
}

.page-left {
    float: left;
    width: 27.5%
}

.page-right {
    float: right;
    width: 67.5%
}

.row.column-row .col-3 {
    width: 30%;
    margin-right: 5%;
    float: left
}

.col-4 {
    width: 20%;
    margin-right: 5% !important;
    float: left
}

.row.column-row :nth-child(3) {
    margin-right: 0%
}

.marginBottom {
    margin-bottom: 1em !important
}

.marginBottomX2 {
    margin-bottom: 2em
}

.marginTop {
    margin-top: 1em !important
}

.marginTopX2 {
    margin-top: 2em
}

.noMargin {
    margin: 0
}

.nested, .padded {
    padding: 2em
}

* {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body {
    background: #e6e6e6;
    font-size: 100%;
    width: 100%;
    overflow-x: hidden
}

a {
    color: #911222;
    text-decoration: none;
    transition: .6s
}

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

ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

dl dt, dl dd {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 0 0 .5em;
    margin: 0
}

dl dt {
    clear: both;
    font-weight: bold
}

dl:after {
    clear: both;
    display: table;
    content: " "
}

hr {
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #ccc;
    border-style: inset
}

h1, h2, h3, h4 {
    color: #ed1c24;
    margin-top: 0;
    margin-bottom: 1em
}

h1, h2 {
    font-weight: 500
}

h1, h4 {
    color: #911222
}

p {
    line-height: 1.5em
}

.well {
    background-color: #e6e6e6;
    padding: 20px;
    margin-bottom: 1em
}

.well h1, .well h2, .well h3, .well h4 {
    color: #911222
}

.brand-main {
    color: #911222
}

.brand-alt {
    color: #ed1c24
}

.brand-hlt {
    color: #ff7300
}

.required {
    color: #ed1c24
}

.hide {
    display: none
}

button:not(.go-back), .button, input[type="submit"] {
     background-color: #ed1c24;
     border: 0 none;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     padding: .5em 1em;
     color: #fff;
     width: 100%;
     font-size: 1.3em;
     display: inline-block;
     text-align: center;
     transition: .6s
 }





button:not(.go-back).button-inline, .button.button-inline, input[type="submit"].button-inline {
    width: auto
}

button:not(.go-back).button-dark, button:not(.go-back).button-secondary, .button.button-dark, .button.button-secondary, input[type="submit"].button-dark, input[type="submit"].button-secondary {
    background: #911222
}

button:not(.go-back).button-dark:hover, button:not(.go-back).button-dark:active, button:not(.go-back).button-secondary:hover, button:not(.go-back).button-secondary:active, .button.button-dark:hover, .button.button-dark:active, .button.button-secondary:hover, .button.button-secondary:active, input[type="submit"].button-dark:hover, input[type="submit"].button-dark:active, input[type="submit"].button-secondary:hover, input[type="submit"].button-secondary:active {
    background: #36070d
}

button:not(.go-back).button-blend, .button.button-blend, input[type="submit"].button-blend {
    background: #999;
    font-size: 1.2em;
    border: 1px solid #404b51
}

button:not(.go-back).button-blend:hover, .button.button-blend:hover, input[type="submit"].button-blend:hover {
    background: gray
}

button:not(.go-back).button-small, .button.button-small, input[type="submit"].button-small {
    font-size: 1em
}

button:not(.go-back).continue, .button.continue, input[type="submit"].continue {
    display: none;
    margin-bottom: 2em
}

button:not(.go-back).continue span:after, .button.continue span:after, input[type="submit"].continue span:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url('../graphics/arrow_go.png?1440411682') 0 0 no-repeat;
    height: 20px;
    width: 20px
}

button:not(.go-back).button-add span:before, .button.button-add span:before, input[type="submit"].button-add span:before {
    display: inline-block;
    margin-right: 5px;
    font-family: "icomoon";
    content: "\e605";
    color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

button:not(.go-back).show, .button.show, input[type="submit"].show {
    display: block !important
}

button:not(.go-back):hover, button:not(.go-back):active, .button:hover, .button:active, input[type="submit"]:hover, input[type="submit"]:active {
    text-decoration: none;
    color: #fff;
    background: #640c17
}

.go-back {
    border: none;
    background: transparent
}

.go-back:before {
    font-family: "icomoon";
    color: #ed1c24;
    content: "\e604";
    font-size: 1.3em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-bottom;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.stacktable.small-only {
    margin-bottom: 1em
}

form .form_grouping {
    margin-bottom: 40px
}

form label {
    display: block;
    margin-bottom: 8px;
    font-size: .9em
}

form label.radio-inline, form label.checkbox-inline {
    display: inline-block
}

form input[type="checkbox"] {
    position: absolute
}

form input[type="checkbox"] + label {
    padding-left: 20px
}

form .push-bottom {
    padding-top: 2em
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="file"], form select, form .ui-selectmenu-button {
    display: block;
    -webkit-appearance: none;
    border: solid 1px #999;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0 0 16px 0;
    width: 100%
}

form input {
    padding: 8px 8px
}

form input.button {
    border: 0 none
}

form select, form .ui-selectmenu-button {
    padding: 8px 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    width: 50%
}

form select.dob, form .ui-selectmenu-button.dob {
    width: 16%
}

form select::-ms-expand, form .ui-selectmenu-button::-ms-expand {
    display: none
}

form select.dateOfBirth, form .ui-selectmenu-button.dateOfBirth {
    display: inline-block;
    width: auto
}

form .ui-selectmenu-button {
    display: inline-block;
    padding-left: 7px
}

form input:focus, form select:focus, form .ui-selectmenu-button:focus {
    border-color: #911222;
    box-shadow: 0 0 5px rgba(145, 18, 34, 0.3);
    outline-color: rgba(145, 18, 34, 0.5)
}

form input:focus.button, form select:focus.button, form .ui-selectmenu-button:focus.button {
    outline-color: transparent
}

form .radio-inline, form .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: pointer
}

form .filename {
    display: block;
    padding: 5px;
    margin: 6px;
    border: 1px solid #e6e6e6;
    background-color: #ccc;
    text-align: right
}

form .filename span {
    display: block;
    float: left
}

form.inline-form label, form.inline-form input[type="text"], form.inline-form select {
    display: inline-block
}

form.inline-form label {
    width: 30%;
    float: left;
    margin-top: 8px
}

form.inline-form input[type="checkbox"] + label {
    width: auto;
    float: none;
    margin-top: 0
}

form.inline-form input[type="text"], form.inline-form select {
    width: 65%
}

form.inline-form input[type="text"].number, form.inline-form select.number {
    width: 15%
}

form.inline-form input.small {
    width: 30%
}

form.inline-form input.small:first-of-type {
    margin-right: 3%
}

form input.small {
    width: 30%
}

form input.small:first-of-type {
    margin-right: 3%
}

.support-form {
    width: 50%
}

.support-form input[type="submit"] {
    width: auto
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
    background-color: #fff;
    border: 1px solid #911222;
    position: relative;
    z-index: 20
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    background: #ed1c24;
    color: #fff;
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    max-height: 240px;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-icon:after {
    font-family: "icomoon";
    content: "\e601";
    color: #ff7300;
    display: inline-block;
    font-size: .9em;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-selectmenu-button.ui-selectmenu-disabled {
    border-color: #e6e6e6;
    color: #ccc;
    background: none
}

.ui-selectmenu-button.ui-selectmenu-disabled:focus {
    border-color: #e6e6e6;
    box-shadow: none;
    outline-color: rgba(230, 230, 230, 0.5)
}

.ticket-checkbox {
    display: none
}

.buy-tickets-box {
    display: block;
    border: 2px solid #999;
    padding: 25px 20px;
    margin-bottom: 15px;
    position: relative
}

.buy-tickets-box h2 {
    color: #911222;
    margin: 0 50px 15px 0
}

.buy-tickets-box .selector {
    padding-right: 50px;
    font-size: .9em;
    line-height: 1.2em
}

.buy-tickets-box .selector:after {
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    font-size: 4em;
    color: #911222;
    content: " ";
    right: 20px;
    top: 30%;
    position: absolute
}

.buy-tickets-box.no-sub h2 {
    margin-bottom: 0
}

.buy-tickets-box.no-sub .selector:after {
    top: 23%
}

.buy-tickets-box.no-head {
    padding: 10px 20px 5px 20px
}

.buy-tickets-box.no-head .selector:after {
    top: 33%
}

.ticket-checkbox:checked + .buy-tickets-box {
    border: 2px solid #ed1c24;
    background-color: #f6f6f6
}

.ticket-checkbox:checked + .buy-tickets-box h2 {
    color: #911222
}

.ticket-checkbox:checked + .buy-tickets-box .selector:after {
    border: 0;
    width: auto;
    height: auto;
    font-family: "icomoon";
    color: #911222;
    content: "\e600";
    right: 13px;
    top: 42%;
    position: absolute
}

.ticket-checkbox.reject + .buy-tickets-box {
    opacity: .5
}

header {
    background: #fff;
    padding: 10px 0
}

header #logo {
    float: left;
    background: url('../graphics/logo.png?1439889855') center left no-repeat;
    text-indent: -99998px;
    font-size: 0;
    height: 80px;
    width: 220px
}

header #options {
    position: absolute;
    top: calc(50% - 15px);
    right: 10px
}

header #options a {
    color: #ff7300;
    display: inline-block;
    text-decoration: none;
    font-size: 2.3em;
    transition: .6s
}

header #options a:hover {
    opacity: .8
}

#tabs {
    background: #ed1c24
}

#tabs ul li {
    display: inline-block
}

#tabs ul li a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2em
}

#tabs ul li a:hover, #tabs ul li a.active {
    background: #c61017
}

#toggle, .toggle {
    display: none
}

.toggle {
    font-weight: 300;
    font-size: 1.4em;
    color: #fff;
    background: #ed1c24;
    padding-left: 1%
}

.home-content .page-right h4 {
    font-size: 1.3em;
    font-weight: normal
}

.home-content .page-right .features {
    margin-bottom: 2.4em
}

.home-content .page-right .features li {
    line-height: 1.8em;
    list-style-color: #ed1c24;
    list-style-type: disc;
    margin-left: 24px;
    padding-bottom: 6px
}

.login {
    background-color: #e6e6e6;
    padding: 20px
}

.login h2 {
    color: #ed1c24;
    margin-bottom: 1em
}

.login .password-remind a {
    margin: 1em 0;
    display: inline-block;
    background: url('../graphics/arrow_go.png?1440411682') left center no-repeat;
    padding: 5px 0 5px 30px;
    color: inherit
}

#slider {
    margin-bottom: 30px
}

#slider ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0
}

#slider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}

#slider img {
    display: block;
    height: auto;
    width: 100%
}

#slider {
    max-height: 280px;
    overflow: hidden
}

/*! lightslider - v1.1.2 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideOuter {
    overflow: hidden;
    position: relative;
    max-height: 280px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.lightSlider {
    overflow: hidden
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden
}

.lSSlideWrapper > .lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: 0.8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction > a {
    display: block;
    top: 50%;
    height: 40px;
    width: 20px;
    background: url('../graphics/arrow_slide.png?1438859122') no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s
}

.lSAction > a:hover {
    opacity: 1
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction > .lSNext {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 10px
}

.lSAction > a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.content {
    background: #fff;
    padding: 30px 0;
    min-height: 500px
}

.content .home-content ul, .content ul.bullets {
    margin: 1em
}

.content .home-content ul li, .content ul.bullets li {
    line-height: 1.5em;
    padding-bottom: 1em;
    padding-left: 20px;
    position: relative;
    display: block
}

.content .home-content ul li:before, .content ul.bullets li:before {
    content: '\2022';
    color: #ed1c24;
    position: absolute;
    left: 0
}

.content .home-content ul.bullet-arrows li:before, .content ul.bullets.bullet-arrows li:before {
    font-family: "icomoon";
    content: "\e601"
}

.content img.right1, .content img.right2, .content button.right1 {
    float: right;
    margin: 10px 30px 5px 100px;
    display: block;
    position: relative
}

.content img.left1, .content img.left2 {
    float: left;
    margin: 0 10px 5px 0;
    width: 99px;
    height: 65px
}

.content table {
    background-color: transparent;
    border: solid;
    border-collapse: separate;
    border-color: #999;
    border-spacing: 0;
    border-width: 1px;
    max-width: 100%;
    width: 100%
}

.content table thead {
    border-color: inherit;
    display: table-header-group;
    vertical-align: middle
}

.content table th {
    background-color: #911222;
    border-left: solid 1px #999;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 12px;
    text-align: center
}

.content table th:first-child {
    border-left: none
}

.content table tbody {
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle
}

.content table tbody td {
    border-left: solid 1px #999;
    font-weight: normal;
    padding: 12px 18px;
    text-align: left
}

.content table tbody td:first-child {
    border-left: none
}

.content table:last-child {
    margin-bottom: 0
}

.content .table-striped > tbody > tr:nth-child(even) > td, .content .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #e6e6e6
}

.content .stacktable.large-only {
    display: table
}

.content .stacktable.small-only {
    display: none
}

footer nav {
    background: #ed1c24
}

footer nav ul li {
    display: inline-block
}

footer nav ul li a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    font-size: .9em
}

footer nav ul li a:hover, footer nav ul li a.active {
    background: #640c17;
    color: #fff;
    text-decoration: none
}

footer .col-left, footer .col-right {
    padding: 2em 0;
    font-size: .8em;
    line-height: 1.5em
}

.alert:not(span) {
    padding: 10px;
    margin-bottom: 18px;
    font-size: .9em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert:not(span) p:first-of-type {
    margin-top: 0
}

.alert:not(span) p:last-of-type {
    margin-bottom: 0
}

.alert:not(span) ul {
    margin-bottom: 10px
}

.alert:not(span) ul li {
    margin-top: 10px
}

.alert:not(span) .alert-heading {
    color: inherit
}

.alert:not(span) .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px
}

.alert:not(span).alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}

.alert:not(span).alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1
}

.alert:not(span).alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc
}

.alert:not(span).alert-error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1
}

.noteHelpTxt {
    display: none
}

.account-registration {
    position: relative
}

.account-registration form select.dob, .account-registration form .ui-selectmenu-button.dob {
    width: 16%
}

.account-registration .page-right {
    float: none
}

.my-key-account img.mykey {
    width: 100%
}

.my-key-account .account-main-left {
    float: left;
    width: 60%
}

.my-key-account .account-main-right {
    float: right;
    width: 35%
}

.my-key-account .well dl {
    font-size: .8em;
    line-height: 1em
}

.my-key-account .well dl dt {
    width: 40%
}

.my-key-account .well dl dd {
    width: 60%
}

.my-key-account .well dl dd:after {
    content: " ";
    display: table;
    clear: both
}

.tickets_left, .tickets_right {
    border: 1px solid #ff7300
}

.tickets_left h2, .tickets_right h2 {
    color: #911222;
    border-bottom: 1px solid #911222;
    padding: 15px;
    background-color: #f6f6f6;
    margin-bottom: 0;
    position: relative
}

.tickets_left h2:after, .tickets_right h2:after {
    font-family: "icomoon";
    content: "\e601";
    color: #911222;
    display: inline-block;
    font-size: .9em;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    right: 10px
}

.tickets_left h2.closed, .tickets_right h2.closed {
    border-bottom: none
}

.tickets_left h2.closed:after, .tickets_right h2.closed:after {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.tickets_left h2 small, .tickets_right h2 small {
    color: #ed1c24;
    font-size: .7em;
    font-weight: normal
}

.tickets_left .topup-tix .button, .tickets_left .topup-tix input[type="submit"], .tickets_right .topup-tix .button, .tickets_right .topup-tix input[type="submit"] {
    background-color: #911222
}

.tickets_right {
    border-color: #404b51
}

.tickets_right h2 {
    background-color: #fff;
    color: #404b51;
    border-color: #404b51
}

.ticket_details {
    padding: 15px
}

.ticket_details h3 {
    font-size: 1.5em
}

.ticket_details dl dt, .ticket_details dl dd {
    padding: 0 0 1em
}

.ticket_details dl dd:first-of-type {
    padding-top: 1em
}

.ticket_details dl dt:first-of-type {
    padding-top: 1em
}

.my-journeys form select, .my-journeys form .ui-selectmenu-button {
    width: 100%
}

.buy-tickets .buy-progress {
    border: 1px solid #404b51;
    padding: .75em;
    text-align: center;
    position: relative;
    margin-bottom: 2em
}

.buy-tickets .buy-progress span.label {
    position: relative
}

.buy-tickets .buy-progress span.step:before {
    content: " ";
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 80%
}

.buy-tickets .buy-progress.step2 span.step:before {
    right: 60%
}

.buy-tickets .buy-progress.step3 span.step:before {
    right: 40%
}

.buy-tickets .buy-progress.step4 span.step:before {
    right: 20%
}

.buy-tickets .buy-progress.step5 span.step:before {
    right: 95%
}

.buy-tickets .buy-tickets-options {
    position: relative
}

.buy-tickets .buy-tickets-options h4 {
    font-weight: 400;
    color: #ed1c24
}

.buy-tickets .buy-tickets-options .col-right.col-absolute {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    float: none;
    z-index: 10
}

.buy-tickets .buy-tickets-options .pay-secure {
    display: none;
    margin-bottom: 1em
}

.buy-tickets .buy-tickets-options .ticket-chosen {
    border: 1px solid #999;
    background: #f6f6f6;
    padding: 1em
}

.buy-tickets .buy-tickets-options .ticket-chosen h2 {
    color: #911222;
    margin-bottom: 0
}

.buy-tickets .buy-tickets-options .ticket-chosen .total {
    font-weight: bold;
    font-size: 1.1em
}

.buy-tickets .buy-tickets-options .ticket-chosen .price {
    color: #ed1c24;
    font-size: 1.3em
}

.buy-tickets .buy-tickets-options .discount-details {
    margin: 1em 0 2em
}

.buy-tickets .buy-tickets-options .discount-details .total {
    font-size: 1.5em
}

.buy-tickets .buy-tickets-options .discount-details .price {
    font-size: 1.8em;
    color: #ed1c24
}

#dateChoose .select-widget {
    width: 300px
}

#dateChoose label {
    width: auto;
    margin-right: 10px
}

@media all and (max-width: 1220px) {
    .container {
        padding: 0 2em
    }
}

@media all and (max-width: 1023px) {
    #partners ul li {
        width: 49.5%
    }
}

@media all and (max-width: 976px) {
    .account-main-right, .account-main-left {
        width: 100% !important;
        float: none !important;
        position: relative !important;
        margin-bottom: 2em
    }

    .page-left {
        width: 35%
    }

    .page-right {
        width: 62%
    }
}

@media all and (max-width: 768px) {
    .container {
        padding: 0 1em
    }

    .page-left, .page-right, .col-left, .col-right, .buy-tickets .buy-tickets-options .col-right.col-absolute, .row.column-row .col-3 {
        width: 100% !important;
        float: none !important;
        position: relative !important;
        margin-bottom: 1em
    }

    .col-4 {
        width: 100% !important;
        float: none !important;
        position: relative !important;
        margin-bottom: 1em
    }

    .row.relative .col-absolute {
        margin-top: 0
    }

    .row.column-row .col-3 {
        margin-right: 0
    }

    .col-4 {
        margin-right: 0
    }

    .my-journeys form .ui-selectmenu-button {
        margin-bottom: 0
    }

    .my-journeys .col-right {
        margin-bottom: 0
    }

    .content .stacktable.large-only {
        display: none
    }

    .content .stacktable.small-only {
        display: table
    }

    .content .stacktable.small-only tr td {
        font-size: .9em
    }

    .content .stacktable.small-only tr td:first-of-type {
        background: #f6f6f6
    }

    dl dt, dl dd {
        float: none;
        display: inline-block;
        width: 49%
    }

    dl dd:first-of-type {
        padding-top: inherit
    }

    footer .text-right {
        text-align: left
    }

    .toggle {
        text-align: center;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 1.5em;
        color: #fff;
        text-decoration: none;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        padding: 0.4em 0;
        width: 100%
    }

    .toggle span {
        display: inline-block
    }

    .toggle span:before {
        font-family: "icomoon";
        content: "\e606";
        margin: 4px 8px 0 0;
        padding: 0
    }

    #toggle:checked + .toggle {
        background: #999;
        color: #fff;
        border-bottom: 1px solid #404b51
    }

    #toggle:checked + .toggle span:before {
        content: "\e605"
    }

    #tabs {
        clear: left;
        padding: 0;
        width: 100%;
        display: none;
        border: none;
        margin: 0
    }

    #tabs .container {
        padding: 0
    }

    #tabs ul {
        width: 100%;
        margin: 0;
        padding: 0
    }

    #tabs ul li {
        width: 100%;
        margin: 0;
        line-height: 2em;
        background: #ed1c24;
        color: #fff;
        display: block;
        margin-bottom: 0px;
        border-bottom: 1px solid #404b51;
        text-align: center
    }

    #tabs ul li a {
        color: #fff
    }

    #toggle:checked ~ #tabs {
        display: block;
        opacity: 1
    }

    .nested, .padded {
        padding: 1em
    }
}

@media all and (max-width: 567px) {
    .ticket_details h3 {
        font-size: 1.4em
    }

    .ticket_details dl dt, .ticket_details dl dd {
        font-size: .9em
    }

    footer {
        text-align: center
    }

    footer .col-left {
        padding-bottom: 0
    }

    footer .col-right {
        padding-top: 1em
    }

    footer nav ul li {
        display: block;
        margin: 0 -15px
    }

    footer nav ul li a {
        padding: 8px 10px;
        border-bottom: 1px solid #f6f6f6
    }

    .support-form {
        width: 100%
    }

    #partners ul li {
        width: 100%;
        margin-bottom: 1em
    }

    .nested, .padded {
        padding: .5em
    }
}

@media all and (max-width: 480px) {
    header #logo {
        zoom: .85
    }

    h1 {
        font-size: 1.8em
    }

    .buy-tickets-box h2 {
        font-size: 1.3em
    }

    .account-registration .page-right {
        top: 0
    }

    .ticket_details h3 {
        font-size: 1.3em
    }

    .ticket_details dl dt, .ticket_details dl dd {
        font-size: .8em
    }

    .col-right.col-absolute {
        margin-bottom: 3em !important
    }
}

@media all and (max-width: 310px) {
    header #options {
        display: block;
        position: relative;
        clear: both;
        top: 0;
        right: 0;
        float: right
    }
}


/*#19903 - Client wants more contrast in alert message*/
.alert:not(span).alert-warning {
    color: #2f2f2a;
    background-color: #fffcec;
    border: 1px solid #faebcc;
}


/*Postcode lookup*/
select#getaddress_dropdown {
    margin-top: 20px;
    width: 100%;
}

input#getaddress_input {
    width: 50%;
}

button#getaddress_button {
    width: 50%;
}

p#getaddress_error_message {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding-left: 10px;
    width: 100%;
    font-size: .9em;
}


/*Small additions */
select#getaddress_dropdown {
    position: relative;
    background-image: url('../graphics/play.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 14px 14px;
    padding-right: 30px;
    height: 40px;
}


@media all and (max-width: 488px) {

    input#getaddress_input,
    button#getaddress_button {
        width: 100%;
    }

}


/**COOKIE notice */

.cookie-notice {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 100;
}

.cookie-notice-inner {
    position: relative;
    padding: 30px 15px;
}

.cookie-notice-inner p {
    padding-right: 60px;
    margin: 0px;
    margin-bottom: 10px;
}

.cookie-notice-inner form {
    padding-right: 60px;
}

.cookie-notice-inner form label {
    font-size: 1em;
}

.cookie-notice-inner a {
    color: #fff;
    text-decoration: underline;
}

.dismiss-notice {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.dismiss-notice:hover {
    background: #fff;
    color: #000;
}


/* GDPR */

.gdpr-check {
    position: relative;
}

.gdpr-check > label {
    display: block;
    width: 100%;
    padding-left: 20px;
}

.gdpr-check > input {
    position: absolute;
    left: 0px;
    top: 0px;
}


.gdpr-check input[type="checkbox"]:checked + div {
    display: block;
}


.marketing-optin {
    display: none;
    background: #f3f3f3;
    padding: 14px;
    position: relative;
    margin-bottom: 20px;
}

.marketing-optin label {
    display: block;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.marketing-optin label:nth-of-type(2) {
    margin-bottom: 0px;
}

.marketing-optin label input {
    position: relative;
    margin-right: 10px;
}

.marketing-check.disabled {
    opacity: 0.2;
    pointer-events: none;
    cursor: not-allowed;
}


/*Consent notice*/


.consent-notice {
    background: #fff;
    padding-top: 30px;
}


.consent-notice-inner {
    padding: 10px;
    background: rgba(237, 28, 36, 0.1);
    width: 60%;
}

.consent-notice-inner p {
    margin: 0px;
}

.consent-notice-inner a {
    color: #ed1c24;
    text-decoration: underline;


}

/*Mobile*/

@media all and (max-width: 978px) {
    .consent-notice-inner {
        width: 100%;
    }
}

@media all and (max-width: 768px) {

    .consent-notice .page-left,
    .consent-notice .page-right {
        margin-top: 0px;
        margin-bottom: 0px;
    }

}

.gdpr-check.marketing-contact {
    position: relative;
}

.gdpr-check.marketing-contact > div {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
    margin-bottom: 8px;
}

.gdpr-check.marketing-contact > div:nth-of-type(2) {
    margin-bottom: 0px;
}

.gdpr-check.marketing-contact > div label {
    padding-left: 20px;
    margin-bottom: 0px;
}

.marketing-contact {
    background: #f3f3f3;
    padding: 14px;
    position: relative;
}

.marketing-contact div input[type="checkbox"] {
    left: 12px;
}

/*Recite Me fix*/
#recite-header button{
    background-color: transparent !important;
    width:auto !important;
    height: 30px !important;
}

#recite-wrapper button{
    width:auto !important;
    height: 40px !important;
}

.stored-card {
	border:1px solid #a70a25;
	padding:10px;
	margin-bottom:10px;
}

.card-active {
	background-color:#fff0f0;
	border:2px solid #a70a25;
}

.paypal-block {
    display:none;
}



.stored-card-label {
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-size:0.9rem; 
}


h4 {
	padding: 20px 0 10px 0;
}

.inline-block {
    display: inline-block!important;
}
.w-100 {
    width: 100px!important;
}
.w-150 {
    width: 150px!important;
}
.w-200 {
    width: 200px!important;
}
.w-250 {
    width: 250px!important;
}
.w-300 {
    width: 300px!important;
}
.w-400 {
    width: 400px!important;
}
.w-500 {
    width: 500px!important;
}
.w-600 {
    width: 600px!important;
}
#register_day-button,
#register_day-adult-button,
#register_day-yp-button,
#register_day-child-button
{
    width: 100px!important;
    display: inline-block!important;
}
#register_month-button,
#register_month-adult-button,
#register_month-yp-button,
#register_month-child-button
{
    width: 200px!important;
    display: inline-block!important;
}
#register_year-button,
#register_year-adult-button,
#register_year-yp-button,
#register_year-child-button
{
    width: 100px!important;
    display: inline-block!important;
}
#gender-button,
#nametitle-button{
    width: 200px!important;
}
