@charset "UTF-8";
/**
 * Ticketmaster Responsive Theme
 * @author edward.hannay, rebecca.howard, john.souris
 * @created 04/09/2012
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # Mixins
 *     # Imports
 *     # Overrides
 *     # Modernizr dependent rules
 *     # Media Queries
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @description This file defines a default theme, so that the subsequent themes
 *              (for example ticketweb / ticketmaster need only override what
 *              they need to override
 *
 * Table of Contents
 * ==================================================
 *     # Generic colours
 *     # Themable variables
 *     # Old colours
 */
/**
 * @section Generic Colours - do not use outside this file
 * ==================================================
 */
/**
 * @section Themeable Variables - use these to style modules
 * ==================================================
 */
/**
 * Buttons
 */
/**
 * Headings
 */
/**
 * Links
 */
/**
 * Dates
 */
/**
 * Labels
 */
/**
 * Tooltips
 */
/**
 * Alerts
 */
/* Less verbose */
/**
 * Search filter
 */
/**
 * Base dimentions
 */
/**
 * Headings
 */
/**
 * Breadcrumbs
 */
/**
 * Tables
 */
/**
 * Search filter
 */
/**
 * Layout
 * (extracted from skeleton.scss)
 */
.navlist--horizontal::before, .list--centered::before, .timer::before, .mediabox::before, .adp__container::before, .infomodule__container::before, .adp__container--small::before, .infomodule__container--small::before, .infomodule__wrapper::before, .pagination--search::before, .navlist--horizontal::after, .list--centered::after, .timer::after, .mediabox::after, .adp__container::after, .infomodule__container::after, .adp__container--small::after, .infomodule__container--small::after, .infomodule__wrapper::after, .pagination--search::after {
  content: '';
  display: table; }

.navlist--horizontal::after, .list--centered::after, .timer::after, .mediabox::after, .adp__container::after, .infomodule__container::after, .adp__container--small::after, .infomodule__container--small::after, .infomodule__wrapper::after, .pagination--search::after {
  clear: both; }

/**
 * Icons
 */
.pagination__next:after, .pagination__prev:before {
  font-family: 'glyphs';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }
  .pagination__next:hover:after, .pagination__prev:hover:before, .pagination__next:active:after, .pagination__prev:active:before {
    text-decoration: none; }

.button--checkbox.is-active:after, .button--iconafter:after, .infomodule__showmoremobile:before {
  font-family: 'glyphs';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }
  .button--checkbox.is-active:hover:after, .button--iconafter:hover:after, .infomodule__showmoremobile:hover:before, .button--checkbox.is-active:active:after, .button--iconafter:active:after, .infomodule__showmoremobile:active:before {
    text-decoration: none; }

.pagination__next:after, .pagination__prev:before {
  line-height: 18px;
  color: #666; }

/**
 * Hide content
 */
/**
 * Lists
 */
#detail_tabs .detailNav, #detailsTicketPrices .ticket-prices, #ticketChoose .optionBoxs, #welcome_popup .number-module, #ismContainer .ismContent #filterArea #price-filter, .two-step-package-selection .table, .boxStyle ul, #breadcrumbs {
  padding-left: 0;
  list-style-type: none; }

#loginPop fieldset, .boxStyle fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

/**
 * Main file for importing all the scss files
 */
/**
 * Variables
 */
/**
 * Responsive utilities
 */
/**
 * Arrows.
 *
 * Mixin generates styles for CSS arrows using border.
 * Position of arrow should be set outside of this mixin.
 */
/**
 * Creates all vendor prefixes for you.
 */
/**
 * Example usage:
 * @include animation(pulse, 10s);
 */
/**
 * Example usage
 * @include keyframe(pulse) {
 *     0% {
 *         color: #000;
 *     }
 *
 *     100% {
 *         color: #FFF;
 *     }
 * }
 */
@-webkit-keyframes pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * Base dimentions
 */
/**
 * Headings
 */
/**
 * Breadcrumbs
 */
/**
 * Tables
 */
/**
 * Search filter
 */
/**
 * Layout
 * (extracted from skeleton.scss)
 */
/**
 * Media Queries
 * @author      edward.hannay, rebecca.howard
 *
 * @description PLEASE NOTE: ANY CHANGES MADE TO THE MEDIA QUERIES WIDTHS NEED
 *              TO BE REFLECTED IN core.jquery.js
 *
 *              This is the master scss file for media queries - duplication in
 *              other files (e.g. Scandic module) is temporary, and whene
 *              branches are merged only these rules should be left behind
 *
 *              The $enable-responsive variable is defined in the top level scss
 *              file (e.g. ticketmaster.scss) and allows the media query mixins
 *              to be disabled. If it's true, the mixins will be included but if
 *              false, they'll be removed.
 *
 * Table of Content
 * ==================================================
 *     # Mixins
 */
/* @section Mixins
================================================== */
/**
 * Components
 */
/**
 * All basic list styles.
 *
 * @author Steve
 */
.navlist, .navlist--horizontal, .navlist--spread, .pagination__wrapper,
.pagination__pagenumberlist {
  list-style: none;
  padding: 0;
  margin: 0; }

.navlist--horizontal > li {
  float: left; }

.navlist--spread {
  font-size: 0.1px;
  line-height: 0;
  text-align: justify; }
  .navlist--spread::after {
    content: '';
    width: 100%;
    display: inline-block; }
  .navlist--spread > li {
    display: inline;
    text-align: center;
    margin: 0;
    line-height: normal; }
    .navlist--spread > li a {
      display: inline-block;
      vertical-align: top; }

.list--centered {
  position: relative;
  float: left;
  left: 50%; }

.list--centered__item, .list--centered > li {
  position: relative;
  float: left;
  right: 50%; }

/**
 * Glyphs
 * @author edward.hannay
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 */
/**
 * @section General Rules
 * ==================================================
 */
@font-face {
  font-family: 'glyphs';
  src: url("../../fonts/glyphs.eot");
  src: url("../../fonts/glyphs.eot?#iefix") format("embedded-opentype"), url("../../fonts/glyphs.ttf") format("truetype"), url("../../fonts/glyphs.woff") format("woff"), url("../../fonts/glyphs.svg#glyphs") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-base, .personalisedtickets__attendees__clearbtn, .is-external .button--buy, .alert--error .alert--error__icon, .tooltip__close, .is-external .link--viewdates, .showmore__link, .personalisedtickets__attendees__info__icon, .personalisedtickets__name:before,
.icon-filter-open,
.icon-menu,
.icon-more-hover,
.icon-info,
.icon-checkbox,
.icon-pin-active,
.icon-alert,
.icon-error,
.icon-printer,
.icon-tick,
.personalisedtickets__name:before,
.icon-login-show,
.icon-login-hide,
.icon-checkout-2,
.icon-search,
.icon-close,
.icon-close-hover:hover,
.personalisedtickets__attendees__clearbtn:hover,
.tooltip__close:hover,
.icon-less-hover,
.icon-smallchevron-right,
.icon-smallchevron-left,
.icon-printer-ticketweb,
.icon-checkout,
.icon-checkbox2,
.icon-checkbox-dark,
.icon-square-cross-hover,
.icon-double-chevron,
.icon-square-cross,
.icon-chevron,
.icon-chevron-left,
.icon-cross,
.icon-question-mark,
.icon-uniF000,
.icon-filter-close,
.icon-go-to-top,
.icon-filter,
.icon-external,
.is-external .button--buy,
.is-external .link--viewdates,
.icon-external-double-chevron,
.is-external .button--buy--smallscreen,
.icon-warning,
.alert--error .alert--error__icon,
.icon-info-hover-2,
.icon-more,
.showmore__link,
.icon-less,
.showmore__link.is-open,
.icon-close-hover,
.personalisedtickets__attendees__clearbtn,
.tooltip__close,
.icon-close:hover,
.icon-pin-inactive,
.icon-checkbox-tick,
.icon-info-hover,
.personalisedtickets__attendees__info__icon,
.icon-info:hover,
.icon-largechevron-right,
.icon-largechevron-left,
.icon-info-22 {
  border: 1px solid transparent;
  color: #666; }

[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon-base:before,
.personalisedtickets__attendees__clearbtn:before,
.is-external .button--buy:before,
.alert--error .alert--error__icon:before,
.tooltip__close:before,
.is-external .link--viewdates:before,
.showmore__link:before,
.personalisedtickets__attendees__info__icon:before,
.personalisedtickets__name:before {
  font-family: 'glyphs';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }
  [class^="icon-"]:before:hover, [class^="icon-"]:before:active,
  [class*=" icon-"]:before:hover,
  [class*=" icon-"]:before:active,
  .icon-base:before:hover,
  .personalisedtickets__attendees__clearbtn:before:hover,
  .is-external .button--buy:before:hover,
  .alert--error .alert--error__icon:before:hover,
  .tooltip__close:before:hover,
  .is-external .link--viewdates:before:hover,
  .showmore__link:before:hover,
  .personalisedtickets__attendees__info__icon:before:hover,
  .personalisedtickets__name:before:hover,
  .icon-base:before:active,
  .personalisedtickets__attendees__clearbtn:before:active,
  .is-external .button--buy:before:active,
  .alert--error .alert--error__icon:before:active,
  .tooltip__close:before:active,
  .is-external .link--viewdates:before:active,
  .showmore__link:before:active,
  .personalisedtickets__attendees__info__icon:before:active,
  .personalisedtickets__name:before:active {
    text-decoration: none; }

.icon-filter-open:before {
  content: "\e600"; }

.icon-menu:before {
  content: "\40"; }

.icon-more-hover:before {
  content: "\3f"; }

.icon-info:before {
  content: "\69"; }

.icon-checkbox:before {
  content: "\2d"; }

.icon-pin-active:before {
  content: "\3d"; }

.icon-alert:before,
.icon-error:before {
  content: "\3c"; }

.icon-printer:before {
  content: "\3b"; }

.icon-tick:before, .personalisedtickets__name:before {
  content: "\3a"; }

.icon-login-show:before {
  content: "\39"; }

.icon-login-hide:before {
  content: "\38"; }

.icon-checkout-2:before {
  content: "\37"; }

.icon-search:before {
  content: "\36"; }

.icon-close:before,
.icon-close-hover:hover:before,
.personalisedtickets__attendees__clearbtn:hover:before,
.tooltip__close:hover:before {
  content: "\35"; }

.icon-less-hover:before {
  content: "\34"; }

.icon-smallchevron-right:before {
  content: "\28"; }

.icon-smallchevron-left:before {
  content: "\27"; }

.icon-printer-ticketweb:before {
  content: "\26"; }

.icon-checkout:before {
  content: "\25"; }

.icon-checkbox2:before {
  content: "\23"; }

.icon-checkbox-dark:before {
  content: "\22"; }

.icon-square-cross-hover:before {
  content: "\43"; }

.icon-double-chevron:before {
  content: "\44"; }

.icon-square-cross:before {
  content: "\42"; }

.icon-chevron:before, .pagination__next:after {
  content: "\2c"; }

.icon-chevron-left:before, .pagination__prev:before {
  content: "\45"; }

.icon-cross:before {
  content: "\46"; }

.icon-question-mark:before {
  content: "\47"; }

.icon-uniF000:before {
  content: "\f000"; }

.icon-filter-close:before {
  content: "\e601"; }

.icon-go-to-top:before {
  content: "\e602"; }

.icon-filter:before {
  content: "\e603"; }

.icon-external, .is-external .button--buy, .is-external .link--viewdates {
  zoom: 1; }

.icon-external:before, .is-external .button--buy:before, .is-external .link--viewdates:before {
  content: "\e604"; }

.icon-external-double-chevron:before, .is-external .button--buy--smallscreen:before {
  content: "\e605"; }

.icon-warning:before, .alert--error .alert--error__icon:before {
  content: "\41"; }

.icon-info-hover-2:before {
  content: "\33"; }

.icon-more:before, .showmore__link:before {
  content: "\32"; }

.icon-less:before, .showmore__link.is-open:before {
  content: "\31"; }

.icon-close-hover:before, .personalisedtickets__attendees__clearbtn:before, .tooltip__close:before,
.icon-close:hover:before {
  content: "\30"; }

.icon-pin-inactive:before {
  content: "\3e"; }

.icon-checkbox-tick:before, .button--checkbox.is-active:after {
  content: "\2a"; }

.icon-info-hover:before, .infomodule__showmoremobile:before, .personalisedtickets__attendees__info__icon:before,
.icon-info:hover:before {
  content: "\2b"; }

.icon-largechevron-right:before {
  content: "\21"; }

.icon-largechevron-left:before {
  content: "\29"; }

.icon-info-22:before {
  content: "\2f"; }

.icon-home:before {
  content: "\e606"; }

/**
 * Base styling for form elements
 */
/**
 * Standard text input
 */
.personalisedtickets__attendees__textbox {
  margin: 0;
  padding: 6px 4px;
  font-size: 13px;
  color: #444;
  border: 1px solid #dedede;
  border-radius: 5px; }
  .personalisedtickets__attendees__textbox::-ms-clear {
    display: none; }
  .placeholder-text.personalisedtickets__attendees__textbox {
    color: #707070; }
  .is-error.personalisedtickets__attendees__textbox {
    border: 1px solid #d0092c; }

/**
 * Button to clear text input contents
 */
.personalisedtickets__attendees__clearbtn {
  position: absolute;
  right: 0;
  top: -1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  color: #c9cac8;
  cursor: pointer; }

/**
 * Forms partial
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # Mixins
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section Mixins
 * ==================================================
 */
/**
 * @section General Rules
 * ==================================================
 */
/**
 * New button styles
 */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  line-height: normal;
  padding: 8px 10px; }
  .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button--buy {
  display: inline-block;
  position: relative;
  padding: 8px 25px 8px 15px;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 15px;
  font-weight: bold;
  background-color: #007DB3;
  color: #fff; }
  .button--buy:after {
    position: absolute;
    content: '';
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 4px solid #fff;
    right: 15px;
    top: 14px; }
  .is-external .button--buy {
    color: #fff; }
  .is-external .button--buy:before {
    position: absolute;
    right: 8px;
    top: 8px; }
  .is-external .button--buy:after {
    border: 0; }
  .button--buy:hover {
    background-color: #255b82; }

.button--buy--smallscreen {
  display: none; }
  .is-external .button--buy--smallscreen {
    font-size: 22px; }

/**
 * Link behaving as checkbox
 */
.button--checkbox {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  color: #444; }
  .button--checkbox:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-left: -25px;
    vertical-align: text-bottom;
    background-color: #fff;
    border: 1px solid #c9cac8;
    border-radius: 4px; }
  .button--checkbox.is-active:after {
    font-size: 18px;
    position: absolute;
    top: -1px;
    left: -25px; }

/**
 * Button with icon on the right side.
 *
 * Example: Filter tags with x close button.
 */
.button--iconafter {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  cursor: pointer; }
  .button--iconafter:after {
    padding-left: 10px;
    text-decoration: none; }

@media only screen and (max-width: 767px) {
  .table--stack .button--buy, .table--stack--noborder .button--buy, .personalisedtickets__attendees .button--buy {
    display: none; }
  .table--stack .button--buy--smallscreen, .table--stack--noborder .button--buy--smallscreen, .personalisedtickets__attendees .button--buy--smallscreen {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #009aa6; }
    .table--stack .button--buy--smallscreen:before, .table--stack--noborder .button--buy--smallscreen:before, .personalisedtickets__attendees .button--buy--smallscreen:before {
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -8px; } }

/**
 * Back to top
 */
.backtotop {
  display: none; }
  @media only screen and (max-width: 999px) {
    .backtotop {
      display: block;
      text-align: right;
      border-right: 1px solid #bcbec0;
      border-bottom: 1px solid #bcbec0;
      border-left: 1px solid #bcbec0;
      line-height: 40px; } }

.backtotop__link {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  outline: none;
  color: #333;
  font-size: 13px; }
  .backtotop__link:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 18px;
    border-bottom: 4px solid #444;
    border-left: 4px inset transparent;
    border-right: 4px inset transparent; }

/**
 * Old button styles
 * ==================================================
 *
 * Site wide button rules
 * @author edward.hannay
 *
 * @description Button styles - used in layouts.scss as well as overrides
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Themeable Parts */
/**
 * @section General Rules
 * ==================================================
 */
input[type="button"], input[type="submit"], .btn, input.btn, .removeButton {
  border: 1px solid transparent;
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-shadow: none; }
  input[type="button"]:hover, input[type="button"]:active, input[type="submit"]:hover, input[type="submit"]:active, .btn:hover, .btn:active, input.btn:hover, input.btn:active, .removeButton:hover, .removeButton:active {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s; }
  input[type="button"]:disabled, input[type="submit"]:disabled, .btn:disabled, input.btn:disabled, .removeButton:disabled {
    background: #eee;
    border: 1px solid #aaa;
    color: #666; }
  input[type="button"].btn_bigText, input[type="submit"].btn_bigText, .btn.btn_bigText, input.btn.btn_bigText, .removeButton.btn_bigText {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0.2em 1em; }

/**
 * @section Themeable parts
 * ==================================================
 */
.ie8 .unbranded input[type="button"].disabled, .ie8 .unbranded input[type="submit"].disabled, .ie8 .unbranded .btn.disabled, .ie8 .unbranded input.btn.disabled {
  background: #eee;
  border: 1px solid #aaa;
  color: #ffffff; }

.unbranded input[type="button"], .unbranded input[type="submit"], .unbranded .btn, .unbranded input.btn, .unbranded .removeButton {
  border: 1px solid #007DB3;
  background-color: #007DB3; }
  .unbranded input[type="button"]:disabled, .unbranded input[type="button"]:disabled:hover, .unbranded input[type="submit"]:disabled, .unbranded input[type="submit"]:disabled:hover, .unbranded .btn:disabled, .unbranded .btn:disabled:hover, .unbranded input.btn:disabled, .unbranded input.btn:disabled:hover, .unbranded .removeButton:disabled, .unbranded .removeButton:disabled:hover {
    background: #eee;
    border: 1px solid #aaa;
    color: #666; }
  .unbranded input[type="button"].secondary, .unbranded input[type="submit"].secondary, .unbranded .btn.secondary, .unbranded input.btn.secondary, .unbranded .removeButton.secondary {
    background: #eee;
    border: 1px solid #aaa;
    color: #333;
    text-shadow: none; }
  .unbranded input[type="button"]:hover, .unbranded input[type="submit"]:hover, .unbranded .btn:hover, .unbranded input.btn:hover, .unbranded .removeButton:hover {
    background-color: #0078ab;
    background-image: none;
    color: #fff; }
  .unbranded input[type="button"]:active, .unbranded input[type="submit"]:active, .unbranded .btn:active, .unbranded input.btn:active, .unbranded .removeButton:active {
    background-color: #007DB3;
    background-image: none;
    color: #fff; }
  .unbranded input[type="button"].btn_small_silver, .unbranded input[type="submit"].btn_small_silver, .unbranded .btn.btn_small_silver, .unbranded input.btn.btn_small_silver, .unbranded .removeButton.btn_small_silver {
    background: #cfcfcf;
    border: 1px solid #cfcfcf;
    color: #2d2e30; }
  .unbranded input[type="button"].btn_small_silver:hover, .unbranded input[type="submit"].btn_small_silver:hover, .unbranded .btn.btn_small_silver:hover, .unbranded input.btn.btn_small_silver:hover, .unbranded .removeButton.btn_small_silver:hover {
    background: #cfcfcf;
    color: #2d2e30; }
  .unbranded input[type="button"].btn_small_silver:active, .unbranded input[type="submit"].btn_small_silver:active, .unbranded .btn.btn_small_silver:active, .unbranded input.btn.btn_small_silver:active, .unbranded .removeButton.btn_small_silver:active {
    background-color: #cfcfcf;
    color: #2d2e30; }

/**
 * We need to set a default submit button background color for cases
 * where the brand has not set any value. We can't nest it inside
 * the .isBranded block because that will override anything set via a brand :)
 */
.btn_submit, .continue__submit, .btn_add, .ok, .locked {
  background-color: #007DB3; }

.isBranded {
  /**
     * We need these styles to ensure the small gray buttons look right
     * on branded pages.
     */ }
  .isBranded .btn_submit:hover, .isBranded .continue__submit:hover, .isBranded .btn_add:hover, .isBranded .ok:hover, .isBranded .locked:hover {
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
  .isBranded input[type="button"].btn_small_silver, .isBranded input[type="submit"].btn_small_silver, .isBranded .btn.btn_small_silver, .isBranded input.btn.btn_small_silver, .isBranded .removeButton.btn_small_silver {
    background: #cfcfcf;
    border: 1px solid #cfcfcf;
    color: #2d2e30; }
  .isBranded input[type="button"].btn_small_silver:hover, .isBranded input[type="submit"].btn_small_silver:hover, .isBranded .btn.btn_small_silver:hover, .isBranded input.btn.btn_small_silver:hover, .isBranded .removeButton.btn_small_silver:hover {
    background: #cfcfcf;
    color: #2d2e30; }
  .isBranded input[type="button"].btn_small_silver:active, .isBranded input[type="submit"].btn_small_silver:active, .isBranded .btn.btn_small_silver:active, .isBranded input.btn.btn_small_silver:active, .isBranded .removeButton.btn_small_silver:active {
    background-color: #cfcfcf;
    color: #2d2e30; }

.touchevents .unbranded input[type="button"].btn_small_silver:active, .touchevents .unbranded input[type="button"].btn_small_silver:hover, .touchevents .unbranded input[type="submit"].btn_small_silver:active, .touchevents .unbranded input[type="submit"].btn_small_silver:hover, .touchevents .unbranded .btn.btn_small_silver:active, .touchevents .unbranded .btn.btn_small_silver:hover, .touchevents .unbranded input.btn.btn_small_silver:active, .touchevents .unbranded input.btn.btn_small_silver:hover {
  background-color: #cfcfcf;
  background-image: none; }

.touchevents .unbranded input[type="button"]:disabled, .touchevents .unbranded input[type="submit"]:disabled, .touchevents .unbranded .btn:disabled, .touchevents .unbranded input.btn:disabled {
  background: #eee;
  border: 1px solid #aaa;
  color: #666; }

.main,
.rightPanel,
.mobile-menu {
  /*
   See ie8 scss for select fix
  */
  /* This hides the numeric up & down spinners on desktop chrome & safari*/ }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea {
    border: 1px solid #dedede; }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .main select:not(.cSelect__select),
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .rightPanel select:not(.cSelect__select),
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea,
  .mobile-menu select:not(.cSelect__select) {
    padding: 6px 4px;
    outline: none;
    border-radius: 5px;
    font: 13px 'Averta', Arial, sans-serif;
    color: #333;
    margin: 0;
    width: 285px;
    max-width: 100%;
    display: block;
    background: #fff; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    padding: 6px 4px;
    outline: none;
    border-radius: 5px;
    font: 13px 'Averta', Arial, sans-serif;
    color: #333;
    margin: 0;
    width: 285px;
    max-width: 100%;
    display: block;
    background: #fff; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    padding: 0; }
  .main input[type="text"]:not(.cInputText__input):focus,
  .main input[type="password"]:not(.cInputText__input):focus,
  .main input[type="email"]:not(.cInputText__input):focus,
  .main textarea:focus,
  .main input[type="number"]:not(.cInputText__input):focus,
  .rightPanel input[type="text"]:not(.cInputText__input):focus,
  .rightPanel input[type="password"]:not(.cInputText__input):focus,
  .rightPanel input[type="email"]:not(.cInputText__input):focus,
  .rightPanel textarea:focus,
  .rightPanel input[type="number"]:not(.cInputText__input):focus,
  .mobile-menu input[type="text"]:not(.cInputText__input):focus,
  .mobile-menu input[type="password"]:not(.cInputText__input):focus,
  .mobile-menu input[type="email"]:not(.cInputText__input):focus,
  .mobile-menu textarea:focus,
  .mobile-menu input[type="number"]:not(.cInputText__input):focus {
    color: #444;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  .main textarea,
  .rightPanel textarea,
  .mobile-menu textarea {
    min-height: 60px; }
  .main label,
  .main legend,
  .rightPanel label,
  .rightPanel legend,
  .mobile-menu label,
  .mobile-menu legend {
    display: block;
    line-height: 1.2em; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    width: 220px; }
  .main input[type="checkbox"],
  .rightPanel input[type="checkbox"],
  .mobile-menu input[type="checkbox"] {
    display: inline; }
  .main input::-webkit-outer-spin-button,
  .main input::-webkit-inner-spin-button,
  .rightPanel input::-webkit-outer-spin-button,
  .rightPanel input::-webkit-inner-spin-button,
  .mobile-menu input::-webkit-outer-spin-button,
  .mobile-menu input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.main form input[type="text"]:not(.cInputText__input),
.main form input[type="password"]:not(.cInputText__input),
.main form input[type="email"]:not(.cInputText__input),
.main form input[type="number"]:not(.cInputText__input),
.main form input[type="tel"]:not(.cInputText__input),
.main form textarea {
  width: 285px; }

.main,
.rightPanel,
.mobile-menu {
  /* Legacy support - for forms without fieldset.error */ }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .main select:not(.cSelect__select),
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .rightPanel select:not(.cSelect__select),
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea,
  .mobile-menu select:not(.cSelect__select) {
    font-size: 15px; }
  .main input[name='PostalCode'],
  .rightPanel input[name='PostalCode'],
  .mobile-menu input[name='PostalCode'] {
    text-transform: uppercase; }
  .main form .alert, .main form #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent .main form #singleSeatMessage.singleSeatWarning, .main form .alert--info, .main form .alert--warning, .main form .alert--warning--full, .main form .alert--error,
  .rightPanel form .alert,
  .rightPanel form #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
  .rightPanel form #singleSeatMessage.singleSeatWarning,
  .rightPanel form .alert--info,
  .rightPanel form .alert--warning,
  .rightPanel form .alert--warning--full,
  .rightPanel form .alert--error,
  .mobile-menu form .alert,
  .mobile-menu form #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
  .mobile-menu form #singleSeatMessage.singleSeatWarning,
  .mobile-menu form .alert--info,
  .mobile-menu form .alert--warning,
  .mobile-menu form .alert--warning--full,
  .mobile-menu form .alert--error {
    /* Forces an alert to be visible, overriding the default behaviour which is hidden until the containing form
       * has a class of .error */
    display: none;
    margin-bottom: 1em; }
    .main form .alert.is-visible, .main form #ismContainer .ismContent .is-visible#singleSeatMessage.singleSeatWarning, #ismContainer .ismContent .main form .is-visible#singleSeatMessage.singleSeatWarning, .main form .is-visible.alert--info, .main form .is-visible.alert--warning, .main form .is-visible.alert--warning--full, .main form .is-visible.alert--error,
    .rightPanel form .alert.is-visible,
    .rightPanel form #ismContainer .ismContent .is-visible#singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
    .rightPanel form .is-visible#singleSeatMessage.singleSeatWarning,
    .rightPanel form .is-visible.alert--info,
    .rightPanel form .is-visible.alert--warning,
    .rightPanel form .is-visible.alert--warning--full,
    .rightPanel form .is-visible.alert--error,
    .mobile-menu form .alert.is-visible,
    .mobile-menu form #ismContainer .ismContent .is-visible#singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
    .mobile-menu form .is-visible#singleSeatMessage.singleSeatWarning,
    .mobile-menu form .is-visible.alert--info,
    .mobile-menu form .is-visible.alert--warning,
    .mobile-menu form .is-visible.alert--warning--full,
    .mobile-menu form .is-visible.alert--error {
      display: block; }
  .main form.error .alert, .main form.error #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent .main form.error #singleSeatMessage.singleSeatWarning, .main form.error .alert--info, .main form.error .alert--warning, .main form.error .alert--warning--full, .main form.error .alert--error,
  .rightPanel form.error .alert,
  .rightPanel form.error #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
  .rightPanel form.error #singleSeatMessage.singleSeatWarning,
  .rightPanel form.error .alert--info,
  .rightPanel form.error .alert--warning,
  .rightPanel form.error .alert--warning--full,
  .rightPanel form.error .alert--error,
  .mobile-menu form.error .alert,
  .mobile-menu form.error #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
  .mobile-menu form.error #singleSeatMessage.singleSeatWarning,
  .mobile-menu form.error .alert--info,
  .mobile-menu form.error .alert--warning,
  .mobile-menu form.error .alert--warning--full,
  .mobile-menu form.error .alert--error {
    display: block; }
  .main form label,
  .rightPanel form label,
  .mobile-menu form label {
    color: #404041; }
  .main .errorMessage,
  .main .errorMsg,
  .rightPanel .errorMessage,
  .rightPanel .errorMsg,
  .mobile-menu .errorMessage,
  .mobile-menu .errorMsg {
    display: none;
    color: #d0092c;
    margin-top: -12px;
    margin-bottom: 15px;
    font-style: italic;
    font-size: 0.9em; }
  .main .messages,
  .rightPanel .messages,
  .mobile-menu .messages {
    margin-left: 240px; }
  .main .messages .errorMessage,
  .rightPanel .messages .errorMessage,
  .mobile-menu .messages .errorMessage {
    display: block;
    clear: both; }
  .main .infoMessage,
  .rightPanel .infoMessage,
  .mobile-menu .infoMessage {
    color: #444;
    position: absolute;
    left: 480px; }
  .main form fieldset input.invalid,
  .rightPanel form fieldset input.invalid,
  .mobile-menu form fieldset input.invalid {
    margin-bottom: 5px;
    border: 1px solid #d0092c !important; }
  .main fieldset legend,
  .rightPanel fieldset legend,
  .mobile-menu fieldset legend {
    font-weight: bold;
    float: none;
    padding-bottom: 15px; }
  .main fieldset.error input,
  .main fieldset.error button,
  .main fieldset.error textarea,
  .main fieldset.error select,
  .rightPanel fieldset.error input,
  .rightPanel fieldset.error button,
  .rightPanel fieldset.error textarea,
  .rightPanel fieldset.error select,
  .mobile-menu fieldset.error input,
  .mobile-menu fieldset.error button,
  .mobile-menu fieldset.error textarea,
  .mobile-menu fieldset.error select {
    border: 1px solid #d0092c !important; }
  .main fieldset.error .errorMessage,
  .rightPanel fieldset.error .errorMessage,
  .mobile-menu fieldset.error .errorMessage {
    clear: both;
    display: block;
    margin-left: 240px; }
  .main fieldset fieldset,
  .rightPanel fieldset fieldset,
  .mobile-menu fieldset fieldset {
    margin: 0 0 12px 0; }
    .main fieldset fieldset legend,
    .rightPanel fieldset fieldset legend,
    .mobile-menu fieldset fieldset legend {
      font-weight: normal;
      width: 240px;
      float: left;
      padding-bottom: 15px; }
    .main fieldset fieldset input[type="radio"],
    .rightPanel fieldset fieldset input[type="radio"],
    .mobile-menu fieldset fieldset input[type="radio"] {
      float: left; }
    .main fieldset fieldset label,
    .rightPanel fieldset fieldset label,
    .mobile-menu fieldset fieldset label {
      float: left;
      clear: none;
      width: auto;
      padding-right: 12px; }
  .main input.error,
  .main select.error,
  .rightPanel input.error,
  .rightPanel select.error,
  .mobile-menu input.error,
  .mobile-menu select.error {
    border: 1px solid #d0092c !important; }
  .main .errorMsg,
  .rightPanel .errorMsg,
  .mobile-menu .errorMsg {
    clear: both;
    color: #d0092c;
    display: block;
    margin-left: 240px;
    margin-top: 0; }
  .main .age select, .main .dateSelect select,
  .rightPanel .age select, .rightPanel .dateSelect select,
  .mobile-menu .age select, .mobile-menu .dateSelect select {
    width: 4em; }
  .main .imageSelect li,
  .rightPanel .imageSelect li,
  .mobile-menu .imageSelect li {
    float: left;
    width: 50%; }
  .main .imageSelect img,
  .main .imageSelect input[type="checkbox"],
  .rightPanel .imageSelect img,
  .rightPanel .imageSelect input[type="checkbox"],
  .mobile-menu .imageSelect img,
  .mobile-menu .imageSelect input[type="checkbox"] {
    float: left; }
  .main .imageSelect img,
  .rightPanel .imageSelect img,
  .mobile-menu .imageSelect img {
    margin-right: 10px; }
  .main .imageSelect label,
  .rightPanel .imageSelect label,
  .mobile-menu .imageSelect label {
    float: none; }
  .main .dateSelect input,
  .main .dateSelect select,
  .rightPanel .dateSelect input,
  .rightPanel .dateSelect select,
  .mobile-menu .dateSelect input,
  .mobile-menu .dateSelect select {
    display: inline-block;
    margin-right: 2px; }
  .main .dateSelect select[name=year],
  .rightPanel .dateSelect select[name=year],
  .mobile-menu .dateSelect select[name=year] {
    width: 8em; }
  .main .required label:after,
  .rightPanel .required label:after,
  .mobile-menu .required label:after {
    content: "*"; }
  .main .required__legend,
  .rightPanel .required__legend,
  .mobile-menu .required__legend {
    font-weight: bold; }
  .main .creditCard input,
  .main .creditCard select,
  .rightPanel .creditCard input,
  .rightPanel .creditCard select,
  .mobile-menu .creditCard input,
  .mobile-menu .creditCard select {
    display: inline-block;
    margin-right: 2px; }
  .main .creditCard input[name=cardnumber],
  .rightPanel .creditCard input[name=cardnumber],
  .mobile-menu .creditCard input[name=cardnumber] {
    width: 11em; }
  .main .creditCard input[name=security],
  .rightPanel .creditCard input[name=security],
  .mobile-menu .creditCard input[name=security] {
    width: 4em; }
  .main .checkFirst input[type="checkbox"],
  .rightPanel .checkFirst input[type="checkbox"],
  .mobile-menu .checkFirst input[type="checkbox"] {
    float: left;
    margin-right: 2em;
    clear: none; }
  .main .checkFirst label,
  .rightPanel .checkFirst label,
  .mobile-menu .checkFirst label {
    margin: 0;
    padding: 0;
    margin-left: 2.7em;
    line-height: 1.3em;
    font-weight: normal;
    float: none;
    width: auto; }
  .main .checkFirst.terms .errorMessage,
  .rightPanel .checkFirst.terms .errorMessage,
  .mobile-menu .checkFirst.terms .errorMessage {
    display: block;
    margin: 5px 0 0 3em; }
  .main .boxStyle a.btn,
  .rightPanel .boxStyle a.btn,
  .mobile-menu .boxStyle a.btn {
    color: #fff; }
  .main label,
  .rightPanel label,
  .mobile-menu label {
    float: left;
    width: 240px; }
    .main label.full-width,
    .rightPanel label.full-width,
    .mobile-menu label.full-width {
      width: auto; }
  .main .input-first label,
  .rightPanel .input-first label,
  .mobile-menu .input-first label {
    float: none;
    margin-left: 30px; }
  .main .input-first input,
  .main .input-first textarea,
  .main .input-first select,
  .rightPanel .input-first input,
  .rightPanel .input-first textarea,
  .rightPanel .input-first select,
  .mobile-menu .input-first input,
  .mobile-menu .input-first textarea,
  .mobile-menu .input-first select {
    float: left; }
  .main .noLabel,
  .rightPanel .noLabel,
  .mobile-menu .noLabel {
    padding-left: 240px; }
  .main input[type="text"]:not(.cInputText__input),
  .main input[type="number"]:not(.cInputText__input),
  .main input[type="tel"]:not(.cInputText__input),
  .main input[type="password"]:not(.cInputText__input),
  .main input[type="email"]:not(.cInputText__input),
  .main textarea,
  .main select:not(.cSelect__select),
  .rightPanel input[type="text"]:not(.cInputText__input),
  .rightPanel input[type="number"]:not(.cInputText__input),
  .rightPanel input[type="tel"]:not(.cInputText__input),
  .rightPanel input[type="password"]:not(.cInputText__input),
  .rightPanel input[type="email"]:not(.cInputText__input),
  .rightPanel textarea,
  .rightPanel select:not(.cSelect__select),
  .mobile-menu input[type="text"]:not(.cInputText__input),
  .mobile-menu input[type="number"]:not(.cInputText__input),
  .mobile-menu input[type="tel"]:not(.cInputText__input),
  .mobile-menu input[type="password"]:not(.cInputText__input),
  .mobile-menu input[type="email"]:not(.cInputText__input),
  .mobile-menu textarea,
  .mobile-menu select:not(.cSelect__select) {
    border-width: 1px;
    border-style: solid;
    background: #fff;
    margin-bottom: 15px; }
    html.inputBorder .main input[type="text"]:not(.cInputText__input), html.inputBorder
    .main input[type="number"]:not(.cInputText__input), html.inputBorder
    .main input[type="tel"]:not(.cInputText__input), html.inputBorder
    .main input[type="password"]:not(.cInputText__input), html.inputBorder
    .main input[type="email"]:not(.cInputText__input), html.inputBorder
    .main textarea, html.inputBorder
    .main select:not(.cSelect__select), html.inputBorder
    .rightPanel input[type="text"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="number"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="tel"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="password"]:not(.cInputText__input), html.inputBorder
    .rightPanel input[type="email"]:not(.cInputText__input), html.inputBorder
    .rightPanel textarea, html.inputBorder
    .rightPanel select:not(.cSelect__select), html.inputBorder
    .mobile-menu input[type="text"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="number"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="tel"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="password"]:not(.cInputText__input), html.inputBorder
    .mobile-menu input[type="email"]:not(.cInputText__input), html.inputBorder
    .mobile-menu textarea, html.inputBorder
    .mobile-menu select:not(.cSelect__select) {
      border-color: #dedede; }
  .main select:not(.cSelect__select),
  .rightPanel select:not(.cSelect__select),
  .mobile-menu select:not(.cSelect__select) {
    padding: 5px;
    width: 385px; }

.main form input[type="text"]:not(.cInputText__input),
.main form input[type="password"]:not(.cInputText__input),
.main form input[type="email"]:not(.cInputText__input),
.main form input[type="number"]:not(.cInputText__input),
.main form input[type="tel"]:not(.cInputText__input),
.main form textarea {
  width: 375px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  .main .checkFirst label {
    margin-left: 3em;
    clear: none; }
  .main .checkFirst.terms .errorMessage {
    margin-left: 3.2em; }
  .main .noLabel {
    padding-left: 240px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .main form input[type="text"]:not(.cInputText__input),
  .main form input[type="password"]:not(.cInputText__input),
  .main form input[type="email"]:not(.cInputText__input),
  .main form input[type="number"]:not(.cInputText__input),
  .main form input[type="tel"]:not(.cInputText__input),
  .main form textarea {
    width: 455px; }
  .main select:not(.cSelect__select) {
    width: 465px; } }

@media only screen and (max-width: 479px) {
  .main .checkFirst label {
    clear: none; }
  .main .imageSelect img {
    display: none; }
  .main .imageSelect label {
    float: none;
    clear: none; }
  .main .imageSelect .description {
    margin-left: 2em;
    display: block;
    float: none; }
  .main form input[type="text"]:not(.cInputText__input),
  .main form input[type="password"]:not(.cInputText__input),
  .main form input[type="email"]:not(.cInputText__input),
  .main form input[type="number"]:not(.cInputText__input),
  .main form input[type="tel"]:not(.cInputText__input),
  .main form textarea {
    width: 285px; }
  .main select:not(.cSelect__select) {
    width: 295px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .main form input[type="text"]:not(.cInputText__input),
  .main form input[type="password"]:not(.cInputText__input),
  .main form input[type="email"]:not(.cInputText__input),
  .main form input[type="number"]:not(.cInputText__input),
  .main form input[type="tel"]:not(.cInputText__input),
  .main form textarea {
    width: 445px; }
  .main select:not(.cSelect__select) {
    width: 455px; } }

@media only screen and (max-width: 767px) {
  .main fieldset fieldset legend {
    width: auto;
    float: none; }
  .main fieldset .infoMessage,
  .main fieldset.error .errorMessage,
  .main .errorMsg {
    position: relative !important;
    float: left;
    left: auto;
    max-width: auto; }
  .main fieldset .infoMessage,
  .main fieldset.error .errorMessage,
  .main .errorMsg {
    margin-left: 0; }
  .main fieldset .infoMessage {
    position: relative;
    left: auto;
    left: right;
    max-width: 270px; }
  .main .errorMessage,
  .main .errorMsg {
    float: none; }
  .main .noLabel {
    padding-left: 0; }
  .main .linearise label {
    float: none;
    clear: both;
    line-height: 1.6em;
    margin: 16px 0 9px 0;
    display: inline; }
  .main .linearise input:not(.cInputText__input),
  .main .linearise textarea,
  .main .linearise .singleSelect select:not(.cSelect__select) {
    width: 100%;
    padding: auto 0;
    margin-right: 10px; }
  .main .linearise input[type="checkbox"] {
    width: auto;
    margin-right: 5px; }
  .main .linearise .creditCard [name=cardnumber] {
    width: 190px; }
  .main .linearise .checkFirst label {
    margin: 0 0 0 3em;
    clear: none; }
  .main .linearise .clear {
    content: "";
    display: block;
    margin: 5px 0 0; }
  .main .imageSelect li {
    clear: both;
    width: 100%; } }

/**
 * Base styles
 */
/*
* BASED ON SKELETON BUT HAS BEEN AMENDED
* (Modified) Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
    #Reset & Basics
    #Basic Styles
    #Site Styles
    #Typography
    #Links
    #Lists
    #Images
    #Buttons
    #Tabs
    #Forms
    #Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

/* #Basic Styles
================================================== */
body {
  background: #fff;
  font: 14px/21px 'Averta',Arial,sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%; }

/* #Typography
================================================== */
h1 {
  line-height: 50px;
  margin-bottom: 14px; }

h2 {
  line-height: 40px;
  margin-bottom: 10px; }

h3 {
  line-height: 34px;
  margin-bottom: 8px; }

h4 {
  line-height: 30px;
  margin-bottom: 4px; }

h5 {
  line-height: 24px; }

h6 {
  font-size: 14px;
  line-height: 21px; }

a {
  color: #007DB3; }

p img {
  margin: 0; }

p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777; }

i, em {
  font-style: italic; }

strong, b {
  font-weight: 700; }

small {
  font-size: 80%; }

/*  Blockquotes  */
blockquote, blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }

/* #Links
================================================== */
a, a:visited {
  text-decoration: none;
  outline: 0; }

p a, p a:visited {
  line-height: inherit; }

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px;
  list-style: none; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal;
  margin-left: 30px; }

ul ul, ul ol, ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

li {
  line-height: 18px;
  margin-bottom: 12px; }

/*
* (Modified) Skeleton-SASS V1.0
* Copyright 2012 by Michael Lazer-Walker
* https://github.com/lazerwalker/Skeleton-Sass
*
* Based off of Skeleton v1.1:
* https://github.com/dhgamache/Skeleton
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* #Variable Definitions
================================================== */
/* Grid
================================================== */
/* #Clearing
================================================== */
/* Include clearfix on parent to clear nested columns,
or wrap each row of columns in a @include row */
/* You can also use a @include clear to clear columns */
.clearfix {
  zoom: 1; }
  .clearfix:after {
    clear: both; }
  .clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }

/**
 * Base styling for page content between header and footer
 */
.maincontent, .maincontent--checkout {
  padding: 30px 10px 20px;
  background-color: #fff; }
  .maincontent *, .maincontent--checkout * {
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .maincontent, .maincontent--checkout {
      padding: 30px 0 0; } }

.maincontent--checkout {
  zoom: 1;
  background-color: #fff; }
  .maincontent--checkout:after {
    clear: both; }
  .maincontent--checkout:before, .maincontent--checkout:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  @media only screen and (max-width: 767px) {
    .maincontent--checkout {
      padding-top: 10px; } }

.eventinfo {
  font-size: 1.1em; }

.contentbox, .contentbox--checkout, .contentbox--frame, .searchresults, .mediabox, .adp__container, .infomodule__container, .adp__container--small, .infomodule__container--small {
  border: 1px solid #c9cac8; }

.contentbox--checkout {
  background-color: #fff; }

.contentbox--frame {
  padding: 15px; }
  @media only screen and (max-width: 767px) {
    .contentbox--frame {
      padding: 0; } }

/**
 * Search results
 */
/**
 * There is no other way how to force content to fluidly take up whole space
 * to banners. We need to calculate its width with banners and for less than
 * desktop view go back to default state.
 */
.search_results__content {
  float: left;
  width: 810px; }
  @media only screen and (max-width: 999px) {
    .search_results__content {
      width: auto;
      float: none; }
      .search_results__content .pushdownAd {
        display: none; } }

/**
 * Ads container is forcing ads to 160px width , is removing margins and adding
 * overflow hidden (there is a lot of styles we don't want to, but it is not safe
 * to remove them globally).
 */
.search_results__ads {
  width: 160px;
  float: right;
  overflow: hidden;
  display: inline-block;
  vertical-align: top; }
  .search_results__ads .leftrailAd,
  .search_results__ads .skyscraperAd {
    width: 160px;
    margin: 0;
    overflow: hidden; }
  @media only screen and (max-width: 999px) {
    .search_results__ads {
      display: none; } }

.searchresults {
  border-bottom: 0; }

/**
 * Internet Explorer 8 specific fixes.
 * @author Edd
 *
 * @description Relies on the HTML5 boilerplate adding a class of ie8 to the
 *              body tag.
 *
 *              ALL fixes should be documented with an explanation
 */
html.ie8 {
  /* [EH] IE8 respects the padding on this module when it shouldn't */ }
  html.ie8 .mobileFill select {
    max-width: none; }
  html.ie8 #details.full-event-info {
    padding-bottom: 0; }
  html.ie8 #cardAssignment .ticket-type label {
    padding-left: 34px; }
  html.ie8 #cardAssignment .mandatory .ticket-type label,
  html.ie8 #cardAssignment .single .ticket-type label {
    padding-left: 0; }

/**
 * Core layout
 * @author Edd, Bex
 *
 * @description Things to bear in mind:
 *              - 'Default' should be desktop, with everything else overriding
 *                  in #Media Queries
 */
.container {
  margin: 0 auto;
  padding: 0;
  width: 1000px; }
  .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .container {
      width: 768px; } }
  @media only screen and (max-width: 767px) {
    .container {
      width: calc(100% - 20px); } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
      width: calc(100% - 20px); } }

.main * {
  box-sizing: content-box; }

body {
  margin: 0;
  background-color: #fff;
  color: #444; }

p {
  line-height: 1.2em;
  margin-bottom: 10px; }

h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first,
h1.major,
h2.major,
.nordicchoice__header,
h3.major,
h4.major,
h5.major,
h6.major,
h1.minor,
h2.minor,
h3.minor,
h4.minor,
h5.minor,
h6.minor {
  font-size: 1.1em;
  line-height: 1em;
  font-weight: bold;
  clear: both;
  margin: 0; }

h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first {
  color: #2d2e30;
  background-color: #fff;
  position: relative;
  /* IE8 hack for proper inline block support */
  border: 1px solid #bcbcbc;
  border-bottom: none;
  margin-bottom: -1px;
  margin-right: 0;
  line-height: 1.2em;
  padding: 0.5em 0.6em;
  overflow: hidden;
  z-index: 1; }

ul.no-space,
ol.no-space {
  margin-bottom: 0; }

ul.row {
  border-top: 1px dotted #c9cac8;
  padding: 15px 0 5px; }

ul.noline {
  border: none;
  padding-top: 0; }

h1.major,
h2.major,
.nordicchoice__header,
h3.major,
h4.major,
h5.major,
h6.major {
  color: #fff;
  margin: 0;
  padding: 10px; }

.unbranded h2.major.block.de-emphasise, .unbranded .block.de-emphasise.nordicchoice__header {
  background-color: #c9cac8;
  color: #404041; }

.unbranded h1.major,
.unbranded h2.major,
.unbranded .nordicchoice__header,
.unbranded h3.major,
.unbranded h4.major,
.unbranded h5.major,
.unbranded h6.major {
  background-color: #475058; }

h1.major.block,
h2.major.block,
.block.nordicchoice__header,
h3.major.block,
h4.major.block,
h5.major.block,
h6.major.block {
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  color: #fff;
  float: none; }

.unbranded h1.major.block,
.unbranded h2.major.block,
.unbranded .block.nordicchoice__header,
.unbranded h3.major.block,
.unbranded h4.major.block,
.unbranded h5.major.block,
.unbranded h6.major.block {
  background-color: #475058; }

h1.minor,
h2.minor,
h3.minor,
h4.minor,
h5.minor,
h6.minor {
  padding: 0 10px;
  margin: 0;
  background-color: #c9cac8;
  color: #0a0a0a; }

.full-width-blocked-header {
  font-weight: bold;
  position: relative;
  padding-left: 30px;
  background: #c9cac8;
  padding: 10px 15px;
  margin: 0;
  color: #404040;
  width: auto;
  line-height: 18px;
  font-size: 1.2em; }

h3.full-width-blocked-header {
  margin-bottom: 0; }

.toggleMode-wrapper,
.boxStyle .toggleMode-wrapper {
  position: absolute;
  right: 18px;
  margin-top: -39px; }

.boxStyle .toggleMode-wrapper {
  line-height: 1; }

.toggleMode {
  color: #fff;
  cursor: pointer; }

.center {
  text-align: center; }

/* Main body */
.boxStyle {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  clear: left;
  padding: 20px;
  border: 1px solid #bcbcbc;
  display: block;
  background-color: #fff; }
  .boxStyle h1,
  .boxStyle h2,
  .boxStyle h3,
  .boxStyle h4,
  .boxStyle h5,
  .boxStyle h6 {
    font-size: 1.2em;
    line-height: 23px;
    margin-bottom: 1em; }
  .boxStyle h3 {
    color: #404041; }
  .boxStyle.adjacent {
    border-top: none; }
  .boxStyle.extraspace {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0; }

.polling,
.inactive .boxStyle,
.polling .boxStyle,
.inactive.boxStyle,
.polling.boxStyle,
#acceptContinue.inactive {
  position: relative; }

.smallBanners,
.smallBanners li {
  margin-bottom: 0; }

#mainContent {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  width: 667.5px;
  margin-left: 0;
  margin: 15px auto 0;
  font-size: 1.1em; }
  @media only screen and (max-width: 767px) {
    #mainContent {
      margin: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    #mainContent {
      width: 508px; } }
  @media only screen and (max-width: 767px) {
    #mainContent {
      width: calc(100% - 20px);
      float: none; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #mainContent {
      width: calc(100% - 20px);
      float: none; } }
  #mainContent.full-width {
    width: 100%;
    margin-right: 0; }

#secondaryContent {
  float: right;
  width: 300px;
  margin-left: 0;
  margin-top: 15px; }

.main {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px 15px;
  background-color: #fff;
  display: block;
  min-height: 140px;
  font-size: 1.1em; }
  .main.full-width #mainContent {
    width: 100%; }
  .main.full-width #secondaryContent {
    display: none; }
  .main #mainContent {
    font-size: 1em; }
  .main a {
    font-weight: bold; }
  .main .totalsContainer {
    color: #2d2e30; }
  .main .charged {
    display: block;
    margin-top: 10px; }

.errorPage {
  margin-bottom: 10px;
  padding-top: 10px;
  /* Spacing and border tweaks, as the boxStyle on this page is slightly
   * different. Height: 500px is overriden on small screens */ }
  .errorPage .boxStyle {
    border-top: 1px solid #bcbcbc;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 500px; }

.clear {
  clear: both; }

.row {
  zoom: 1;
  margin-bottom: 20px; }
  .row:after {
    clear: both; }
  .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }

.noBreak {
  white-space: nowrap; }

/**
 * @section Utility
 * ==================================================
 */
.moreText .moreTextContent {
  overflow: hidden; }

/**
 * @section Page styles
 * ==================================================
 */
.module + .module-title {
  margin-top: 10px; }

.date {
  color: gray;
  font-size: 1.4em;
  line-height: 1em; }
  .date span {
    float: left;
    margin-right: 10px; }
  .date .day {
    font-size: 2.32em;
    font-weight: normal;
    line-height: 0.9em; }
  .date .date_month {
    color: #6d6f6c; }
  .date .date_details {
    line-height: 1.1em; }
  .date .location a {
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold; }
  .date .time {
    color: #000; }

.hide,
.is-hidden {
  display: none !important; }

.show {
  display: block; }

/**
 * Hide an element while keeping it visible to screen readers
 */
.visuallyhidden {
  position: absolute;
  left: -9999px; }

/* Module styles */
.main .cart-title {
  margin: 0; }

.main a:hover,
.main a:focus {
  text-decoration: underline; }

.main a.aInfo:hover,
.main a.aInfo:focus {
  text-decoration: none; }

.formcontainer {
  margin-bottom: 0; }

/**
 * Hide content
 */
@media only screen and (min-width: 1000px) {
  .hidden-desktop {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 999px) {
  .hidden-lessthandesktop {
    display: none !important;
    visibility: hidden !important; } }

/**
 * Modules
 */
#loginPop {
  display: none; }
  #loginPop.active {
    display: block;
    padding: 2px 18px 0 0; }
  #loginPop form {
    padding: 11px;
    margin-bottom: 0; }
  #loginPop .text {
    color: #000;
    width: 96%;
    margin: 5px 0 10px 0;
    clear: left; }
  #loginPop a {
    font-weight: bold; }
    #loginPop a:hover {
      text-decoration: underline; }
  #loginPop .submit {
    text-align: center;
    clear: both; }
    #loginPop .submit input {
      margin: 0 auto; }
  #loginPop label {
    width: auto;
    line-height: 2em;
    margin-left: 4px; }
  #loginPop .btn_close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #333;
    font-size: 21px; }
  #loginPop .btn_close:hover,
  #loginPop .btn_close:focus {
    text-decoration: none; }
  #loginPop .icon-login-hide,
  #loginPop .icon-login-show {
    font-size: 18px; }
  #loginPop p {
    margin: 1em 0 0 0;
    clear: both; }
    #loginPop p.forgot {
      margin-top: 5px;
      display: block; }
  #loginPop .errorAlert {
    clear: both;
    margin: 20px 0 10px 0;
    display: none;
    overflow: hidden; }
    #loginPop .errorAlert .text {
      margin-bottom: 2px; }
  #loginPop .heading {
    margin-left: 0;
    line-height: 18px; }
  #loginPop .message {
    float: left;
    clear: both;
    margin: 3px 0 0 0;
    padding: 0 10px;
    font-weight: normal; }
  #loginPop .icon-warning, #loginPop .alert--error .alert--error__icon, .alert--error #loginPop .alert--error__icon {
    margin-right: 12px;
    color: #d0092c; }
  #loginPop .errorMessage {
    margin: 6px 4px 9px;
    font-size: 0.9em;
    line-height: 1.1em; }
  #loginPop b {
    font-weight: bold; }
  #loginPop .borderLayer {
    border: 5px solid #3a3839;
    background: #fff; }
  #loginPop .docked form a {
    color: #007DB3; }

#popLogin .submit {
  margin-bottom: 10px; }

#popForgotPassword p {
  margin-bottom: 1em; }

#popLogin,
#popForgotPassword {
  display: none; }
  #popLogin.active,
  #popForgotPassword.active {
    display: block; }

#forgotP2,
#forgotP1 {
  display: none; }
  #forgotP2.active,
  #forgotP1.active {
    display: block; }

#forgotP2.active .btn_submit, #forgotP2.active .continue__submit {
  margin: 0 auto; }

#animateLayer {
  z-index: 100;
  background: transparent;
  position: absolute;
  left: -9999px;
  top: 34px;
  width: 242px;
  height: 700px;
  overflow: hidden;
  -webkit-transform: translateZ(0); }
  #animateLayer.slidePanelOpen {
    left: auto;
    right: 18px; }

/**
 * Event Details module
 * @author edward.hannay, john.souris
 * @see #MNXWEB-4620
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.responsiveEventInfoModule {
  padding: 0; }
  .responsiveEventInfoModule h2.first {
    max-width: 90%; }
  .responsiveEventInfoModule #detailsTabs .boxStyle {
    border-top: none; }

#details {
  border-top: 1px solid #bcbcbc; }
  #details p {
    margin-top: 0; }
  #details .social {
    float: left; }
    #details .social .addthis_toolbox {
      float: left;
      margin-right: 10px; }
    #details .social iframe {
      max-height: 50px; }
  #details .icon:before {
    font-size: 21px;
    vertical-align: -3px; }
  #details .eventInfoTopModule {
    zoom: 1;
    margin-bottom: 20px; }
    #details .eventInfoTopModule:after {
      clear: both; }
    #details .eventInfoTopModule:before, #details .eventInfoTopModule:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
  #details .c1 {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    width: 730px;
    margin-left: 0; }
    @media only screen and (max-width: 767px) {
      #details .c1 {
        margin: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 999px) {
      #details .c1 {
        width: 556px; } }
    @media only screen and (max-width: 767px) {
      #details .c1 {
        width: calc(100% - 20px);
        float: none; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #details .c1 {
        width: calc(100% - 20px);
        float: none; } }
  #details .c2 {
    float: right;
    overflow: hidden; }
  #details .mid {
    float: left;
    width: 200px; }
  #details .location {
    margin-right: 0;
    margin-left: 425px; }
  #details .imgCol {
    float: left;
    width: 215px;
    margin-right: 10px; }
  #details .artistImage {
    width: 215px;
    height: 120px; }
  #details .moreText {
    clear: both;
    margin-left: 0;
    /* [Edd] Removed as the second column doesn't exist yet */
    /* width: 50%;*/
    padding: 1em 0 0.6em 0; }
    #details .moreText strong {
      color: #666;
      cursor: text; }
  #details .moreTextContent {
    overflow: hidden; }
  #details .moreOrLess {
    display: inline-block;
    color: #444;
    cursor: pointer;
    font-weight: 700;
    margin-top: 5px;
    color: #666; }
  #details .seeEvent {
    margin-top: 0;
    margin-bottom: 0; }
    #details .seeEvent.icon:before {
      display: none; }
  #details .seeEvent-alt {
    display: none; }
  #details .eventInfoBox {
    margin: 5px 0 0 0;
    min-height: 48px; }
  #details .date {
    zoom: 1;
    padding-bottom: 15px; }
    #details .date:after {
      clear: both; }
    #details .date:before, #details .date:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    #details .date #date_month_year,
    #details .date .time {
      font-size: 96%;
      margin-top: 2px; }
    #details .date .time {
      color: #444; }
  #details .additional-information-link {
    display: block; }
  #details .venueName {
    font-size: 1.1em;
    line-height: 1em; }
  #details .hiddenTime {
    font-size: 0.8em;
    float: left;
    clear: left; }
  #details .price {
    display: inline-block;
    width: auto;
    font-size: 1.1em; }
    #details .price .note {
      font-size: 0.9em;
      text-align: center;
      display: block;
      clear: both; }
  #details .cancelled {
    color: #d0092c;
    font-weight: bold;
    font-size: 19px;
    margin-top: 10px; }
  #details .limit-label {
    margin-bottom: 0;
    font-size: 15px; }
    #details .limit-label .icon {
      margin-left: 5px;
      margin-top: -12px;
      font-size: 22px;
      cursor: pointer; }
    #details .limit-label .count {
      display: inline-block; }
  #details .ticket-limit-info {
    text-align: center;
    border-top: 1px dotted #bcbec0; }
    #details .ticket-limit-info .limit {
      position: relative;
      margin-left: -1px;
      margin-right: -1px; }
      #details .ticket-limit-info .limit .tooltip, #details .ticket-limit-info .limit .pricetype-tooltip {
        background: #007DB3;
        left: 0 !important;
        width: 748px;
        text-align: left;
        color: #fff; }
        #details .ticket-limit-info .limit .tooltip .tt-name, #details .ticket-limit-info .limit .pricetype-tooltip .tt-name {
          min-height: auto;
          padding: 0; }
          #details .ticket-limit-info .limit .tooltip .tt-name .tt-title, #details .ticket-limit-info .limit .pricetype-tooltip .tt-name .tt-title {
            display: none; }
        #details .ticket-limit-info .limit .tooltip .body, #details .ticket-limit-info .limit .pricetype-tooltip .body {
          padding-top: 0; }

#detail_tabs {
  margin-left: -20px; }
  #detail_tabs ul,
  #detail_tabs li {
    margin: 0; }
  #detail_tabs .detailNav {
    margin: 0;
    width: 100%;
    height: 40px; }
  #detail_tabs .detail-tab {
    float: left;
    background: #fff;
    margin-bottom: 0;
    border: 1px solid #acacac;
    border-left: none;
    border-bottom: none;
    padding: 10px 20px;
    height: 19px; }
    #detail_tabs .detail-tab.active {
      padding-bottom: 11px; }
    #detail_tabs .detail-tab > a {
      font-weight: normal;
      color: #444;
      text-decoration: none; }
      #detail_tabs .detail-tab > a:hover {
        text-decoration: none; }
    #detail_tabs .detail-tab:last-child {
      clear: right; }

.limit-label {
  clear: both;
  color: #e98300;
  line-height: 1.4em;
  padding: 15px 0; }
  .limit-label .count {
    background: #e98300;
    color: #FFFFFF;
    padding: 2px;
    font-weight: bold; }
  .limit-label .icon {
    width: 20px;
    height: 20px;
    display: inline-block; }
  .limit-label.tooltip-open {
    background: #007DB3;
    color: #fff; }
    .limit-label.tooltip-open .count {
      background: #e98300;
      color: #fff; }
    .limit-label.tooltip-open .icon {
      text-indent: -9999px;
      cursor: default !important; }

.ticket-limit .count {
  padding: 2px 5px; }

.ticket-limit .icon {
  color: #333;
  font-size: 14px; }

.boxStyle.tab {
  position: relative; }
  .boxStyle.tab .icon-close {
    position: absolute;
    top: 1em;
    right: 10px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (min-width: 1000px) {
  #details .seeEvent {
    display: none; }
  #details .seeEvent-alt {
    display: block; }
  #details .event-img {
    margin-bottom: 10px; } }

@media only screen and (min-width: 767px) {
  #details {
    padding-bottom: 0; }
    #details #detailsTabs .boxStyle h1,
    #details #detailsTabs .boxStyle h2,
    #details #detailsTabs .boxStyle h3,
    #details #detailsTabs .boxStyle h4,
    #details #detailsTabs .boxStyle h5,
    #details #detailsTabs .boxStyle h6 {
      display: none; }
    #details .c2 {
      max-width: 198px; } }

@media only screen and (max-width: 999px) {
  #details .eventInfoBox {
    margin: 0;
    min-height: 0; }
  #details .c1 {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    width: 917.5px;
    margin: 0; } }
  @media only screen and (max-width: 999px) and (max-width: 767px) {
    #details .c1 {
      margin: 0; } }
  @media only screen and (max-width: 999px) and (min-width: 768px) and (max-width: 999px) {
    #details .c1 {
      width: 700px; } }
  @media only screen and (max-width: 999px) and (max-width: 767px) {
    #details .c1 {
      width: calc(100% - 20px);
      float: none; } }
  @media only screen and (max-width: 999px) and (min-width: 480px) and (max-width: 767px) {
    #details .c1 {
      width: calc(100% - 20px);
      float: none; } }

@media only screen and (max-width: 999px) {
  #details .c2 {
    display: none; }
  #details .moreOrLess {
    display: none; }
  #details .seeEvent {
    font-size: inherit;
    cursor: pointer; }
    #details .seeEvent.icon:before {
      display: inline; }
  #details .moreText {
    width: 100%;
    padding-bottom: 0; }
    #details .moreText strong {
      cursor: pointer; }
    #details .moreText .showHide-moreText {
      padding: 10px 5px 5px 5px; }
  #details .mid {
    width: 230px; }
  #details.full-event-info .c1 {
    width: 455px; }
  #details.full-event-info .infoCol {
    float: left;
    width: 230px; }
    #details.full-event-info .infoCol .location {
      margin-left: 0; }
  #details.full-event-info .c2 {
    display: block; }
  #details .social {
    margin-top: 15px; }
  #details .location {
    margin-left: 425px; }
  #details .date {
    padding-bottom: 0; }
  #detailsTabs {
    margin-top: -1px; }
  #detail_tabs {
    display: block;
    margin-top: 5px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 1px; }
    #detail_tabs .detailNav {
      height: auto; }
    #detail_tabs .detail-tab {
      height: auto;
      border: none;
      float: none; }
    #detail_tabs .boxStyle {
      border: none;
      margin-top: 3px; }
    #detail_tabs .icon-close {
      display: none; } }

@media only screen and (max-width: 767px) {
  #details .tooltip-open #ticket_limit_icon_details {
    display: none; }
  #details .ticket-limit-info {
    margin-left: -10px;
    margin-right: -10px; }
    #details .ticket-limit-info .limit-label {
      margin-bottom: -10px; }
      #details .ticket-limit-info .limit-label .icon {
        margin-top: -8px; }
  #details .social {
    clear: both; }
  #details .location {
    display: none; }
  #details .event-img {
    width: 150px; }
  #details .eventImage {
    width: 90%; }
  #details .c1 {
    width: 100%; }
  #details .mid,
  #details .location {
    clear: both;
    padding-top: 5px; }
  #details.full-event-info .c1 {
    width: 100%; }
    #details.full-event-info .c1 .infoCol {
      float: none;
      width: auto; }
  #details.full-event-info .location {
    display: block;
    margin-bottom: 10px; }
    #details.full-event-info .location .venueName {
      font-weight: bold; }
  #details.full-event-info .c2 {
    float: left; }
  #details.full-event-info .imgCol {
    width: auto; }
  #details.full-event-info .event-img {
    float: left; }
  #details.full-event-info #dateSmallScreen {
    float: left; }
  #detail_tabs {
    margin-left: -10px;
    margin-right: -10px; }
    #detail_tabs .detail-tab {
      padding-left: 10px;
      padding-right: 10px; }
  .responsiveEventInfoModule {
    margin: 0;
    padding-bottom: 10px; } }

@media only screen and (max-width: 479px) {
  #details .event-img {
    display: none; }
  #details .ticket-limit-info .limit .tooltip, #details .ticket-limit-info .limit .pricetype-tooltip {
    width: 300px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #details .ticket-limit-info .limit .tooltip, #details .ticket-limit-info .limit .pricetype-tooltip {
    margin-top: -1px;
    width: 460px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #details .date {
    margin-bottom: 10px; }
  #details .ticket-limit-info {
    margin-left: -20px;
    margin-right: -20px; } }

/**
 * Your Tickets module
 * @author Bex, john.souris, edward.hannay
 *
 * @description Appears on: Checkout, Confirmation
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#reservedPrompt strong,
#greatNewsPrompt strong {
  display: block;
  font-size: 1.1em;
  margin-bottom: 5px;
  font-weight: bold; }

#reservedPrompt p,
#greatNewsPrompt p {
  margin-left: 43px;
  margin-bottom: 0; }

a.yourtickets__ticket {
  font-weight: normal;
  text-decoration: none;
  color: inherit; }
  a.yourtickets__ticket span.sectionlink {
    color: #007DB3; }
  a.yourtickets__ticket:link, a.yourtickets__ticket:visited, a.yourtickets__ticket:focus, a.yourtickets__ticket:active {
    text-decoration: none;
    outline: 0; }
  a.yourtickets__ticket:hover {
    text-decoration: none; }
    a.yourtickets__ticket:hover span.sectionlink {
      text-decoration: underline; }

#yourTickets {
  margin-bottom: 17px; }
  #yourTickets .boxStyle {
    padding-bottom: 0; }
  #yourTickets .submit {
    margin-bottom: 20px; }
  #yourTickets .warning-alert, #yourTickets #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #yourTickets #singleSeatMessage.singleSeatWarning {
    margin-bottom: 20px; }
  #yourTickets .your-tickets-event {
    margin: 0 -20px;
    padding: 0 20px; }
    #yourTickets .your-tickets-event + .your-tickets-event {
      margin-top: 10px;
      padding-top: 20px;
      border-top: 1px solid #bcbec0; }
  #yourTickets .staticVenueMap {
    height: 30px; }
  #yourTickets .lightBoxContainer .map {
    display: block;
    margin: 0 auto; }
  #yourTickets .lightBoxContainer .staticVenueMap {
    display: none; }
  #yourTickets .lightBoxContainer ul {
    margin-left: -10px;
    margin-right: -10px;
    border-bottom: 0; }
  #yourTickets .full-width-blocked-header {
    margin-top: 0;
    margin-bottom: 0; }
  #yourTickets .table {
    display: table;
    width: 100%; }
    #yourTickets .table .table-row {
      display: table-row; }
      #yourTickets .table .table-row:first-child > .table-cell {
        border: 0; }
      #yourTickets .table .table-row ul {
        margin: 0;
        padding: 0; }
      #yourTickets .table .table-row .table-cell {
        display: table-cell;
        padding: 10px;
        border-top: 1px solid #bcbec0; }
      #yourTickets .table .table-row .column1 {
        width: 25%;
        font-weight: bold;
        font-size: 1.1em; }
      #yourTickets .table .table-row .column3 {
        width: 25%; }
        #yourTickets .table .table-row .column3 ul {
          list-style: disc;
          list-style-position: inside; }
  #yourTickets .search-again {
    margin: 0 -20px;
    padding: 10px 20px;
    border-top: 1px solid #bcbec0;
    text-align: center; }
  #yourTickets .charged {
    font-style: italic; }
  #yourTickets .yourTicketsTitle {
    font-weight: bold;
    font-size: 23px; }
    #yourTickets .yourTicketsTitle span {
      font-size: 16px;
      font-weight: normal; }
  #yourTickets .jsSeatingMap {
    float: right; }

.yourseatmap-wrap {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat; }
  .ie8 .yourseatmap-wrap {
    overflow: hidden; }

.yourseatmap {
  display: block;
  width: 626px;
  height: 470px;
  margin: 20px auto; }
  @media only screen and (max-width: 479px) {
    .yourseatmap {
      width: 298px;
      height: 244px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .yourseatmap {
      width: 458px;
      height: 344px; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .yourseatmap {
      width: 706px;
      height: 530px; } }

.yourseatmap__bg {
  fill: transparent;
  width: 100%;
  height: 100%; }

.yourseatmap__transform__sections path {
  transition: fill 0.25s;
  fill: #959595;
  stroke: #fff;
  stroke-width: 20px; }
  .yourseatmap__transform__sections path[data-sections] {
    fill: #007DB3; }
  .yourseatmap__transform__sections path.is-pulsing {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

.yourseatmap__tooltip {
  transition: 0.5s top, 0.5s left, 0.5s opacity;
  border-radius: 3px;
  -ms-box-shadow: 0 0 5px 0;
  -o-box-shadow: 0 0 5px 0;
  box-shadow: 0 0 5px 0;
  display: none;
  position: absolute;
  padding: 5px;
  font-size: 0.7rem;
  pointer-events: none;
  background: white;
  opacity: 0; }
  .yourseatmap__tooltip.is-active {
    display: block;
    opacity: 1; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #yourTickets #cart .box .totalsContainer {
    padding-top: 10px;
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  #yourTickets .your-tickets-event {
    margin: -10px -10px 0 -10px;
    padding: 0 10px; }
  #yourTickets .staticVenueMap {
    display: none; }
  #yourTickets .table {
    display: block; }
    #yourTickets .table .table-row {
      display: block;
      margin: 10px 0;
      padding: 0;
      border-top: 1px dotted #bcbec0; }
      #yourTickets .table .table-row:first-child {
        border: 0; }
      #yourTickets .table .table-row .table-cell {
        display: block;
        padding: 0;
        width: auto;
        border: 0; }
      #yourTickets .table .table-row .column1 {
        margin: 10px 0; }
      #yourTickets .table .table-row li {
        margin: 0; }
      #yourTickets .table .table-row .column3 ul {
        list-style: none; }
  #yourTickets .search-again {
    margin: 0 -10px; }
  #yourTickets .full-width-blocked-header {
    margin-left: -10px;
    margin-right: -10px; } }

/**
 * Cart module
 * @author Bex
 *
 * @description Appears in the checkout flow
 *
 * Table of Content
 * ==================================================
 *     # Animations
 *     # General Rules
 *     # Themeable Parts
 *     # Media Queries
 */
/**
 * @section Animations
 * ==================================================
 */
@-webkit-keyframes highlight {
  0% {
    background-color: #99d7f2; }
  100% {
    background-color: none; } }

@keyframes highlight {
  0% {
    background-color: #99d7f2; }
  100% {
    background-color: none; } }

/**
 * @section General Rules
 * ==================================================
 */
.maincontent--checkout #cart * {
  -ms-box-sizing: content-box;
  box-sizing: content-box; }

#cart {
  background: #fff;
  border: 1px solid #c9cac8;
  position: relative; }
  #cart .attendee-info {
    padding-top: 15px; }
  #cart .icon:hover {
    cursor: pointer; }
  #cart .highlight {
    -webkit-animation: highlight 1.3s 0;
    animation: highlight 1.3s 0; }
  #cart.inactive #cartTixSum,
  #cart.inactive #cartTickets,
  #cart.inactive .infoItems {
    display: none; }
  #cart.inactive #no_tickets {
    font-weight: bold;
    padding: 10px;
    text-align: center; }
  #cart.active #no_tickets {
    display: none; }
  #cart h2#cartTitle {
    position: relative;
    float: none; }
    #cart h2#cartTitle .pin {
      display: none; }
  #cart h2#cartTitleLessThanDesktop {
    display: none;
    padding: 10px 20px;
    background: #fff;
    color: #666;
    cursor: pointer;
    line-height: 21px;
    font-size: inherit;
    font-weight: bold; }
    #cart h2#cartTitleLessThanDesktop .cart-show-hide {
      float: left;
      margin-right: 5px;
      font-size: 21px;
      vertical-align: middle; }
  #cart #cartContentContainer {
    display: block; }
  #cart .box .heading {
    position: relative;
    background: #c9cac8;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
    font-size: 1.1em;
    line-height: 34px; }
    #cart .box .heading .icon-cross {
      position: absolute;
      right: 0;
      top: 0;
      margin: 0; }
    #cart .box .heading .tooltip, #cart .box .heading .pricetype-tooltip {
      font-size: 0.9em;
      font-weight: normal;
      word-wrap: break-word; }
  #cart .box .head {
    cursor: pointer;
    width: 100%;
    margin: 10px 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  #cart .box .icon-cross {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -10px;
    display: inline-block;
    text-align: center;
    cursor: pointer; }
  #cart .box .label,
  #cart .box .price {
    padding: 10px;
    display: table-cell;
    vertical-align: top; }
  #cart .box .price {
    text-align: right;
    padding-right: 30px; }
  #cart .box .item-title .datetime {
    font-weight: normal;
    display: block;
    clear: both;
    margin-top: 10px;
    font-size: .9em; }
  #cart .box .item-title {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 36px; }
  #cart .box .item-subtotal {
    text-align: right;
    padding-right: 30px;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    #cart .box .item-subtotal + .icon-cross {
      display: inline-block;
      width: 30px;
      height: 20px;
      margin-top: 0;
      text-align: center;
      line-height: 20px;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0; }
  #cart .box .icon-more, #cart .box .showmore__link,
  #cart .box .icon-less,
  #cart .box .showmore__link.is-open,
  #cart .box .icon-close {
    font-size: 21px; }
  #cart .box .icon-more, #cart .box .showmore__link,
  #cart .box .icon-less,
  #cart .box .showmore__link.is-open {
    float: left;
    margin-left: -28px; }
  #cart .box .deliveryItems,
  #cart .box .paymentItems {
    clear: both; }
  #cart .box .deliveryItems table {
    width: 100%; }
    #cart .box .deliveryItems table .price {
      width: 85px; }
  #cart .box #rfid_container .icon {
    cursor: pointer; }
  #cart .box #rfid_container .label {
    position: relative;
    display: block; }
  #cart .box #rfid_container .tooltip, #cart .box #rfid_container .pricetype-tooltip {
    width: 288px;
    margin-left: -78px; }
    #cart .box #rfid_container .tooltip .body, #cart .box #rfid_container .pricetype-tooltip .body {
      font-weight: normal; }
  #cart .box .item-container {
    margin-bottom: 15px;
    display: table;
    width: 100%; }
    #cart .box .item-container.subTotal {
      border-top: 1px solid #bcbec0;
      display: none; }
      #cart .box .item-container.subTotal .label {
        font-weight: normal; }
  #cart .box .totalsContainer {
    padding: 10px;
    clear: both; }
    #cart .box .totalsContainer .total,
    #cart .box .totalsContainer .disclaimer {
      text-align: center;
      padding: 5px 10px; }
    #cart .box .totalsContainer .total {
      font-size: 1.1em;
      font-weight: bold; }
  #cart .box .row {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #bcbec0;
    margin-bottom: 0; }
  #cart .box .infoItems {
    padding: 10px;
    text-align: center; }
    #cart .box .infoItems .notReserved {
      font-weight: bold;
      font-size: inherit;
      margin: 0; }
  #cart a {
    color: #666; }
    #cart a:hover {
      text-decoration: none; }
  #cart .item-table {
    width: 100%; }
  #cart .item-key {
    text-align: right;
    width: 90px;
    font-weight: bold;
    padding: 0 5px 0 10px;
    color: #666;
    vertical-align: top; }
  #cart .item-value {
    text-align: left;
    padding: 0 10px 0 7px;
    vertical-align: top; }
  #cart .item-quantity,
  #cart .item-fee {
    text-align: right;
    padding-right: 30px; }
  #cart .item-quantity {
    width: 33px; }
  #cart .item-fee {
    width: 46px; }
  #cart .item-remove-button {
    position: absolute;
    width: 22px;
    height: 19px;
    right: 10px;
    line-height: 23px; }
  #cart .jsTicket,
  #cart .jsAdded {
    border-bottom: 1px solid #bcbec0; }
    #cart .jsTicket .price,
    #cart .jsAdded .price {
      text-align: left;
      padding: 0 10px 0 0;
      white-space: nowrap;
      font-weight: normal;
      display: block; }
  #cart #giftCards {
    display: none;
    clear: both; }
    #cart #giftCards .head {
      display: table;
      margin-bottom: 5px; }
    #cart #giftCards .row {
      padding-top: 0; }
    #cart #giftCards .item-table .item-title {
      padding-left: 10px; }
    #cart #giftCards .item-table .item-subtitle {
      padding-right: 10px;
      text-align: right; }
  @media only screen and (max-width: 767px) {
    #cart .tooltip, #cart .pricetype-tooltip {
      left: 0 !important;
      width: calc(100% - 10px);
      margin: 0 10px; } }
  #cart .limit {
    border-top: 1px solid #bcbec0; }
  #cart .limit-label {
    text-align: center;
    background: transparent;
    border-left: none;
    border-right: none;
    padding: 10px 0;
    line-height: 22px;
    vertical-align: middle; }
    #cart .limit-label.tooltip-open {
      background: #007DB3;
      color: #fff; }
  #cart .limit {
    position: relative;
    margin-left: -1px;
    margin-right: -1px; }
    #cart .limit .count {
      display: inline-block; }
    #cart .limit .icon {
      margin-left: 5px;
      font-size: 22px;
      height: 26px;
      width: 22px;
      cursor: pointer;
      vertical-align: middle; }
    #cart .limit .tooltip, #cart .limit .pricetype-tooltip {
      background: #007DB3;
      left: 0 !important;
      width: 300px;
      text-align: left;
      color: #fff; }
      #cart .limit .tooltip .tt-name, #cart .limit .pricetype-tooltip .tt-name {
        min-height: inherit;
        padding: 0; }
        #cart .limit .tooltip .tt-name .tt-title, #cart .limit .pricetype-tooltip .tt-name .tt-title {
          display: none; }
      #cart .limit .tooltip .body, #cart .limit .pricetype-tooltip .body {
        padding-top: 0; }

.limit-label {
  margin: 0;
  font-size: inherit; }

#cartLessThanDesktop.page-position-top #cart {
  border: 1px solid #bcbcbc; }
  #cartLessThanDesktop.page-position-top #cart #cartTitleLessThanDesktop {
    font-weight: normal; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #cart {
    border-top: 0;
    border-bottom: 0;
    position: static; }
    #cart h2#cartTitleLessThanDesktop {
      display: block; }
  #cartLessThanDesktop.page-position-inline {
    border-top: 1px solid #c9cac8;
    margin: 0 -20px;
    padding-top: 16px; }
    #cartLessThanDesktop.page-position-inline #cart,
    #cartLessThanDesktop.page-position-inline .box {
      border: none; }
  #cartLessThanDesktop .box #rfid_container .tooltip, #cartLessThanDesktop .box #rfid_container .pricetype-tooltip {
    width: 350px;
    margin-left: -26px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #cart .box .head .item-title {
    padding-left: 45px; }
  #cart .box .label {
    padding-left: 20px; }
  #cart .item-key {
    width: 120px; }
  #cart .item-quantity {
    width: 46px; }
  #cart .limit-label .tooltip, #cart .limit-label .pricetype-tooltip {
    width: 738px; } }

@media only screen and (max-width: 767px) {
  #cart h2#cartTitleLessThanDesktop {
    padding: 10px 8px;
    margin: 0; }
  #cartLessThanDesktop.page-position-top {
    margin: 0; }
  #cartLessThanDesktop.page-position-inline {
    margin-left: -10px;
    margin-right: -10px; }
  #cartLessThanDesktop .box #rfid_container .tooltip, #cartLessThanDesktop .box #rfid_container .pricetype-tooltip {
    margin-left: 7px;
    width: 310px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #cartLessThanDesktop .box #rfid_container .tooltip, #cartLessThanDesktop .box #rfid_container .pricetype-tooltip {
    margin-left: -163px;
    width: 360px; }
  #cartLessThanDesktop .box .limit-label .tooltip, #cartLessThanDesktop .box .limit-label .pricetype-tooltip {
    width: 470px; } }

@media only screen and (max-width: 479px) {
  #cart .box .limit-label .tooltip, #cart .box .limit-label .pricetype-tooltip {
    width: 310px; }
  #cart #giftCards .row .item-title {
    padding-left: 12px; } }

.breakdown {
  color: #687682;
  font-size: 14px; }

/**
 * Order Confirmed module
 * @author      rebecca.howard, john.souris
 *
 * @description Appears on: Confirmation
 */
#adContainer {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  width: 355px; }
  @media only screen and (max-width: 767px) {
    #adContainer {
      margin: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    #adContainer {
      width: 268px; } }
  @media only screen and (max-width: 767px) {
    #adContainer {
      width: calc(100% - 20px);
      float: none; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #adContainer {
      width: calc(100% - 20px);
      float: none; } }

@media only screen and (max-width: 999px) {
  .orderConfirmed .scandic {
    display: none; } }

/*
 * Details Select Date module
 * @author      edward.hannay, rebecca.howard, john.souris
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
/**
 * @section Media Queries
 * ==================================================
 */
#detailsSelectDate {
  padding: 0; }
  #detailsSelectDate .alert .icon:before, #detailsSelectDate #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .icon:before, #ismContainer .ismContent #detailsSelectDate #singleSeatMessage.singleSeatWarning .icon:before, #detailsSelectDate .alert--info .icon:before, #detailsSelectDate .alert--warning .icon:before, #detailsSelectDate .alert--warning--full .icon:before, #detailsSelectDate .alert--error .icon:before {
    font-size: 26px; }
  #detailsSelectDate .icon-close {
    top: 10px;
    font-size: 21px;
    cursor: pointer; }
  #detailsSelectDate .boxStyle {
    border: 0; }
  #detailsSelectDate .country-nav {
    width: auto;
    margin: 0;
    padding: 20px; }
    #detailsSelectDate .country-nav li {
      display: inline-block;
      margin: 0;
      padding: 0; }
      #detailsSelectDate .country-nav li + li {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #444; }
      #detailsSelectDate .country-nav li a {
        font-weight: bold;
        border: none;
        padding: 0; }
        #detailsSelectDate .country-nav li a .total-items {
          color: #444;
          font-weight: normal; }
        #detailsSelectDate .country-nav li a.active {
          color: #444;
          font-weight: normal;
          text-decoration: none; }
        #detailsSelectDate .country-nav li a.active:hover {
          text-decoration: none; }
  #detailsSelectDate .table {
    display: table;
    width: 100%;
    color: #404041; }
    #detailsSelectDate .table .table-row {
      display: table-row; }
    #detailsSelectDate .table .table-cell {
      display: table-cell;
      padding: 10px;
      border-top: 1px solid #c9cac8;
      vertical-align: top; }
    #detailsSelectDate .table .table-headings {
      font-weight: bold; }
    #detailsSelectDate .table .event-row {
      cursor: pointer; }
      #detailsSelectDate .table .event-row:hover .table-cell {
        background-color: #99d7f2; }
      #detailsSelectDate .table .event-row .icon-chevron {
        display: none; }
    #detailsSelectDate .table .event-date {
      width: 18%;
      font-size: 15px; }
      #detailsSelectDate .table .event-date > span {
        display: inline-block; }
        #detailsSelectDate .table .event-date > span + span {
          margin-left: 5px; }
        #detailsSelectDate .table .event-date > span span {
          display: block; }
      #detailsSelectDate .table .event-date .date {
        font-size: 40px;
        color: #666; }
    #detailsSelectDate .table .events {
      font-weight: bold;
      color: #333;
      width: 35%; }
    #detailsSelectDate .table .location span {
      display: block; }
    #detailsSelectDate .table .location .venue {
      font-weight: bold;
      color: #404041; }
    #detailsSelectDate .table .availability {
      min-width: 100px; }
      #detailsSelectDate .table .availability a {
        display: block; }
      #detailsSelectDate .table .availability .partner-text {
        display: inline-block; }
  #detailsSelectDate .pagination {
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #c9cac8;
    text-align: center;
    text-transform: lowercase; }
    #detailsSelectDate .pagination ul {
      margin: 0;
      padding: 0;
      font-size: inherit; }
    #detailsSelectDate .pagination li {
      display: inline-block; }
      #detailsSelectDate .pagination li + li {
        margin-left: 10px; }
    #detailsSelectDate .pagination .disabled {
      color: #666;
      cursor: default;
      text-decoration: none; }
    #detailsSelectDate .pagination .icon {
      color: #666;
      margin: 0 5px;
      text-transform: none; }
      #detailsSelectDate .pagination .icon:before {
        font-size: inherit; }
    #detailsSelectDate .pagination a:hover {
      text-decoration: none; }
    #detailsSelectDate .pagination .page-numbers a:hover {
      text-decoration: underline; }
    #detailsSelectDate .pagination a:focus {
      text-decoration: none; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (min-width: 1000px) {
  #detailsSelectDate .platinum-module {
    margin: 20px 0 0;
    border: 1px solid #c9cac8; } }

@media only screen and (max-width: 999px) {
  #detailsSelectDate {
    margin-left: -20px;
    margin-right: -20px; }
    #detailsSelectDate .country-nav {
      padding: 15px 20px; }
    #detailsSelectDate .table {
      display: block; }
      #detailsSelectDate .table .table-row {
        display: block;
        clear: both;
        margin-bottom: 0; }
      #detailsSelectDate .table .table-headings {
        display: none; }
      #detailsSelectDate .table .table-cell {
        display: block;
        width: auto;
        margin-left: 70px;
        margin-bottom: 0;
        padding-right: 40px;
        padding-bottom: 3px; }
      #detailsSelectDate .table .event-row {
        position: relative;
        min-height: 96px; }
        #detailsSelectDate .table .event-row:hover .table-cell {
          background-color: inherit; }
        #detailsSelectDate .table .event-row:hover .event-date {
          background-color: #EAEAEA; }
        #detailsSelectDate .table .event-row[data-url] .icon-chevron {
          display: block;
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -10px;
          padding: 0;
          color: #666; }
      #detailsSelectDate .table .event-date {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50px;
        margin-left: 0;
        padding-right: 10px;
        background-color: #EAEAEA;
        text-align: center; }
        #detailsSelectDate .table .event-date span {
          display: block; }
          #detailsSelectDate .table .event-date span + span {
            margin-left: 0; }
      #detailsSelectDate .table .events p {
        margin: 0; }
      #detailsSelectDate .table .location {
        border: 0;
        padding-top: 0;
        margin-bottom: 0; }
        #detailsSelectDate .table .location span {
          display: inline; }
        #detailsSelectDate .table .location .venue {
          font-weight: normal;
          color: #404041; }
      #detailsSelectDate .table .availability {
        border: 0;
        padding-top: 0;
        color: #e98300; }
        #detailsSelectDate .table .availability .onsale {
          color: #e98300; }
        #detailsSelectDate .table .availability .sold-out,
        #detailsSelectDate .table .availability .cancelled {
          color: #d0092c;
          /* Overriding properties from _details.scss */
          font-size: 11px;
          font-weight: normal; }
        #detailsSelectDate .table .availability .partner-text {
          display: inline-block;
          color: #e98300; }
    #detailsSelectDate .icon-close {
      display: none; }
    #detailsSelectDate .pagination {
      clear: both;
      padding-top: 0; }
      #detailsSelectDate .pagination a {
        font-weight: bold; }
      #detailsSelectDate .pagination li {
        padding: 10px;
        margin-bottom: 0; }
      #detailsSelectDate .pagination .page-prev-wrapper {
        float: left;
        padding-left: 0; }
      #detailsSelectDate .pagination .page-next-wrapper {
        float: right;
        padding-right: 0; }
      #detailsSelectDate .pagination .page-numbers li {
        padding: 0; }
    #detailsSelectDate .desktop-only {
      display: none !important; } }

@media only screen and (max-width: 767px) {
  #detailsSelectDate.boxStyle {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px; }
  #detailsSelectDate .country-nav {
    padding-top: 0; }
  #detailsSelectDate .platinum-module {
    margin: 20px -10px; } }

/*
 * Outlet Layer modlue
 * @author rebecca.howard, john.souris, edward.hannay
 * @see #MNXWEB-4642
 *
 * @description Appears on: Checkout, Confirmation
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#outletLayer table {
  width: 100%;
  margin-bottom: 1.5em; }

#outletLayer thead {
  border-bottom: 1px solid #ccc;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em; }
  #outletLayer thead th {
    padding-top: 0.8em;
    padding-bottom: 0.6em;
    text-align: left; }
  #outletLayer thead .col1 {
    width: 55%; }
  #outletLayer thead .col2 {
    width: 30%; }
  #outletLayer thead .col3 {
    white-space: nowrap;
    width: 15%; }

#outletLayer tbody {
  line-height: 1.2em; }
  #outletLayer tbody .firstRow td {
    padding-top: 0.6em; }

#outletLayer .nowrap {
  white-space: nowrap;
  line-height: 2em; }

#outletLayer .footnote {
  font-size: 0.9em; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  #outletLayer .footnote {
    font-size: 1em; } }

@media only screen and (max-width: 479px) {
  #outletLayer .col2 {
    padding-left: 10px;
    padding-right: 10px; } }

/**
 * Amex Points Redemption (popup) module
 * @author rebecca.howard
 * @see MNXWEB-4604
 *
 * @description Appears on: Confirmation
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Responsive Parts
 */
/**
 * @section General Rules
 * ==================================================
 */
#amexPointsRedemption .amexLogo {
  float: left;
  margin: 12px 0 12px; }

#amexPointsRedemption .amexRightImage {
  float: right;
  margin: 12px 0 12px; }

#amexPointsRedemption .polling,
#amexPointsRedemption .pollingComplete {
  clear: both;
  text-align: center; }

#amexPointsRedemption .pollingComplete,
#amexPointsRedemption .redeemStage1,
#amexPointsRedemption .redemptionCompleteStage,
#amexPointsRedemption .singleOption,
#amexPointsRedemption .redeemStage2,
#amexPointsRedemption .closePanel,
#amexPointsRedemption .ajaxResponseError {
  display: none; }

#amexPointsRedemption .ajaxResponseError {
  clear: both; }

#amexPointsRedemption .redeemStage1,
#amexPointsRedemption .topCol {
  clear: both;
  text-align: center; }
  #amexPointsRedemption .redeemStage1 p,
  #amexPointsRedemption .topCol p {
    margin-bottom: 0;
    line-height: 1.2em; }

#amexPointsRedemption .h3 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 20px;
  margin: 20px 0; }

#amexPointsRedemption .twoColUl {
  width: 100%; }
  #amexPointsRedemption .twoColUl fieldset {
    border: none; }
  #amexPointsRedemption .twoColUl li {
    display: block;
    width: 45%;
    float: left;
    padding: 0 0 0 10px; }
    #amexPointsRedemption .twoColUl li .inputRadio {
      margin-right: 12px;
      float: left; }
    #amexPointsRedemption .twoColUl li p {
      margin: 1em 0; }
    #amexPointsRedemption .twoColUl li.borderLeft {
      border-left: 1px solid transparent; }
    #amexPointsRedemption .twoColUl li.borderLeft.addBorder {
      border-left: 1px solid #ccc; }
  #amexPointsRedemption .twoColUl ul {
    margin-top: 15px; }
  #amexPointsRedemption .twoColUl label {
    text-align: left;
    font-weight: bold;
    width: 85%; }
    #amexPointsRedemption .twoColUl label span {
      font-weight: bold; }

#amexPointsRedemption .submit {
  clear: both;
  margin-bottom: 12px; }

#amexPointsRedemption .redeemStage3 {
  float: left; }

#amexPointsRedemption .redeemStage2 {
  padding: 20px 0 0 0;
  clear: both;
  text-align: left; }
  #amexPointsRedemption .redeemStage2 label {
    font-weight: normal;
    margin-bottom: 15px;
    margin-left: 30px; }
  #amexPointsRedemption .redeemStage2 #pointsInput {
    width: 140px;
    float: none;
    margin: 15px 0 5px 28px; }
  #amexPointsRedemption .redeemStage2 fieldset {
    float: left;
    clear: both; }
  #amexPointsRedemption .redeemStage2 #btn_calculatePoints {
    margin-left: 28px; }
  #amexPointsRedemption .redeemStage2 .validationErrors {
    clear: both;
    margin: 0 -30px 0 10px; }
    #amexPointsRedemption .redeemStage2 .validationErrors p {
      margin: 0 0 0 35px; }
  #amexPointsRedemption .redeemStage2 em {
    margin-top: 20px;
    display: block;
    font-size: 0.9em; }

#amexPointsRedemption .redemptionCompleteStage span {
  font-weight: bold; }

#amexRewardOptIn .imageCol {
  float: left;
  margin: 0 15px 14px 0; }

#amexRewardOptIn .col,
#amexRewardOptIn .shortDesc {
  overflow: hidden; }

#amexRewardOptIn .shortDesc {
  margin-bottom: 4px; }

#amexRewardOptIn label {
  width: 100%;
  margin-top: 14px; }
  #amexRewardOptIn label input {
    float: left;
    margin: 7px 10px 30px 0; }

#amexRewardOptIn .moreInfoLink {
  background-image: none;
  color: grey;
  cursor: pointer; }
  #amexRewardOptIn .moreInfoLink:hover {
    text-decoration: none; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #amexPointsRedemption .redeemStage2 .validationErrors {
    margin: 0; } }

@media only screen and (max-width: 767px) {
  #amexPointsRedemption .amexRightImage {
    display: none; }
  #amexPointsRedemption .amexLogo {
    float: none;
    margin: 20px auto;
    display: block; }
  #amexPointsRedemption .redeemStage1,
  #amexPointsRedemption .topCol {
    text-align: left; }
  #amexPointsRedemption .twoColUl li {
    float: none;
    width: 100%;
    padding: 0; }
    #amexPointsRedemption .twoColUl li.borderLeft, #amexPointsRedemption .twoColUl li.borderLeft.addBorder {
      border: none; }
    #amexPointsRedemption .twoColUl li .inputRadio {
      margin-right: 1px; }
  #amexPointsRedemption .twoColUl label {
    margin-left: 7px;
    float: none;
    width: auto;
    padding: 0 20px;
    text-align: left; }
  #amexPointsRedemption .twoColUl .redeemStage2 label {
    margin-left: 27px;
    margin-bottom: 5px; }
  #amexPointsRedemption .redeemStage2 {
    padding-left: 0px; }
    #amexPointsRedemption .redeemStage2 fieldset {
      text-align: center; }
    #amexPointsRedemption .redeemStage2 label {
      margin-left: 28px;
      padding: 0; }
    #amexPointsRedemption .redeemStage2 #pointsInput {
      float: none;
      display: inline;
      margin: 15px 0 5px 0px; }
    #amexPointsRedemption .redeemStage2 #btn_calculatePoints {
      margin-left: 0; }
    #amexPointsRedemption .redeemStage2 .validationErrors {
      margin-left: 0px;
      text-align: left; }
  #amexPointsRedemption .redeemStage3 {
    text-align: left;
    margin-left: 26px; }
  #amexPointsRedemption img.polling {
    width: 50px; }
  #amexPointsRedemption .disabled {
    display: none; }
  #amexRewardOptIn .imageCol {
    float: none;
    text-align: center; } }

/**
 * Amex Redeem Points opt in module
 * @author rebecca.howard, john.souris
 *
 * @description Appears on: Confirmation
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Responsive Parts
 */
/**
 * @section General Rules
 * ==================================================
 */
#amexRedeemPoints .amexRewardOptIn,
#amexRedeemPoints .amexSecondChance,
#amexRedeemPoints .amexComplete,
#amexRedeemPoints .amexFailed {
  display: none; }

#amexRedeemPoints .amexSecurityCodeHelp {
  cursor: pointer; }

#amexRedeemPoints .error #amexSecurityCode {
  border: 1px solid #D80F13; }

#amexRedeemPoints .amexSteps h3,
#amexRedeemPoints .amexFailed h3,
#amexRedeemPoints .amexComplete h3 {
  margin: 1em 0 0.8em 0;
  text-align: left; }

#amexRedeemPoints .amexRewardOptIn .col {
  margin-bottom: 1.5em; }

#amexRedeemPoints .amexRewardOptIn,
#amexRedeemPoints .amexFailed,
#amexRedeemPoints .amexComplete {
  text-align: center; }
  #amexRedeemPoints .amexRewardOptIn .error,
  #amexRedeemPoints .amexFailed .error,
  #amexRedeemPoints .amexComplete .error {
    text-align: left; }
  #amexRedeemPoints .amexRewardOptIn #amexSecurityCode,
  #amexRedeemPoints .amexFailed #amexSecurityCode,
  #amexRedeemPoints .amexComplete #amexSecurityCode {
    display: inline;
    width: 144px; }
  #amexRedeemPoints .amexRewardOptIn .imgCol,
  #amexRedeemPoints .amexFailed .imgCol,
  #amexRedeemPoints .amexComplete .imgCol {
    float: left;
    margin-right: 20px;
    margin-top: 15px; }
    #amexRedeemPoints .amexRewardOptIn .imgCol img,
    #amexRedeemPoints .amexFailed .imgCol img,
    #amexRedeemPoints .amexComplete .imgCol img {
      max-height: 87px;
      max-width: 153px; }
  #amexRedeemPoints .amexRewardOptIn .col,
  #amexRedeemPoints .amexFailed .col,
  #amexRedeemPoints .amexComplete .col {
    float: left;
    width: 410px; }
    #amexRedeemPoints .amexRewardOptIn .col img,
    #amexRedeemPoints .amexFailed .col img,
    #amexRedeemPoints .amexComplete .col img {
      float: right; }
    #amexRedeemPoints .amexRewardOptIn .col .icon-info-hover, #amexRedeemPoints .amexRewardOptIn .col .personalisedtickets__attendees__info__icon,
    #amexRedeemPoints .amexFailed .col .icon-info-hover,
    #amexRedeemPoints .amexFailed .col .personalisedtickets__attendees__info__icon,
    #amexRedeemPoints .amexComplete .col .icon-info-hover,
    #amexRedeemPoints .amexComplete .col .personalisedtickets__attendees__info__icon {
      display: none;
      float: right;
      font-size: 2em;
      margin-right: 14px; }
    #amexRedeemPoints .amexRewardOptIn .col label,
    #amexRedeemPoints .amexFailed .col label,
    #amexRedeemPoints .amexComplete .col label {
      margin-top: 15px;
      text-align: left;
      width: 267px; }
  #amexRedeemPoints .amexRewardOptIn .col p.msg,
  #amexRedeemPoints .amexFailed .col p.msg,
  #amexRedeemPoints .amexComplete .col p.msg {
    margin-top: 0; }
  #amexRedeemPoints .amexRewardOptIn p,
  #amexRedeemPoints .amexFailed p,
  #amexRedeemPoints .amexComplete p {
    margin-top: 1.5em;
    text-align: left; }
  #amexRedeemPoints .amexRewardOptIn .alert, #amexRedeemPoints .amexRewardOptIn #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #amexRedeemPoints .amexRewardOptIn #singleSeatMessage.singleSeatWarning, #amexRedeemPoints .amexRewardOptIn .alert--info, #amexRedeemPoints .amexRewardOptIn .alert--warning, #amexRedeemPoints .amexRewardOptIn .alert--warning--full, #amexRedeemPoints .amexRewardOptIn .alert--error,
  #amexRedeemPoints .amexFailed .alert,
  #amexRedeemPoints .amexFailed #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
  #amexRedeemPoints .amexFailed #singleSeatMessage.singleSeatWarning,
  #amexRedeemPoints .amexFailed .alert--info,
  #amexRedeemPoints .amexFailed .alert--warning,
  #amexRedeemPoints .amexFailed .alert--warning--full,
  #amexRedeemPoints .amexFailed .alert--error,
  #amexRedeemPoints .amexComplete .alert,
  #amexRedeemPoints .amexComplete #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
  #amexRedeemPoints .amexComplete #singleSeatMessage.singleSeatWarning,
  #amexRedeemPoints .amexComplete .alert--info,
  #amexRedeemPoints .amexComplete .alert--warning,
  #amexRedeemPoints .amexComplete .alert--warning--full,
  #amexRedeemPoints .amexComplete .alert--error {
    margin-bottom: 1em; }
    #amexRedeemPoints .amexRewardOptIn .alert p, #amexRedeemPoints .amexRewardOptIn #ismContainer .ismContent #singleSeatMessage.singleSeatWarning p, #ismContainer .ismContent #amexRedeemPoints .amexRewardOptIn #singleSeatMessage.singleSeatWarning p, #amexRedeemPoints .amexRewardOptIn .alert--info p, #amexRedeemPoints .amexRewardOptIn .alert--warning p, #amexRedeemPoints .amexRewardOptIn .alert--warning--full p, #amexRedeemPoints .amexRewardOptIn .alert--error p,
    #amexRedeemPoints .amexFailed .alert p,
    #amexRedeemPoints .amexFailed #ismContainer .ismContent #singleSeatMessage.singleSeatWarning p, #ismContainer .ismContent
    #amexRedeemPoints .amexFailed #singleSeatMessage.singleSeatWarning p,
    #amexRedeemPoints .amexFailed .alert--info p,
    #amexRedeemPoints .amexFailed .alert--warning p,
    #amexRedeemPoints .amexFailed .alert--warning--full p,
    #amexRedeemPoints .amexFailed .alert--error p,
    #amexRedeemPoints .amexComplete .alert p,
    #amexRedeemPoints .amexComplete #ismContainer .ismContent #singleSeatMessage.singleSeatWarning p, #ismContainer .ismContent
    #amexRedeemPoints .amexComplete #singleSeatMessage.singleSeatWarning p,
    #amexRedeemPoints .amexComplete .alert--info p,
    #amexRedeemPoints .amexComplete .alert--warning p,
    #amexRedeemPoints .amexComplete .alert--warning--full p,
    #amexRedeemPoints .amexComplete .alert--error p {
      margin-top: 0;
      line-height: 1.2em; }

#amexRedeemPoints .amexComplete .col {
  padding-top: 15px; }
  #amexRedeemPoints .amexComplete .col p {
    margin-top: 0; }

#amexRedeemPoints .amexComplete span {
  font-weight: bold; }

#amexRedeemPoints .amexSecondChance .icon {
  float: left;
  margin-right: 10px;
  max-width: 153px;
  max-height: 87px; }

#amexRedeemPoints .amexComplete strong {
  font-size: 1em; }

#amexRedeemPoints h3 {
  line-height: 18px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  #amexRedeemPoints .amexFailed .col,
  #amexRedeemPoints .amexComplete .col {
    width: auto; }
  #amexRedeemPoints .amexRewardOptIn .imgCol,
  #amexRedeemPoints .amexFailed .imgCol,
  #amexRedeemPoints .amexComplete .imgCol {
    float: none; }
  #amexRedeemPoints .amexRewardOptIn .col label,
  #amexRedeemPoints .amexFailed .col label,
  #amexRedeemPoints .amexComplete .col label {
    margin-top: 0px; }
  #amexRedeemPoints .amexRewardOptIn .col .icon-info-hover, #amexRedeemPoints .amexRewardOptIn .col .personalisedtickets__attendees__info__icon,
  #amexRedeemPoints .amexFailed .col .icon-info-hover,
  #amexRedeemPoints .amexFailed .col .personalisedtickets__attendees__info__icon,
  #amexRedeemPoints .amexComplete .col .icon-info-hover,
  #amexRedeemPoints .amexComplete .col .personalisedtickets__attendees__info__icon {
    display: block;
    margin-top: 0.2em; }
  #amexRedeemPoints .amexRewardOptIn .col img,
  #amexRedeemPoints .amexFailed .col img,
  #amexRedeemPoints .amexComplete .col img {
    display: none; }
  #amexRedeemPoints .amexRewardOptIn .col label,
  #amexRedeemPoints .amexFailed .col label,
  #amexRedeemPoints .amexComplete .col label {
    width: 360px; }
  #amexRedeemPoints .amexSecondChance .icon {
    display: block;
    float: none;
    margin: 0 auto 10px auto; } }

@media only screen and (max-width: 479px) {
  #amexRedeemPoints .amexRewardOptIn .col {
    width: 311px; }
    #amexRedeemPoints .amexRewardOptIn .col label {
      width: 259px; }
  #amexRedeemPoints .amexRewardOptIn #amexSecurityCode {
    width: 91px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #amexRedeemPoints .amexRewardOptIn .col,
  #amexRedeemPoints .amexFailed .col,
  #amexRedeemPoints .amexComplete .col {
    width: 480px; }
    #amexRedeemPoints .amexRewardOptIn .col label,
    #amexRedeemPoints .amexFailed .col label,
    #amexRedeemPoints .amexComplete .col label {
      width: 362px; } }

/**
 * Time Left module
 * @author rebecca.howard
 * @see #MNXWEB-4585
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.timer {
  padding: 10px;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: center; }

.timer__heading {
  float: left;
  font-size: 15px;
  vertical-align: middle; }
  @media only screen and (max-width: 999px) {
    .timer__heading {
      float: none;
      display: inline-block;
      margin-right: 10px; } }

.timer__clock {
  float: right;
  color: #d0006f;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 25px; }
  @media only screen and (max-width: 999px) {
    .timer__clock {
      float: none;
      display: inline-block;
      font-size: 22px; } }

/**
 * Gift Card Module
 * @author      John
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#container .redirect {
  padding: 20px 20px 30px; }
  #container .redirect .redirect-page {
    min-height: 473px;
    padding: 70px 20px;
    text-align: center; }
    #container .redirect .redirect-page .wait {
      font-weight: bold;
      margin-bottom: 40px;
      font-size: 1.4em; }
    #container .redirect .redirect-page img {
      margin-bottom: 70px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #container .redirect {
    padding: 15px 15px 20px; }
    #container .redirect .redirect-page {
      min-height: 273px; } }

@media only screen and (max-width: 767px) {
  #container .redirect {
    padding: 0; }
    #container .redirect .redirect-page {
      padding: 70px 20px; } }

/*
   Author: john
*/
#detailsTicketPrices .icon-close {
  top: 10px;
  font-size: 21px;
  cursor: pointer; }

#detailsTicketPrices .h4 {
  margin-bottom: 0;
  font-size: 16px; }

#detailsTicketPrices .h4,
#detailsTicketPrices .price {
  font-weight: bold; }

#detailsTicketPrices .price + .fees {
  margin-top: 5px; }

#detailsTicketPrices .price,
#detailsTicketPrices .fees {
  margin-bottom: 0; }

#detailsTicketPrices .ticket-prices {
  margin-top: 10px;
  margin-bottom: 0; }

#detailsTicketPrices .ticket-price {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 20px;
  padding-right: 2%;
  width: 17%;
  vertical-align: top; }

#detailsTicketPrices .fee-information {
  border-top: 1px solid #bcbec0; }
  #detailsTicketPrices .fee-information p {
    margin: 0; }

#detailsTicketPrices .fee-information {
  margin: 0 -10px -20px;
  padding: 15px 10px 5px; }

@media only screen and (max-width: 999px) {
  #detailsTicketPrices {
    padding: 10px 0 0; }
    #detailsTicketPrices .ticket-prices {
      margin-top: 0; }
    #detailsTicketPrices .fee-information,
    #detailsTicketPrices .fee-information p {
      margin-bottom: 0;
      padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  #detailsTicketPrices .ticket-prices {
    margin-top: -10px; }
  #detailsTicketPrices .ticket-price {
    width: auto;
    display: block;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 5px; }
  #detailsTicketPrices .fee-information {
    border-top: none;
    margin: 0 -10px;
    padding: 10px 10px 0; }
    #detailsTicketPrices .fee-information,
    #detailsTicketPrices .fee-information p {
      margin-bottom: 0;
      padding-bottom: 0; }
  #detailsTicketPrices .platinum-module {
    padding: 14px;
    margin: 20px -10px -20px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #detailsTicketPrices .ticket-price {
    width: 22%; } }

.platinum-module {
  border: 1px solid #bcbec0;
  padding: 15px 20px 0;
  background: #fff; }
  .platinum-module .h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold; }
  .platinum-module .platinum-logo {
    float: left;
    width: 170px;
    height: 80px;
    margin: 0 20px 20px 0; }
  .platinum-module .prices {
    clear: both; }

@media only screen and (max-width: 479px) {
  .platinum-module .platinum-logo {
    float: none;
    display: block; } }

@media only screen and (max-width: 767px) {
  .platinum-module {
    font-size: 14px; }
    .platinum-module .h4 {
      font-size: 16px; }
    .platinum-module .platinum-logo {
      margin-bottom: 5px; } }

/**
 * Your Tickets module
 * @author Bex, john.souris, edward.hannay
 *
 * @description Appears on: Checkout, Confirmation
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#formQuestionnaire fieldset {
  margin: 0; }

#formQuestionnaire > fieldset {
  border-bottom: 1px dotted #c9cac8;
  margin-bottom: 24px;
  padding-bottom: 15px; }

#formQuestionnaire > fieldset:last-of-type {
  border: none;
  margin-bottom: 0; }

#formQuestionnaire .first {
  margin-bottom: -15px; }

#formQuestionnaire .extraMessages {
  margin: 17px 0 0 240px;
  clear: both; }
  #formQuestionnaire .extraMessages .additionalLabel {
    font-size: 14px; }

#formQuestionnaire .errorMessage {
  margin-top: -3px; }

#formQuestionnaire input,
#formQuestionnaire select {
  margin-bottom: 5px; }

#formQuestionnaire label {
  font-size: 15px;
  clear: left;
  margin: 5px 0; }
  #formQuestionnaire label .additionalLabel {
    display: none;
    font-size: 13px; }

#formQuestionnaire .checkboxes {
  margin-bottom: 0; }
  #formQuestionnaire .checkboxes label {
    width: 240px;
    padding-right: 0;
    margin-top: 0; }
  #formQuestionnaire .checkboxes ul {
    overflow: hidden;
    margin-bottom: 0;
    width: 290px; }
  #formQuestionnaire .checkboxes li {
    float: left;
    clear: both; }
    #formQuestionnaire .checkboxes li input {
      float: left;
      margin-right: 20px; }
    #formQuestionnaire .checkboxes li label {
      clear: none;
      width: auto;
      margin-top: 0; }

#formQuestionnaire .dateRange {
  clear: left; }
  #formQuestionnaire .dateRange label {
    width: 240px;
    padding: 0; }
    #formQuestionnaire .dateRange label .additionalLabel {
      float: none; }
  #formQuestionnaire .dateRange select {
    float: left; }
  #formQuestionnaire .dateRange .day {
    width: 95px;
    font-size: 0.7em;
    margin-right: 5px; }
  #formQuestionnaire .dateRange .month {
    width: 180px;
    margin-right: 5px; }
  #formQuestionnaire .dateRange .year {
    width: 100px; }

#formQuestionnaire select {
  box-sizing: border-box !important; }

@media only screen and (max-width: 999px) {
  #formQuestionnaire .dateRange .day {
    width: 108px; }
  #formQuestionnaire .dateRange .month {
    width: 220px; }
  #formQuestionnaire .dateRange .year {
    width: 128px; } }

@media only screen and (max-width: 767px) {
  #formQuestionnaire .messages,
  #formQuestionnaire .extraMessages {
    margin-left: 0; }
    #formQuestionnaire .messages .additionalLabel,
    #formQuestionnaire .extraMessages .additionalLabel {
      display: none; }
  #formQuestionnaire .dateRange {
    padding-top: 17px; }
    #formQuestionnaire .dateRange .day {
      width: 18%; }
    #formQuestionnaire .dateRange .month {
      width: 57%; }
    #formQuestionnaire .dateRange .year {
      width: 21%; }
  #formQuestionnaire label,
  #formQuestionnaire .dateRange label {
    width: 100%;
    margin-top: 5px; }
    #formQuestionnaire label .additionalLabel,
    #formQuestionnaire .dateRange label .additionalLabel {
      display: inline; }
  #formQuestionnaire input,
  #formQuestionnaire select {
    margin-top: 2px; }
  #formQuestionnaire .checkboxes {
    padding-top: 17px; }
    #formQuestionnaire .checkboxes fieldset legend {
      padding-bottom: 5px; }
    #formQuestionnaire .checkboxes label {
      width: 100%; }
    #formQuestionnaire .checkboxes ul {
      width: 100%; }
      #formQuestionnaire .checkboxes ul li label {
        margin-top: 0;
        width: auto; } }

/**
 * Event Details module
 * @author Bex
 * @see #MNXWEB-4589
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#additionalItems .warning-alert, #additionalItems #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #additionalItems #singleSeatMessage.singleSeatWarning,
#additionalItems .errorAlert {
  overflow: hidden;
  display: block;
  float: left; }

#additionalItems .warning-alert, #additionalItems #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #additionalItems #singleSeatMessage.singleSeatWarning {
  float: none; }

#additionalItems .upsell-image {
  float: left;
  width: 205px;
  margin-bottom: 12px; }

#additionalItems .quantity-error tr.selected select.quantity {
  border: 1px solid #d0092c; }

#additionalItems .terms-error .checkFirst input {
  outline: 1px solid #d0092c; }

#additionalItems .offerbox + h2 {
  margin-top: 10px; }

#additionalItems .upsell-content > div,
#additionalItems .upsell-content > span {
  margin-left: 5px; }

#additionalItems .upsell-content .upsell-image {
  display: none; }

#additionalItems .upsell-content .desc {
  margin-bottom: 8px;
  clear: right; }

#additionalItems .upsell-content .moreOrLess,
#additionalItems .upsell-content .icon {
  cursor: pointer; }

#additionalItems .upsell-content .moreOrLess:before {
  font-size: 18px;
  vertical-align: bottom; }

#additionalItems .upsell-content .feeRollUp {
  display: block;
  font-size: 0.8em;
  font-weight: normal; }

#additionalItems .upsell-content table {
  width: 103%;
  margin: 16px 0 15px 0; }
  #additionalItems .upsell-content table th {
    text-align: left;
    padding: 5px; }
    #additionalItems .upsell-content table th span {
      font-weight: normal; }
  #additionalItems .upsell-content table tr.selected {
    background-color: #99d7f2; }
  #additionalItems .upsell-content table td {
    position: relative;
    padding: 5px;
    font-size: 18px; }
    #additionalItems .upsell-content table td > div {
      position: relative; }
    @media only screen and (min-width: 1000px) {
      #additionalItems .upsell-content table td > div.wordwrap {
        max-width: 4em;
        word-wrap: break-word;
        overflow-wrap: break-word; } }
    #additionalItems .upsell-content table td .tooltip, #additionalItems .upsell-content table td .pricetype-tooltip {
      left: -8px !important;
      top: -6px !important;
      color: #666; }
      #additionalItems .upsell-content table td .tooltip .body, #additionalItems .upsell-content table td .pricetype-tooltip .body {
        font-weight: normal; }
      #additionalItems .upsell-content table td .tooltip .tt-name, #additionalItems .upsell-content table td .pricetype-tooltip .tt-name {
        font-size: 1em; }
  #additionalItems .upsell-content table .price-type-name {
    display: none; }
  #additionalItems .upsell-content table span {
    font-weight: bold; }
  #additionalItems .upsell-content table select {
    margin-bottom: 0; }
    #additionalItems .upsell-content table select.quantity {
      width: 78px; }
    #additionalItems .upsell-content table select.category {
      width: 210px; }

#additionalItems .upsell-content .errorAlert {
  margin-top: 10px; }

#additionalItems .upsell-content .col1 {
  width: 35%; }

#additionalItems .upsell-content .col3 {
  width: 20%;
  text-align: right; }
  #additionalItems .upsell-content .col3 span {
    display: block; }

#additionalItems .checkFirst input[type="checkbox"] {
  float: none;
  display: inline-block;
  margin-right: 0; }

#additionalItems .checkFirst label {
  display: inline-block;
  margin-left: 5px; }

@media only screen and (min-width: 1000px) {
  #additionalItems .boxStyle {
    content: '';
    display: table;
    clear: both;
    width: 100%; } }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (min-width: 767px) {
  #additionalItems .upsell-content .moreOrLess:before {
    font-size: 18px; }
  #additionalItems .upsell-content table th {
    font-size: 15px; }
  #additionalItems .upsell-content table td {
    font-size: 18px; }
  #additionalItems .tooltip .body, #additionalItems .pricetype-tooltip .body {
    font-size: 0.9em; } }

@media only screen and (max-width: 999px) {
  #additionalItems .upsell-image {
    display: none;
    margin-right: 20px; }
  #additionalItems .upsell-content {
    margin-left: 0; }
    #additionalItems .upsell-content > div,
    #additionalItems .upsell-content > span {
      margin-left: 0; }
    #additionalItems .upsell-content .upsell-image {
      display: block; }
    #additionalItems .upsell-content .desc,
    #additionalItems .upsell-content .moreOrLess {
      margin-left: 225px;
      display: block; }
    #additionalItems .upsell-content table {
      margin-left: -20px;
      width: 746px; }
      #additionalItems .upsell-content table th,
      #additionalItems .upsell-content table td {
        padding: 5px 16px 5px 20px;
        font-size: 15px; }
      #additionalItems .upsell-content table td .tooltip, #additionalItems .upsell-content table td .pricetype-tooltip {
        top: -3px !important;
        color: #666; }
      #additionalItems .upsell-content table select.category {
        width: 311px; }
      #additionalItems .upsell-content table .col1 {
        width: 36%; }
      #additionalItems .upsell-content table .col3 {
        width: 19%; } }

@media only screen and (max-width: 767px) {
  #additionalItems .upsell-content .upsell-image {
    display: none; }
  #additionalItems .upsell-content .desc,
  #additionalItems .upsell-content .moreOrLess {
    margin-left: 0; }
  #additionalItems .upsell-content table {
    margin-left: -11px;
    width: 480px; }
    #additionalItems .upsell-content table th,
    #additionalItems .upsell-content table td {
      padding: 5px 9px 5px 9px; }
    #additionalItems .upsell-content table tr.multi-price-type .price-type-name {
      display: block; }
    #additionalItems .upsell-content table tr.multi-price-type td:first-child {
      display: none; }
    #additionalItems .upsell-content table tr.multi-price-type th,
    #additionalItems .upsell-content table tr.multi-price-type td {
      vertical-align: bottom; }
    #additionalItems .upsell-content table tr.multi-price-type select.category {
      width: 345px; }
    #additionalItems .upsell-content table .col1 {
      width: 35%; }
    #additionalItems .upsell-content table .col1,
    #additionalItems .upsell-content table .col2 {
      visibility: hidden; }
    #additionalItems .upsell-content table .col3 {
      width: 32%; } }

@media only screen and (max-width: 479px) {
  #additionalItems .upsell-content table {
    width: 320px; }
    #additionalItems .upsell-content table tr.multi-price-type select.category {
      width: 207px; }
    #additionalItems .upsell-content table th {
      font-size: 15px; }
    #additionalItems .upsell-content table td {
      font-size: 15px; }
    #additionalItems .upsell-content table select.quantity {
      width: 77px; } }

/**
 * Module Name: cardAssignment
 * @author      Garbo
 * @created     2013-04-04
 * @see         Need to find the artboards
 *
 * @description Description
 *
 * Table of Content
 * ==================================================
 *     # General rules
 *     # Variables
 *     # Mixins
 *     # Imports
 *     # Overrides
 *     # Modernizr dependent rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#cardAssignment .inner-container {
  padding-bottom: 0; }

#cardAssignment h5.tickets {
  margin-bottom: 0; }

#cardAssignment h5.upsell-title {
  font-weight: bold; }

#cardAssignment .full-width-blocked-header {
  margin-left: -20px;
  margin-right: -20px; }

#cardAssignment .ticket-info.selected {
  border-top: 1px dotted #c9cac8; }

#cardAssignment .ticket-info.selected + .skip-this-step {
  border-top: none; }

#cardAssignment .ticket-info.selected + .ticket-info .ticket {
  border-top: none; }

#cardAssignment .ticket-info:first-of-type .ticket {
  border-top: 0; }

#cardAssignment .ticket-info li {
  line-height: 1.2;
  margin-bottom: 2px; }

#cardAssignment .ticket {
  overflow: auto;
  padding-top: 1em;
  padding-bottom: 0.4em;
  border-top: 1px dotted #c9cac8;
  margin: 0; }
  #cardAssignment .ticket ul {
    margin-left: 46px; }

#cardAssignment ul.no-space-left label {
  margin-left: 0;
  padding-left: 0; }

#cardAssignment ul.no-space-left .column2 ul {
  margin-left: 49px; }

#cardAssignment .column1 {
  float: left;
  width: 30%; }
  #cardAssignment .column1 ul {
    margin-left: 0; }

#cardAssignment .column2 {
  float: left;
  width: 40%; }

#cardAssignment .column3 {
  float: left;
  width: 30%; }
  #cardAssignment .column3 ul {
    list-style: disc; }

#cardAssignment .skip-this-step {
  padding-top: 20px;
  margin: 25px -20px 0 -20px;
  border-top: 1px solid #c9cac8; }

#cardAssignment .ticket-type input[type="checkbox"] {
  float: left;
  margin: 1px 0 0 0; }

#cardAssignment .ticket-type input[readonly] {
  cursor: default;
  border: none !important; }

#cardAssignment .ticket-type label {
  padding-left: 27px;
  float: none;
  width: 100%; }

#cardAssignment .card-info {
  padding-top: 1em; }
  #cardAssignment .card-info .card-type {
    font-weight: bold; }
    #cardAssignment .card-info .card-type span {
      display: none; }
  #cardAssignment .card-info label {
    padding-bottom: 6px; }
  #cardAssignment .card-info .btn {
    margin-left: 240px; }
  #cardAssignment .card-info .change-card {
    display: none; }
  #cardAssignment .card-info .card-details {
    display: block;
    padding-bottom: 6px; }
  #cardAssignment .card-info.success .card-type {
    margin-bottom: 6px; }
    #cardAssignment .card-info.success .card-type span {
      display: inline; }
  #cardAssignment .card-info.success .icon {
    color: #666; }
  #cardAssignment .card-info.success label {
    display: none; }
  #cardAssignment .card-info.success input[id^="card_"] {
    background-color: transparent;
    border: none;
    margin: 0; }
  #cardAssignment .card-info.success .btn {
    margin-top: 10px;
    display: none; }
  #cardAssignment .card-info.success .change-card {
    display: inline;
    cursor: pointer; }
  #cardAssignment .card-info.failure .icon {
    color: red; }
  #cardAssignment .card-info fieldset input[readonly] {
    padding: 6px 0; }

#cardAssignment .selected {
  background-color: #fc3;
  margin: -0 -20px 0 -20px;
  padding: 17px 20px 20px 20px; }
  #cardAssignment .selected .ticket {
    padding-top: 0;
    border-top: 0; }

#cardAssignment .inactive {
  opacity: 1; }

#cardAssignment #warningBox {
  display: block; }

#infoBox {
  margin-bottom: 10px;
  background-color: #fff; }
  #infoBox .icon {
    font-size: 1.5em; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  #cardAssignment .full-width-blocked-header {
    margin-left: -10px;
    margin-right: -10px; }
  #cardAssignment .ticket-info li {
    width: 90%; }
  #cardAssignment .ticket-details {
    margin-bottom: 0; }
  #cardAssignment .selected {
    margin: 0 -10px 0 -10px;
    padding: 1em 10px 10px 10px; }
  #cardAssignment .column1,
  #cardAssignment .column2,
  #cardAssignment .column3 {
    float: none; }
  #cardAssignment .column3 ul {
    list-style: none; }
  #cardAssignment .card-info .btn {
    margin-left: 0; }
  #cardAssignment ul.no-space-left .column2 ul,
  #cardAssignment ul.no-space-left .column3 ul {
    margin-left: 0;
    padding-left: 0; }
  #cardAssignment .ticket .column2 ul,
  #cardAssignment .ticket .column3 ul {
    margin-left: 27px; }
  #cardAssignment .skip-this-step {
    padding-top: 10px;
    margin: 15px -10px 0 -10px; }
  #infoBox {
    margin-left: 10px;
    margin-right: 10px; } }
  @media only screen and (max-width: 767px) and (max-width: 767px) {
    #infoBox {
      margin: 0; } }

/**
 * Ticket Choose module
 * @author John
 * @see #MNXWEB-4191
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.edp__section_header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 15px; }
  .edp__section_header div {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%; }
    @media only screen and (max-width: 767px) {
      .edp__section_header div {
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto;
        max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .edp__section_header {
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin: 0 10px 15px; } }
  .edp__section_header .cButton--primary {
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    @media only screen and (max-width: 767px) {
      .edp__section_header .cButton--primary {
        width: calc(100% - 40px);
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px; } }

h2.edp__section_header__title,
.unbranded h2.edp__section_header__title {
  font-family: 'Averta';
  font-weight: bold;
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: 0.3px;
  color: #475058;
  background-color: transparent;
  text-transform: uppercase;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767px) {
    h2.edp__section_header__title,
    .unbranded h2.edp__section_header__title {
      font-size: 20px; } }

#ticketChoose {
  position: relative;
  padding: 10px; }
  #ticketChoose .platinum-module {
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0; }
  #ticketChoose .toggleMode {
    font-size: 15px; }
  #ticketChoose.active .inactiveOverlay {
    width: 0;
    height: 0; }
  #ticketChoose .icon {
    cursor: pointer; }
  #ticketChoose .warning-alert, #ticketChoose #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #ticketChoose #singleSeatMessage.singleSeatWarning {
    margin: 5px; }
  #ticketChoose .optionBoxs {
    margin: 0 0 14px; }
    #ticketChoose .optionBoxs.select-bottom-align .priceBox select {
      position: absolute;
      bottom: 8px;
      left: 46px; }
    #ticketChoose .optionBoxs li {
      position: relative;
      width: 150px;
      min-height: 150px;
      display: inline-block;
      margin: 10px 0 0 5px;
      border: 1px solid #bcbcbc;
      vertical-align: top;
      white-space: normal;
      word-wrap: break-word; }
      #ticketChoose .optionBoxs li.active .priceBox,
      #ticketChoose .optionBoxs li.active .thirdCol {
        background: #99d7f2; }
      #ticketChoose .optionBoxs li.inactive {
        opacity: 1;
        filter: alpha(opacity=100); }
        #ticketChoose .optionBoxs li.inactive .price,
        #ticketChoose .optionBoxs li.inactive .feeRollUp {
          opacity: 0.5;
          filter: alpha(opacity=50); }
        #ticketChoose .optionBoxs li.inactive .thirdCol select {
          display: none; }
      #ticketChoose .optionBoxs li .icon {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 24px; }
      #ticketChoose .optionBoxs li .pt_desc_wrapper {
        padding: 10px 36px 10px 8px;
        min-height: 56px; }
        #ticketChoose .optionBoxs li .pt_desc_wrapper .infoText {
          display: none; }
        #ticketChoose .optionBoxs li .pt_desc_wrapper .hidden-price {
          display: none; }
      #ticketChoose .optionBoxs li .priceBox {
        background: #c9cac8;
        text-align: center;
        padding: 10px;
        min-height: 20px; }
        #ticketChoose .optionBoxs li .priceBox .feeRollUp {
          display: block;
          font-size: 12px; }
        #ticketChoose .optionBoxs li .priceBox .price {
          font-weight: normal;
          font-size: 17px; }
        #ticketChoose .optionBoxs li .priceBox.code-form {
          background: transparent;
          padding: 0 10px 20px 10px; }
      #ticketChoose .optionBoxs li .thirdCol input {
        margin: 5px 3px;
        white-space: normal;
        word-wrap: break-word; }
      #ticketChoose .optionBoxs li .promoCode {
        display: none;
        margin-top: -43px; }
      #ticketChoose .optionBoxs li .thirdCol {
        padding: 10px 0;
        text-align: center;
        background: #c9cac8; }
        #ticketChoose .optionBoxs li .thirdCol .promoCode .text {
          width: 122px;
          margin-bottom: 7px; }
        #ticketChoose .optionBoxs li .thirdCol select {
          margin: 3px 0 0 0;
          width: 61px;
          display: inline;
          font-size: 16px; }
        #ticketChoose .optionBoxs li .thirdCol select:focus-visible {
          outline-color: black;
          outline-style: auto; }
      #ticketChoose .optionBoxs li .enterPassword .promoCode {
        display: block; }
      #ticketChoose .optionBoxs li .enterPassword .locked {
        display: none; }
      #ticketChoose .optionBoxs li strong {
        white-space: normal;
        word-wrap: break-word; }

#loginPop .login-overlay .borderLayer {
  border-color: #007DB3;
  border-top-width: 34px; }
  #loginPop .login-overlay .borderLayer .btn_close {
    right: 5px;
    top: 5px;
    color: #fff; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #ticketChoose {
    padding: 0; }
    #ticketChoose .alert, #ticketChoose #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #ticketChoose #singleSeatMessage.singleSeatWarning, #ticketChoose .alert--info, #ticketChoose .alert--warning, #ticketChoose .alert--warning--full, #ticketChoose .alert--error {
      margin: 10px; }
    #ticketChoose .table {
      display: table; }
    #ticketChoose .optionBoxs {
      width: 100%;
      margin: 0; }
      #ticketChoose .optionBoxs .table-row {
        display: table-row; }
      #ticketChoose .optionBoxs > li {
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        min-height: 0; }
        #ticketChoose .optionBoxs > li .table-cell {
          display: table-cell;
          min-height: 0; }
        #ticketChoose .optionBoxs > li .pt_desc_wrapper {
          padding: 17px 0 17px 12px;
          float: none;
          display: table-cell;
          vertical-align: middle;
          width: 57%;
          height: auto !important;
          border-bottom: 1px solid #bcbcbc; }
          #ticketChoose .optionBoxs > li .pt_desc_wrapper .icon {
            position: static;
            display: inline-block;
            vertical-align: middle; }
          #ticketChoose .optionBoxs > li .pt_desc_wrapper p {
            margin: 0; }
        #ticketChoose .optionBoxs > li.active {
          background: #99d7f2; }
          #ticketChoose .optionBoxs > li.active .thirdCol {
            background: transparent; }
        #ticketChoose .optionBoxs > li .priceBox {
          text-align: left;
          background: transparent;
          position: relative;
          float: none;
          width: 25%;
          height: auto !important;
          vertical-align: middle;
          border-bottom: 1px solid #bcbcbc; }
          #ticketChoose .optionBoxs > li .priceBox .price {
            font-weight: bold; }
        #ticketChoose .optionBoxs > li .promoCode {
          text-align: center;
          margin-top: 0; }
          #ticketChoose .optionBoxs > li .promoCode .smPassword {
            display: inline; }
        #ticketChoose .optionBoxs > li .thirdCol {
          width: 21%;
          background: transparent;
          border-bottom: 1px solid #bcbcbc;
          text-align: right;
          padding-right: 10px; }
        #ticketChoose .optionBoxs > li:last-child {
          border-bottom: none; }
          #ticketChoose .optionBoxs > li:last-child .priceBox,
          #ticketChoose .optionBoxs > li:last-child .pt_desc_wrapper,
          #ticketChoose .optionBoxs > li:last-child .thirdCol {
            border-bottom: none; }
      #ticketChoose .optionBoxs li.password-protected .thirdCol {
        position: relative;
        /* [EH] Required as a fix for Firefox's handling of absolute positioning in a table cell */ }
        #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode {
          text-align: right;
          position: absolute;
          right: 0;
          width: 483px; }
          #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode .ok {
            margin: 5px 0 5px 10px; }
          #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode .smPassword {
            width: 220px; }
        #ticketChoose .optionBoxs li.password-protected .thirdCol .position-wrapper {
          position: relative;
          display: block;
          width: 100%;
          height: auto; }
      #ticketChoose .optionBoxs li.password-protected .table-cell {
        vertical-align: top; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #ticketChoose li .inactiveOverlay {
    height: auto; }
  #ticketChoose .optionBoxs > li.tooltip-open .pt_desc_wrapper {
    vertical-align: top; }
  #loginPop .login-overlay {
    width: 320px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #ticketChoose .optionBoxs li .priceBox .price {
    font-size: 16px; }
  #ticketChoose .optionBoxs li.password-protected .priceBox {
    display: none; }
  #ticketChoose .optionBoxs li.password-protected .thirdCol {
    text-align: center;
    padding-top: 0; }
    #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode {
      position: static;
      text-align: left;
      padding-left: 7px; }
      #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode .smPassword {
        width: 365px; }
  #loginPop .login-overlay {
    width: 480px; } }

@media only screen and (max-width: 479px) {
  #ticketChoose .optionBoxs li .priceBox .price {
    font-size: 14px; }
  #ticketChoose .optionBoxs li.password-protected .priceBox {
    display: none; }
  #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode {
    width: 100%;
    position: static;
    text-align: left;
    padding-left: 7px; }
    #ticketChoose .optionBoxs li.password-protected .thirdCol .promoCode .smPassword {
      width: 207px; }
  #loginPop .login-overlay {
    width: 320px; } }

@media only screen and (max-width: 767px) {
  #ticketChoose li .tooltip, #ticketChoose li .pricetype-tooltip {
    left: 0 !important;
    width: calc(100% - 20px);
    margin: 0 10px; }
  #ticketChoose .platinum-module {
    padding: 10px;
    padding-bottom: 0; }
  #ticketChoose .optionBoxs.table {
    display: block; }
  #ticketChoose .optionBoxs > li {
    border-top: none;
    border-right: none;
    border-left: none;
    min-height: 55px; }
    #ticketChoose .optionBoxs > li.table-row {
      display: block;
      position: relative; }
    #ticketChoose .optionBoxs > li .table-cell {
      display: block;
      float: left;
      border: none; }
    #ticketChoose .optionBoxs > li .pt_desc_wrapper {
      width: 71%;
      min-height: 0;
      padding: 12px 0 0px 12px; }
    #ticketChoose .optionBoxs > li .priceBox {
      clear: left;
      padding-top: 5px;
      padding-left: 12px;
      width: 71%; }
    #ticketChoose .optionBoxs > li .thirdCol {
      position: absolute;
      top: 0;
      right: 0;
      /**
                     * Fix for IE10 blanking select boxes when sizing between
                     * tablet and small screen
                     */ }
      #ticketChoose .optionBoxs > li .thirdCol select {
        zoom: 1; }
    #ticketChoose .optionBoxs > li.password-protected .thirdCol {
      float: none;
      clear: both;
      width: auto;
      text-align: center; }
      #ticketChoose .optionBoxs > li.password-protected .thirdCol .promoCode .ok {
        margin-right: 0; }
  #ticketChoose .optionBoxs li.password-protected .priceBox {
    display: none; } }

/**
 * Ticket Search module
 * @see #MNXWEB-4577
 *
 * @description Appears on: Checkout
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#ticketSearch.inactive {
  opacity: 0.8; }
  #ticketSearch.inactive #choosePriceLocation_LookForTicketsButton {
    background-color: #c9cac8;
    color: #002;
    border-color: #aaa;
    cursor: not-allowed; }

#ticketSearch.boxStyle.adjacent {
  border-bottom: 1px solid #bcbcbc; }

#ticketSearch .expand {
  cursor: pointer;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top; }

#ticketSearch .find-tickets {
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0; }

#ticketSearch .choosePriceLocation {
  padding: 25px 0 5px;
  text-align: center; }
  #ticketSearch .choosePriceLocation * {
    box-sizing: border-box; }
  #ticketSearch .choosePriceLocation > div:last-child fieldset:first-child {
    padding-top: 15px;
    border-top: 1px dotted #bcbcbc; }
  #ticketSearch .choosePriceLocation fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  #ticketSearch .choosePriceLocation label {
    float: none;
    display: inline-block;
    width: 105px;
    margin-left: auto;
    margin-right: 10px;
    vertical-align: top; }
  #ticketSearch .choosePriceLocation select {
    display: inline-block;
    margin: 0 auto 20px 0;
    width: 350px;
    vertical-align: top; }
  #ticketSearch .choosePriceLocation select:focus-visible {
    outline-color: #000;
    outline-style: auto; }
  #ticketSearch .choosePriceLocation optgroup {
    background-color: #c9cac8;
    color: #000;
    /* Defaults to italics on Firefox */
    font-style: normal; }
  #ticketSearch .choosePriceLocation option {
    background-color: #fff;
    color: #444; }

#ticketSearch .submit {
  margin-top: 1em; }
  #ticketSearch .submit .note {
    padding-top: 0.5em; }
  #ticketSearch .submit .btn_submit, #ticketSearch .submit .continue__submit {
    width: auto; }

#seatingMapEDP h3 {
  font-weight: bold; }

#seatingMapEDP .seatmap {
  display: block;
  margin: 0 auto;
  max-width: 100%; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #ticketSearch.inactive {
    display: none; } }

@media only screen and (max-width: 767px) {
  #ticketSearch .choosePriceLocation {
    padding: 5px 0 0;
    text-align: left; }
    #ticketSearch .choosePriceLocation select {
      width: 100%; }
    #ticketSearch .choosePriceLocation .btn_submit, #ticketSearch .choosePriceLocation .continue__submit {
      width: auto; } }

/**
 * ISM Interactive seat map
 *
 * @description Things to bear in mind:
 *              - 'Default' should be desktop, with everything else overriding
 *                  in #Media Queries
 *
 * Table of Content
 * ==================================================
 *     # Original file
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section original files
 * ==================================================
 */
#detailed_cart_view_popup {
  position: absolute;
  z-index: 4;
  margin-left: 1px; }

.divider-line {
  display: block;
  height: 9px;
  position: relative;
  margin: 0px -10px 0 -10px;
  clear: both; }

.tabs {
  background-color: #FFFFFF; }

#tabContent {
  background-color: #FFFFFF;
  display: block;
  padding: 10px 0 10px 0; }

.popup-title {
  padding: 0 5px 0 5px; }

.popup-title .ism-close {
  cursor: pointer;
  float: right;
  vertical-align: middle;
  margin-top: 5px;
  clear: both;
  padding-bottom: 3px; }

.popup-title .highlight {
  font-size: 14px;
  float: left; }

.txt12 {
  font-size: 12px; }

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

.shoppingCart-text {
  font-size: 15px;
  font-weight: bold; }

.flash-opaque {
  background-color: #FFFFFF;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  z-index: 35;
  height: 565px;
  width: 698px; }

.seat-type-title {
  float: left;
  font-size: 16px; }

.underTitle .generalAdmission {
  float: left; }

.ticketType-table {
  margin-left: 5px;
  float: left; }

.ticketType-table .passwordColumn {
  padding-right: 0; }

.ticketType-table tr.divider {
  background-image: url("../../../theme/common/image/pixel-black.png");
  background-repeat: repeat-x;
  background-position: center center;
  font-weight: bold; }

.ticketType-table tr.divider td span {
  background-color: #FFFFFF;
  padding-right: 5px; }

.ticketType-table td {
  padding: 10px 10px 10px 0px; }

.ticketType-table .ticket-type-desc {
  float: left;
  line-height: 14px;
  margin-right: 5px; }

.ticketType-table .ticket-type-price {
  float: left;
  clear: left;
  font-weight: bold;
  line-height: 14px; }

.ticketType-table .ticket-type-charge {
  float: left;
  clear: left;
  line-height: 14px; }

.ticketType-table tr td.accountGroup {
  vertical-align: middle; }

.ticketType-table tr td.ticket-type-col {
  padding-right: 3px; }

.shoppingCart-text {
  font-size: 15px;
  font-weight: bold; }

.shoppingCartTable {
  font-size: 13px;
  width: 100%;
  overflow: visible; }
  .shoppingCartTable tbody,
  .shoppingCartTable td,
  .shoppingCartTable tr {
    overflow: visible !important; }
  .shoppingCartTable .removeButton {
    font-size: 12px;
    background: #eee;
    background: #eee linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    border: 1px solid #aaa;
    color: #000;
    padding: 0.1em 0.8em; }
    .shoppingCartTable .removeButton:hover {
      text-decoration: none; }

.shoppingCartTable th {
  font-weight: bold;
  text-align: left;
  white-space: nowrap; }

.shoppingCartTable th a {
  white-space: nowrap; }

.shoppingCartTable td {
  padding: 15px 0; }

.shoppingCartTable td.separator {
  padding: 0 8px; }

.shoppingCartTable .level-col,
.shoppingCartTable .section-col {
  width: 75px; }

.shoppingCartTable .row-col {
  width: 65px; }

.shoppingCartTable .seat-col {
  width: 70px; }

.shoppingCartTable .ttype-col {
  padding: 0;
  width: auto; }

.shoppingCartTable .ppt-col {
  text-align: right;
  width: 120px; }

.shoppingCartTable .action-col {
  padding-left: 30px;
  width: 85px; }

.shoppingCartTable td.level-col {
  padding-left: 8px; }

.map-options .right {
  float: right; }

.map-options {
  font-size: 11px;
  text-align: left;
  background-color: #FFFFFF;
  padding: 2px;
  margin-bottom: 4px;
  height: 17px; }

.ticket-layout td {
  vertical-align: top; }

.map-options a {
  font-weight: bold; }

.welcome_popup {
  background-color: #FFFFFF;
  bottom: 1px;
  font-size: 11px;
  height: 24px;
  left: 6px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  right: 11px;
  width: 290px;
  z-index: 3; }

.widget-frame {
  background-image: url("../../../theme/common/image/blank.gif");
  padding: 2px; }

.widget-border {
  background-color: #ACACAC;
  padding: 1px; }

#welcome_popup {
  z-index: 549;
  text-align: center; }
  #welcome_popup .highlight {
    width: 100%; }
    #welcome_popup .highlight .popup-heading {
      margin-bottom: 20px;
      font-weight: bold;
      font-size: 18px; }
  #welcome_popup .number-module {
    margin: 0 0 25px 200px;
    font-weight: bold; }
    #welcome_popup .number-module li {
      text-align: left; }
      #welcome_popup .number-module li .number-box {
        display: inline-block;
        width: 20px;
        line-height: 20px;
        margin-right: 10px;
        border: 1px solid #666;
        border-radius: 10px;
        text-align: center; }
  #welcome_popup .btn_submit, #welcome_popup .continue__submit {
    display: inline-block;
    padding: 7px 10px;
    font-size: 15px; }
    #welcome_popup .btn_submit + .btn_submit, #welcome_popup .continue__submit + .btn_submit, #welcome_popup .btn_submit + .continue__submit, #welcome_popup .continue__submit + .continue__submit {
      margin-left: 30px; }

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

.popup-title strong.popup-title-black {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 40px; }

.widgetMessageContent {
  padding: 5px;
  padding-left: 15px;
  float: left; }

.highlight .errorTitle {
  position: relative;
  left: 10px;
  top: 15px; }

#cart_items .tooltip__content--additionalinfo {
  display: none; }

#cart_items select {
  width: 150px;
  margin-top: 5px;
  margin-bottom: 3px; }

#cart_items tr.topRow {
  background-image: none; }
  #cart_items tr.topRow td {
    background-image: none; }

.messageButtons input {
  margin: 5px; }

.full-white {
  opacity: 1;
  filter: alpha(opacity=100); }

.onePriceType {
  padding-top: 6px;
  float: left; }

.widgetMessageContent ul {
  padding: 10px 0 10px 10px; }

/* Filter */
#ismServiceCharges,
#ismFeeDisclaimer {
  float: left;
  font-size: 11px; }
  #ismServiceCharges p,
  #ismFeeDisclaimer p {
    margin: 0; }

#filter_popup {
  border: 1px solid #b2b2b2;
  font-size: 12px;
  font-weight: bold; }

/* Mapoptions */
#ismInfo {
  float: right;
  margin: 7px; }

/* ISM widget */
#map-area {
  z-index: 1;
  position: absolute; }

#widgetContainer {
  width: 696px;
  height: 486px;
  background: #fff;
  margin: 0px 7px;
  border: 1px solid #B2B2B2; }

#loadingIsm {
  text-align: center;
  z-index: 5;
  width: 696px;
  height: 525px;
  position: absolute;
  background: #fff;
  margin-top: 1px; }

#loadingIsm img {
  margin-top: 170px;
  margin-bottom: 20px; }

#loadingIsm .message {
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  color: #404040; }

#noFlash {
  margin: 10px; }

.noFlashText {
  margin: 20px 10px; }

.switchToEDPContainer {
  text-align: center; }

.switchToEDPContainer .btn_submit, .switchToEDPContainer .continue__submit {
  text-transform: none; }

#get_flash_button {
  text-align: center; }

#updatePopup {
  display: none;
  margin: 10px;
  float: left;
  border: solid 1px #B2B2B2;
  padding: 5px; }

#updatePopup img {
  float: right; }

#updatePopup span {
  font-size: 14px;
  font-weight: bold;
  padding-right: 5px;
  float: left; }

#widgetCover {
  z-index: 5;
  text-align: center;
  position: absolute;
  background: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px; }

/* Buttons */
#cart_checkout_button,
.passwordButton {
  padding: 0 5px;
  font-size: 11px;
  height: 22px;
  border-radius: 4px; }

#ismCoverFull {
  background: #fff;
  height: 710px;
  position: absolute;
  width: 970px;
  z-index: 9;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.widgetMessageContent ul li {
  list-style: disc; }

.passwordMessage {
  display: block;
  width: 100%;
  margin-left: 15px; }

.passwordMessage div {
  line-height: 12px;
  float: left;
  width: 162px;
  font-weight: bold;
  margin-bottom: 8px; }

.passwordMessage img {
  float: left; }

.messageButtons {
  clear: left; }

#filterCover {
  height: 570px;
  position: absolute;
  width: 230px;
  z-index: 100; }

.passwordError {
  background-color: #FFEDED;
  border: 1px solid #E33439;
  padding: 2px; }

.ismMap {
  cursor: pointer; }

#popup-overlay {
  background-image: url("../../../static/images/50percent.png");
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
  height: 100%;
  display: none; }

div.seatmap-popup {
  position: absolute;
  z-index: 2003; }

div.seatmap-popup-content {
  padding: 0; }

div.seatmap-popup-content .ismContainer {
  z-index: 1953;
  margin: 0;
  box-shadow: -2px 2px 10px 2px #333;
  box-shadow: -2px 2px 10px 2px #333;
  margin-left: 15px;
  background: #fff; }

div.seatmap-popup-close {
  cursor: pointer;
  float: right;
  text-align: right;
  width: 20px;
  margin-top: -2px;
  margin-right: -10px; }

#multiLevelSpinner {
  float: left;
  width: 20px;
  margin-right: 10px; }

div.releaseSeatsPopup {
  width: 510px;
  left: 250px;
  z-index: 5500; }

#seatmapPopupWarning {
  position: absolute;
  z-index: 9; }

.ism-popup-content {
  padding: 0 10px; }

#pricetype_popup {
  z-index: 500; }

/**
 * @section General Rules SCSS
 * ==================================================
 */
.pricetype-icon-box {
  display: inline-block;
  height: 19px;
  font-size: 19px;
  position: relative;
  top: 3px;
  cursor: pointer; }

.ism-lightbox #ismContainer {
  margin-left: -333px;
  float: left; }

.ism-lightbox #ismPopups {
  z-index: 2000;
  position: absolute;
  left: 265px; }

.ism-lightbox #seatmap-popup-close {
  right: 15px; }

.ism-lightbox .lightBoxContainer {
  position: absolute;
  top: 0;
  left: 360px; }

.ism-lightbox #singleSeatMessage {
  line-height: 28px; }
  .ism-lightbox #singleSeatMessage .icon-warning, .ism-lightbox #singleSeatMessage .alert--error .alert--error__icon, .alert--error .ism-lightbox #singleSeatMessage .alert--error__icon {
    margin-right: 10px; }

#ismContainer {
  position: relative; }
  #ismContainer .pricetype-icon-box {
    display: inline-block;
    height: 16px;
    font-size: 16px;
    position: relative;
    top: -1px;
    cursor: pointer; }
  #ismContainer.lightBoxContent {
    width: auto; }
  #ismContainer .platinum-module {
    margin-top: 5px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 2px;
    border: 1px solid #bcbec0; }
  #ismContainer .ismContent {
    position: relative;
    border: 1px solid #bcbcbc;
    float: left;
    background: #fff;
    padding: 10px; }
    #ismContainer .ismContent .warning-alert, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning {
      margin: 6px; }
    #ismContainer .ismContent #singleSeatMessage {
      float: left;
      font-size: 14px;
      margin: 7px; }
      #ismContainer .ismContent #singleSeatMessage .icon {
        display: none; }
      #ismContainer .ismContent #singleSeatMessage .heading,
      #ismContainer .ismContent #singleSeatMessage .message {
        display: inline; }
      #ismContainer .ismContent #singleSeatMessage.singleSeatWarning {
        float: none; }
        #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .heading,
        #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .message {
          display: block; }
        #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .icon {
          display: block; }
    #ismContainer .ismContent #filterArea {
      width: 228px;
      float: left;
      min-height: 572px;
      z-index: 5001; }
      #ismContainer .ismContent #filterArea .filterHeadline {
        font-size: 17px;
        font-weight: bold;
        display: block;
        margin-bottom: 5px; }
      #ismContainer .ismContent #filterArea #filterReset {
        display: block; }
        #ismContainer .ismContent #filterArea #filterReset a {
          cursor: pointer; }
      #ismContainer .ismContent #filterArea #price-filter {
        margin-top: 15px;
        margin-bottom: 0px; }
      #ismContainer .ismContent #filterArea #price-filter li {
        border: 1px solid #bcbcbc;
        padding: 10px;
        margin-bottom: 6px; }
        #ismContainer .ismContent #filterArea #price-filter li .ismCatName {
          font-weight: bold; }
        #ismContainer .ismContent #filterArea #price-filter li .ismPrice {
          font-size: 16px; }
        #ismContainer .ismContent #filterArea #price-filter li .ismFee {
          font-size: 12px; }
        #ismContainer .ismContent #filterArea #price-filter li:hover {
          background-color: #d0092c;
          color: #fff;
          cursor: pointer; }
        #ismContainer .ismContent #filterArea #price-filter li.selected {
          background-color: #e98300;
          color: #fff;
          cursor: pointer; }
  #ismContainer #ismArea {
    position: relative;
    float: left;
    height: 604px;
    height: auto;
    width: 730px; }
    @media only screen and (max-width: 767px) {
      #ismContainer #ismArea {
        margin: 0;
        width: auto; } }
    @media only screen and (max-width: 999px) {
      #ismContainer #ismArea {
        width: auto; } }
    #ismContainer #ismArea #mapOptions {
      margin-left: 20px; }
      @media only screen and (max-width: 767px) {
        #ismContainer #ismArea #mapOptions {
          margin-left: 0; } }
    #ismContainer #ismArea #ismInfo {
      float: right;
      margin: 7px; }
    #ismContainer #ismArea .shoppingCart-tableHeader {
      padding: 6px 0px 6px 8px; }
    #ismContainer #ismArea .shoppingCartTable {
      width: 100%; }
      #ismContainer #ismArea .shoppingCartTable th {
        font-weight: bold;
        font-size: 14px; }
    #ismContainer #ismArea #cart_items tr {
      border-top: 1px solid #bcbcbc; }
    #ismContainer #ismArea #cart_items .seat_extra_info_row {
      border-top: 0; }
      #ismContainer #ismArea #cart_items .seat_extra_info_row td {
        padding: 0 10px 15px 0;
        text-align: right;
        font-size: 11px;
        line-height: 11px;
        color: #687682; }
    #ismContainer #ismArea #cart_items .seat_line_item_row {
      border-top: 0; }
    #ismContainer #ismArea #cart_items .seat_line_item_wrapper {
      padding: 0; }
    #ismContainer #ismArea #ismInfo a {
      font-weight: bold;
      cursor: pointer; }
    #ismContainer #ismArea #widgetContainer {
      width: 696px;
      height: 486px;
      margin: 0px 0 0 26px;
      border: 1px solid #bcbcbc; }
      @media only screen and (max-width: 767px) {
        #ismContainer #ismArea #widgetContainer {
          margin: 0;
          width: auto; } }
      #ismContainer #ismArea #widgetContainer #loadingIsm {
        text-align: center;
        z-index: 5;
        width: 696px;
        height: 532px;
        position: absolute;
        background: #fff;
        margin-top: 1px; }
        @media only screen and (max-width: 767px) {
          #ismContainer #ismArea #widgetContainer #loadingIsm {
            width: calc(100% - 2px) !important; } }
      #ismContainer #ismArea #widgetContainer #loadingIsm img {
        margin-top: 170px;
        margin-bottom: 20px; }
      #ismContainer #ismArea #widgetContainer #loadingIsm .message {
        font-size: 16px;
        font-weight: bold;
        margin: 0 auto;
        color: #404040; }
      #ismContainer #ismArea #widgetContainer #noFlash {
        margin: 10px; }
      #ismContainer #ismArea #widgetContainer .noFlashText {
        margin: 20px 10px; }
      #ismContainer #ismArea #widgetContainer #widgetCover {
        text-align: center;
        z-index: 5;
        width: 696px;
        height: 562px;
        position: absolute;
        background: #000;
        opacity: 0.4;
        filter: alpha(opacity=40); }
    #ismContainer #ismArea #map-area {
      z-index: 1;
      position: absolute; }
      @media only screen and (max-width: 767px) {
        #ismContainer #ismArea #map-area {
          width: calc(100% - 2px) !important; } }
    #ismContainer #ismArea #ismDisclaimer {
      margin: 0 6px 0px 26px;
      border: 1px solid #B2B2B2; }
      @media only screen and (max-width: 767px) {
        #ismContainer #ismArea #ismDisclaimer {
          margin: 0; } }
      #ismContainer #ismArea #ismDisclaimer p {
        font-size: 11px;
        background: #F0EEEF;
        text-align: left;
        padding: 8px 10px;
        color: #404040;
        margin-bottom: 0;
        margin-top: 0; }
    #ismContainer #ismArea .scart-area {
      border: 1px solid #bcbcbc;
      border-bottom: none;
      font-weight: bold;
      padding: 8px 10px;
      z-index: 15;
      background-color: #FFFFFF;
      width: 676px;
      margin: 0px 0 0 26px; }
      @media only screen and (max-width: 767px) {
        #ismContainer #ismArea .scart-area {
          margin: 0;
          width: auto; } }
    #ismContainer #ismArea .scart-area .left {
      float: left; }
    #ismContainer #ismArea .scart-area .right {
      float: right; }
    #ismContainer #ismArea .shoppingCart-area {
      background: #fff;
      border-top: 1px solid #bcbcbc;
      width: 696px;
      margin: 0 0 0 26px; }
      #ismContainer #ismArea .shoppingCart-area .shoppingCart-lid {
        border-bottom: 1px solid #ACACAC;
        padding: 8px; }
    #ismContainer #ismArea #filterDesc {
      margin-top: 15px;
      line-height: 1.1em; }
  #ismContainer #toggle_cart_view {
    cursor: pointer;
    text-decoration: none;
    color: #666;
    font-size: 17px;
    font-weight: normal;
    margin-left: 15px; }
    #ismContainer #toggle_cart_view:before {
      vertical-align: -3px;
      font-size: 21px; }

#ismPopups {
  /* Popups */ }
  #ismPopups.lightBoxContainer .lightBoxContent {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
    z-index: 9;
    margin-left: 0;
    left: 50%; }
    #ismPopups.lightBoxContainer .lightBoxContent .lightBoxTitle {
      padding-left: 10px; }
    #ismPopups.lightBoxContainer .lightBoxContent .body {
      padding: 10px 8px 14px 8px; }
  #ismPopups #pricetype_popup .highlight {
    color: #191919;
    margin-top: 5px; }
  #ismPopups .popup-title strong {
    font-size: 16px; }
  #ismPopups .underTitle {
    float: left;
    margin: 0 0 5px 0;
    font-size: 12px; }
  #ismPopups .underTitle .singleSeat {
    float: left;
    font-size: 13px;
    font-weight: normal; }
  #ismPopups .underTitle .gaDesc {
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 13px; }
  #ismPopups .ticketType-table {
    margin-left: 5px;
    float: left; }
    #ismPopups .ticketType-table input {
      font-size: 15px;
      font-weight: bold;
      max-width: 118px;
      display: inline;
      margin: 0;
      vertical-align: middle;
      padding: 7px 10px; }
      #ismPopups .ticketType-table input[type="password"] {
        width: 100px;
        border-color: #bcbcbc; }
    #ismPopups .ticketType-table tr {
      border-bottom: 1px solid #bcbcbc; }
      #ismPopups .ticketType-table tr:last-child {
        border-bottom: none; }
      #ismPopups .ticketType-table tr.divider td span {
        background-color: #FFFFFF;
        padding-right: 5px; }
      #ismPopups .ticketType-table tr td {
        vertical-align: bottom;
        padding-bottom: 10px; }
        #ismPopups .ticketType-table tr td.left {
          width: 1%;
          padding-right: 10px;
          vertical-align: middle; }
        #ismPopups .ticketType-table tr td .accountGroup {
          vertical-align: middle; }
        #ismPopups .ticketType-table tr td .ticket-type-col {
          padding-right: 3px; }
    #ismPopups .ticketType-table .ticket-type-desc,
    #ismPopups .ticketType-table .ticket-type-price,
    #ismPopups .ticketType-table .ticket-type-charge,
    #ismPopups .ticketType-table .ticket-type-restriction {
      clear: left;
      float: left;
      font-weight: bold; }
    #ismPopups .ticketType-table .account-group-login {
      float: right;
      margin-right: 5px;
      line-height: 10px; }
    #ismPopups .ticketType-table .ticket-type-desc {
      line-height: 22px;
      margin-right: 5px; }
    #ismPopups .ticketType-table .ticket-type-price {
      line-height: 14px; }
    #ismPopups .ticketType-table .ticket-type-charge {
      clear: left;
      line-height: 14px;
      font-weight: normal; }
    #ismPopups .ticketType-table .ticket-type-restriction {
      font-weight: normal;
      line-height: 22px; }
    #ismPopups .ticketType-table .ticket-type-label {
      width: auto;
      max-width: 170px;
      margin-top: 5px;
      font-size: 14px; }
    #ismPopups .ticketType-table .passwordColumn {
      padding-right: 0;
      vertical-align: middle; }
    #ismPopups .ticketType-table .passwordContainer {
      margin: 0 15px 0 0;
      text-align: right;
      white-space: nowrap; }
      #ismPopups .ticketType-table .passwordContainer .locked {
        margin-left: 5px; }
  #ismPopups .seat-type-title {
    float: left;
    font-size: 16px; }
  #ismPopups .underTitle .generalAdmission {
    float: left; }
  #ismPopups .status-popup {
    padding: 4px;
    border-width: 1px; }
  #ismPopups .pricetype-icon-box:hover {
    background-position: -1px -270px; }
  #ismPopups .gaPriceTypeSelect {
    margin: 0;
    width: auto;
    min-width: 62px; }
  #ismPopups .successAlert .message {
    margin-bottom: 0;
    line-height: 27px;
    font-size: 18px;
    font-weight: bold; }

.ie8 #ismPopups .gaPriceTypeSelect {
  min-width: 0;
  min-height: 0; }

/**
 * Password protected page lightbox
 * @see MNXWEB-4568
 *
 * @description Appears on: Checkout EDP
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#passwordProtectedPage.lightBoxContainer .lightBoxContent {
  width: 350px;
  margin-left: -175px; }
  #passwordProtectedPage.lightBoxContainer .lightBoxContent input.text {
    width: 235px; }
  #passwordProtectedPage.lightBoxContainer .lightBoxContent .verifying,
  #passwordProtectedPage.lightBoxContainer .lightBoxContent .accepted {
    font-weight: bold;
    text-align: center;
    font-size: 16px; }
  #passwordProtectedPage.lightBoxContainer .lightBoxContent .verifying img {
    vertical-align: middle;
    margin-right: 10px; }
  #passwordProtectedPage.lightBoxContainer .lightBoxContent .accepted .icon-tick, #passwordProtectedPage.lightBoxContainer .lightBoxContent .accepted .personalisedtickets__name:before {
    font-size: 26px;
    vertical-align: middle;
    color: #666; }
  #passwordProtectedPage.lightBoxContainer .lightBoxContent .body {
    padding-bottom: 25px; }

@media only screen and (max-width: 479px) {
  #passwordProtectedPage.lightBoxContainer .lightBoxContent {
    width: 300px;
    margin-left: -155px; }
    #passwordProtectedPage.lightBoxContainer .lightBoxContent input.text {
      width: 189px; } }

#recaptcha * {
  box-sizing: content-box; }

#recaptcha.show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

#recaptcha .lightBoxContent {
  top: auto !important; }

#recaptcha .recaptcha {
  width: 272px;
  margin: 0 auto; }

#recaptcha .recaptcha__form {
  width: 304px;
  padding-top: 10px;
  margin: 0 auto;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0; }
  #recaptcha .recaptcha__form.is-hidden {
    display: none; }

#recaptcha .recaptcha__footer {
  width: 100%;
  padding: 34px 0 2px;
  clear: both;
  line-height: 13px;
  text-align: center;
  font-size: 11px; }

#recaptcha.is-hidden {
  display: none; }

#recaptcha .grayLink {
  font-weight: bold; }

@media only screen and (max-width: 767px) {
  #recaptcha .recaptcha__footer {
    padding: 29px 0 2px; } }

@media only screen and (max-width: 479px) {
  #recaptcha .recaptcha__footer {
    padding: 24px 0 2px; } }

.recaptchaerror {
  display: none; }
  .recaptchaerror.is-visible {
    display: inherit; }
  .recaptchaerror .recaptchaerror__messagecontainer {
    border: #d3081f solid 3px;
    padding: 15px 0; }
  .recaptchaerror .recaptchaerror__message {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .recaptchaerror .recaptchaerror__iconcontainer {
    -webkit-flex: 0 0 25px;
        -ms-flex: 0 0 25px;
            flex: 0 0 25px;
    padding: 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .recaptchaerror .recaptchaerror__icon {
    font-size: 2em;
    color: #d0092c; }
  .recaptchaerror .recaptchaerror__titlecontainer {
    font-weight: bold;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .recaptchaerror .recaptchaerror__title {
    margin: 0;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 25px; }
  .recaptchaerror .recaptchaerror__description {
    margin: 0 0 0 45px;
    word-break: break-all;
    line-height: 20px; }
  .recaptchaerror .recaptchaerror__btncontainer {
    padding: 15px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .recaptchaerror .recaptchaerror__btn {
    border-radius: 12px;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 15px;
    color: #fff;
    background-image: linear-gradient(to bottom, #dc1921, #dc1921, #dc1921, #af1225); }
  @media only screen and (max-width: 767px) {
    .recaptchaerror .recaptchaerror__title,
    .recaptchaerror .recaptchaerror__description {
      max-width: 287px; } }
  @media only screen and (max-width: 479px) {
    .recaptchaerror .recaptchaerror__title,
    .recaptchaerror .recaptchaerror__description {
      max-width: 210px; } }

/**
 * Special Event Info module
 * @author Edd
 *
 * @description Appears in the EDP
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section General Rules
 * ==================================================
 */
#detailsSpecialEventInfo .icon-close {
  top: 10px;
  font-size: 21px;
  cursor: pointer; }

#detailsSpecialEventInfo .navigation {
  margin: 0 -20px 20px -20px;
  padding: 15px 20px 10px;
  border-bottom: 1px solid #c9cac8; }

#detailsSpecialEventInfo .navigation-item {
  display: inline; }
  #detailsSpecialEventInfo .navigation-item + .navigation-item {
    border-left: 1px solid #333;
    padding-left: 10px;
    margin-left: 10px; }
  #detailsSpecialEventInfo .navigation-item .active {
    color: #333;
    font-weight: normal;
    text-decoration: none;
    cursor: default; }
  #detailsSpecialEventInfo .navigation-item .navigation-header {
    font-weight: bold; }

#detailsSpecialEventInfo .pagination {
  width: 100%; }

#detailsSpecialEventInfo .pagination-item {
  float: left; }

#detailsSpecialEventInfo .pagination-left {
  text-align: right;
  width: 49%; }

#detailsSpecialEventInfo .pagination-right {
  text-align: left;
  margin-left: 20px;
  width: 40%; }

#detailsSpecialEventInfo .pagination .icon {
  color: #333; }

#detailsSpecialEventInfo .pagination .disabled a {
  cursor: default;
  color: #c9cac8; }

#detailsSpecialEventInfo .pagination .disabled .icon {
  color: #c9cac8; }

#detailsSpecialEventInfo .content {
  -moz-column-width: 50%;
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-fill: auto;
  -webkit-column-width: 50%;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-fill: auto;
  -o-column-width: 50%;
  -o-column-count: 2;
  -o-column-gap: 1em;
  -o-column-fill: auto;
  -ms-column-width: 50%;
  -ms-column-count: 2;
  -ms-column-gap: 1em;
  column-fill: auto;
  column-width: 50%;
  column-count: 2;
  column-gap: 1em;
  column-fill: auto;
  orphans: 4; }

#detailsSpecialEventInfo img {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  max-width: 250px;
  max-height: 200px; }

#detailsSpecialEventInfo .event-info-title {
  font-weight: bold; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #detailsSpecialEventInfo {
    padding-left: 0;
    padding-right: 0; }
    #detailsSpecialEventInfo .navigation {
      border-bottom: none;
      padding-top: 0;
      padding-bottom: 0; }
    #detailsSpecialEventInfo .content {
      -moz-column-width: 100%;
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -moz-column-fill: auto;
      -webkit-column-width: 100%;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      -webkit-column-fill: auto;
      -o-column-width: 100%;
      -o-column-count: 1;
      -o-column-gap: 0;
      -o-column-fill: auto;
      -ms-column-width: 100%;
      -ms-column-count: 1;
      -ms-column-gap: 0;
      column-fill: auto;
      column-width: 100%;
      column-count: 1;
      column-gap: 0;
      column-fill: auto; }
    #detailsSpecialEventInfo .pagination {
      margin-top: 15px; }
    #detailsSpecialEventInfo .pagination-left {
      float: left;
      text-align: left; }
    #detailsSpecialEventInfo .pagination-right {
      float: right;
      text-align: right; } }

/**
 * Information light box
 * @see MNXWEB-4267
 *
 * @description Appears on: Checkout EDP
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#informationLightBox .lightBoxContent .body {
  max-height: 520px;
  overflow-y: auto; }
  #informationLightBox .lightBoxContent .body img {
    max-width: 100%;
    height: auto; }
  #informationLightBox .lightBoxContent .body .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden; }
  #informationLightBox .lightBoxContent .body .iframe-wrapper iframe,
  #informationLightBox .lightBoxContent .body .iframe-wrapper object,
  #informationLightBox .lightBoxContent .body .iframe-wrapper embed {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #informationLightBox .lightBoxContent .body {
    max-height: none;
    overflow: visible; } }

/* iOS should not feature the scrolling lightbox */
.ios #informationLightBox .lightBoxContent .body {
  max-height: none;
  overflow: visible; }

/*
 * Details Images module
 *
 * @description Appears on: EDP
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 */
/**
 * @section General Rules
 * ==================================================
 */
#detailsImages .icon-close {
  top: 10px;
  font-size: 21px;
  cursor: pointer; }

#detailsImages .image-list {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0; }
  #detailsImages .image-list .image-item {
    display: inline-block; }
    #detailsImages .image-list .image-item + .image-item {
      margin-left: 5px; }

/**
 * Module Name: Package Information Module
 * @author      edd
 * @created     04/06/13
 *
 * @description Displayed on the EDP page
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General
 *     # Responsive parts
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section General
 * ==================================================
 */
#package {
  margin-bottom: 20px; }
  #package input.disabled {
    display: none; }
  #package .event-column {
    float: left;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
  #package .checkbox {
    float: left;
    margin-right: 5px; }
  #package .events {
    padding-top: 5px;
    margin-left: -10px;
    margin-right: -10px; }
  #package .event {
    padding: 10px;
    margin-bottom: 0; }
  #package .event-image {
    float: left;
    margin-left: 5px;
    margin-right: 15px; }
  #package .events .optional.inactive:hover {
    background-color: transparent;
    cursor: default; }
  #package .selected {
    background-color: #99d7f2;
    cursor: pointer; }
  #package .details .date-time {
    margin-top: 5px;
    margin-bottom: 0; }
  #package .optional .details {
    margin-left: 110px; }
  #package .mandatory .details {
    margin-left: 90px; }

.no-touchevents #package .optional:hover {
  background-color: #99d7f2;
  cursor: pointer; }

/**
 * @section Responsive parts
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #package {
    margin-bottom: 10px;
    padding-bottom: 0; }
    #package .events {
      margin-left: 0;
      margin-right: 0; }
    #package .event-column {
      float: none;
      width: auto; }
    #package .event {
      padding-left: 10px;
      padding-right: 10px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #package .event-column {
    margin-left: -20px;
    margin-right: -20px; } }

@media only screen and (max-width: 767px) {
  #package .event-column {
    margin-left: -10px;
    margin-right: -10px; }
  #package .event {
    border-top: 1px solid #bcbcbc; } }

@media only screen and (max-width: 479px) {
  #package .optional .details {
    margin-left: 25px; }
  #package .mandatory .details {
    margin-left: 0; }
  #package .event-image {
    display: none; } }

/**
 * Package Selection module
 * @author Bex
 *
 * @description Package selection page 1
 *
 * Table of Content
 * ==================================================
 *     # Module type
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section Module type
 * ==================================================
 */
.two-step-package-selection .boxStyle {
  padding: 20px 0; }

.two-step-package-selection .package-event {
  border-top: 1px solid #bcbec0; }

.two-step-package-selection .submit {
  margin-top: 20px; }

.two-step-package-selection .tsp-step {
  font-size: 16px;
  padding: 0 20px; }
  .two-step-package-selection .tsp-step span {
    font-weight: bold;
    font-size: 20px; }

.two-step-package-selection .table {
  border-top: 1px solid #bcbec0; }

.two-step-package-selection .table-row {
  display: block;
  clear: both;
  min-height: 47px;
  border-bottom: 1px solid #bcbec0;
  margin-bottom: 0;
  position: relative; }
  .two-step-package-selection .table-row.active {
    background: #99d7f2;
    cursor: pointer; }
  .two-step-package-selection .table-row.inactive, .two-step-package-selection .table-row.jsInactive {
    opacity: 1;
    filter: alpha(opacity=100); }
    .two-step-package-selection .table-row.inactive .inactiveOverlay, .two-step-package-selection .table-row.jsInactive .inactiveOverlay {
      opacity: 0.8;
      filter: alpha(opacity=80);
      z-index: 1; }
    .two-step-package-selection .table-row.inactive .overrideInactiveOverlay, .two-step-package-selection .table-row.jsInactive .overrideInactiveOverlay {
      z-index: 2;
      position: relative; }
  .two-step-package-selection .table-row.jsInactive .inactiveOverlay {
    background: #fff;
    display: block; }
  .two-step-package-selection .table-row .warning {
    margin-top: 20px;
    margin-bottom: 10px; }

.two-step-package-selection .table-cell {
  display: inline-block;
  vertical-align: top;
  padding: 15px 0; }

.two-step-package-selection .input-col {
  padding-left: 20px;
  width: 40px; }

.two-step-package-selection .image-col {
  padding: 15px 15px 15px 0;
  width: 70px;
  height: 47px;
  overflow: hidden; }
  .two-step-package-selection .image-col img {
    width: 70px;
    height: 47px; }

.two-step-package-selection .title-desc-container {
  padding-right: 15px;
  width: 780px; }
  .two-step-package-selection .title-desc-container .subtitle {
    display: block; }
  .two-step-package-selection .title-desc-container .title,
  .two-step-package-selection .title-desc-container .desc {
    display: inline-block;
    vertical-align: top; }
  .two-step-package-selection .title-desc-container .title {
    width: 230px; }
  .two-step-package-selection .title-desc-container .desc {
    width: 525px; }

.two-step-package-selection .charged {
  text-align: center; }

.two-step-package-selection .desc {
  padding-right: 20px;
  width: 510px; }

.two-step-package-selection .show-hide-container {
  margin-bottom: 10px; }

.two-step-package-selection .showHide-lessText {
  max-height: 37px; }

.two-step-package-selection .icon-more::before, .two-step-package-selection .showmore__link::before,
.two-step-package-selection .icon-less::before,
.two-step-package-selection .showmore__link.is-open::before,
.two-step-package-selection .icon-info-hover-2::before {
  font-size: 23px;
  vertical-align: middle; }

.two-step-package-selection .moreOrLess {
  cursor: pointer; }

.two-step-package-selection .warning,
.two-step-package-selection .alert,
.two-step-package-selection #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent
.two-step-package-selection #singleSeatMessage.singleSeatWarning,
.two-step-package-selection .alert--info,
.two-step-package-selection .alert--warning,
.two-step-package-selection .alert--warning--full,
.two-step-package-selection .alert--error {
  margin: 0 20px 20px;
  display: block; }

.no-touchevents .two-step-package-selection .selectable:hover {
  background: #99d7f2;
  cursor: pointer; }

.no-touchevents .two-step-package-selection .selectable.inactive:hover, .no-touchevents .two-step-package-selection .selectable.jsInactive:hover {
  background: none; }

.packages-ticketpriceinfo {
  margin-bottom: 15px; }

/**
 * @section General Rules
 * ==================================================
 */
/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  .two-step-package-selection .table-row {
    position: relative;
    display: block;
    border-bottom: 1px solid #bcbec0;
    padding: 20px 0;
    margin-bottom: 0; }
    .two-step-package-selection .table-row .warning {
      margin-top: 0; }
  .two-step-package-selection .table-cell {
    display: inline-block;
    border-bottom: none;
    padding: 0 20px 0 10px; }
    .two-step-package-selection .table-cell.image-col {
      width: 70px;
      height: 47px;
      padding: 0 0 0 10px; }
  .two-step-package-selection .input-col {
    padding: 0 0 0 20px;
    width: 25px; }
  .two-step-package-selection .showHide-lessText {
    height: 0; }
  .two-step-package-selection .title-desc-container .title,
  .two-step-package-selection .title-desc-container .desc {
    width: auto;
    display: block; } }

@media only screen and (max-width: 767px) {
  .two-step-package-selection .table {
    margin-left: -10px;
    margin-right: -10px; }
  .packages-ticketpriceinfo {
    margin: 9px 10px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .two-step-package-selection .title-desc-container {
    width: 570px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .two-step-package-selection .title-desc-container {
    width: 290px; } }

@media only screen and (max-width: 479px) {
  .two-step-package-selection .table-row {
    min-height: 20px; }
  .two-step-package-selection .table-cell {
    padding-left: 0; }
  .two-step-package-selection .image-col {
    display: none; }
  .two-step-package-selection .title-desc-container {
    width: 220px; }
  .two-step-package-selection .input-col {
    padding: 0 0 0 10px;
    width: 25px; } }

/**
 * Two Step Package step 2
 * @author Edd
 *
 * @description Two Step Package step 2 module, used on Two Step Package step 2
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section General Rules
 * ==================================================
 */
#twoStepPackage2 .event-list {
  margin: 0 -20px; }
  #twoStepPackage2 .event-list label {
    cursor: pointer;
    display: inline;
    float: none;
    width: auto; }

#twoStepPackage2 .title strong,
#twoStepPackage2 .eventLi label {
  font-size: 17px; }

#twoStepPackage2 .checkBox {
  float: left;
  margin-right: 10px; }

#twoStepPackage2 .eventLi {
  cursor: pointer;
  margin-bottom: 0;
  padding: 10px 20px; }
  #twoStepPackage2 .eventLi.active {
    background-color: #99d7f2; }

#twoStepPackage2 .warning {
  margin-left: 0;
  margin-right: 0; }

#twoStepPackage2 .hide-dates {
  cursor: pointer;
  line-height: 40px;
  padding-bottom: 5px; }
  #twoStepPackage2 .hide-dates::before {
    padding-right: 5px; }

#twoStepPackage2 .warning {
  margin-top: 5px; }

#twoStepPackage2 .go-back {
  margin-bottom: 20px; }

#twoStepPackage2 .table {
  border-top: none;
  border-bottom: 1px solid #a7a9ac; }

#twoStepPackage2 .instructions {
  font-weight: bold;
  margin-bottom: 20px; }

#twoStepPackage2 .charged {
  font-style: italic; }

#twoStepPackage2 .center {
  padding-left: 5px;
  padding-right: 5px; }

#twoStepPackage2 .package-event {
  padding: 0 20px; }

#twoStepPackage2 .red {
  color: #d0092c; }

#twoStepPackage2 .jsInactive {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.no-touchevents #twoStepPackage2 .eventLi:hover {
  background-color: #99d7f2; }

.no-touchevents #twoStepPackage2 .eventLi.inactive:hover, .no-touchevents #twoStepPackage2 .eventLi.jsInactive:hover {
  background-color: transparent; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #twoStepPackage2 .table-cell {
    padding-left: 20px;
    padding-top: 10px; }
  #twoStepPackage2 .image-col {
    top: 10px;
    left: 20px;
    padding-left: 0; }
  #twoStepPackage2 .title-desc-container {
    top: 10px;
    padding-bottom: 10px; }
  #twoStepPackage2 .package-event {
    padding: 0 10px; }
  #twoStepPackage2 .event-list {
    margin: 0 -10px; }
  #twoStepPackage2 .eventLi {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (max-width: 767px) {
  #twoStepPackage2 .eventLi .details {
    display: block;
    margin-left: 25px; }
  #twoStepPackage2 .tsp-step {
    padding: 0; } }

@media only screen and (max-width: 479px) {
  #twoStepPackage2 .table-cell {
    padding-left: 0; } }

/**
 * Two Step Package step 3
 * @author Edd
 *
 * @description Two Step Package step 3 module, used on Two Step Package step 3
 *              'EventBaseSelectionModule
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#twoStepPackage3 {
  /* Information column */
  /* Form section */
  /* ISM table */ }
  #twoStepPackage3 .title {
    width: 198px; }
  #twoStepPackage3 .alert, #twoStepPackage3 #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #twoStepPackage3 #singleSeatMessage.singleSeatWarning, #twoStepPackage3 .alert--info, #twoStepPackage3 .alert--warning, #twoStepPackage3 .alert--warning--full, #twoStepPackage3 .alert--error {
    margin-top: 20px;
    display: block; }
  #twoStepPackage3 .tsp-step {
    padding: 0 10px; }
    #twoStepPackage3 .tsp-step .instructions {
      font-size: 18px;
      font-weight: normal; }
  #twoStepPackage3 p#feeDisclaimer {
    margin: 10px auto 3px; }
  #twoStepPackage3 .desc {
    width: 670px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    /* IE9 fix - desc wrapping despite there being enough space */
    margin-right: -1px; }
  #twoStepPackage3 .ticket-option {
    float: left;
    width: 310px; }
    #twoStepPackage3 .ticket-option .warning-alert, #twoStepPackage3 .ticket-option #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #twoStepPackage3 .ticket-option #singleSeatMessage.singleSeatWarning {
      margin-left: 0;
      margin-right: 0; }
      #twoStepPackage3 .ticket-option .warning-alert .heading, #twoStepPackage3 .ticket-option #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .heading, #ismContainer .ismContent #twoStepPackage3 .ticket-option #singleSeatMessage.singleSeatWarning .heading {
        margin-left: 35px;
        padding-top: 5px;
        display: block; }
  #twoStepPackage3 .ticket-section {
    margin-left: 20px; }
  #twoStepPackage3 .options {
    margin: 4px 15px 0;
    clear: both; }
  #twoStepPackage3 .seatmap-link {
    clear: both;
    margin-left: 15px; }
  #twoStepPackage3 .notAvailableForSection {
    display: none; }
  #twoStepPackage3 .image-col {
    padding-left: 15px; }
  #twoStepPackage3 .col {
    margin: 0; }
  #twoStepPackage3 .infoText .limit-label {
    float: left;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0; }
  #twoStepPackage3 .infoText .tooltip, #twoStepPackage3 .infoText .pricetype-tooltip {
    font-size: 13px; }
  #twoStepPackage3 .infoText .count {
    padding: 2px 4px; }
  #twoStepPackage3 .infoText .info {
    cursor: pointer;
    line-height: 16px;
    margin-left: 10px; }
  #twoStepPackage3 .select-note {
    clear: left; }
  #twoStepPackage3 .icon.info {
    cursor: pointer; }
  #twoStepPackage3 .ticketTypeCol .icon.info {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    border: 0; }
    #twoStepPackage3 .ticketTypeCol .icon.info::before {
      font-size: 23px;
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      line-height: 24px; }
  @media only screen and (max-width: 767px) {
    #twoStepPackage3 .ticketTypeCol .tooltip, #twoStepPackage3 .ticketTypeCol .pricetype-tooltip {
      left: 0 !important;
      width: calc(100% - 20px);
      margin: 0 10px; } }
  #twoStepPackage3 .form-container {
    margin-top: 10px;
    clear: left; }
  #twoStepPackage3 label {
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    margin-right: 10px;
    width: auto; }
    #twoStepPackage3 label .body {
      line-height: 18px;
      font-weight: normal; }
  #twoStepPackage3 #error_checkbox {
    margin-bottom: 0; }
    #twoStepPackage3 #error_checkbox label {
      line-height: 17px; }
    #twoStepPackage3 #error_checkbox input {
      float: left;
      margin-right: 8px;
      vertical-align: top; }
  #twoStepPackage3 .errorIncorrectAccountGroup {
    clear: left;
    font-size: 12px; }
  #twoStepPackage3 select[disabled] {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  #twoStepPackage3 .selectQuantity {
    float: left;
    width: 80px;
    margin-right: 5px; }
  #twoStepPackage3 .selectCategory {
    width: 225px; }
  #twoStepPackage3 .multi-level-tickets {
    margin: 15px 15px 10px;
    width: 100%; }
    #twoStepPackage3 .multi-level-tickets .table-header {
      font-weight: bold;
      text-align: left; }

/* Static Seatmaps */
#seatingMapsMultiple .body {
  text-align: center; }
  #seatingMapsMultiple .body img {
    max-width: 100%; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #twoStepPackage3 .alert, #twoStepPackage3 #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #twoStepPackage3 #singleSeatMessage.singleSeatWarning, #twoStepPackage3 .alert--info, #twoStepPackage3 .alert--warning, #twoStepPackage3 .alert--warning--full, #twoStepPackage3 .alert--error {
    margin-top: 5px;
    margin-bottom: 5px; }
  #twoStepPackage3 .image-col {
    padding-left: 10px; }
  #twoStepPackage3 .title {
    width: 80%; }
  #twoStepPackage3 .desc {
    width: 100%;
    padding-right: 10px; }
  #twoStepPackage3 .ticket-section {
    margin-left: 0; }
  #twoStepPackage3 .options {
    margin-top: 0; }
  #twoStepPackage3 .table .errorAlert {
    margin-bottom: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #twoStepPackage3 .ticket-option {
    width: 65%; }
    #twoStepPackage3 .ticket-option .warning-alert, #twoStepPackage3 .ticket-option #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #twoStepPackage3 .ticket-option #singleSeatMessage.singleSeatWarning {
      margin-right: 15px; }
  #twoStepPackage3 .selectCategory {
    width: 365px; }
  #twoStepPackage3 .ticket-section {
    width: 35%; }
  #twoStepPackage3 .infoText .icon {
    line-height: 21px; } }

@media only screen and (max-width: 767px) {
  #twoStepPackage3 {
    /*  This makes the table fit on mobile, but not well laid out. However this will only be shown after going
        through the ISM, which isn't currently possible on mobile. */ }
    #twoStepPackage3 .tsp-step {
      font-size: 16px;
      padding-left: 0;
      padding-right: 0; }
      #twoStepPackage3 .tsp-step span {
        font-size: 18px; }
    #twoStepPackage3 .selectCategory {
      clear: left;
      width: 100%; }
    #twoStepPackage3 .ticket-option {
      width: 100%; }
    #twoStepPackage3 .multi-level-tickets {
      margin-left: 0; }
      #twoStepPackage3 .multi-level-tickets th,
      #twoStepPackage3 .multi-level-tickets td {
        padding: 0 1px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #twoStepPackage3 .title {
    width: 75%; }
  #twoStepPackage3 .infoText .icon {
    line-height: 21px; } }

@media only screen and (max-width: 479px) {
  #twoStepPackage3 .title {
    margin-left: 15px; }
  #twoStepPackage3 .ticket-option .warning-alert, #twoStepPackage3 .ticket-option #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent #twoStepPackage3 .ticket-option #singleSeatMessage.singleSeatWarning {
    margin-left: 0; }
  #twoStepPackage3 .requires-login {
    font-size: 14px;
    padding-bottom: 10px; } }

/*
 * Event Notification module
 * @author Ming
 *
 * @description Appears in the checkout flow
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
#notificationResponsive {
  margin-bottom: 15px; }
  #notificationResponsive #warningBox {
    background-color: #fff; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  #notificationResponsive {
    margin: 0 10px 10px; } }

/**
 * The checkout continue button. Currently used on personalised Tickets, generic enough
 * to roll out through the checkout to replace the old version.
 */
.continue {
  border-top: 1px solid #c9cac8;
  padding: 10px 0;
  text-align: center; }

.continue__submit {
  margin: 10px auto; }

.continue__description {
  font-style: italic; }

.seatmap__section {
  background: hotpink; }

.seatmap__section__label {
  font-size: 160px;
  color: currentColor; }

/**
 * Media box
 *
 * Image on the left. Information box on the right.
 *
 * Example: ADP
 */
/**
 * Media box with basic padding around.
 */
.mediabox, .adp__container, .infomodule__container, .adp__container--small, .infomodule__container--small {
  padding: 15px;
  margin-bottom: 20px; }
  .mediabox > img, .adp__container > img, .infomodule__container > img, .adp__container--small > img, .infomodule__container--small > img {
    float: left;
    padding-right: 15px; }
    @media only screen and (max-width: 767px) {
      .mediabox > img, .adp__container > img, .infomodule__container > img, .adp__container--small > img, .infomodule__container--small > img {
        width: 35%; } }

/**
 * Everything related to ADP Biography modul
 */
.adp, .adp--thin, .vdp--thin, .vdp {
  position: relative; }
  .adp .ishidden, .adp--thin .ishidden, .vdp--thin .ishidden, .vdp .ishidden {
    display: none; }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .has-advert .adp, .has-advert .adp--thin, .has-advert .vdp--thin {
    width: calc(100% - 320px);
    min-height: 250px; } }

.attraction__content {
  position: relative;
  margin: 0 5px; }

@media only screen and (min-width: 1000px) {
  .has-advert .attraction__content__inner {
    width: calc(100% - 320px);
    min-height: 600px; } }

.oldie .has-advert .attraction__content__inner {
  width: 660px; }

/**
 * When we have ads on the page we need to make ADP thiner which
 * requires some special stylings.
 */
@media only screen and (min-width: 1000px) {
  .adp--thin, .vdp--thin {
    width: 68.5%;
    float: left; }
    .adp--thin .adp__social, .vdp--thin .adp__social {
      width: 48%; } }

.adp__container, .infomodule__container, .adp__container--small, .infomodule__container--small {
  position: relative;
  overflow: hidden;
  height: auto; }
  @media only screen and (min-width: 767px) {
    .adp__container.isclosed, .infomodule__container.isclosed, .isclosed.adp__container--small, .isclosed.infomodule__container--small {
      height: 257px; } }
  .adp__container:after, .infomodule__container:after, .adp__container--small:after, .infomodule__container--small:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #fff; }

@media only screen and (min-width: 767px) {
  .adp__container--small.isclosed, .infomodule__container--small.isclosed {
    height: auto; } }

/**
 * Some widths have magic numbers. It's so the content can be more responsive.
 */
.adp__social {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  width: 65%; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .adp__social {
      width: 55%; } }
  @media only screen and (max-width: 767px) {
    .adp__social {
      width: auto;
      margin: 0; } }
  .has-advert .adp__social {
    width: 48%; }

.adp__socialbtns, .adp__socialbtns--thin {
  float: left;
  width: 28%;
  margin-left: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .adp__socialbtns, .adp__socialbtns--thin {
      width: 40%; } }
  @media only screen and (max-width: 767px) {
    .adp__socialbtns, .adp__socialbtns--thin {
      width: auto; } }

/**
 * Thin version. When ad is active.
 */
.adp--thin .adp__social {
  margin-bottom: 20px; }

.adp__socialbtns--thin {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .adp__socialbtns--thin {
      margin: 0; } }
  .adp__socialbtns--thin .fb-like {
    float: left; }

.adp__addThis {
  float: left;
  margin-right: 10px;
  margin-top: 2px; }

.adp__content, .vdp__content {
  display: none; }
  .adp__content.isdisplayed, .vdp__content.isdisplayed {
    display: block; }
  @media only screen and (min-width: 767px) {
    .adp__content, .vdp__content {
      display: block; } }

@media only screen and (min-width: 767px) {
  .adp__content {
    padding-bottom: 4em; } }

@media only screen and (max-width: 767px) {
  .vdp__container .isclosed .showmore__content {
    display: none; } }

.adp__overlay {
  position: relative; }
  .adp__overlay:before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.adp__showmore, .adp__showmore--full {
  display: none; }
  @media only screen and (min-width: 767px) {
    .adp__showmore, .adp__showmore--full {
      display: block;
      position: absolute;
      left: 15px;
      bottom: 15px;
      width: 100%;
      height: 30px;
      background-color: #fff;
      box-shadow: 10px 0px 12px 20px white; }
      .adp__showmore > a, .adp__showmore--full > a {
        margin-top: 0; } }

.infomodule__contentheading {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 19px;
  background-color: #475058;
  color: #fff;
  background-color: #323232; }
  .infomodule__contentheading.isactive {
    background-color: #c9cac8;
    color: #475058; }
  @media only screen and (max-width: 767px) {
    .infomodule__contentheading {
      cursor: pointer; } }

/**
 * Because title should be clickable on mobile we need special heading for ADP.
 *
 * 1. We are using line-height for heading across whole page which is good.
 *    Here we need to use paddings and we want to match it to other headings.
 *    That's, unfortunately, leading us to use magic numbers for padding.
 */
.infomodule__title {
  margin: 0;
  width: 80%;
  padding: 9px 0 8px 20px;
  /* [1] */
  line-height: 1.2;
  display: table-cell; }

.infomodule__showmoremobile {
  /**
     * This is transparent layer covering whole heading so we don't need to
     * add another click event with JS.
     */
  width: 40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #c9cac8; }
  .infomodule__showmoremobile:before {
    font-size: 26px;
    line-height: 40px;
    vertical-align: bottom;
    color: #475058; }
  .infomodule__showmoremobile:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    margin: 0 15px; }
  @media only screen and (min-width: 767px) {
    .infomodule__showmoremobile {
      display: none; } }

.isactive .infomodule__showmoremobile {
  background-color: #475058; }
  .isactive .infomodule__showmoremobile:before {
    color: #c9cac8; }

.isclosed .adp__showmore, .isclosed .adp__showmore--full {
  left: 335px; }

.isclosed .adp__showmore--full {
  left: 15px; }

@media only screen and (max-width: 767px) {
  .isclosed .infomodule__content {
    display: none; } }

/**
 * Infomodule is a catch-all details module, currently on the ADP and VDP. Hopefully the specific
 * classes relating to those 2 modules can be removed in favour of infomodule, with a few overrides.
 */
/* As the show_more button is position: absolute, this padding provides space for it to sit. Without
 * it, the box-shadow overlaps the bottom of the text. */
.infomodule__content {
  padding-bottom: 60px; }

.infomodule__media__image {
  float: left;
  padding-right: 15px; }
  @media only screen and (max-width: 767px) {
    .infomodule__media__image {
      width: 35%;
      height: auto; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .has-advert .infomodule__media {
    width: 35%;
    height: auto; } }

.infomodule__topicheader {
  font-weight: bold; }

.infomodule__address__line {
  display: block; }

.infomodule__general {
  margin-left: 155px; }
  @media only screen and (max-width: 767px) {
    .infomodule__general {
      margin-left: 35%; } }
  .infomodule__general.is-fullwidth {
    margin-left: 0; }

.infomodule__url {
  overflow: hidden;
  text-overflow: ellipsis; }

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

.infomodule__wheretostay iframe {
  width: 330px;
  height: 30px; }
  @media only screen and (max-width: 767px) {
    .infomodule__wheretostay iframe {
      display: none; } }

/**
 * Ads
 */
.vdp__ads {
  float: right; }
  @media only screen and (max-width: 999px) {
    .vdp__ads {
      float: none; } }
  @media only screen and (max-width: 767px) {
    .vdp__ads {
      display: none; } }

.adp__ads {
  position: absolute;
  top: 0;
  right: 0; }
  @media only screen and (max-width: 999px) {
    .adp__ads {
      max-height: 250px;
      overflow: hidden; } }

/**
 * Shame
 */
.adp__social .atclear {
  clear: none; }

/**
 * To force BV ratings popup to show in different position.
 */
.adp__social .BVRRRatingsHistogramButtonPopin {
  left: 0; }

.page--pending-payment {
  background-color: #fff;
  text-align: center;
  line-height: 1.5;
  color: #475058;
  font-size: 16px; }
  .page--pending-payment .header--light__main {
    text-align: center; }
  .page--pending-payment .header--light {
    min-height: 83px; }
  @media only screen and (max-width: 767px) {
    .page--pending-payment .header--light__main {
      padding-left: 0; } }

@media only screen and (min-width: 768px) {
  .no-flexbox .page--pending-payment .logo {
    float: none; } }

.pending-payment__head {
  height: 90px; }

.pending-payment__logo {
  height: 20px;
  margin: 35px 0; }

.pending-payment__amount {
  height: 80px;
  padding: 15px 0;
  font-weight: bold;
  background-color: #007DB3;
  color: #fff;
  margin-bottom: 40px; }

.pending-payment__lead {
  font-size: 21px;
  margin-bottom: 40px; }

.pending-payment__icon {
  margin: 40px auto; }

@-webkit-keyframes ui-spinner-rotate-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ui-spinner-rotate-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes ui-spinner-rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ui-spinner-rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.polling-checkmark {
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  background: none repeat scroll 0 0 #f6f7f9;
  border-radius: 50%; }

.polling-checkmark:after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 52px;
  height: 52px;
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  content: '';
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.polling-checkmark__left {
  position: absolute;
  height: 100%;
  width: 50%;
  overflow: hidden;
  left: 0; }

.polling-checkmark__right {
  position: absolute;
  height: 100%;
  width: 50%;
  overflow: hidden;
  left: 50%; }

.polling-checkmark__left:after,
.polling-checkmark__right:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background: none repeat scroll 0 0 #007DB3;
  opacity: 0.8;
  -webkit-animation: ui-spinner-rotate-left 3s infinite;
          animation: ui-spinner-rotate-left 3s infinite;
  -webkit-animation-delay: 0.625s;
          animation-delay: 0.625s;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 0 50% 0;
      -ms-transform-origin: 0 50% 0;
          transform-origin: 0 50% 0;
  border-radius: 999px;
  content: ''; }

.polling-checkmark__left:after {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
  -webkit-animation-name: ui-spinner-rotate-right;
          animation-name: ui-spinner-rotate-right; }

.polling-checkmark__right:after {
  left: -100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transform-origin: 100% 50% 0;
      -ms-transform-origin: 100% 50% 0;
          transform-origin: 100% 50% 0; }

.polling-checkmark__icon {
  position: relative;
  z-index: 1; }

.icon-polling-checkmark {
  display: inline-block;
  width: 60px;
  height: 60px;
  fill: #007DB3; }

/**
 * Partials
 */
/**
 * Method of Delivery / Method of Payment common rules
 * @author john.souris
 * @see #MNXWEB-5420
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.major.block {
  position: relative;
  padding-right: 36px; }
  .major.block .aInfo {
    position: absolute;
    right: 12px;
    top: 9px;
    font-size: 21px;
    color: #fff; }
  .major.block .aInfo:hover {
    color: #fff;
    text-decoration: none; }
  .major.block .icon-info-hover-2 {
    color: #fff; }

.inactiveOverlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.inactive {
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .inactive .inactiveOverlay {
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0); }

.boxStyle ul {
  margin: 0; }

.boxStyle fieldset {
  min-width: inherit; }

/**
 * This puts a transparent overlay to stop the content being active, needed to the terms lightboxes cannot be opened as this causes display issues
 */
.ie7 .inactive .inactiveOverlay {
  background: white;
  filter: alpha(opacity=1); }

.polling {
  opacity: 0.5;
  filter: alpha(opacity=50); }
  .polling .inactiveOverlay {
    display: block;
    background: transparent url("../../images/polling75.gif") no-repeat center center; }

.checkoutSelection fieldset {
  margin: 0;
  background-color: inherit; }

.checkoutSelection > ul {
  margin-bottom: 0; }

.checkoutSelection.boxStyle {
  padding: 0; }

.checkoutSelection .errorAlert {
  margin: 11px 11px; }

.checkoutSelection div.message {
  font-weight: bold;
  padding: 11px 12px 0;
  border-bottom: 1px solid #c9cac8; }

.checkoutSelection > ul > li {
  border-top: 1px solid #c9cac8;
  position: relative;
  padding: 14px 10px 10px;
  margin: 0;
  cursor: pointer;
  zoom: 1; }
  .checkoutSelection > ul > li:after {
    clear: both; }
  .checkoutSelection > ul > li:before, .checkoutSelection > ul > li:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .checkoutSelection > ul > li .inputRadio {
    position: absolute;
    top: 13px;
    left: 14px;
    cursor: pointer; }
  .checkoutSelection > ul > li .price {
    position: absolute;
    right: 20px;
    top: 14px;
    font-size: 1.2em;
    font-weight: bold; }
  .checkoutSelection > ul > li .desc {
    margin: 10px 0 10px 35px;
    padding-top: 5px;
    clear: both;
    font-size: .9em;
    color: #666; }
  .checkoutSelection > ul > li .align {
    margin-left: 35px;
    font-size: .9em; }
    .checkoutSelection > ul > li .align label {
      margin-left: 0;
      line-height: 20px;
      margin-top: 4px;
      font-size: 15px; }
  .checkoutSelection > ul > li.eticket {
    background-color: #e6e6e6;
    background-image: url(../../../static/images/eticket.png);
    background-repeat: no-repeat;
    background-position: 100% 50%; }
    .checkoutSelection > ul > li.eticket .ticket-bg {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      overflow: hidden; }
      .checkoutSelection > ul > li.eticket .ticket-bg > img {
        margin-top: -35px; }
  .checkoutSelection > ul > li label {
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 35px;
    display: block; }
    .checkoutSelection > ul > li label .name {
      font-size: 1.2em;
      font-weight: bold;
      padding-right: 10px; }
  .checkoutSelection > ul > li.active {
    background-color: #99d7f2; }
    .checkoutSelection > ul > li.active .icon-tick, .checkoutSelection > ul > li.active .personalisedtickets__name:before {
      display: block; }
    .checkoutSelection > ul > li.active .desc {
      color: #333; }
  .checkoutSelection > ul > li:first-child {
    border-top: none; }
  .checkoutSelection > ul > li .icon {
    font-size: 21px; }
  .checkoutSelection > ul > li .icon-tick, .checkoutSelection > ul > li .personalisedtickets__name:before {
    float: left;
    margin-right: 5px;
    color: #000;
    font-size: 25px;
    display: none; }
    .checkoutSelection > ul > li .icon-tick:hover, .checkoutSelection > ul > li .personalisedtickets__name:hover:before {
      color: #000; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  .checkoutSelection div.message {
    display: none; } }

@media only screen and (max-width: 767px) {
  .checkoutSelection > ul > li .align label {
    line-height: 2.2em; }
  .checkoutSelection > ul > li .desc {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media only screen and (max-width: 479px) {
  .checkoutSelection > ul > li .price {
    font-size: 1em; }
  .checkoutSelection > ul > li .icon {
    font-size: 18px; }
  .checkoutSelection > ul > li .desc {
    margin-left: 28px; }
  .checkoutSelection > ul > li label {
    margin-left: 28px;
    line-height: 1.2em; } }

.delivery-type {
  margin: 10px 0; }

.delivery-name {
  padding-bottom: 10px; }

.confirmation__message {
  margin-left: 32px; }
  @media only screen and (max-width: 767px) {
    .confirmation__message {
      margin-left: 0; } }
  .confirmation__message strong {
    font-size: 18px;
    color: #666; }
  .confirmation__message .delivery__desc {
    font-size: 12px; }

/**
 * Components
 */
/**
 * Lightbox
 * @author rebecca.howard
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General Rules
 *     # Responsive Parts
 */
/**
 * @section Variables
 * ==================================================
 */
/**
 * @section General Rules
 * ==================================================
 */
.lightBoxContainer {
  display: none; }
  .lightBoxContainer.show {
    display: block; }
  .lightBoxContainer h5 {
    font-weight: bold; }
  .lightBoxContainer .lightBoxContent {
    border: 5px solid #333;
    width: 545px;
    position: absolute;
    left: 50%;
    margin: 0 auto;
    margin-left: -320px;
    background: #fff;
    z-index: 9999; }
    .lightBoxContainer .lightBoxContent input.text {
      margin-right: 10px;
      float: left;
      width: 136px; }
    .lightBoxContainer .lightBoxContent .close {
      position: absolute;
      top: 0;
      right: 5px;
      display: block;
      cursor: pointer;
      color: #fff;
      font-size: 18px; }
    .lightBoxContainer .lightBoxContent .lightBoxTitle {
      background-color: #333;
      color: #fff;
      line-height: 1.4em;
      font-size: 1.2em;
      font-weight: bold;
      padding-top: 1px;
      padding-bottom: 0.3em;
      padding-left: 15px;
      padding-right: 41px;
      margin: -1px -1px 0 -1px;
      min-height: 23px; }
    .lightBoxContainer .lightBoxContent.nopadding .lightBoxTitle {
      padding-left: 5px; }
    .lightBoxContainer .lightBoxContent .btn_submit, .lightBoxContainer .lightBoxContent .continue__submit {
      margin: 10px auto; }
    .lightBoxContainer .lightBoxContent .lightboxContent__pcontainer {
      width: 304px;
      margin: 5px auto 0; }
    .lightBoxContainer .lightBoxContent.is-hidden {
      display: none; }
    .lightBoxContainer .lightBoxContent .lightboxContent__p {
      width: 272px;
      margin: 0; }
  .lightBoxContainer .body {
    padding: 10px 14px 14px 14px; }
    .lightBoxContainer .body .buttons {
      display: block;
      text-align: center;
      margin: 10px 0; }
    .lightBoxContainer .body .alert, .lightBoxContainer .body #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, #ismContainer .ismContent .lightBoxContainer .body #singleSeatMessage.singleSeatWarning, .lightBoxContainer .body .alert--info, .lightBoxContainer .body .alert--warning, .lightBoxContainer .body .alert--warning--full, .lightBoxContainer .body .alert--error {
      margin-bottom: 15px; }
    .lightBoxContainer .body .close {
      position: static;
      display: inline-block;
      color: #007DB3;
      font-size: inherit;
      font-weight: bold; }
  .lightBoxContainer .lightBoxBG {
    background-color: #000;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }

.lightbox__iframe {
  width: 100%;
  min-height: 420px; }

/* Timeout Lightbox should always appear in front of other lightboxes */
#timeOutLightBox .lightBoxContent {
  z-index: 125; }

#timeOutLightBox .lightBoxBG {
  z-index: 121; }

.lightboxIsOpen #wrap {
  position: relative;
  z-index: 3; }

/**
 * @section Responsive Parts
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  .lightBoxContainer .lightBoxContent {
    margin-left: -155px;
    width: 300px; }
    .lightBoxContainer .lightBoxContent .body {
      margin: 0 auto; }
    .lightBoxContainer .lightBoxContent .close {
      top: 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .lightBoxContainer .lightBoxContent {
    width: 375px;
    margin-left: -187px; } }

/**
 * Errors and Alerts
 * @author rebecca.howard, john.souris
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 */
/**
 * @section General Rules
 * ==================================================
 */
.alert .icon, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .icon, .alert--info .icon, .alert--warning .icon, .alert--warning--full .icon, .alert--error .icon, .alert--error .alert--error__icon {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 1em;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-size: 1.3em; }

.alert, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning, .alert--info, .alert--warning, .alert--warning--full, .alert--error {
  padding: 10px; }
  .alert p, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning p, .alert--info p, .alert--warning p, .alert--warning--full p, .alert--error p {
    margin: 0; }
  .alert .heading, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .heading, .alert--info .heading, .alert--warning .heading, .alert--warning--full .heading, .alert--error .heading {
    font-size: 1.1em;
    margin: 0 0 5px;
    font-weight: bold; }
  .alert .message, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .message, .alert--info .message, .alert--warning .message, .alert--warning--full .message, .alert--error .message,
  .alert .heading, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .heading, .alert--info .heading, .alert--warning .heading, .alert--warning--full .heading, .alert--error .heading,
  .alert .checkbox, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .checkbox, .alert--info .checkbox, .alert--warning .checkbox, .alert--warning--full .checkbox, .alert--error .checkbox {
    margin: 0 0 0 43px; }
    .alert .message label, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .message label, .alert--info .message label, .alert--warning .message label, .alert--warning--full .message label, .alert--error .message label,
    .alert .heading label, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .heading label, .alert--info .heading label, .alert--warning .heading label, .alert--warning--full .heading label, .alert--error .heading label,
    .alert .checkbox label, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .checkbox label, .alert--info .checkbox label, .alert--warning .checkbox label, .alert--warning--full .checkbox label, .alert--error .checkbox label {
      float: none;
      width: auto; }
  .alert .heading, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .heading, .alert--info .heading, .alert--warning .heading, .alert--warning--full .heading, .alert--error .heading {
    margin-bottom: 4px; }
  .alert .checkbox input, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .checkbox input, .alert--info .checkbox input, .alert--warning .checkbox input, .alert--warning--full .checkbox input, .alert--error .checkbox input {
    vertical-align: top; }
  .alert .checkbox p, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .checkbox p, .alert--info .checkbox p, .alert--warning .checkbox p, .alert--warning--full .checkbox p, .alert--error .checkbox p {
    width: 85%;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px; }

.errorAlert {
  border: 3px solid #d0092c;
  background-color: #fff; }
  .errorAlert .icon {
    background-color: #DC1921; }
  .errorAlert .icon-warning, .errorAlert .alert--error .alert--error__icon, .alert--error .errorAlert .alert--error__icon {
    background-color: transparent;
    color: #d0092c;
    font-size: 2em;
    margin-top: -3px; }

.alert--info {
  width: 100%;
  border: 3px solid #255b82;
  padding: 15px 10px; }
  .alert--info .alert--info__icon {
    background-color: transparent;
    color: #255b82;
    font-size: 2em;
    margin-top: -3px; }

.alert--warning, .alert--warning--full {
  border: 3px solid #e98300;
  padding: 15px 10px; }
  .alert--warning .alert--warning__icon, .alert--warning--full .alert--warning__icon {
    background-color: transparent;
    color: #e98300;
    font-size: 2em;
    margin-top: -3px; }

.alert--error {
  border: 3px solid #d0092c;
  padding: 15px 10px;
  margin: 15px; }
  .alert--error .alert--error__icon {
    color: #d0092c;
    font-size: 28px; }

.warning-alert, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning {
  border: 3px solid #e98300; }
  .warning-alert .icon, #ismContainer .ismContent #singleSeatMessage.singleSeatWarning .icon {
    background-color: none;
    color: #e98300;
    font-size: 2em; }

.goodNewsAlert {
  position: relative;
  border: 3px solid #e98300;
  background: #fff;
  width: 94%;
  min-height: 60px;
  margin-bottom: 17px; }
  .goodNewsAlert:after, .goodNewsAlert:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin: -2px -23px 0 0; }
  .goodNewsAlert:before {
    right: -3px;
    top: -1px;
    border-top: 43px solid transparent;
    border-left: 23px solid #e98300;
    border-bottom: 43px solid transparent; }
  .goodNewsAlert:after {
    right: 1px;
    top: 2px;
    background: transparent;
    border-top: 40px solid transparent;
    border-left: 22px solid #fff;
    border-bottom: 40px solid transparent;
    z-index: 1; }
  .goodNewsAlert .icon {
    color: #000;
    font-size: 1.7em; }

.warningAlert {
  border: 2px solid #d0092c; }
  .warningAlert .heading {
    color: #d0092c; }
  .warningAlert .icon {
    background-color: #007DB3;
    background-image: -moz-linear-gradient(top, #007DB3, #007DB3, #007DB3, #007DB3); }

.warningLBoxAlert.alert, #ismContainer .ismContent .warningLBoxAlert#singleSeatMessage.singleSeatWarning, .warningLBoxAlert.alert--info, .warningLBoxAlert.alert--warning, .warningLBoxAlert.alert--warning--full, .warningLBoxAlert.alert--error {
  border: 2px solid #e98300; }
  .warningLBoxAlert.alert .icon, #ismContainer .ismContent .warningLBoxAlert#singleSeatMessage.singleSeatWarning .icon, .warningLBoxAlert.alert--info .icon, .warningLBoxAlert.alert--warning .icon, .warningLBoxAlert.alert--warning--full .icon, .warningLBoxAlert.alert--error .icon {
    border-radius: 0;
    color: #e98300;
    font-size: 32px;
    margin-right: 16px; }

.infoAlert {
  border: 1px solid #bcbcbc;
  background: #99d7f2; }
  .infoAlert .icon {
    color: #000; }
  .infoAlert icon:hover {
    content: inherit; }

.infoBoxAlert {
  border: 3px solid #4c5cc5; }
  .infoBoxAlert .icon {
    background-color: #4c5cc5; }
  .infoBoxAlert .icon-warning, .infoBoxAlert .alert--error .alert--error__icon, .alert--error .infoBoxAlert .alert--error__icon {
    background-color: transparent;
    color: #4c5cc5;
    font-size: 2em; }

.successAlert {
  border: 3px solid #000; }
  .successAlert .icon {
    color: #000; }
  .successAlert .icon:hover {
    content: inherit; }

.searchresults__error {
  clear: both; }
  .searchresults__error .alert--info {
    margin: 15px;
    width: inherit; }

@media only screen and (max-width: 999px) {
  .goodNewsAlert {
    width: auto;
    min-height: auto;
    margin: 10px; }
  .goodNewsAlert:after,
  .goodNewsAlert:before {
    display: none; } }

/**
 * Checkout breadcrumbs
 * @author andy.west
 * @see #MNXWEB-4569
 *
 * @description Appears on: checkout
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.breadcrumbs, #breadcrumbs, .breadcrumbs--discovery {
  margin-bottom: 0;
  list-style: none; }

#breadcrumbs {
  margin-top: 0;
  height: 45px;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  background-color: #475058;
  color: #f6f7f9; }
  @media only screen and (max-width: 999px) {
    #breadcrumbs {
      width: 100%;
      margin: 0; } }
  #breadcrumbs .breadcrumbStep {
    float: left;
    position: relative;
    height: 100%;
    line-height: 45px;
    margin: 0; }
    #breadcrumbs .breadcrumbStep:before, #breadcrumbs .breadcrumbStep:after {
      content: '';
      position: absolute;
      top: -6px; }
    #breadcrumbs .breadcrumbStep:before {
      left: 1px;
      border-left: 21px solid #fff;
      border-top: 29px inset transparent;
      border-bottom: 29px inset transparent; }
    #breadcrumbs .breadcrumbStep:first-child {
      margin-left: -10.5px; }
      #breadcrumbs .breadcrumbStep:first-child:before {
        border: 0; }
      #breadcrumbs .breadcrumbStep:first-child .breadcrumbStepInner:before {
        border: 0; }
    #breadcrumbs .breadcrumbStep.liactive {
      background-color: #dfe4e7;
      color: #475058;
      white-space: nowrap; }
      #breadcrumbs .breadcrumbStep.liactive:after {
        right: -20px;
        z-index: 2;
        border-left: 21px solid #dfe4e7;
        border-top: 29px inset transparent;
        border-bottom: 29px inset transparent; }
      #breadcrumbs .breadcrumbStep.liactive + .breadcrumbStep:before {
        border: 0; }
      #breadcrumbs .breadcrumbStep.liactive + .breadcrumbStep .breadcrumbStepInner:before {
        border: 0; }
      #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepName {
        display: inline; }
      #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepNumber {
        display: none; }
      #breadcrumbs .breadcrumbStep.liactive.last {
        padding-right: 10.5px; }
        #breadcrumbs .breadcrumbStep.liactive.last:after {
          border: 0; }
    #breadcrumbs .breadcrumbStep + .breadcrumbStep.liactive:before {
      border: 0; }
    #breadcrumbs .breadcrumbStep .breadcrumbStepInner {
      margin-left: 21px; }
      #breadcrumbs .breadcrumbStep .breadcrumbStepInner:before {
        content: '';
        position: absolute;
        top: -6px;
        left: -1px;
        border-left: 21px solid #475058;
        border-top: 29px inset transparent;
        border-bottom: 29px inset transparent; }
    #breadcrumbs .breadcrumbStep .breadcrumbStepName {
      display: none; }

.numSteps-3 .breadcrumbStep {
  width: 33.3%; }

.numSteps-4 .breadcrumbStep {
  width: 25%; }

.numSteps-5 .breadcrumbStep {
  width: 20%; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 767px) {
  #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepName {
    display: none; }
  #breadcrumbs .breadcrumbStep.liactive .breadcrumbStepNumber {
    display: inline; } }

/**
 * @section Alternatives
 * ==================================================
 * Site wide breadcrumbs
 */
/**
  * @section Alternatives
  * ==================================================
  */
.breadcrumbs--discovery {
  padding: 0;
  font-size: 0;
  /* Closes gap between multi line breadcrumbs */
  line-height: 10px;
  /* Indents all subsequent lines in the case of a line wrap */
  margin: 0 0 10px 32px;
  text-indent: -32px; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs--discovery {
      padding: 0 10px; } }

.breadcrumbs__item, .breadcrumbs__home {
  vertical-align: top;
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  text-indent: 0; }
  .breadcrumbs__item:after, .breadcrumbs__home:after {
    margin: 0 5px;
    content: '❯';
    color: #dfe4e7; }
    @media only screen and (max-width: 767px) {
      .breadcrumbs__item:after, .breadcrumbs__home:after {
        margin: 0 2px; } }
  .breadcrumbs__item:last-child:after, .breadcrumbs__home:last-child:after {
    content: none; }
  .breadcrumbs__item a, .breadcrumbs__home a {
    color: #475058;
    font-weight: bold; }
    .breadcrumbs__item a:hover, .breadcrumbs__home a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs__item, .breadcrumbs__home {
      font-size: 11px; } }

.breadcrumbs__home__label {
  margin-left: 5px; }

/**
 * Advert slots
 * @author rebecca.howard
 * @see #MNXWEB-4622
 * @see #MNXWEB-4623
 * @see #MNXWEB-4688
 *
 * Table of Contents
 * ==================================================
 *     # General Rules
 *     # Old Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.ad {
  margin: 0 auto;
  text-align: center; }

.topBanners {
  line-height: 0; }

.boxStyle .ad {
  margin-bottom: 0;
  line-height: 0; }

.boxStyle .smallBanners {
  height: 100px; }
  .boxStyle .smallBanners li {
    float: left; }
    .boxStyle .smallBanners li:first-child {
      margin-right: 25px; }

/**
 * @section Old Rules
 * ==================================================
 */
.emergingartistAd {
  margin-bottom: 20px; }

.rightrailsponsorAd {
  margin-bottom: 20px; }

.leftrailsponsorAd {
  margin-bottom: 20px; }

.leftrailtourAd {
  margin: 0 auto 30px;
  text-align: center; }

.skyscraperAd {
  margin-top: 20px;
  text-align: center;
  width: 175px; }

.leftrailAd {
  margin-bottom: 20px;
  text-align: center;
  width: 180px; }

.rightrailAd {
  margin-bottom: 20px; }

.onsaleAd {
  margin-bottom: 20px;
  margin-left: 5px; }

.sponsorAd {
  margin-bottom: 10px; }

.leaderboardAd {
  background: none repeat scroll 0 0 transparent;
  background-position: bottom;
  background-repeat: repeat-x;
  padding: 10px 0 0;
  text-align: center; }

.scandicAd {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center; }

.pushdownAd {
  overflow: hidden; }

.pushdownAd,
.wallpaperAd,
.overlayAd {
  line-height: 0; }

.pushdownAd a,
.wallpaperAd a,
.overlayAd a {
  line-height: 0; }

.leaderboardAd {
  padding: 10px 0;
  overflow: hidden;
  margin-bottom: 0; }
  .leaderboardAd.ad div {
    display: inline-block !important;
    margin: 0 auto !important; }

.centreMPUAd {
  margin-left: auto;
  margin-right: auto; }

/* Required to position the breadcrumbs properly */
.container--pushdownAd {
  margin-bottom: 5px; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #secondaryContent .ad {
    display: none; }
  .leaderboardAd {
    padding: 0; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .smallBanners {
    margin-left: 34px; } }

@media only screen and (max-width: 767px) {
  .smallBanners {
    width: 300px;
    margin: 0 auto; }
    .smallBanners .ad2 {
      display: none; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .leaderboardAd {
    padding: 10px 0; } }

@media only screen and (max-width: 479px) {
  .leaderboardAd {
    padding: 0; } }

.tooltipicon, .personalisedtickets__attendees__info__icon {
  position: relative;
  z-index: 1;
  cursor: pointer; }

.tooltipcontainer {
  position: absolute;
  left: 18px;
  width: 200px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #666;
  cursor: default;
  font-weight: normal; }
  .tooltipcontainer::before, .tooltipcontainer::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-right: 10px solid;
    border-top: 10px inset transparent;
    border-bottom: 10px inset transparent; }
  .tooltipcontainer::before {
    left: -10px;
    border-right-color: #666; }
  .tooltipcontainer::after {
    left: -9px;
    border-right-color: #fff; }
  .tooltipcontainer p {
    margin: 0; }
    .tooltipcontainer p + p {
      margin-top: 10px; }

.tooltipcontainer--checkout {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 300px;
  background-color: #fff;
  border: 5px solid #007DB3;
  border-top: 0; }
  @media only screen and (max-width: 767px) {
    .tooltipcontainer--checkout {
      top: 10px;
      left: 0;
      right: 0;
      width: auto; } }

.tooltip__header {
  background-color: #007DB3;
  color: #fff;
  font-size: 15px; }

.tooltip__header__heading {
  margin: 0 5px;
  padding: 4px 20px 4px 0;
  font-weight: bold;
  line-height: 1.5; }

.tooltip__close {
  position: absolute;
  top: 3px;
  right: -3px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #fff; }
  .tooltip__close:hover {
    color: #fff; }

.tooltip__content {
  padding: 10px 10px 0;
  font-size: 13px; }

/**
 * Tooltip Extends Lightbox styles
 * @author john.souris
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Responsive Parts
 */
/* @section General Rules
================================================== */
.tooltip, #ismPopups .pricetype-tooltip, .pricetype-tooltip {
  z-index: 10;
  background: #fff;
  border: 8px solid #007DB3;
  box-sizing: border-box;
  position: absolute;
  width: 261px;
  text-align: left; }
  .tooltip.fixed-width, #ismPopups .fixed-width.pricetype-tooltip, .fixed-width.pricetype-tooltip {
    width: 340px; }
  .tooltip .tt-name, #ismPopups .pricetype-tooltip .tt-name, .pricetype-tooltip .tt-name {
    background-color: #007DB3;
    color: #fff;
    line-height: 1.4em;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 0.3em;
    padding-left: 4px;
    padding-right: 41px;
    margin: -1px -1px 0 -1px;
    min-height: 21px; }
  .tooltip .body, #ismPopups .pricetype-tooltip .body, .pricetype-tooltip .body {
    display: block;
    padding: 12px; }
    .tooltip .body .buttons, #ismPopups .pricetype-tooltip .body .buttons, .pricetype-tooltip .body .buttons {
      display: block;
      text-align: center;
      margin: 10px 0; }
    .tooltip .body .image, #ismPopups .pricetype-tooltip .body .image, .pricetype-tooltip .body .image {
      clear: both;
      display: block;
      text-align: center;
      margin: 10px 0; }
  .tooltip .close, #ismPopups .pricetype-tooltip .close, .pricetype-tooltip .close {
    position: absolute;
    top: -2px;
    right: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    width: auto;
    height: auto;
    text-align: right; }
  .tooltip .message-box-buttons, #ismPopups .pricetype-tooltip .message-box-buttons, .pricetype-tooltip .message-box-buttons {
    margin-bottom: 10px;
    text-align: center; }
    .tooltip .message-box-buttons input, #ismPopups .pricetype-tooltip .message-box-buttons input, .pricetype-tooltip .message-box-buttons input {
      margin-right: 10px; }
  .tooltip .tooltip__contentheader, #ismPopups .pricetype-tooltip .tooltip__contentheader, .pricetype-tooltip .tooltip__contentheader {
    font-weight: bold;
    padding: 0 0 2px; }
  .tooltip .tooltip__content, #ismPopups .pricetype-tooltip .tooltip__content, .pricetype-tooltip .tooltip__content {
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    padding: 0;
    margin-bottom: 12px; }
    .tooltip .tooltip__content:last-child, #ismPopups .pricetype-tooltip .tooltip__content:last-child, .pricetype-tooltip .tooltip__content:last-child {
      margin-bottom: 0; }

.tt-pointer-down {
  position: absolute;
  content: '';
  right: 10px;
  bottom: 0;
  height: 0;
  width: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 22px solid #007DB3;
  margin-bottom: -22px; }

.tt-pointer-up--topleft::after,
.tt-pointer-up {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  height: 0;
  width: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 16px solid #007DB3;
  margin-top: -24px; }

.tt-pointer-up-right {
  right: 12px;
  left: auto; }

/**
 * generic component styles
 * @author John
 *
 * @description These styles may be used throughout modules and pages
 *
 * Table of Content
 * ==================================================
 *     # General Rules
 *     # Media Queries
 */
/**
 * @section General Rules
 * ==================================================
 */
.show-hide-container {
  overflow: hidden;
  position: relative; }
  .show-hide-container p {
    margin-top: 0; }

.no-doc-flow {
  position: absolute; }

/**
 * Table content stacks up for smaller screens
 */
.table--stack, .table--stack--noborder, .personalisedtickets__attendees {
  display: table;
  width: 100%;
  line-height: 1.5;
  font-size: 13px;
  border-top: 1px solid #c9cac8; }
  @media only screen and (max-width: 767px) {
    .table--stack, .table--stack--noborder, .personalisedtickets__attendees {
      display: block; } }

.table--stack--noborder {
  border-top: none; }

.table__row, .table__row--heading, .table__row--event, .table__row--ticketdetails, .personalisedtickets__attendees__form, .personalisedtickets__attendees__info {
  display: table-row;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .table__row, .table__row--heading, .table__row--event, .table__row--ticketdetails, .personalisedtickets__attendees__form, .personalisedtickets__attendees__info {
      display: block;
      position: relative;
      border-bottom: 1px solid #c9cac8; } }

.table__row--event {
  min-height: 30px; }
  @media only screen and (max-width: 767px) {
    .table__row--event {
      position: relative;
      min-height: 80px; } }

.table__row--noresults {
  display: block;
  padding: 20px 15px;
  border-bottom: 1px solid #c9cac8;
  font-weight: bold;
  text-align: center; }

.table__row--noresults__message {
  margin: 0; }

.table__cell, .table__cell--date,
.table__cell--eventname,
.table__cell--location,
.table__cell--availability, .table__cell--tickettype,
.table__cell--seatinfo,
.table__cell--otherinfo, .personalisedtickets__attendees__label,
.personalisedtickets__attendees__input,
.personalisedtickets__attendees__submit, .personalisedtickets__attendees__reference {
  display: table-cell;
  margin: 0;
  vertical-align: top;
  border-bottom: 1px solid #c9cac8; }
  @media only screen and (max-width: 767px) {
    .table__cell, .table__cell--date,
    .table__cell--eventname,
    .table__cell--location,
    .table__cell--availability, .table__cell--tickettype,
    .table__cell--seatinfo,
    .table__cell--otherinfo, .personalisedtickets__attendees__label,
    .personalisedtickets__attendees__input,
    .personalisedtickets__attendees__submit, .personalisedtickets__attendees__reference {
      display: block;
      border: 0; } }

/**
 * Column types
 */
.table__cell--date {
  width: 160px; }
  @media only screen and (max-width: 999px) {
    .table__cell--date {
      width: 57px;
      background-color: #f1f3f3; } }
  .has-advert .table__cell--date {
    width: 57px;
    background-color: #f1f3f3; }

@media only screen and (max-width: 767px) {
  .table__cell--eventname {
    margin-left: 57px; } }

@media only screen and (min-width: 1000px) {
  .has-advert .table__cell--eventname {
    min-width: 175px; } }

.oldie .has-advert .table__cell--eventname {
  min-width: 175px; }

@media only screen and (max-width: 767px) {
  .table__cell--location {
    margin-left: 57px; } }

@media only screen and (min-width: 1000px) {
  .has-advert .table__cell--location {
    min-width: 175px; } }

.oldie .has-advert .table__cell--location {
  min-width: 175px; }

.table__cell--availability {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .table__cell--availability {
      margin-top: 10px;
      margin-left: 57px;
      text-align: left; } }

@media only screen and (max-width: 767px) {
  .table__cell--date,
  .table__cell--eventname,
  .table__cell--location,
  .table__cell--availability {
    width: auto; } }

.table__cell--eventname,
.table__cell--location {
  min-width: 220px; }
  .search_results__content .table__cell--eventname, .search_results__content
  .table__cell--location {
    min-width: 160px; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .table__cell--eventname,
    .table__cell--location {
      min-width: 180px; } }
  @media only screen and (max-width: 767px) {
    .table__cell--eventname,
    .table__cell--location {
      min-width: 0; } }

/**
 * Cell types
 */
.table__cell__heading,
.table__cell__body,
.table__cell__body--date,
.table__cell__body--eventname,
.table__cell__body--location,
.table__cell__body--availability,
.table__cell__body--tickettype,
.table__cell__body--seatinfo,
.table__cell__body--otherinfo {
  padding: 20px 15px; }
  @media only screen and (max-width: 999px) {
    .table__cell__heading,
    .table__cell__body,
    .table__cell__body--date,
    .table__cell__body--eventname,
    .table__cell__body--location,
    .table__cell__body--availability,
    .table__cell__body--tickettype,
    .table__cell__body--seatinfo,
    .table__cell__body--otherinfo {
      padding: 10px 15px; } }
  @media only screen and (max-width: 767px) {
    .table__cell__heading,
    .table__cell__body,
    .table__cell__body--date,
    .table__cell__body--eventname,
    .table__cell__body--location,
    .table__cell__body--availability,
    .table__cell__body--tickettype,
    .table__cell__body--seatinfo,
    .table__cell__body--otherinfo {
      padding: 10px 35px 10px 15px; }
      .is-external .table__cell__heading,
      .is-external
      .table__cell__body,
      .is-external .table__cell__body--date,
      .is-external .table__cell__body--eventname,
      .is-external .table__cell__body--location,
      .is-external .table__cell__body--availability,
      .is-external .table__cell__body--tickettype,
      .is-external .table__cell__body--seatinfo,
      .is-external .table__cell__body--otherinfo {
        padding-right: 60px; } }

.table__cell__heading {
  margin: 0;
  line-height: 1.5;
  font-weight: bold; }

@media only screen and (max-width: 767px) {
  .table__cell__body--date {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 57px;
    padding-left: 0;
    padding-right: 0;
    background-color: #f1f3f3; }
    .is-external .table__cell__body--date {
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .table__cell__body--eventname {
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .table__cell__body--location {
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .table__cell__body--availability {
    padding-top: 0;
    padding-bottom: 0; } }

.table__heading, .table__heading--packagelabel, .table__cell--tickettype__heading {
  margin: 0;
  line-height: 1.5;
  font-weight: bold; }

.table__heading--packagelabel {
  display: block;
  color: #e98300; }

.tooltipicon, .personalisedtickets__attendees__info__icon {
  margin-left: 5px; }
  @media only screen and (max-width: 767px) {
    .tooltipicon, .personalisedtickets__attendees__info__icon {
      display: none; } }

.venuename,
.city,
.country {
  margin: 0;
  line-height: 1.5; }
  @media only screen and (max-width: 767px) {
    .venuename,
    .city,
    .country {
      display: inline; } }

.venuename__link,
.cityname__link {
  color: #444; }
  .venuename__link:hover,
  .cityname__link:hover {
    text-decoration: underline; }

.searchresults .table--stack .eventtime--tabletportrait, .searchresults .table--stack--noborder .eventtime--tabletportrait, .searchresults .personalisedtickets__attendees .eventtime--tabletportrait {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 999px) {
    .searchresults .table--stack .eventtime--tabletportrait, .searchresults .table--stack--noborder .eventtime--tabletportrait, .searchresults .personalisedtickets__attendees .eventtime--tabletportrait {
      display: block;
      text-align: left; } }
  .has-advert .searchresults .table--stack .eventtime--tabletportrait, .has-advert .searchresults .table--stack--noborder .eventtime--tabletportrait, .has-advert .searchresults .personalisedtickets__attendees .eventtime--tabletportrait {
    display: block;
    text-align: left; }
    .has-advert .searchresults .table--stack .eventtime--tabletportrait .calendaritem__date__item, .has-advert .searchresults .table--stack--noborder .eventtime--tabletportrait .calendaritem__date__item, .has-advert .searchresults .personalisedtickets__attendees .eventtime--tabletportrait .calendaritem__date__item {
      display: inline; }
    @media only screen and (max-width: 767px) {
      .has-advert .searchresults .table--stack .eventtime--tabletportrait, .has-advert .searchresults .table--stack--noborder .eventtime--tabletportrait, .has-advert .searchresults .personalisedtickets__attendees .eventtime--tabletportrait {
        display: none; } }

.searchresults .table--stack .eventtime--smallscreen, .searchresults .table--stack--noborder .eventtime--smallscreen, .searchresults .personalisedtickets__attendees .eventtime--smallscreen {
  display: none; }
  @media only screen and (max-width: 767px) {
    .searchresults .table--stack .eventtime--smallscreen, .searchresults .table--stack--noborder .eventtime--smallscreen, .searchresults .personalisedtickets__attendees .eventtime--smallscreen {
      display: block;
      text-align: left; } }
  .searchresults .table--stack .eventtime--smallscreen .calendaritem__date__item, .searchresults .table--stack--noborder .eventtime--smallscreen .calendaritem__date__item, .searchresults .personalisedtickets__attendees .eventtime--smallscreen .calendaritem__date__item {
    display: inline; }

/**
 * Status
 */
.status {
  display: block;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .status {
      margin-bottom: 5px; } }

.statuslabel,
.onsaletime {
  display: block;
  white-space: nowrap;
  font-size: 13px; }

.statuslabel {
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .statuslabel {
      margin-bottom: 5px; } }

.is-soldout .table__cell--availability,
.is-cancelled .table__cell--availability,
.is-pastonsale .table__cell--availability {
  border-right: 6px solid #d0092c; }

@media only screen and (max-width: 767px) {
  .is-soldout,
  .is-cancelled,
  .is-pastonsale {
    border-right: 6px solid #d0092c; } }

.is-soldout .statuslabel,
.is-cancelled .statuslabel,
.is-pastonsale .statuslabel {
  color: #d0092c; }

.is-futureonsale .table__cell--availability {
  border-right: 6px solid #e98300; }

@media only screen and (max-width: 767px) {
  .is-futureonsale {
    border-right: 6px solid #e98300; } }

.is-futureonsale .statuslabel {
  color: #e98300; }

.is-restricted .statuslabel {
  font-weight: normal; }
  @media only screen and (max-width: 767px) {
    .is-restricted .statuslabel {
      margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .is-soldout .table__cell--availability,
  .is-cancelled .table__cell--availability,
  .is-pastonsale .table__cell--availability,
  .is-futureonsale .table__cell--availability {
    border-right: 0; } }

.button--buy__message {
  display: block;
  margin-top: 5px;
  font-size: 12px; }
  @media only screen and (max-width: 767px) {
    .button--buy__message {
      display: none; } }

.link--viewdates {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  font-weight: bold;
  color: #444;
  white-space: nowrap; }
  .link--viewdates:after {
    position: absolute;
    content: '';
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 4px solid #444;
    right: 0;
    top: 5px; }
  .link--viewdates:hover {
    text-decoration: underline; }
  .is-external .link--viewdates {
    color: #444; }
  .is-external .link--viewdates:before {
    position: absolute;
    right: -5px;
    top: 1px;
    font-size: 15px; }
  .is-external .link--viewdates:after {
    border: 0; }
  @media only screen and (max-width: 767px) {
    .link--viewdates {
      margin-bottom: 10px; } }

.resultslimitmessage {
  padding: 10px;
  font-weight: normal; }

.contentheading, .infomodule__contentheading, .contentheading--pageheading, .contentheading--sectionheading, .contentheading--sectionheading__filterheading, .contentheading--sectionheading__reviewsheading, .contentheading--sectionheading__category, .contentheading--sectionheading--checkout, .contentheading--sectionheading--payment, .contentheading--subheading {
  clear: both;
  line-height: 1;
  font-weight: bold; }

.contentheading--pageheading {
  margin: 0;
  padding: 0 20px;
  line-height: 40px;
  font-size: 19px;
  background-color: #475058;
  color: #fff; }

.contentheading--sectionheading, .contentheading--sectionheading__filterheading, .contentheading--sectionheading__reviewsheading, .contentheading--sectionheading__category, .contentheading--sectionheading--checkout, .contentheading--sectionheading--payment, .contentheading--subheading {
  margin: 0;
  padding: 0 15px;
  line-height: 36px;
  background-color: #255b82;
  color: #fff;
  font-size: 17px; }

/* Special case style for Ticketweb - on small screens, section headings are indented unless they have a filter
 * button hovering above them, in which case they are full width */
/* Special case style for Ticketweb & Billetech */
.contentheading--sectionheading--checkout {
  background-color: #c9cac8;
  color: #404040; }

.contentheading--sectionheading--payment {
  background-color: #475058;
  color: #fff; }

.contentheading--subheading {
  background-color: #c9cac8;
  color: #404040; }
  @media only screen and (max-width: 767px) {
    .contentheading--subheading {
      margin: 0; }
      .table--stack + .contentheading--subheading, .table--stack--noborder + .contentheading--subheading, .personalisedtickets__attendees + .contentheading--subheading {
        margin-top: 15px; } }

.contentheading__eventcount {
  font-size: 15px;
  font-weight: normal; }

@media only screen and (max-width: 479px) {
  .contentheading--notmobileportrait {
    display: none; } }

.contentheading--mobileportrait {
  display: none; }
  @media only screen and (max-width: 479px) {
    .contentheading--mobileportrait {
      display: inline; } }

/*
 * Used to alternate text between a longer, large screen version
 * and a shorter, small screen version
 */
@media only screen and (max-width: 767px) {
  .contentheading--largescreen {
    display: none; } }

.contentheading--smallscreen {
  display: none; }
  @media only screen and (max-width: 767px) {
    .contentheading--smallscreen {
      display: block; } }

.pagination--search {
  padding: 10px 0;
  border-bottom: 1px solid #c9cac8;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 14px; }

.pagination__wrapper,
.pagination__pagenumberlist {
  text-align: center;
  margin: 0 auto;
  font-size: 100%; }

.pagination__item,
.pagination__pagenumber {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (max-width: 999px) {
    .pagination__item,
    .pagination__pagenumber {
      vertical-align: baseline; } }

.pagination__item.hidden-desktop {
  display: none; }
  @media only screen and (max-width: 999px) {
    .pagination__item.hidden-desktop {
      display: inline-block; } }

.pagination__link,
.pagination__text {
  padding: 0 5px;
  line-height: 20px; }
  .pagination__link.is-disabled,
  .pagination__text.is-disabled {
    color: #444;
    cursor: default; }

.pagination__link:hover {
  color: #005e85;
  text-decoration: underline; }

.pagination__link.is-disabled:hover {
  color: #444;
  text-decoration: none; }

.pagination__text {
  color: #444; }

.pagination__next,
.pagination__prev {
  display: inline-block; }
  .pagination__next:after, .pagination__next:before,
  .pagination__prev:after,
  .pagination__prev:before {
    color: #007DB3;
    text-decoration: none; }
  .pagination__next:hover:after, .pagination__next:hover:before,
  .pagination__prev:hover:after,
  .pagination__prev:hover:before {
    color: #005e85;
    text-decoration: underline; }
  .pagination__next.is-disabled:after, .pagination__next.is-disabled:before,
  .pagination__prev.is-disabled:after,
  .pagination__prev.is-disabled:before {
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff; }

.pagination__next:after {
  padding: 0 0 0 5px; }

.pagination__prev:before {
  padding: 0 5px 0 0; }

.pagination__firstitem {
  margin-left: 13px; }
  @media only screen and (max-width: 999px) {
    .pagination__firstitem {
      float: left; } }
  @media only screen and (max-width: 767px) {
    .pagination__firstitem {
      margin-left: 10px; } }

.pagination__lastitem {
  margin-right: 13px; }
  @media only screen and (max-width: 999px) {
    .pagination__lastitem {
      float: right; } }
  @media only screen and (max-width: 767px) {
    .pagination__lastitem {
      margin-right: 10px; } }

/**
 * Show More component
 *
 * @author Edd
 *
 * Table of Content
 * ==================================================
 *     # Variables
 *     # General Rules
 */
/**
 * @section Variables
 * ==================================================
 *
 * $closed-content-height may be better defined in the module that uses it. However it is currently
 *                        set to 3 lines of text. EMs are used so that the end height is calculated
 *                        using the current font size.
 */
/**
 * @section General Rules
 * ==================================================
 */
.showmore__link {
  position: relative;
  margin-top: 12px;
  font-size: 15px;
  font-weight: normal; }
  .showmore__link::before {
    margin-right: 6px; }

.isclosed .showmore__content {
  overflow: hidden;
  height: 3.56em; }

.isclosed .infomodule__content {
  overflow: hidden;
  height: 12em; }

@media only screen and (max-width: 999px) {
  .isclosed .showmore__desktoponly {
    display: block; }
  .showmore__desktoponly {
    display: none; } }

/* Notification message */
.notification-flash {
  background: url("../../../static/images/icon-info-transparent.png") no-repeat 14px center #FECB00;
  text-align: left;
  padding: 16px 16px 16px 65px;
  font-size: 16px;
  color: #252626;
  margin: 0 0 10px; }

.edpnotification {
  margin-left: 7px;
  margin-right: 7px; }

.notification-header {
  font-weight: bold; }

/**
 * Modules
 */
/**
 * Container
 */
.personalisedtickets {
  font-size: 13px; }

/**
 * Warning box
 */
.alert--warning, .alert--warning--full {
  margin: 15px; }
  .maincontent--checkout .alert--warning, .maincontent--checkout .alert--warning--full {
    color: inherit;
    background-color: inherit; }

.alert--warning--full {
  margin: 0 0 15px 0;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .alert--warning--full {
      margin: 10px;
      /* Not ideal: the top margin is dictated by the element above */
      margin-top: 0; } }

#infoBox {
  margin-bottom: 15px; }

/**
 * Ticket details table
 */
.personalisedtickets__ticketdetails {
  border: 0; }

.table__row--ticketdetails {
  border: 0; }

.table__cell--tickettype,
.table__cell--seatinfo,
.table__cell--otherinfo {
  border: 0; }
  @media only screen and (max-width: 767px) {
    .table__cell--tickettype,
    .table__cell--seatinfo,
    .table__cell--otherinfo {
      width: auto; } }

.table__cell--tickettype__heading {
  margin: -2px 0 0;
  font-size: 15px; }

.table__cell__body--tickettype {
  padding-top: 0;
  padding-left: 0; }

.table__cell__body--seatinfo {
  padding-top: 0; }
  @media only screen and (max-width: 767px) {
    .table__cell__body--seatinfo {
      padding: 0; } }

.table__cell__body--otherinfo {
  padding-top: 0;
  padding-right: 0; }
  @media only screen and (max-width: 767px) {
    .table__cell__body--otherinfo {
      display: block;
      padding: 0 0 10px 0; } }

.otherinfo {
  margin: 0;
  list-style-type: disc; }
  @media only screen and (max-width: 767px) {
    .otherinfo {
      list-style-type: none; } }

.otherinfo__pricecategory,
.otherinfo__rowmessage,
.otherinfo__seatattr {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5; }

.table__cell--seatinfo p {
  margin: 0;
  line-height: 1.5; }

/**
 * Attendees form
 */
.personalisedtickets__nameentry {
  padding: 15px 15px;
  border-top: 1px dotted #c9cac8;
  /* Form subsections displayed depending on whether this form is complete or incomplete
   * Incomplete: Show form & apply button
   * Complete: Show name & link to change it
  */ }
  .personalisedtickets__nameentry:first-child {
    border-top: 0; }
  .personalisedtickets__nameentry .personalisedtickets__complete {
    display: none; }
  .personalisedtickets__nameentry .alert--error {
    margin: 10px 0 15px 0; }
  .personalisedtickets__nameentry.is-complete {
    background-color: #99d7f2; }
    .personalisedtickets__nameentry.is-complete .personalisedtickets__attendees__form {
      display: none; }
    .personalisedtickets__nameentry.is-complete .personalisedtickets__complete {
      display: block; }
    .personalisedtickets__nameentry.is-complete .tooltipcontainer--checkout {
      left: 0;
      right: auto; }

.personalisedtickets__nameentry__header {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold; }

.personalisedtickets__attendees {
  border-top: 0; }

.personalisedtickets__attendees__heading {
  margin: 0;
  line-height: 1.5;
  font-size: 15px;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__heading {
      padding: 10px 0; } }

@media only screen and (max-width: 767px) {
  .personalisedtickets__attendees__form {
    border-bottom: 0; } }

.personalisedtickets__attendees__label,
.personalisedtickets__attendees__input,
.personalisedtickets__attendees__submit {
  padding: 0;
  border-bottom: 0;
  vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__label,
    .personalisedtickets__attendees__input,
    .personalisedtickets__attendees__submit {
      margin-top: 5px; } }

.personalisedtickets__attendees__labeltext,
.personalisedtickets__attendees__textbox,
.personalisedtickets__attendees__button {
  display: inline-block; }

.personalisedtickets__attendees__input {
  width: 50%;
  vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__input {
      width: auto; } }

elements .personalisedtickets__attendees__input__content {
  position: relative; }

.personalisedtickets__attendees__textbox {
  width: 100%;
  padding-right: 30px; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__textbox {
      display: block; } }

.personalisedtickets__attendees__button {
  margin-left: 10px; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__button {
      margin-left: 0; } }

.personalisedtickets__attendees__submit {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__submit {
      text-align: left; } }

@media only screen and (max-width: 767px) {
  .personalisedtickets__attendees__info {
    position: relative;
    border-bottom: 0; } }

.personalisedtickets__attendees__info__icon {
  margin-left: 5px;
  font-size: 18px;
  vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .personalisedtickets__attendees__info__icon {
      position: static;
      display: inline-block; } }

.personalisedtickets__attendees__reference {
  padding-top: 10px;
  font-size: 12px;
  border-bottom: 0;
  vertical-align: baseline;
  /* When the form is complete, the 'ID Required' text floats left */ }
  .is-complete .personalisedtickets__attendees__reference {
    display: block;
    padding-top: 0; }

.personalisedtickets__name {
  font-size: 16px; }
  .personalisedtickets__name:before {
    font-size: 30px;
    line-height: 40px; }

.personalisedtickets__change {
  font-weight: bold; }

/**
 * Your Order module
 */
.personalisedtickets__cart--inline {
  font-size: 1.2em; }
  .personalisedtickets__cart--inline #cart {
    border: 0;
    border-top: 1px solid #c9cac8; }

/**
 * Third party overrides
 */
/**
 * Bazaarvoice Ratings and Reviews widget style changes
 */
@media only screen and (max-width: 767px) {
  .ratingsreviews {
    display: none; } }

.ratingsreviews .BVRRWidget {
  width: 100%;
  border: 1px solid #c9cac8; }
  .ratingsreviews .BVRRWidget img {
    max-width: inherit; }

/**
 * Overrides of TM global styles for form elements which are breaking BV layout.
 */
.BVSection label {
  float: none;
  width: auto;
  display: inline; }

.BVRRRootElement img {
  max-width: inherit; }

.fb-like {
  border: none;
  overflow: hidden;
  width: auto;
  height: 21px; }

.nordicchoice {
  background: #fff;
  border: 1px solid #bcbcbc;
  padding: 0px 20px;
  min-height: 100px; }

.nordicchoice__logo {
  margin: 20px 0 10px 10px;
  float: left; }
  @media only screen and (max-width: 999px) {
    .nordicchoice__logo {
      display: none; } }

.nordicchoice__desc {
  float: left;
  margin-top: 40px;
  margin-left: 30px; }
  @media only screen and (max-width: 999px) {
    .nordicchoice__desc {
      display: none; } }

.nordicchoice__header {
  margin-top: 20px; }

/**
 * This used to be the bottom half of _layout.scss
 */
/**
 * @section Fixes
 * ==================================================
 */
.ie7 .main {
  z-index: -1; }

html.noiefixes .ie7fix {
  display: none; }

.show-below-desktop {
  display: none; }

/**
 * @section Media Queries
 * ==================================================
 */
@media only screen and (max-width: 999px) {
  #mainContent {
    font-size: 1.2em; }
  .main #mainContent {
    font-size: 1.2em; }
  body #wrap {
    background-image: none !important; }
  .hide-below-desktop {
    display: none; }
  .show-below-desktop {
    display: block; }
  .collapse-below-desktop {
    border-bottom: none; }
    .collapse-below-desktop.adjacent.boxStyle {
      padding: 0; }
    .collapse-below-desktop.inactive, .collapse-below-desktop.inactive {
      opacity: 1;
      filter: alpha(opacity=100); }
    .collapse-below-desktop .boxStyle, .collapse-below-desktop .collapse-contents {
      display: none; }
    .collapse-below-desktop .h2.major.block, .collapse-below-desktop .h3.major.block {
      background-color: #c9cac8;
      color: #333;
      margin-bottom: 2px; }
      .collapse-below-desktop .h2.major.block .icon-info, .collapse-below-desktop .h2.major.block .icon-info-hover-2, .collapse-below-desktop .h3.major.block .icon-info, .collapse-below-desktop .h3.major.block .icon-info-hover-2 {
        display: none; } }

@media only screen and (min-width: 768px) and (max-width: 999px) {
  #mainContent,
  #secondaryContent {
    width: 100%;
    margin-left: 0; }
  .main {
    font-size: 1.2em; }
    .main #mainContent {
      font-size: 1em; }
  #cartContainer {
    display: none; } }

@media only screen and (max-width: 767px) {
  .main {
    font-size: 0.9em;
    padding: 10px 0 0 0; }
    .main.errorPage {
      padding-top: 0; }
    .main .boxStyle {
      padding: 10px; }
    .main .boxStyle.extraspace {
      padding-top: 0px;
      padding-bottom: 0px; }
    .main .boxStyle.adjacent {
      border-bottom: none; }
    .main #mainContent {
      font-size: 1.1em; }
  #secondaryContent {
    display: none; }
  .errorPage .boxStyle {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto; }
  .largeScreenOnly {
    display: none; }
  #secondaryContent.largeScreenOnly {
    display: none; }
  .position-relative-andoidfix {
    position: relative;
    clear: both; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .main {
    font-size: 1.2em; }
    .main #mainContent {
      font-size: 1em; } }

@media only screen and (max-width: 479px) {
  .main .hide-image-479 .imgCol {
    display: none; } }

@media only screen and (min-width: 767px) {
  .smallScreenOnly {
    display: none; } }

#choosePriceLocation_LookForTicketsButton,
#tmform #btn_submit,
.loginregister .form__submit__btn,
#confirmOrderContainer .btn_submit,
#confirmOrderContainer .continue__submit,
#formQuestionnaire .btn_submit,
#formQuestionnaire .continue__submit,
#twoStepPackage2 .btn_submit,
#twoStepPackage2 .continue__submit {
  padding: 15px 40px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.3px; }

.errorAlert .checkbox {
  padding-top: 10px; }
  .errorAlert .checkbox label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .errorAlert .checkbox input {
    margin-right: 10px; }

@media only screen and (max-width: 999px) {
  #timeLeftlessThanDesktop {
    min-height: 42px;
    background-color: #000; } }

@media only screen and (max-width: 767px) {
  .onResponsiveCheckout .container {
    width: 100%; } }

.onResponsiveCheckout .main {
  padding: 15px 10px; }
  @media only screen and (max-width: 767px) {
    .onResponsiveCheckout .main {
      padding: 0; } }

/**
 * @section Overrides
 * ==================================================
 */
#orderConfirmed .printPageLink:active, #orderConfirmed .printPageLink:focus, #orderConfirmed .printPageLink:hover {
  text-decoration: none; }
  #orderConfirmed .printPageLink:active span.text, #orderConfirmed .printPageLink:focus span.text, #orderConfirmed .printPageLink:hover span.text {
    text-decoration: underline; }