/*!
 *
 * Glyndebourne BlocksOffice
 * Made Media Ltd.
 *
 * Overrides basic.css in BlocksOfficeBundle
 *
 * Don't edit the screen.css file directly, instead edit the less source files in css/less/
 * Less file structure based on https://github.com/davidrapson/scss-toolkit and SMACSS.
 * @see http://smacss.com/book/categorizing
 *
 */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Horizontal nav */
/**
	* Responsive design helper for reseting floats
	*/
/*  ========================================================================== */
/*  @group Base */
/*  ========================================================================== */
html {
  min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body,
#container {
  color: #000000;
  background-color: #f5eee3;
  -webkit-font-smoothing: antialiased;
}
select {
  vertical-align: baseline;
  *vertical-align: middle;
}
#container {
  background-color: #f5eee3;
  padding-top: 54px;
  flex: 1;
}
/*  ========================================================================== */
/*  @group Font Stacks */
/*  ========================================================================== */
/**
	 * Default font-stack
	 */
html,
body,
input,
button {
  font: 100% / 1.5 "TriSW", Arial, sans-serif;
  font-weight: normal;
}
/**
	 * Brand font-stack
	 */
/**
	 * Display font-stack
	 */
h1 {
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
}
/**
	 * Caption font-stack
	 */
.credit,
.copy-meta {
  font-family: arial, sans-serif;
}
/*  ========================================================================== */
/*  @group Headings */
/*  ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  text-transform: none;
  line-height: 1.2;
  margin: 0 0 .5em 0;
  color: #000000;
  font-style: normal;
  font-weight: bold;
  background: none;
}
h1,
.title {
  line-height: 1;
}
h1,
.title {
  font-size: 28px;
  font-size: 1.75rem;
}
h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
h4 {
  font-size: 15px;
  font-size: 0.9375rem;
}
h5 {
  font-size: 14px;
  font-size: 0.875rem;
}
h6 {
  font-size: 14px;
  font-size: 0.875rem;
}
/**
	 * Overrides basic.less :(
	 */
@media only screen and (max-width: 767px) {
  .responsive h1,
  .responsive .title {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .responsive h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .responsive h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .responsive h4 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .responsive h5 {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .responsive h6 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 320px) {
  .responsive h1,
  .responsive .title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .responsive h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .responsive h3 {
    font-size: 16px;
    font-size: 1rem;
  }
  .responsive h4 {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .responsive h5 {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .responsive h6 {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
/*  ========================================================================== */
/*  @group Links */
/*  ========================================================================== */
a,
a:visited {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}
a:hover,
a:active {
  color: #000000;
}
/*  ========================================================================== */
/*  @group Text Level Content */
/*  ========================================================================== */
ul li {
  list-style: square;
}
/*  ========================================================================== */
/*  @group Text Helpers */
/*  ========================================================================== */
.text-lead {
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
}
.text-smallprint,
.text-note {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
}
.text-note {
  color: #979797;
  margin-bottom: .75em;
}
.text-note p {
  margin-bottom: .5em;
}
.well {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  background-color: #333333;
  border: 1px solid #424242;
}
/*  ========================================================================== */
/*  @group Layout */
/*  ========================================================================== */
/**
	 * Constrained / content wrappers
	 */
.l-constrained,
#page-content,
#unit-timer {
  width: 100%;
  min-width: 240px;
  max-width: 1000px;
  margin: 0 auto;
}
/**
	 * Main page content wrapper
	 */
#page-content {
  color: #000000;
  background-color: none;
  width: 100%;
  padding: 30px 10px;
  position: relative;
  box-sizing: border-box;
}
#primary-content {
  margin-bottom: 2em;
}
h1,
.title {
  text-align: center;
}
/*  ========================================================================== */
/*  @group Module */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Global Toolbar */
/*  ========================================================================== */
#toolbar {
  zoom: 1;
  *zoom: 1;
  float: right;
  background: none;
  border: 0 none;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-family: "TriSW", Arial, sans-serif;
}
#toolbar:before,
#toolbar:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#toolbar:after {
  clear: both;
}
#toolbar:before,
#toolbar:after {
  content: " ";
  display: table;
}
#toolbar:after {
  clear: both;
}
#toolbar:before,
#toolbar:after {
  content: " ";
  display: table;
}
#toolbar:after {
  clear: both;
}
#toolbar:before,
#toolbar:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#toolbar:after {
  clear: both;
}
#toolbar:before,
#toolbar:after {
  content: " ";
  display: table;
}
#toolbar:after {
  clear: both;
}
#toolbar:before,
#toolbar:after {
  content: " ";
  display: table;
}
#toolbar:after {
  clear: both;
}
#toolbar .container {
  width: auto;
  display: flex;
  align-items: center;
}
#toolbar ul {
  zoom: 1;
  *zoom: 1;
}
#toolbar ul:before,
#toolbar ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#toolbar ul:after {
  clear: both;
}
#toolbar ul:before,
#toolbar ul:after {
  content: " ";
  display: table;
}
#toolbar ul:after {
  clear: both;
}
#toolbar ul:before,
#toolbar ul:after {
  content: " ";
  display: table;
}
#toolbar ul:after {
  clear: both;
}
#toolbar ul:before,
#toolbar ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#toolbar ul:after {
  clear: both;
}
#toolbar ul:before,
#toolbar ul:after {
  content: " ";
  display: table;
}
#toolbar ul:after {
  clear: both;
}
#toolbar ul:before,
#toolbar ul:after {
  content: " ";
  display: table;
}
#toolbar ul:after {
  clear: both;
}
#toolbar li {
  display: inline-block;
  margin: 0;
  width: auto;
  font-size: 12px;
  border: none 0 !important;
  padding: 3px 20px;
  font-weight: normal;
  opacity: 0.5;
}
#toolbar li:hover {
  opacity: 1;
}
#toolbar li a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 10px 0;
  color: #000000;
}
#toolbar li a:visited {
  color: #000000;
}
#toolbar li a:hover {
  text-decoration: underline;
}
#toolbar li.myaccount {
  border: none 0;
}
#toolbar li.logout a,
#toolbar li.register a,
#toolbar li.myaccount a,
#toolbar li.cart a,
#toolbar li.basket a {
  background-repeat: no-repeat;
  background-position: 48% 0%;
  background-size: 16px 16px;
  padding: 0;
  padding-top: 18px;
  display: block;
  white-space: nowrap;
}
#toolbar li.login a {
  display: none;
}
#toolbar li:last-child {
  padding-left: 10px;
}
#toolbar li.basket {
  padding-top: 5px;
  padding-left: 12px;
}
#toolbar li.basket a,
#toolbar li.cart a {
  background-image: url(../images/icons/icon-basket.png);
}
.svg #toolbar li.basket a,
.svg #toolbar li.cart a {
  background-image: url(../images/icons/icon-basket.svg);
}
#toolbar li.login a {
  display: none;
}
#toolbar li.logout a {
  background-image: url(../images/icons/icon-logout.png);
}
.svg #toolbar li.logout a {
  background-image: url(../images/icons/icon-logout.svg);
}
#toolbar li.register a {
  background-image: url(../images/icons/icon-register.png);
}
.svg #toolbar li.register a {
  background-image: url(../images/icons/icon-register.svg);
}
#toolbar li.myaccount a {
  background-image: url(../images/icons/icon-account.png);
}
.svg #toolbar li.myaccount a {
  background-image: url(../images/icons/icon-account.svg);
}
#toolbar li.donate {
  padding: 0;
}
#toolbar li.donate a {
  font-size: 11px;
  font-size: 0.6875rem;
  opacity: 1;
  margin-left: 0;
  margin-top: -2px;
  height: 1.5em;
  line-height: 1.7em;
  border-radius: 0;
  padding: 0 8px;
  color: #ffffff;
  background-color: #484640;
  border: 2px solid #ffffff;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.15em;
}
#toolbar li.donate a:hover {
  background-color: #636058;
  text-decoration: none;
}
#unit-account-login,
#unit-account-actions {
  float: none;
}
#unit-account-login ul,
#unit-account-actions ul {
  display: flex;
  align-items: center;
}
/*  ========================================================================== */
/*  @group Global Toolbar - Timer */
/*  ========================================================================== */
.area-timer {
  zoom: 1;
  *zoom: 1;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0;
  z-index: 600;
  box-shadow: 0 -1px 8px -5px #000000;
}
.area-timer:before,
.area-timer:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-timer:after {
  clear: both;
}
.area-timer:before,
.area-timer:after {
  content: " ";
  display: table;
}
.area-timer:after {
  clear: both;
}
.area-timer:before,
.area-timer:after {
  content: " ";
  display: table;
}
.area-timer:after {
  clear: both;
}
.area-timer:before,
.area-timer:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-timer:after {
  clear: both;
}
.area-timer:before,
.area-timer:after {
  content: " ";
  display: table;
}
.area-timer:after {
  clear: both;
}
.area-timer:before,
.area-timer:after {
  content: " ";
  display: table;
}
.area-timer:after {
  clear: both;
}
#unit-timer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  border: solid transparent;
  border-width: .5em 0;
}
#basket-countdown {
  color: #000000;
  font-family: "TriSW", Arial, sans-serif;
  display: flex;
  justify-content: space-between;
}
#basket-countdown a,
#basket-countdown a:link {
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .responsive #unit-timer {
    position: static;
    border: 0 none;
    padding: 0;
    width: 90%;
    background: none;
  }
  .responsive #unit-timer p {
    margin-bottom: 10px;
    font-size: 11px;
    text-align: center;
    color: #000000;
  }
  .responsive #unit-timer #basket-countdown {
    padding-top: 0.75em;
  }
}
@media only screen and (max-width: 480px) {
  .responsive #unit-timer {
    width: 100%;
    margin: 0;
  }
  .responsive #unit-timer #basket-countdown {
    padding: .5em .5em 0;
  }
  .responsive #unit-timer p {
    line-height: 1.3;
  }
}
.toolbar {
  display: flex;
  height: 54px;
  order: 3;
}
@media only screen and (min-width: 768px) {
  .toolbar {
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.toolbar__link {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  line-height: 1em;
  margin: 0 15px;
  white-space: nowrap;
  opacity: .5;
  text-decoration: none;
  transition: opacity 1s ease;
  width: 20px;
}
@media only screen and (min-width: 768px) {
  .toolbar__link {
    background-size: 16px;
    background-position: center top;
    width: auto;
    padding: 21px 0 0;
    margin: 0 20px;
  }
}
.toolbar__link:visited,
.toolbar__link:active,
.toolbar__link:hover {
  color: #000000;
}
.toolbar__link:hover {
  text-decoration: none;
  opacity: 1;
}
.toolbar__link--basket {
  background-image: url(../images/icons/icon-basket.svg);
  background-size: 24px;
  width: 24px;
}
@media only screen and (min-width: 768px) {
  .toolbar__link--basket {
    background-size: 20px;
    width: auto;
  }
}
.toolbar__link--register {
  background-image: url(../images/icons/icon-register.svg);
}
.toolbar__link--account {
  background-image: url(../images/icons/icon-account.svg);
}
.toolbar__link-text {
  display: none;
}
@media only screen and (min-width: 768px) {
  .toolbar__link-text {
    display: inline;
  }
}
.area-global-header {
  z-index: 500;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 10px solid #f5eee3;
}
/*  ========================================================================== */
/*  @group Global Header */
/*  ========================================================================== */
#header {
  background: #fff;
  position: relative;
  z-index: 5;
}
#header .site-header__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 54px;
}
#header .area-branding {
  width: 175px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  order: 2;
}
#header .area-branding .site-logo {
  margin-bottom: 0;
}
#header .area-branding .site-logo a {
  background-image: url('../images/logo-glyndebourne-logotype.svg');
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -99999px;
  position: relative;
  text-align: left;
  display: block;
  z-index: 200;
  height: 14px;
  width: 175px;
  margin: 0;
}
#header .area-branding .site-crest {
  display: none;
}
@media only screen and (min-width: 768px) {
  #header .area-toolbar {
    position: absolute;
    right: 10px;
  }
}
#header .navigation-toggle {
  width: 54px;
  height: 54px;
  background-image: url(../images/icons/icon-menu.svg);
  background-color: #F4F4F4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  border: none;
  transition: background-color 1s ease;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #000000;
  line-height: 1em;
  text-indent: -99999999px;
  overflow: hidden;
  order: 1;
}
#header .navigation-toggle.is-toggled {
  background-image: url(../images/icons/icon-close.svg);
  background-size: 18px;
  background-position: center;
}
#header .navigation-toggle:hover {
  background-color: #ddd;
}
@media only screen and (min-width: 768px) {
  #header .navigation-toggle {
    position: absolute;
    left: 0;
    top: 0;
    background-size: 18px;
    background-position: center 7px;
    width: 74px;
    height: 54px;
    padding: 21px 0 0;
    text-indent: 0;
  }
  #header .navigation-toggle.is-toggled {
    background-size: 12px;
    background-position: center 13px;
  }
}
#header .login-link {
  background-image: url(../images/icons/icon-account.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F4F4F4;
  background-size: 20px;
  width: 54px;
  height: 54px;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #000000;
  line-height: 1em;
  box-sizing: border-box;
  text-align: center;
  order: 1;
}
#header .login-link:hover {
  background-color: #ddd;
}
@media only screen and (min-width: 768px) {
  #header .login-link {
    position: absolute;
    left: 0;
    top: 0;
    background-size: 15px;
    background-position: center 10px;
    width: 74px;
    height: 54px;
    padding: 31px 0 0;
  }
}
#header .login-link:visited,
#header .login-link:active,
#header .login-link:hover {
  color: #000000;
}
#header .login-link:hover {
  text-decoration: none;
  opacity: 1;
}
#header .login-link__text {
  display: none;
}
@media only screen and (min-width: 768px) {
  #header .login-link__text {
    display: inline;
  }
}
/*  ========================================================================== */
/*  @group Header - Navigation */
/*  ========================================================================== */
.account-navigation {
  position: fixed;
  background-color: #f5eee3;
  height: calc(100vh - 54px);
  top: 54px;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  display: none;
}
.account-navigation.is-active {
  display: block;
}
@media only screen and (min-width: 768px) {
  .account-navigation {
    border-right: 1px solid #e8d7bd;
    width: 350px;
  }
}
.account-navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.account-navigation__item {
  border-bottom: 1px solid #000;
  list-style: none;
}
a.account-navigation__link,
a.account-navigation__link:visited,
a.account-navigation__link:active {
  color: #000;
  padding: 10px 0;
  text-decoration: none;
  display: block;
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  font-weight: bold;
  font-size: 20px;
  transition: opacity .5s ease;
}
a.account-navigation__link:hover {
  opacity: .5;
}
.account-navigation__logout {
  padding: 10px 0;
  text-align: right;
}
.account-navigation__logout-link {
  font-weight: bold;
}
/*  ========================================================================== */
/*  @group Header - Site Search */
/*  ========================================================================== */
#header .area-site-search {
  order: 1;
  width: 184px;
  position: relative;
  top: auto;
  right: auto;
}
#header .area-site-search form {
  margin: 0;
}
#header .area-site-search .submit {
  border-radius: 0;
  width: 32px;
  height: 27px;
  float: right;
  padding: 0;
  border-color: #000;
  background-color: #000;
  color: #fff;
  background-image: url('../images/icons/icon-search-inverse.png');
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center;
  text-indent: -99999px;
}
.svg #header .area-site-search .submit {
  background-image: url('../images/icons/icon-search-inverse.svg');
}
#header .area-site-search .text {
  width: 150px;
  float: left;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 0;
  -webkit-appearance: none;
  vertical-align: middle;
  background-color: #fff;
  padding: 3px 5px;
  height: 27px;
  line-height: 21px;
  right: -2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#header .area-site-search .unit-search {
  float: right;
}
@media only screen and (max-width: 768px) {
  #header .area-site-search .area-site-search {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    text-align: left;
    display: none;
  }
  #header .area-site-search form {
    position: relative;
  }
  #header .area-site-search input[type="search"] {
    width: 90%;
    margin-right: 0.2%;
    background: none;
  }
  #header .area-site-search input[type="submit"] {
    position: absolute;
    width: 9.8%;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .area-site-search--mobile {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
  }
  .area-site-search--mobile .area-site-search {
    display: none;
    padding: 1em 3%;
  }
  .area-site-search--mobile .area-site-search form {
    margin: 0;
    position: relative;
  }
  .area-site-search--mobile .area-site-search .text {
    height: 25px;
    width: 90%;
    margin-right: 0.2%;
    right: 0;
    padding: 3px 5px;
    height: 18px;
  }
  .area-site-search--mobile .area-site-search .submit {
    border-radius: 0;
    width: 9.8%;
    right: 0;
    top: 0;
    position: absolute;
    height: 26px;
    float: right;
    padding: 0;
    border: none;
    background-color: #000;
    color: #fff;
    background-image: url('../images/icons/icon-search-inverse.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    text-indent: -99999px;
  }
  .svg .area-site-search--mobile .area-site-search .submit {
    background-image: url('../images/icons/icon-search-inverse.svg');
  }
  .area-site-search--mobile.is-active .area-site-search {
    display: block;
  }
}
/*  ========================================================================== */
/*  @group Global Footer */
/*  ========================================================================== */
.responsive .global-footer {
  background-color: #111111;
  padding: 40px 0;
  margin-top: auto;
}
.responsive .global-footer__inner {
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__inner {
    flex-direction: row;
    width: 95%;
  }
}
.responsive .global-footer__info {
  width: 100%;
  flex-shrink: 0;
  margin: 0 10px;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__info {
    width: 175px;
  }
}
.responsive .global-footer__logo {
  background-image: url(../images/logo-glyndebourne-logotype-white.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -99999px;
  position: relative;
  text-align: left;
  display: block;
  z-index: 200;
  height: 14px;
  width: 175px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__logo {
    margin: 5px 0 40px;
  }
}
.responsive .global-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #474747;
  border-width: 1px 0;
  padding: 20px 0;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__list {
    border-width: 0 1px 0 0;
    padding: 0 20px;
    margin: 0 5%;
  }
}
.responsive .global-footer__item {
  flex-basis: 48%;
  list-style: none;
}
.responsive .global-footer__link {
  padding: 5px 0;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #111;
  transition: border-color 0.75s ease;
  font-size: 14px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__link {
    text-align: left;
  }
}
.responsive .global-footer__link:hover {
  color: #fff;
  border-bottom: 1px solid #474747;
}
.responsive .global-footer__header {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__header {
    text-align: left;
  }
}
.responsive .global-footer__social-list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .responsive .global-footer__social-list {
    justify-content: flex-start;
  }
}
.responsive .global-footer__social-item {
  list-style: none;
}
.responsive .global-footer__social-link {
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 15px 0 0;
}
.responsive .global-footer__social-link svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}
/*  ========================================================================== */
/*  @group Buttons */
/*  ========================================================================== */
.btn-primary::-moz-focus-inner,
input.btn-primary::-moz-focus-inner,
button.btn-primary::-moz-focus-inner,
.btn::-moz-focus-inner,
.btn-default::-moz-focus-inner,
.btn-inline::-moz-focus-inner,
.btn-small::-moz-focus-inner,
.btn--control::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
button[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
button[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn-primary,
input.btn-primary,
button.btn-primary,
.btn,
.btn-default,
.btn-inline,
.btn-small,
.btn--control,
input[type="button"],
input[type="reset"],
button[type="reset"],
input[type="submit"],
button[type="submit"],
.btn-primary:visited,
input.btn-primary:visited,
button.btn-primary:visited,
.btn:visited,
.btn-default:visited,
.btn-inline:visited,
.btn-small:visited,
.btn--control:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
button[type="reset"]:visited,
input[type="submit"]:visited,
button[type="submit"]:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.btn-primary:hover,
input.btn-primary:hover,
button.btn-primary:hover,
.btn:hover,
.btn-default:hover,
.btn-inline:hover,
.btn-small:hover,
.btn--control:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button[type="reset"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.btn-primary:active,
input.btn-primary:active,
button.btn-primary:active,
.btn:active,
.btn-default:active,
.btn-inline:active,
.btn-small:active,
.btn--control:active,
input[type="button"]:active,
input[type="reset"]:active,
button[type="reset"]:active,
input[type="submit"]:active,
button[type="submit"]:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.btn-primary,
input.btn-primary,
button.btn-primary,
.btn,
.btn-default,
.btn-inline,
.btn-small,
.btn--control,
input[type="button"],
input[type="reset"],
button[type="reset"],
input[type="submit"],
button[type="submit"],
.btn-primary:visited,
input.btn-primary:visited,
button.btn-primary:visited,
.btn:visited,
.btn-default:visited,
.btn-inline:visited,
.btn-small:visited,
.btn--control:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
button[type="reset"]:visited,
input[type="submit"]:visited,
button[type="submit"]:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.btn-primary:hover,
input.btn-primary:hover,
button.btn-primary:hover,
.btn:hover,
.btn-default:hover,
.btn-inline:hover,
.btn-small:hover,
.btn--control:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button[type="reset"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  color: #ffffff;
  background: #636058;
}
.btn-inline,
input.btn-inline {
  display: block;
  width: 100%;
  float: none;
  text-align: center;
  margin: 0 auto;
  max-width: 295px;
  height: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) {
  .btn-inline,
  input.btn-inline {
    max-width: 380px;
  }
}
.btn-small,
.btn-small:visited {
  font-size: 10px;
  font-size: 0.625rem;
  height: 36px;
  line-height: 22px;
  padding: 0 5px;
  height: 25px;
}
button[disabled],
.btn[disabled],
.btn-primary[disabled] {
  cursor: not-allowed;
  background-color: grey;
  background-image: none;
}
button[disabled]:hover,
.btn[disabled]:hover,
.btn-primary[disabled]:hover,
button[disabled]:focus,
.btn[disabled]:focus,
.btn-primary[disabled]:focus,
button[disabled]:active,
.btn[disabled]:active,
.btn-primary[disabled]:active {
  cursor: not-allowed;
  background-color: grey;
}
.btn-link,
.btn-unstyled,
.unstyled-button,
input[type="reset"],
button[type="reset"] {
  background-image: none;
  border-radius: 0;
}
.btn-link::-moz-focus-inner,
.btn-unstyled::-moz-focus-inner,
.unstyled-button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
button[type="reset"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn-link,
.btn-unstyled,
.unstyled-button,
input[type="reset"],
button[type="reset"],
.btn-link:visited,
.btn-unstyled:visited,
.unstyled-button:visited,
input[type="reset"]:visited,
button[type="reset"]:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.btn-link:hover,
.btn-unstyled:hover,
.unstyled-button:hover,
input[type="reset"]:hover,
button[type="reset"]:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.btn-link:active,
.btn-unstyled:active,
.unstyled-button:active,
input[type="reset"]:active,
button[type="reset"]:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.btn-link:visited,
.btn-unstyled:visited,
.unstyled-button:visited,
input[type="reset"]:visited,
button[type="reset"]:visited {
  color: #000000;
}
.btn-link:hover,
.btn-unstyled:hover,
.unstyled-button:hover,
input[type="reset"]:hover,
button[type="reset"]:hover,
.btn-link:focus,
.btn-unstyled:focus,
.unstyled-button:focus,
input[type="reset"]:focus,
button[type="reset"]:focus,
.btn-link:active,
.btn-unstyled:active,
.unstyled-button:active,
input[type="reset"]:active,
button[type="reset"]:active {
  color: #000000;
  background-image: none;
  text-decoration: underline;
}
.print-this-page {
  display: none;
  padding: 0 50px;
  background-image: none;
}
.svg .print-this-page {
  background-image: none;
}
#login-box .facebook-connect-button {
  margin-top: 0;
}
.btn-secondary,
input.btn-secondary,
button.btn-secondary {
  background-color: #fff;
  color: #484641;
}
.btn-secondary:hover,
input.btn-secondary:hover,
button.btn-secondary:hover {
  background-color: #f0f0f0;
  color: #484641;
}
.back-button {
  background-image: url('../images/back-arrow.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  width: 50px;
  height: 50px;
  display: block;
}
.svg .basket-wrapper table .remove a {
  background-image: none;
}
.basket-wrapper table .remove a.remove-line-item,
.table-wrapper table .remove a.remove-line-item {
  width: auto;
  height: auto;
  text-indent: 0em;
  border: 2px solid #484640;
  display: inline-block;
  background-color: #fff;
  font-family: "TriSW", Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding: 7px 5px 4px;
}
.basket-wrapper table .remove a.remove-line-item:hover,
.table-wrapper table .remove a.remove-line-item:hover {
  background-color: #484640;
  color: #fff;
}
a.remove-line-item {
  border: 2px solid #484640;
  display: inline-block;
  background-color: #fff;
  font-family: "TriSW", Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding: 7px 5px 4px;
}
a.remove-line-item:hover {
  background-color: #484640;
  color: #fff;
}
a.no-thanks {
  border: 2px solid #484640;
  display: inline-block;
  font-family: "TriSW", Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 48px;
  padding: 0px 44px ;
  margin-top: 9px;
}
a.no-thanks:hover {
  background-color: #484640;
  color: #fff;
}
.remove-line-item-modal {
  border: 2px solid #484640;
  display: inline-block;
  background-color: #fff;
  font-family: "TriSW", Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding: 7px 5px 4px;
  float: right;
  margin: 2px;
}
.remove-line-item-modal:hover {
  background-color: #484640;
  color: #fff;
}
/*  ========================================================================== */
/*  @group Forms */
/*  ========================================================================== */
/**
	 * Add a * for required fields
	 */
label.required:after {
  content: "*";
  color: #ef3327;
  margin: 0 0 0 4px;
}
.required-star {
  color: #ef3327;
  margin: 0 0 0 4px;
}
/* Fix so radio buttons don't display * */
.option label.required:after {
  content: none;
}
.form-rest {
  display: none;
}
/**
	 * Default text field styling
	 */
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="email"],
input.text,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 5px;
  border: none;
  background-color: #f5eee3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="text"]:active,
input[type="url"]:active,
input[type="search"]:active,
input[type="password"]:active,
input[type="email"]:active,
input.text:active,
textarea:active,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input.text:focus,
textarea:focus {
  outline: none;
}
input[type="text"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input.text:focus,
textarea:focus {
  background-color: #ffffff !important;
}
input[type="text"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input.text::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  padding: 0;
  color: #666;
}
input[type="text"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input.text::-moz-placeholder,
textarea::-moz-placeholder {
  padding: 0;
  color: #666;
}
/**
	 * Reset webkit appearance
	 */
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="email"],
input.text,
textarea {
  -webkit-appearance: none;
}
/**
	 * Basic.css resets
	 */
input[type="radio"],
input[type="checkbox"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/**
	 * Reset search field default styling
	 */
input[type="search"] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input,
textarea,
select,
.uneditable-input {
  height: auto;
}
span.required {
  color: #000000;
  font-weight: bold;
}
.postcode-field {
  width: 100px;
}
/*  ========================================================================== */
/*  @group Forms - Inline Form */
/*  ========================================================================== */
.inline-form form h2,
.inline-form form .title {
  border: none;
  text-align: center;
  color: #000;
  margin-top: 20px;
  width: 100%;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .inline-form form h2,
  .inline-form form .title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 40px;
  }
}
.inline-form form .form-block h2,
.inline-form form .form-block .title {
  border: none;
  text-align: center;
  color: #000;
  font-family: "TriSW", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0;
}
/**
	 * Inline Form
	 */
.inline-form--narrow form {
  max-width: 580px;
}
.inline-form form {
  zoom: 1;
  *zoom: 1;
  background: transparent !important;
  border: 0 none;
  margin: 0 auto;
  padding: 0;
}
.inline-form form:before,
.inline-form form:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.inline-form form:after {
  clear: both;
}
.inline-form form:before,
.inline-form form:after {
  content: " ";
  display: table;
}
.inline-form form:after {
  clear: both;
}
.inline-form form:before,
.inline-form form:after {
  content: " ";
  display: table;
}
.inline-form form:after {
  clear: both;
}
.inline-form form:before,
.inline-form form:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.inline-form form:after {
  clear: both;
}
.inline-form form:before,
.inline-form form:after {
  content: " ";
  display: table;
}
.inline-form form:after {
  clear: both;
}
.inline-form form:before,
.inline-form form:after {
  content: " ";
  display: table;
}
.inline-form form:after {
  clear: both;
}
.inline-form form p {
  font-size: inherit;
  line-height: inherit;
}
.inline-form form .action {
  float: none;
  margin: 0 auto;
}
.inline-form label,
.inline-form input.text,
.inline-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.inline-form label {
  font-size: 100%;
  display: block;
  color: #000000;
  width: 100% !important;
  margin-right: 0;
  font-weight: bold;
  text-align: center;
}
.inline-form select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  background-color: #f0f0f0;
  border: none;
  width: 100%;
}
.ie8 .inline-form button,
.ie8 .inline-form input,
.ie8 .inline-form select,
.ie8 .inline-form textarea {
  vertical-align: middle;
}
.inline-form .form-group {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .inline-form .form-group {
    padding: 30px;
    margin-bottom: 20px;
  }
}
.inline-form .form-group--contact-preferences {
  background: transparent;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.inline-form .form-details {
  padding: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .inline-form .form-details {
    margin-bottom: 20px;
  }
}
.inline-form .form-details.small-print {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .inline-form .form-details.small-print {
    padding: 40px 30px;
  }
}
.inline-form .form-block {
  margin: 0 auto 20px;
}
.inline-form .form-group--options {
  padding: 0;
}
.inline-form .form-group--options.household--options {
  padding: 20px;
  margin-top: 20px;
}
.inline-form .form-group--options .form-block {
  margin: 0;
  border-bottom: 1px solid #f5eee3;
  padding: 0;
}
.inline-form .form-group--options .option {
  position: relative;
  margin-bottom: 0;
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #f5eee3;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .inline-form .form-group--options .option {
    margin: 0;
    padding: 20px 40px;
  }
}
.inline-form .form-group--options .option input[type=checkbox],
.inline-form .form-group--options .option input[type=radio] {
  position: relative;
  margin-left: -23px !important;
}
.inline-form .form-group--options .field-choice .option label {
  font-weight: bold;
  width: auto;
  display: inline-block;
  width: 100%;
}
.inline-form .field-choice {
  margin-bottom: 0;
}
.inline-form .form-block--2up {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.inline-form .form-block--2up .title {
  width: 100%;
}
.inline-form .form-block--2up .field {
  width: 49%;
}
.inline-form .field-hint {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.inline-form .text-note {
  text-align: center;
}
.inline-form input.text,
.inline-form textarea {
  float: none;
  padding: 0 5px;
  height: 48px;
  line-height: 48px;
  padding: 5px 0 2px;
  vertical-align: middle;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  border-radius: 3px;
  width: 100%;
}
.inline-form .addresslookup-resuls {
  float: none;
  padding: 2px 5px;
  width: 100%;
  max-width: 540px;
}
.inline-form .addresslookup-resuls p {
  margin: 0;
  padding: 10px;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.inline-form select {
  margin-right: 10px;
}
.inline-form #field-register_email_marketing_preference_id > label,
.inline-form #field-register_postal_marketing_preference_id > label {
  padding-bottom: 10px;
}
.inline-form .terms_and_conditions {
  margin: .5em 0 1em;
  display: flex;
  justify-content: center;
}
.inline-form .terms_and_conditions input {
  flex-shrink: 0;
}
.inline-form .terms_and_conditions label {
  width: auto !important;
  font-weight: normal;
}
.inline-form #payment_terms_accepted {
  margin-top: 0.3em;
  margin-right: 0.5em;
}
.inline-form .addresslookup-resuls {
  padding: .5em 0;
}
.inline-form .addresslookup-resuls select {
  width: 100%;
}
.inline-form .addresslookup-resuls:empty {
  display: none;
}
.inline-form .field .field-error {
  margin-top: 10px;
}
.inline-form .field-choice .option label {
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
}
.inline-form .option-group label:first-child {
  font-weight: normal;
}
.inline-form .option-split .option {
  font-size: 12px;
  font-size: 0.75rem;
  float: left;
  width: 42.5%;
  margin-right: 2.5%;
  border: 0 none;
  padding-bottom: 0;
}
.inline-form .option-split .option label {
  width: 85%;
  float: right;
  padding: 0 0 .5em 0;
}
.inline-form .option-split .option-description {
  clear: both;
  font-style: italic;
  margin-bottom: 0;
}
.inline-form .option-split .option-description p {
  padding: 0;
}
.inline-form .field-choice-inline > label {
  float: none;
  width: auto;
  padding-top: 0;
}
.inline-form .field-choice-inline > input[type="checkbox"] {
  float: left;
  margin-right: 1em;
}
.inline-form .field-choice-inline .description {
  clear: both;
  padding: 0;
}
.inline-form .field-text-inline label,
.inline-form .field-text-inline .text,
.inline-form .field-text-inline .action {
  float: left;
  margin: 0;
}
.inline-form .field-text-inline label {
  width: auto;
  padding-top: .5em;
}
.inline-form .field-text-inline .text {
  margin: 0 1.5em;
}
.inline-form .field-text-inline .action {
  margin: 3px 0 0 0;
}
.ie8 .inline-form .field-text-inline .action {
  margin-top: 2px;
}
.inline-form .field-checkbox input[type=checkbox],
.inline-form .field-radio input[type=checkbox],
.inline-form .field-checkbox input[type=radio],
.inline-form .field-radio input[type=radio] {
  float: left;
  margin-right: .5em;
}
.inline-form .field-checkbox label,
.inline-form .field-radio label {
  float: none;
  margin-right: 0;
}
.inline-form .Actions,
.inline-form .basket-actions {
  padding: .5em 0;
  background: transparent;
  border: 0 none;
  text-align: center;
  margin-bottom: 0;
}
/*  ========================================================================== */
/*  @group Forms - Inline Form - Respsive Breakpoints  */
/*  ========================================================================== */
@media only screen and (max-width: 768px) {
  .responsive .inline-form form select {
    margin-top: 0;
  }
  .responsive .inline-form input.text,
  .responsive .inline-form textarea,
  .responsive .inline-form .field .field-error,
  .responsive .inline-form .addresslookup-resuls {
    float: none;
    max-width: 100%;
  }
  .responsive .inline-form select {
    max-width: 100%;
  }
  .responsive .inline-form .field .field-error {
    float: none;
  }
  .responsive .inline-form label {
    font-size: 100%;
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: .3em;
  }
  .responsive .inline-form .field-choice .option input,
  .responsive .inline-form .field-checkbox-row input {
    width: auto;
    margin: 3px .5em 3px 0;
    position: relative;
    top: -1px;
  }
  .responsive .inline-form .field-choice .option label,
  .responsive .inline-form .field-checkbox-row label {
    display: inline;
    width: auto;
    float: none;
  }
  .responsive .inline-form .address-lookupable input,
  .responsive .inline-form .address-lookupable select {
    width: auto;
  }
  .responsive .inline-form .address-lookupable input[type="text"] {
    max-width: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .responsive .inline-form .area-registration-form .field-text input,
  .responsive .inline-form .area-subscriber-details-form .field-text input,
  .responsive .inline-form .field input {
    width: 100%;
  }
}
.fortissimo-membership form .inline-form .registration-date-of-birth {
  padding: 0;
  margin: 0;
}
.fortissimo-membership form .inline-form ul {
  padding: 0;
  margin: 0;
  text-align: left;
}
.fortissimo-membership form .inline-form p {
  font-size: 14px;
  font-size: 0.875rem;
}
/*  ========================================================================== */
/*  @group Messages */
/*  ========================================================================== */
#page-content > .flash-message {
  margin: 0 auto 1em;
}
.flash-message,
.field-error,
.inline-error,
.flash-promocode-error,
#unit-messages .message {
  color: #ffffff;
  background-color: #484640;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  text-shadow: none;
  margin: 0 auto 1em;
  border: none;
  max-width: 720px;
  padding: 15px;
  box-sizing: border-box;
}
.flash-message p,
.field-error p,
.inline-error p,
.flash-promocode-error p,
#unit-messages .message p {
  margin: 0;
}
.flash-message a,
.field-error a,
.inline-error a,
.flash-promocode-error a,
#unit-messages .message a {
  color: #fff;
  text-decoration: underline;
}
.flash-message.success,
.field-error.success,
.inline-error.success,
.flash-promocode-error.success,
#unit-messages .message.success {
  background-color: #008d41;
  border: none;
}
.flash-message.error,
.field-error.error,
.inline-error.error,
.flash-promocode-error.error,
#unit-messages .message.error {
  background-color: #bf310a;
  border: none;
}
.flash-message.warning,
.field-error.warning,
.inline-error.warning,
.flash-promocode-error.warning,
#unit-messages .message.warning {
  background-color: #ee8200;
  border: none;
}
/**
	 * Error lists
	 */
.error:not(.restrictionMessage) ul,
.error-list:not(.restrictionMessage) ul,
.error_list:not(.restrictionMessage) ul {
  zoom: 1;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: .5em;
}
.error:not(.restrictionMessage) ul li,
.error-list:not(.restrictionMessage) ul li,
.error_list:not(.restrictionMessage) ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.error:not(.restrictionMessage) ul:before,
.error-list:not(.restrictionMessage) ul:before,
.error_list:not(.restrictionMessage) ul:before,
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  clear: both;
}
.error:not(.restrictionMessage) ul:before,
.error-list:not(.restrictionMessage) ul:before,
.error_list:not(.restrictionMessage) ul:before,
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  content: " ";
  display: table;
}
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  clear: both;
}
.error:not(.restrictionMessage) ul:before,
.error-list:not(.restrictionMessage) ul:before,
.error_list:not(.restrictionMessage) ul:before,
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  content: " ";
  display: table;
}
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  clear: both;
}
.error:not(.restrictionMessage) ul:before,
.error-list:not(.restrictionMessage) ul:before,
.error_list:not(.restrictionMessage) ul:before,
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  clear: both;
}
.error:not(.restrictionMessage) ul:before,
.error-list:not(.restrictionMessage) ul:before,
.error_list:not(.restrictionMessage) ul:before,
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  content: " ";
  display: table;
}
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  clear: both;
}
.error:not(.restrictionMessage) ul:before,
.error-list:not(.restrictionMessage) ul:before,
.error_list:not(.restrictionMessage) ul:before,
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  content: " ";
  display: table;
}
.error:not(.restrictionMessage) ul:after,
.error-list:not(.restrictionMessage) ul:after,
.error_list:not(.restrictionMessage) ul:after {
  clear: both;
}
.error:not(.restrictionMessage) ul li,
.error-list:not(.restrictionMessage) ul li,
.error_list:not(.restrictionMessage) ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.error:not(.restrictionMessage) li,
.error-list:not(.restrictionMessage) li,
.error_list:not(.restrictionMessage) li {
  color: #ee8200;
  font-weight: bold;
}
.error:not(.restrictionMessage) li.warning,
.error-list:not(.restrictionMessage) li.warning,
.error_list:not(.restrictionMessage) li.warning {
  color: #ffffff;
}
.error.restrictionMessage h2,
.error-list.restrictionMessage h2,
.error_list.restrictionMessage h2 {
  color: #ffffff;
}
.error-list,
.error_list {
  padding: 0;
  margin: 0 0 1em 0;
}
.error-list li,
.error_list li {
  zoom: 1;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #ffffff;
  background-color: #484640;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  text-shadow: none;
  margin: 0 auto 1em;
  border: none;
  max-width: 720px;
  padding: 15px;
  box-sizing: border-box;
}
.error-list li li,
.error_list li li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.error-list li:before,
.error_list li:before,
.error-list li:after,
.error_list li:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.error-list li:after,
.error_list li:after {
  clear: both;
}
.error-list li:before,
.error_list li:before,
.error-list li:after,
.error_list li:after {
  content: " ";
  display: table;
}
.error-list li:after,
.error_list li:after {
  clear: both;
}
.error-list li:before,
.error_list li:before,
.error-list li:after,
.error_list li:after {
  content: " ";
  display: table;
}
.error-list li:after,
.error_list li:after {
  clear: both;
}
.error-list li:before,
.error_list li:before,
.error-list li:after,
.error_list li:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.error-list li:after,
.error_list li:after {
  clear: both;
}
.error-list li:before,
.error_list li:before,
.error-list li:after,
.error_list li:after {
  content: " ";
  display: table;
}
.error-list li:after,
.error_list li:after {
  clear: both;
}
.error-list li:before,
.error_list li:before,
.error-list li:after,
.error_list li:after {
  content: " ";
  display: table;
}
.error-list li:after,
.error_list li:after {
  clear: both;
}
.error-list li li,
.error_list li li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.error-list li p,
.error_list li p {
  margin: 0;
}
.error-list li a,
.error_list li a {
  color: #fff;
  text-decoration: underline;
}
.error-list li.success,
.error_list li.success {
  background-color: #008d41;
  border: none;
}
.error-list li.error,
.error_list li.error {
  background-color: #bf310a;
  border: none;
}
.error-list li.warning,
.error_list li.warning {
  background-color: #ee8200;
  border: none;
}
/**
	* Hide empty messages
	*/
.error:empty,
.flash-message:empty,
.field-error:empty,
.inline-error:empty,
.flash-promocode-error:empty .inline-error:empty {
  display: none;
}
/*  ========================================================================== */
/*  @group Tables */
/*  ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.basket-wrapper table th,
.table-wrapper table th {
  background-color: #f0f2f1;
}
/*  ========================================================================== */
/*  @group Table Mixins */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Stacked / Collapsible Tables */
/*  ========================================================================== */
.stacked-table th,
.stacked-table thead {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.stacked-table th.focusable:active,
.stacked-table thead.focusable:active,
.stacked-table th.focusable:focus,
.stacked-table thead.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.stacked-table td,
.stacked-table td.remove,
.stacked-table td.first,
.stacked-table td.quantity,
.stacked-table td.price {
  font-size: 14px;
  font-size: 0.875rem;
  border: 0 none;
  text-align: left;
  display: block;
  width: auto;
}
.stacked-table td.first {
  padding: .75em 0 0;
}
.stacked-table td.remove {
  padding: 0;
  position: relative;
}
.stacked-table td.remove a {
  position: absolute;
  right: 20px;
  top: 15px;
}
.stacked-table td.remove.first {
  width: auto;
  padding: 5px;
}
.stacked-table td.last,
.stacked-table td.price,
.stacked-table td:last-child {
  padding-bottom: 1em;
}
.stacked-table td.empty,
.stacked-table td.empty,
.stacked-table td.empty {
  display: none;
}
.stacked-table tr:last-child td:last-child,
.stacked-table tr:last-child td:last-child {
  border-bottom: none;
}
.stacked-table td.price,
.stacked-table td.quantity {
  font-size: 16px;
}
.stacked-table td.quantity:before {
  content: "Quantity:";
  padding-right: 2%;
  font-weight: bold;
}
.stacked-table td.price:before {
  content: "Price:";
  padding-right: 2%;
  font-weight: bold;
}
/**
	 * Inline tables collapse into a stacked view on small screens
	 */
@media only screen and (max-width: 768px) {
  .responsive .inline-table th,
  .responsive #donationform-table th,
  .responsive .inline-table thead,
  .responsive #donationform-table thead {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .responsive .inline-table th.focusable:active,
  .responsive #donationform-table th.focusable:active,
  .responsive .inline-table thead.focusable:active,
  .responsive #donationform-table thead.focusable:active,
  .responsive .inline-table th.focusable:focus,
  .responsive #donationform-table th.focusable:focus,
  .responsive .inline-table thead.focusable:focus,
  .responsive #donationform-table thead.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .responsive .inline-table td,
  .responsive #donationform-table td,
  .responsive .inline-table td.remove,
  .responsive #donationform-table td.remove,
  .responsive .inline-table td.first,
  .responsive #donationform-table td.first,
  .responsive .inline-table td.quantity,
  .responsive #donationform-table td.quantity,
  .responsive .inline-table td.price,
  .responsive #donationform-table td.price {
    font-size: 14px;
    font-size: 0.875rem;
    border: 0 none;
    text-align: left;
    display: block;
    width: auto;
  }
  .responsive .inline-table td.first,
  .responsive #donationform-table td.first {
    padding: .75em 0 0;
  }
  .responsive .inline-table td.remove,
  .responsive #donationform-table td.remove {
    padding: 0;
    position: relative;
  }
  .responsive .inline-table td.remove a,
  .responsive #donationform-table td.remove a {
    position: absolute;
    right: 20px;
    top: 15px;
  }
  .responsive .inline-table td.remove.first,
  .responsive #donationform-table td.remove.first {
    width: auto;
    padding: 5px;
  }
  .responsive .inline-table td.last,
  .responsive #donationform-table td.last,
  .responsive .inline-table td.price,
  .responsive #donationform-table td.price,
  .responsive .inline-table td:last-child,
  .responsive #donationform-table td:last-child {
    padding-bottom: 1em;
  }
  .responsive .inline-table td.empty,
  .responsive #donationform-table td.empty,
  .responsive .inline-table td.empty,
  .responsive #donationform-table td.empty,
  .responsive .inline-table td.empty,
  .responsive #donationform-table td.empty {
    display: none;
  }
  .responsive .inline-table tr:last-child td:last-child,
  .responsive #donationform-table tr:last-child td:last-child,
  .responsive .inline-table tr:last-child td:last-child,
  .responsive #donationform-table tr:last-child td:last-child {
    border-bottom: none;
  }
  .responsive .inline-table td.price,
  .responsive #donationform-table td.price,
  .responsive .inline-table td.quantity,
  .responsive #donationform-table td.quantity {
    font-size: 16px;
  }
  .responsive .inline-table td.quantity:before,
  .responsive #donationform-table td.quantity:before {
    content: "Quantity:";
    padding-right: 2%;
    font-weight: bold;
  }
  .responsive .inline-table td.price:before,
  .responsive #donationform-table td.price:before {
    content: "Price:";
    padding-right: 2%;
    font-weight: bold;
  }
  .responsive .inline-table th,
  .responsive #donationform-table th,
  .responsive .inline-table thead,
  .responsive #donationform-table thead {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .responsive .inline-table th.focusable:active,
  .responsive #donationform-table th.focusable:active,
  .responsive .inline-table thead.focusable:active,
  .responsive #donationform-table thead.focusable:active,
  .responsive .inline-table th.focusable:focus,
  .responsive #donationform-table th.focusable:focus,
  .responsive .inline-table thead.focusable:focus,
  .responsive #donationform-table thead.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .responsive .inline-table td,
  .responsive #donationform-table td,
  .responsive .inline-table td.remove,
  .responsive #donationform-table td.remove,
  .responsive .inline-table td.first,
  .responsive #donationform-table td.first,
  .responsive .inline-table td.quantity,
  .responsive #donationform-table td.quantity,
  .responsive .inline-table td.price,
  .responsive #donationform-table td.price {
    font-size: 14px;
    font-size: 0.875rem;
    border: 0 none;
    text-align: left;
    display: block;
    width: auto;
  }
  .responsive .inline-table td.first,
  .responsive #donationform-table td.first {
    padding: .75em 0 0;
  }
  .responsive .inline-table td.remove,
  .responsive #donationform-table td.remove {
    padding: 0;
    position: relative;
  }
  .responsive .inline-table td.remove a,
  .responsive #donationform-table td.remove a {
    position: absolute;
    right: 20px;
    top: 15px;
  }
  .responsive .inline-table td.remove.first,
  .responsive #donationform-table td.remove.first {
    width: auto;
    padding: 5px;
  }
  .responsive .inline-table td.last,
  .responsive #donationform-table td.last,
  .responsive .inline-table td.price,
  .responsive #donationform-table td.price,
  .responsive .inline-table td:last-child,
  .responsive #donationform-table td:last-child {
    padding-bottom: 1em;
  }
  .responsive .inline-table td.empty,
  .responsive #donationform-table td.empty,
  .responsive .inline-table td.empty,
  .responsive #donationform-table td.empty,
  .responsive .inline-table td.empty,
  .responsive #donationform-table td.empty {
    display: none;
  }
  .responsive .inline-table tr:last-child td:last-child,
  .responsive #donationform-table tr:last-child td:last-child,
  .responsive .inline-table tr:last-child td:last-child,
  .responsive #donationform-table tr:last-child td:last-child {
    border-bottom: none;
  }
  .responsive .inline-table td.price,
  .responsive #donationform-table td.price,
  .responsive .inline-table td.quantity,
  .responsive #donationform-table td.quantity {
    font-size: 16px;
  }
  .responsive .inline-table td.quantity:before,
  .responsive #donationform-table td.quantity:before {
    content: "Quantity:";
    padding-right: 2%;
    font-weight: bold;
  }
  .responsive .inline-table td.price:before,
  .responsive #donationform-table td.price:before {
    content: "Price:";
    padding-right: 2%;
    font-weight: bold;
  }
  .responsive .inline-table td.first,
  .responsive #donationform-table td.first {
    padding: 1em;
    width: 100%;
  }
}
/*  ========================================================================== */
/*  @group Navigation */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Navigation - Account Navigation */
/*  ========================================================================== */
.unit-secondary-navigation {
  padding: 0;
  margin-bottom: 0;
  background: #f5eee3;
}
.unit-secondary-navigation ul {
  border: 0 none;
}
.unit-secondary-navigation a,
.unit-secondary-navigation a:visited {
  color: #000000;
  background-color: transparent;
  line-height: 1.3;
  font-family: "TriSW", Verdana, sans-serif;
  margin: 0;
  padding: .75em;
  border-bottom: none;
  font-size: 16px;
  font-size: 1rem;
}
.unit-secondary-navigation a:hover {
  background: #e8d7bd;
  color: #000000;
}
.svg .unit-secondary-navigation a:hover {
  background-image: none;
}
.unit-secondary-navigation a:active {
  color: #000000;
  background: #e8d7bd;
}
.unit-secondary-navigation li:last-child a,
.unit-secondary-navigation li:last-child a:visited {
  border-bottom: 0 none;
}
.unit-secondary-navigation .current a,
.unit-secondary-navigation .current a:visited,
.unit-secondary-navigation a.current,
.unit-secondary-navigation a.current:visited {
  background: #f5eee3;
  border: none;
  font-weight: bold;
  text-decoration: none;
}
.svg .unit-secondary-navigation .current a,
.svg .unit-secondary-navigation .current a:visited,
.svg .unit-secondary-navigation a.current,
.svg .unit-secondary-navigation a.current:visited {
  background-image: none;
}
@media only screen and (max-width: 991px) {
  .unit-secondary-navigation {
    border-top: 1px solid #000;
  }
}
/*  ========================================================================== */
/*  @group Navigation - Breadcrumb */
/*  ========================================================================== */
.unit-breadcrumb-trail {
  padding: 0;
  background: none;
  border: none;
  margin: 10px 0;
}
.unit-breadcrumb-trail ul {
  display: flex;
}
.unit-breadcrumb-trail ul li {
  width: 19%;
  height: 4px;
  margin-right: 1.2%;
  background-color: #fff;
  background-image: none;
  padding: 0;
  border: none;
}
.unit-breadcrumb-trail ul li:last-child {
  margin-right: 0;
}
.svg .unit-breadcrumb-trail ul li {
  background-image: none;
}
.unit-breadcrumb-trail ul li.current {
  background-color: #232323;
}
.unit-breadcrumb-trail ul li span {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.unit-breadcrumb-trail ul li span.focusable:active,
.unit-breadcrumb-trail ul li span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.unit-breadcrumb-trail {
  display: none !important;
}
/*  ========================================================================== */
/*  @group Navigation - Tabbed Mavigation */
/*  ========================================================================== */
.unit-tabbed-content .tabbed-content,
.unit-tabbed-content--acordion .tabbed-content {
  background: #fff;
  border: none;
}
.unit-tabbed-content ul > li > a,
.unit-tabbed-content--acordion ul > li > a {
  background: #f5eee3;
  color: #000000;
  border: none;
  border-bottom: 3px solid #f5eee3;
  padding: 5px;
  text-decoration: none;
}
.unit-tabbed-content ul > li > a:hover,
.unit-tabbed-content--acordion ul > li > a:hover {
  background-color: #f8f8f8;
  color: #000000;
  border-bottom: 3px solid #f8f8f8;
}
.unit-tabbed-content ul > li.active > a,
.unit-tabbed-content--acordion ul > li.active > a {
  background-color: #fff;
  border-bottom: 3px solid #fff;
  color: #000000;
}
.unit-tabbed-content ul > li.active > a:hover,
.unit-tabbed-content--acordion ul > li.active > a:hover {
  background-color: #fff;
  color: #000000;
}
@media only screen and (min-width: 768px) {
  .unit-tabbed-content ul > li,
  .unit-tabbed-content--acordion ul > li {
    margin: 0 2px 0 0;
  }
  .unit-tabbed-content ul > li > a,
  .unit-tabbed-content--acordion ul > li > a {
    padding: 5px 10px;
  }
}
.unit-tabbed-content table,
.unit-tabbed-content--acordion table {
  border: none;
}
.unit-tabbed-content table td,
.unit-tabbed-content--acordion table td,
.unit-tabbed-content table th,
.unit-tabbed-content--acordion table th {
  border: none;
  color: #000000;
}
@media only screen and (min-width: 480px) {
  .unit-tabbed-content table a,
  .unit-tabbed-content--acordion table a {
    float: right;
  }
}
/*  ========================================================================== */
/*  @group Navigation - Unit Navigation List */
/*  ========================================================================== */
.unit-link-list ul,
.unit-navigation-list ul {
  zoom: 1;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-link-list ul li,
.unit-navigation-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-link-list ul:before,
.unit-navigation-list ul:before,
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  clear: both;
}
.unit-link-list ul:before,
.unit-navigation-list ul:before,
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  clear: both;
}
.unit-link-list ul:before,
.unit-navigation-list ul:before,
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  clear: both;
}
.unit-link-list ul:before,
.unit-navigation-list ul:before,
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  clear: both;
}
.unit-link-list ul:before,
.unit-navigation-list ul:before,
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  clear: both;
}
.unit-link-list ul:before,
.unit-navigation-list ul:before,
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-link-list ul:after,
.unit-navigation-list ul:after {
  clear: both;
}
.unit-link-list ul li,
.unit-navigation-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list ul {
  zoom: 1;
  *zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 0;
}
.unit-navigation-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list ul:before,
.unit-navigation-list ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-navigation-list ul:after {
  clear: both;
}
.unit-navigation-list ul:before,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-navigation-list ul:after {
  clear: both;
}
.unit-navigation-list ul:before,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-navigation-list ul:after {
  clear: both;
}
.unit-navigation-list ul:before,
.unit-navigation-list ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-navigation-list ul:after {
  clear: both;
}
.unit-navigation-list ul:before,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-navigation-list ul:after {
  clear: both;
}
.unit-navigation-list ul:before,
.unit-navigation-list ul:after {
  content: " ";
  display: table;
}
.unit-navigation-list ul:after {
  clear: both;
}
.unit-navigation-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list ul > li,
.unit-navigation-list ul li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.unit-navigation-list a {
  height: 2em;
  line-height: 2;
  padding: 0 .75em;
}
/*  ========================================================================== */
/*  @group Navigation - Unit Nested Menu */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Navigation - Primary Nav Toggle */
/*  ========================================================================== */
.nav-toggle,
.nav-toggle-search {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  width: 30px;
  height: 25px;
  border: none;
  border-radius: 3px;
  background: #7d7d7d url('../images/icon-nav-toggle.png') center center no-repeat;
  background-image: none, url('../images/icon-nav-toggle.min.svg');
  background-size: 18px 18px;
}
.nav-toggle br,
.nav-toggle-search br {
  display: none;
}
.nav-toggle br,
.nav-toggle-search br {
  display: none;
}
.nav-toggle:focus,
.nav-toggle-search:focus {
  outline: none;
}
.nav-toggle:hover,
.nav-toggle-search:hover,
.nav-toggle:active,
.nav-toggle-search:active,
.nav-toggle:focus,
.nav-toggle-search:focus {
  background-color: #666;
}
@media screen and (min-width: 768px) {
  .nav-toggle,
  .nav-toggle-search {
    display: none;
  }
}
.nav-toggle-search {
  background-color: transparent !important;
  border-right: 0 none;
  background-image: url('../images/icons/icon-search.png');
  background-image: none, url('../images/icons/icon-search.svg');
  margin-right: 10px;
}
.nav-toggle-search:hover {
  background-color: transparent;
}
.nav-toggle-search.is-toggled {
  background-image: url('../images/icons/icon-close-light.png');
  background-image: none, url('../images/icons/icon-close-light.min.svg');
  background-size: 14px 14px;
  background-color: transparent;
}
/*  ========================================================================== */
/*  @group Modals */
/*  ========================================================================== */
#cboxOverlay {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: none;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
  width: auto;
  height: auto;
  background-image: none;
}
#cboxContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
  background: #ffffff;
  overflow: hidden;
}
#cboxContent h1,
#cboxContent h2,
#cboxContent h3,
#cboxContent h4,
#cboxContent h5,
#cboxContent h6 {
  color: #000000;
}
#adding-to-basket-content {
  width: 368px;
  background: url(../images/ajax-loader-light-blue.gif) no-repeat center center;
  height: 200px;
  position: relative;
}
#cboxLoadedContent {
  padding: 1em;
}
#cboxLoadedContent img {
  width: 100%;
}
#cboxClose {
  top: .5em;
  right: .5em;
  width: 16px;
  height: 16px;
  background-image: url('../images/modal-close.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cboxClose:hover {
  background-position: 0 -32px;
}
/*  ========================================================================== */
/*  @group Fancybox */
/*  ========================================================================== */
#fancybox-content {
  background: #f5eee3;
  border: none 0;
  overflow: visible;
  padding: 20px 15px 5px 15px;
}
.fancybox-skin {
  background: #f5eee3;
}
.fancybox-inner {
  height: auto !important;
}
/*  ========================================================================== */
/*  @group Common - Listings */
/*  ========================================================================== */
.productions {
  margin: 1em 0;
  padding: 0;
}
.productions ul {
  margin: 1em 0;
  padding: 0;
}
.productions > li {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0 0 .5em 0;
  border-bottom: 1px solid #424242;
}
.productions > li:last-child {
  border-bottom: 0 none;
}
.productions > li p {
  margin-bottom: 0.1em;
}
.productions li li {
  margin-left: 1.5em;
}
.area-packages-list {
  margin: 1em 0;
  padding: 0;
}
.area-packages-list .unit-block {
  margin: 0 0 1em 0;
  padding: 0 0 .5em 0;
  border-bottom: 1px solid #424242;
}
.header__details {
  text-align: center;
}
/*  ========================================================================== */
/*  @group Sans Serif Typography */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Serif Typography */
/*  ========================================================================== */
.typography-serif-italic {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.46;
  font-weight: normal;
  font-style: italic;
}
.typography-serif-bold {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.45;
  font-weight: bold;
  font-style: normal;
}
.typography-serif-bold-italic {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.47;
  font-weight: bold;
  font-style: italic;
}
.typography-serif {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.44;
  font-weight: normal;
  font-style: normal;
}
.typography-serif b,
.typography-serif strong {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.45;
  font-weight: bold;
  font-style: normal;
}
.typography-serif i,
.typography-serif em {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.46;
  font-weight: normal;
  font-style: italic;
}
.typography-serif i b,
.typography-serif b i,
.typography-serif strong em,
.typography-serif em strong,
.typography-serif i strong,
.typography-serif strong i,
.typography-serif b em,
.typography-serif em b {
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.47;
  font-weight: bold;
  font-style: italic;
}
nav {
  font-family: "TriSW", Verdana, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
nav b,
nav strong {
  font-family: "TriSW", Verdana, sans-serif;
  font-size-adjust: 0.49;
  font-weight: normal;
  font-style: normal;
}
nav i,
nav em {
  font-family: "TriSW", Verdana, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
nav i b,
nav b i,
nav strong em,
nav em strong,
nav i strong,
nav strong i,
nav b em,
nav em b {
  font-family: "TriSW", Verdana, sans-serif;
  font-size-adjust: 0.49;
  font-weight: normal;
  font-style: italic;
}
p {
  line-height: 1.4;
  margin-bottom: 1em;
}
/*  ========================================================================== */
/*  @group Text Helpers */
/*  ========================================================================== */
.lead,
.lede {
  font-size: 120%;
  line-height: 1.333;
  font-weight: 300;
}
.initialism {
  font-size: 85%;
  text-transform: uppercase;
}
.link-more {
  font-weight: bold;
}
.link-more::after {
  content: '\2192';
  margin-left: .5em;
}
.well {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  background-color: #e8d7bd;
  border: 1px solid #424242;
  margin: 1em 0;
}
.well > p:only-child {
  margin-bottom: 0;
}
.blockquote {
  margin: 0;
  padding: .5em 0 .5em 1em;
  border-left: 5px solid #bbbbbb;
}
.blockquote footer,
.blockquote .footer {
  color: #979797;
  font-size: 80%;
  line-height: 1.3;
  padding: 0.5em 0;
  clear: left;
}
hr {
  max-width: 15em;
  margin: 2em auto;
  border: none;
  border-top: 1px solid #424242;
}
/*  ========================================================================== */
/*  @group Opt-in Typography */
/*  ========================================================================== */
/*
        Opt-in typography

        http://anthonyshort.me/global-typographic-styles-suck
        http://dbushell.com/2012/04/18/scoping-typography-css/
        http://css-tricks.com/opt-in-typography/
    */
.copy,
.unit-page-content,
.tab-content {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.copy h1,
.unit-page-content h1,
.tab-content h1 {
  font-size: 26px;
  font-size: 1.625rem;
}
.copy h2,
.unit-page-content h2,
.tab-content h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
.copy h3,
.unit-page-content h3,
.tab-content h3 {
  font-size: 20px;
  font-size: 1.25rem;
}
.copy h4,
.unit-page-content h4,
.tab-content h4 {
  font-size: 18px;
  font-size: 1.125rem;
}
.copy h5,
.unit-page-content h5,
.tab-content h5 {
  font-size: 16px;
  font-size: 1rem;
}
.copy h6,
.unit-page-content h6,
.tab-content h6 {
  font-size: 14px;
  font-size: 0.875rem;
}
.copy h1,
.unit-page-content h1,
.tab-content h1,
.copy h2,
.unit-page-content h2,
.tab-content h2,
.copy h3,
.unit-page-content h3,
.tab-content h3,
.copy h4,
.unit-page-content h4,
.tab-content h4,
.copy h5,
.unit-page-content h5,
.tab-content h5,
.copy h6,
.unit-page-content h6,
.tab-content h6 {
  margin: .5em 0 .3em 0;
  line-height: 1.3;
  font-weight: normal;
}
.copy p:empty,
.unit-page-content p:empty,
.tab-content p:empty {
  display: none;
}
.copy a,
.unit-page-content a,
.tab-content a,
.copy a:visited,
.unit-page-content a:visited,
.tab-content a:visited {
  text-decoration: underline;
}
.copy a:hover,
.unit-page-content a:hover,
.tab-content a:hover {
  text-decoration: underline;
}
.copy a:active,
.unit-page-content a:active,
.tab-content a:active {
  color: #1a1a1a;
}
.copy blockquote,
.unit-page-content blockquote,
.tab-content blockquote {
  margin: 0;
  padding: .5em 0 .5em 1em;
  border-left: 5px solid #bbbbbb;
}
.copy blockquote footer,
.unit-page-content blockquote footer,
.tab-content blockquote footer,
.copy blockquote .footer,
.unit-page-content blockquote .footer,
.tab-content blockquote .footer {
  color: #979797;
  font-size: 80%;
  line-height: 1.3;
  padding: 0.5em 0;
  clear: left;
}
.copy .inline-button:hover,
.unit-page-content .inline-button:hover,
.tab-content .inline-button:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/*
        This font software is the property of JT Types Ltd.

        You may not modify the font software, use it on another website, or install it on a computer.

        Copyright (C) JT Types Ltd.
*/
@font-face {
  font-family: 'EngWT';
  src: url('../fonts/EngWT-Rg/engwt-rg.eot');
  src: url('../fonts/EngWT-Rg/engwt-rg.eot?#iefix') format('embedded-opentype'), url('../fonts/EngWT-Rg/engwt-rg.woff2') format('woff2'), url('../fonts/EngWT-Rg/engwt-rg.woff') format('woff'), url('../fonts/EngWT-Rg/engwt-rg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EngWT';
  src: url('../fonts/EngWT-Bd/engwt-bd.eot');
  src: url('../fonts/EngWT-Bd/engwt-bd.eot?#iefix') format('embedded-opentype'), url('../fonts/EngWT-Bd/engwt-bd.woff2') format('woff2'), url('../fonts/EngWT-Bd/engwt-bd.woff') format('woff'), url('../fonts/EngWT-Bd/engwt-bd.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'TriSW';
  src: url('../fonts/TriSW-XBd/trisw-xbd.eot');
  src: url('../fonts/TriSW-XBd/trisw-xbd.eot?#iefix') format('embedded-opentype'), url('../fonts/TriSW-XBd/trisw-xbd.woff2') format('woff2'), url('../fonts/TriSW-XBd/trisw-xbd.woff') format('woff'), url('../fonts/TriSW-XBd/trisw-xbd.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'TriSW';
  src: url('../fonts/TriSW-Rg/trisw-rg.eot');
  src: url('../fonts/TriSW-Rg/trisw-rg.eot?#iefix') format('embedded-opentype'), url('../fonts/TriSW-Rg/trisw-rg.woff2') format('woff2'), url('../fonts/TriSW-Rg/trisw-rg.woff') format('woff'), url('../fonts/TriSW-Rg/trisw-rg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*  ========================================================================== */
/*  @group Account */
/*  ========================================================================== */
.section-account #container {
  padding-top: 54px;
}
.section-account #page-content {
  max-width: none;
  padding: 20px 0;
}
.account-home.section-account #page-content {
  padding: 0;
}
.section-account #primary-content {
  width: 100%;
  display: block;
  float: none;
}
.account-home .area-global-header {
  border-bottom: none;
}
.section-account .content {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 10px;
}
@media only screen and (min-width: 768px) {
  .section-account .content {
    padding: 40px 10px;
  }
}
.inline-form .field.form-attribute {
  width: 35%;
  float: left;
}
.inline-form .field.form-attribute .option-group .option {
  width: 100%;
}
.form-section-header {
  margin-top: 40px;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.label-icon {
  font-size: 1em;
  position: relative;
  top: 3px;
}
#login-box .Actions .action {
  float: none;
  margin: 0 auto;
}
.user-account__list {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 2px;
}
.user-account__list table,
.user-account__list tr,
.user-account__list td {
  border: none;
}
/*  ========================================================================== */
/*  @group Account - Login */
/*  ========================================================================== */
.section-login #login-box {
  float: none;
  margin: 0 auto;
}
.section-login #login-box h2 {
  text-align: center;
  float: none;
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .section-login #login-box h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.section-login #login-box form {
  background-color: #fff !important;
  max-width: 580px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .section-login #login-box form {
    padding: 40px;
  }
}
.section-login #login-box .radio-field {
  margin-bottom: 5px;
}
.section-login #login-box .radio-field label {
  display: flex;
  width: 100%;
  font-weight: normal;
  margin-bottom: 0;
}
.section-login #login-box .radio-field input[type=radio] {
  width: auto;
  margin: 0 10px 0 0;
}
.section-login #login-box .field-group {
  margin-bottom: 20px;
}
#login-box .forgotten-password {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin: 20px 0 0;
  font-weight: bold;
}
#login-box .Actions {
  margin: 0;
  padding: 0;
}
#login-box .Actions .action {
  margin: 0 auto;
  float: none;
  width: 100%;
  max-width: 295px;
}
.area-forgotten-password {
  background-color: #fff;
  padding: 20px;
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}
@media only screen and (min-width: 991px) {
  .area-forgotten-password {
    padding: 40px;
  }
}
.area-forgotten-password .inline-form {
  width: 100%;
  margin: 0;
}
.area-forgotten-password .inline-form input[type=email] {
  float: none;
  padding: 5px;
  height: 48px;
  vertical-align: middle;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  border-radius: 3px;
  width: 100%;
  max-width: 380px;
}
.area-forgotten-password .inline-form .btn {
  margin-top: 20px;
}
.upgrade-account__description {
  text-align: center;
}
/*  ========================================================================== */
/*  @group Account - My Account */
/*  ========================================================================== */
.account-header {
  background-image: url(../images/account-header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 30px 10px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .account-header {
    padding: 40px 20px;
  }
}
.account-header:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}
.account-header + .flash-message {
  margin-top: 40px !important;
}
.account-header__inner {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}
.account-header__actions {
  text-align: right;
}
.account-header__title {
  color: #fff;
  margin: 0 0 20px;
  text-align: left;
}
.account-header__text {
  margin-bottom: 5px;
  padding: 0;
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .account-header__text {
    font-size: 16px;
    margin-bottom: 2px;
  }
}
.account-header__edit {
  text-decoration: underline;
  font-weight: bold;
  color: #fff;
}
.account-header__edit:active,
.account-header__edit:visited {
  color: #fff;
}
.account-header__edit:hover {
  color: #fff;
}
.account-actions {
  border-color: #424242;
}
.account-home h2 {
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .account-home h2 {
    text-align: left;
  }
}
.account-home__action {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .account-home__action {
    margin-bottom: 30px;
  }
}
.account-home__action .btn-primary {
  width: 100%;
  max-width: 380px;
}
#unit-messages {
  padding-bottom: .5em;
  margin-bottom: 1em;
}
#unit-messages .message {
  padding: 0;
  background: #fff;
  color: #000;
}
#unit-messages .container-message {
  display: flex;
}
#unit-messages .container-message .column h2 {
  text-align: center;
}
#unit-messages .container-message .column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#unit-messages .container-message .column:not(.img) {
  text-align: left;
  padding: 20px 35px;
}
#unit-messages .container-message.vertical {
  flex-direction: column;
}
#unit-messages .container-message.vertical .column {
  padding: 20px 35px;
}
#unit-messages .container-message.vertical .column.img {
  padding: 0;
}
#unit-messages .container-message.vertical .column:last-child.img {
  padding-bottom: 0;
}
#unit-messages .container-message.horizontal {
  flex-direction: row;
  align-items: center;
}
#unit-messages .container-message.horizontal .column.img {
  max-width: 35%;
}
.user-memberships__header {
  display: flex;
  justify-content: space-between;
}
.user-memberships {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}
.user-memberships table {
  border: none;
}
.user-memberships table td {
  border: none;
  display: block;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.user-memberships table td.membership-expiration-date {
  font-size: 14px;
  font-weight: normal;
}
.user-memberships__list {
  background-color: #fff;
  padding: 10px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .user-memberships__list {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.user-memberships__list p {
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .user-memberships__list p {
    text-align: left;
  }
}
.user-memberships__purchase {
  font-weight: bold;
  margin: 20px 0;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .user-memberships__purchase {
    position: absolute;
    top: 3px;
    right: 0;
    margin: 0;
  }
}
.facebook-connect-button {
  background-color: #4c66a4;
}
.facebook-connect-button:hover {
  background-color: #3c5081;
}
.programme-entitlement {
  margin-bottom: 40px;
}
.programme-entitlement__message {
  background-color: #fff;
  padding: 20px;
}
.programme-entitlement__message p:last-child {
  margin-bottom: 0;
}
.programme-entitlement__button-wrapper {
  background-color: #fff;
  padding: 10px 0 40px;
}
.programme-entitlement .field-choice {
  padding: 10px;
  background-color: #fff;
  margin-bottom: 0px;
}
.programme-entitlement .field-choice .option {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.programme-entitlement .field-choice .option input[type="radio"] {
  margin: 10px 10px 15px;
  width: 20px;
  height: 15px;
  flex-shrink: 0;
}
.programme-entitlement .field-choice .option label {
  width: calc(100% - 40px) !important;
  padding: 0;
  margin: 6px 0 0;
  font-weight: bold;
}
.programme-entitlement .field-choice .option p {
  width: 100%;
  padding-left: 40px;
}
/*  ========================================================================== */
/*  @group Account - Update Account */
/*  ========================================================================== */
.area-update-account {
  max-width: 580px;
  margin: 0 auto;
  box-sizing: border-box;
}
.inline-form .update-account__name {
  margin-top: 20px;
}
#field-register_marketing_post,
#field-register_marketing_email,
#field-register_marketing_phone {
  width: 33%;
  float: left;
}
#field-register_marketing_share {
  clear: left;
}
#register-form {
  visibility: hidden;
}
#field-register_attribute_355 {
  margin-bottom: 0em;
}
#register-form-data-protection {
  padding-top: 15px;
  width: 80%;
  font-size: 14px;
}
#register-form-data-protection h2 {
  color: #fff;
  border: none;
}
.registration-date-of-birth .field {
  margin: 0;
}
.registration-date-of-birth label {
  padding: 0;
}
.register-form-captcha .g-recaptcha {
  text-align: center;
}
.register-form-captcha .g-recaptcha > div {
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .responsive #register-form-data-protection {
    width: 100%;
  }
  .inline-form .field.form-attribute {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  .responsive #field-register_marketing_post,
  .responsive #field-register_marketing_email,
  .responsive #field-register_marketing_phone {
    width: 100%;
    float: none;
  }
}
/*  ========================================================================== */
/*  @group Account - Chnage Password */
/*  ========================================================================== */
.area-change-password .inline-form,
.area-recover-acount .inline-form {
  max-width: 580px;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .area-change-password .inline-form,
  .area-recover-acount .inline-form {
    padding: 40px;
  }
}
.area-recover-acount__text {
  text-align: center;
}
/*  ========================================================================== */
/*  @group Account - Communication Preferences */
/*  ========================================================================== */
.area-communication-preferences {
  max-width: 580px;
  margin: 0 auto;
}
#register_marketing_options {
  background-color: #fff;
  display: flex;
  justify-content: space-around;
}
#register_marketing_options .option {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 0;
  width: auto;
}
#register_marketing_options .option input[type="checkbox"] {
  margin: 10px !important;
  width: 20px;
  height: 15px;
  flex-shrink: 0;
}
#register_marketing_options .option label {
  margin-left: 0;
}
.communication-options .field-choice {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 1px;
  width: 100%;
  box-sizing: border-box;
}
.communication-options .field-choice .option {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.communication-options .field-choice .option input[type="checkbox"] {
  margin: 10px 10px 15px;
  width: 20px;
  height: 15px;
  flex-shrink: 0;
}
.communication-options .field-choice .option label {
  width: calc(100% - 40px) !important;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.communication-options .field-choice .option .field-hint {
  width: 100%;
  padding-left: 40px;
}
.communication-options .field-choice--select,
.communication-options .field-choice--checkbox {
  padding: 10px;
}
.disclaimer {
  margin-top: 20px;
}
/*  ========================================================================== */
/*  @group Account - Section Headers */
/*  ========================================================================== */
.header-address-management,
.gift-certificates-header {
  zoom: 1;
  *zoom: 1;
  padding-bottom: 1em;
}
.header-address-management:before,
.gift-certificates-header:before,
.header-address-management:after,
.gift-certificates-header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.header-address-management:after,
.gift-certificates-header:after {
  clear: both;
}
.header-address-management:before,
.gift-certificates-header:before,
.header-address-management:after,
.gift-certificates-header:after {
  content: " ";
  display: table;
}
.header-address-management:after,
.gift-certificates-header:after {
  clear: both;
}
.header-address-management:before,
.gift-certificates-header:before,
.header-address-management:after,
.gift-certificates-header:after {
  content: " ";
  display: table;
}
.header-address-management:after,
.gift-certificates-header:after {
  clear: both;
}
.header-address-management:before,
.gift-certificates-header:before,
.header-address-management:after,
.gift-certificates-header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.header-address-management:after,
.gift-certificates-header:after {
  clear: both;
}
.header-address-management:before,
.gift-certificates-header:before,
.header-address-management:after,
.gift-certificates-header:after {
  content: " ";
  display: table;
}
.header-address-management:after,
.gift-certificates-header:after {
  clear: both;
}
.header-address-management:before,
.gift-certificates-header:before,
.header-address-management:after,
.gift-certificates-header:after {
  content: " ";
  display: table;
}
.header-address-management:after,
.gift-certificates-header:after {
  clear: both;
}
.header-address-management h1,
.gift-certificates-header h1 {
  display: block;
  width: 100%;
  margin: 0 0 0 0;
}
.header-address-management .edit-info,
.gift-certificates-header .edit-info,
.header-address-management .purchase-gift-certificate,
.gift-certificates-header .purchase-gift-certificate {
  float: none;
  clear: both;
  margin: 15px 0 0 0;
}
div#form_delivery_method {
  display: none !important;
}
/*  ========================================================================== */
/*  @group Account - Address Management */
/*  ========================================================================== */
.address-list li {
  background-color: #333333;
  margin-bottom: .5em;
}
.address-list li .is-primary,
.address-list li .make-primary,
.address-list li .address-actions {
  position: static;
}
.address-actions {
  margin: 10px 0 0 0;
}
/*  ========================================================================== */
/*  @group Account - Gift Certificates */
/*  ========================================================================== */
.gift-certificate {
  position: relative;
}
.gift-certificate .global-container {
  position: relative;
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
.area-check-balance {
  text-align: left;
}
.gift-certificates-header {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.gift-certificates-header h1 {
  margin-bottom: .5em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .gift-certificates-header h1 {
    text-align: left;
  }
}
.btn-purchase-gift-certificate {
  margin: 20px 0;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .btn-purchase-gift-certificate {
    position: absolute;
    top: 3px;
    right: 0;
    margin: 0;
  }
}
.area-check-balance {
  background-color: #fff;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .area-check-balance {
    padding: 40px;
  }
}
.area-check-balance.inline-form form {
  background: none !important;
  padding: 0;
}
.area-check-balance.inline-form form label {
  width: 100%;
}
.area-check-balance.inline-form form #field-form_code {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.area-check-balance.inline-form form #field-form_code label {
  width: 100%;
}
.area-check-balance.inline-form form #field-form_code #form_code {
  width: 100%;
  max-width: 140px;
  border-radius: 0;
  text-align: left;
  padding: 3px 10px 1px;
}
@media only screen and (min-width: 768px) {
  .area-check-balance.inline-form form #field-form_code #form_code {
    max-width: 180px;
  }
}
.area-check-balance.inline-form form .action::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.area-check-balance.inline-form form .action,
.area-check-balance.inline-form form .action:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.area-check-balance.inline-form form .action:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.area-check-balance.inline-form form .action:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.area-check-balance.inline-form form .action,
.area-check-balance.inline-form form .action:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.area-check-balance.inline-form form .action:hover {
  color: #ffffff;
  background: #636058;
}
.area-check-balance.inline-form form .action,
.area-check-balance.inline-form form .action:visited {
  border-radius: 0;
  padding: 0 25px;
  font-size: 12px;
}
#form-purchase-gift-certificates #form_message {
  height: 100px;
}
.inline-form.purchase-gift-certificate {
  max-width: 580px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .inline-form.purchase-gift-certificate {
    padding: 40px;
  }
}
#suggested-amount-value {
  display: none;
}
.section-gift-certificates .inline-form {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
.section-gift-certificates .inline-form .gift-voucher-amounts {
  display: flex;
  flex-wrap: wrap;
}
.section-gift-certificates .inline-form .gift-voucher-amounts .option {
  background-color: #fff;
  width: calc(50% - 0.5px);
  margin-right: 1px;
  margin-bottom: 1px;
}
.section-gift-certificates .inline-form .gift-voucher-amounts .option:nth-child(even) {
  margin-right: 0;
}
.section-gift-certificates .inline-form .gift-voucher-amounts .option:last-child {
  width: 100%;
}
.section-gift-certificates .inline-form .gift-voucher-amounts .option label {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 20px;
}
.section-gift-certificates .inline-form .gift-voucher-amounts .option label:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px #a5a5a5;
  border-radius: 30px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 2px;
}
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="radio"],
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="checkbox"] {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="radio"].focusable:active,
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="checkbox"].focusable:active,
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="radio"].focusable:focus,
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="checkbox"].focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="radio"]:checked + label:before,
.section-gift-certificates .inline-form .gift-voucher-amounts input[type="checkbox"]:checked + label:before {
  background-color: #a5a5a5;
}
.section-gift-certificates .inline-form .gift-voucher-amounts #suggested-amount-value {
  margin: 20px;
}
.section-gift-certificates .inline-form #form_delivery_method {
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.section-gift-certificates .inline-form #form_delivery_method .option label {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 20px;
}
.section-gift-certificates .inline-form #form_delivery_method .option label:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px #a5a5a5;
  border-radius: 30px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 2px;
}
.section-gift-certificates .inline-form #form_delivery_method input[type="radio"],
.section-gift-certificates .inline-form #form_delivery_method input[type="checkbox"] {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.section-gift-certificates .inline-form #form_delivery_method input[type="radio"].focusable:active,
.section-gift-certificates .inline-form #form_delivery_method input[type="checkbox"].focusable:active,
.section-gift-certificates .inline-form #form_delivery_method input[type="radio"].focusable:focus,
.section-gift-certificates .inline-form #form_delivery_method input[type="checkbox"].focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.section-gift-certificates .inline-form #form_delivery_method input[type="radio"]:checked + label:before,
.section-gift-certificates .inline-form #form_delivery_method input[type="checkbox"]:checked + label:before {
  background-color: #a5a5a5;
}
.section-gift-certificates .inline-form .gift-voucher-send-to {
  background-color: #fff;
  padding: 0 20px 20px;
}
.section-gift-certificates .inline-form .gift-voucher-send-to h2 {
  margin-top: 0;
  padding-top: 20px;
}
.section-gift-certificates .inline-form .gift-voucher-send-to .send-to-sender,
.section-gift-certificates .inline-form .gift-voucher-send-to .send-to-recipient {
  margin-bottom: 0;
}
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options {
  margin-top: 0;
}
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options .mail .field:last-child,
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options .email .field:last-child {
  margin-bottom: 0;
}
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options label {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options label.focusable:active,
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.section-gift-certificates .inline-form .gift-voucher-send-to .extra-options input {
  width: 100% !important;
}
.section-gift-certificates .inline-form #form_send_to {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.section-gift-certificates .inline-form #form_send_to .option {
  margin-bottom: 0;
}
.section-gift-certificates .inline-form #form_send_to .option label {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 20px;
}
.section-gift-certificates .inline-form #form_send_to .option label:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px #a5a5a5;
  border-radius: 30px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 2px;
}
.section-gift-certificates .inline-form #form_send_to input[type="radio"],
.section-gift-certificates .inline-form #form_send_to input[type="checkbox"] {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.section-gift-certificates .inline-form #form_send_to input[type="radio"].focusable:active,
.section-gift-certificates .inline-form #form_send_to input[type="checkbox"].focusable:active,
.section-gift-certificates .inline-form #form_send_to input[type="radio"].focusable:focus,
.section-gift-certificates .inline-form #form_send_to input[type="checkbox"].focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.section-gift-certificates .inline-form #form_send_to input[type="radio"]:checked + label:before,
.section-gift-certificates .inline-form #form_send_to input[type="checkbox"]:checked + label:before {
  background-color: #a5a5a5;
}
.section-gift-certificates .inline-form .gift-voucher-message {
  background-color: #fff;
  padding: 20px;
}
.section-gift-certificates .inline-form .gift-voucher-message {
  margin-bottom: 20px;
}
.section-gift-certificates .inline-form .gift-voucher-message h2 {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.section-gift-certificates .inline-form #form_message {
  width: 100%;
}
.section-gift-certificates .inline-form .Actions {
  padding: 10px 0;
}
.section-gift-certificates .inline-form .Actions .action {
  width: 100%;
  max-width: 380px;
}
/*  ========================================================================== */
/*  @group Account - Past Orders */
/*  ========================================================================== */
/**
	 * Past orders list grouping
	 * e.g., last 30 days
	 */
.order-group {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #424242;
}
.order-group.last {
  border-bottom: 0 none;
}
.order-group__count {
  color: #1a1a1a;
  font-weight: normal;
}
/**
	 * Past order listing
	 */
.order-list {
  zoom: 1;
  *zoom: 1;
}
.order-list:before,
.order-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.order-list:after {
  clear: both;
}
.order-list:before,
.order-list:after {
  content: " ";
  display: table;
}
.order-list:after {
  clear: both;
}
.order-list:before,
.order-list:after {
  content: " ";
  display: table;
}
.order-list:after {
  clear: both;
}
.order-list:before,
.order-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.order-list:after {
  clear: both;
}
.order-list:before,
.order-list:after {
  content: " ";
  display: table;
}
.order-list:after {
  clear: both;
}
.order-list:before,
.order-list:after {
  content: " ";
  display: table;
}
.order-list:after {
  clear: both;
}
.order-list li,
.order-list .order {
  width: 50%;
  float: left;
  padding: 1em 0 1em 0;
  background: none;
}
.order-list li .view-more {
  position: static;
}
.order-list .order-number,
.order-list .order-date,
.order-list .order-total {
  display: block;
}
.order-list .order-number,
.order-list .order-total-value {
  font-weight: bold;
}
.order-list .order-date {
  color: #979797;
}
.order-actions {
  margin-top: .5em;
}
.table-wrapper.area-past-orders {
  border: 0 none;
}
.table-wrapper.area-past-orders table thead tr th,
.table-wrapper.area-past-orders table tbody tr th {
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
}
.table-wrapper.area-past-orders table tbody tr {
  border: 0 none;
  background: none;
}
.table-wrapper.area-past-orders table tbody tr td {
  background-bottom: none;
  background: none;
  border-bottom: 1px solid #424242;
}
@media only screen and (max-width: 768px) {
  .responsive .order-list li,
  .responsive .order-list .order {
    display: block;
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  .section-register .tipsy,
  .section-account .tipsy {
    width: 100% !important;
    left: 0 !important;
  }
}
/*  ========================================================================== */
/*  @group Account - Register */
/*  ========================================================================== */
.custom-heading {
  margin-bottom: 0 !important;
}
#field-register_postcode,
#delivery-manager__postcode {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}
#field-register_postcode .field-error,
#delivery-manager__postcode .field-error {
  order: 2;
  width: 100%;
}
#field-register_postcode .address-lookup,
#delivery-manager__postcode .address-lookup {
  flex: 1;
  max-width: 200px;
  flex-basis: 50%;
}
#field-register_postcode input.text,
#delivery-manager__postcode input.text,
#field-register_postcode #delivery_new_billing_postcode,
#delivery-manager__postcode #delivery_new_billing_postcode {
  max-width: 100px;
  margin-right: 10px;
  flex-basis: 40%;
}
@media only screen and (min-width: 768px) {
  #field-register_postcode input.text,
  #delivery-manager__postcode input.text,
  #field-register_postcode #delivery_new_billing_postcode,
  #delivery-manager__postcode #delivery_new_billing_postcode {
    max-width: 180px;
  }
}
.registration-details__title {
  text-align: center;
}
.registration-details__title #field-delivery_title {
  text-align: center;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}
.registration-details__title .field {
  display: inline-block;
  margin: auto;
  width: 100%;
}
.registration-details__title .field#field-register_other_titles {
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-details__title .field label {
  display: inline-block;
  width: auto !important;
  margin: auto;
  padding: 0;
  float: none;
}
.registration-details__title .field input,
.registration-details__title .field select {
  display: inline-block;
  width: auto;
  margin: auto;
  margin-left: 20px;
  position: relative;
  float: none;
}
.inline-form .registration-details__marketing_options {
  margin-bottom: 0;
}
.registration-details__marketing_options .option-group {
  margin-bottom: 0;
}
.registration-marketing-preferences h3 {
  text-align: center;
  margin: 40px 0 15px;
}
.inline-form .registration-date-of-birth {
  text-align: center;
  padding: 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .inline-form .registration-date-of-birth {
    padding: 20px 40px;
  }
}
.inline-form .registration-date-of-birth select {
  width: 30%;
  margin: 5px;
  box-sizing: border-box;
}
.inline-form .registration-date-of-birth-attr {
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}
.inline-form .registration-date-of-birth-attr select {
  width: 30%;
  margin: 5px;
  box-sizing: border-box;
}
#birthdate-modal h3,
#under30-modal h3 {
  margin: 0;
}
#birthdate-modal ul,
#under30-modal ul {
  text-align: justify;
}
.inline-form .dob_message {
  padding: 0 10px 10px 10px;
}
@media only screen and (min-width: 768px) {
  .inline-form .dob_message {
    padding: 0 40px 40px 40px;
  }
}
.inline-form .register-form-captcha {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .inline-form .register-form-captcha {
    margin-bottom: 40px;
  }
}
#field-register_attribute_0,
#field-register_attribute_291,
#field-register_attribute_717,
#field-register_attribute_804,
#field-register_attribute_824,
#field-register_attribute_805,
#field-register_attribute_825,
#field-register_attribute_806,
#field-register_attribute_826,
#field-register_attribute_807,
#field-register_attribute_827,
#field-register_attribute_343,
#field-register_attribute_355,
#field-register_attribute_354,
#field-register_marketing_options_0,
#field-register_marketing_options_1,
#field-register_marketing_options_2,
#field-register_marketing_options_3,
#field-register_contact_preference_5,
#field-register_contact_preference_6,
#field-register_contact_preference_7,
#field-register_contact_preference_9,
#field-register_contact_preference_10,
#field-register_contact_preference_11 {
  width: 100%;
  float: none;
  box-sizing: border-box;
}
#field-register_attribute_-1 .option {
  border-bottom: 0;
}
.under-30-error,
.under-40-error {
  display: none;
}
.under-30-error span,
.under-40-error span {
  color: red;
}
#field-register_contact_preference_5 label,
#field-register_contact_preference_6 label,
#field-register_contact_preference_7 label,
#field-register_contact_preference_9 label,
#field-register_contact_preference_10 label,
#field-register_contact_preference_11 label {
  width: auto !important;
}
@media only screen and (min-width: 1200px) {
  .area-register-form .field-choice .option label {
    width: auto;
  }
}
#field-register_first_name label,
#field-register_last_name label,
#field-register_email label,
#field-register_confirm_email label,
#field-register_password label,
#field-register_confirm_password label,
#field-register_country_id label,
#field-register_postcode label,
#field-register_address1 label,
#field-register_address2 label,
#field-register_city label,
#field-register_state label,
#field-register_daytime_phone_no label,
#field-register_marketing_options > label {
  display: none;
}
/*  ========================================================================== */
/*  @group Account - Guest Login */
/*  ========================================================================== */
.field-hidden {
  display: none !important;
}
.section-login #login-box.guest h3.welcome-back {
  margin-top: 0;
  margin-bottom: 20px;
}
.section-login #login-box.guest .guest-login-skip {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.section-login #login-box.guest .guest-login-skip__separator {
  display: inline-block;
  margin: 10px 0;
  text-align: center;
}
.section-login #login-box.guest .guest-login-skip .btn-skip {
  background: transparent;
}
.section-login #login-box.guest .guest-login-info {
  padding-left: 40px;
  padding-right: 40px;
}
.section-login #login-box.guest .forgotten-password {
  margin: 0px 0 10px;
}
.section-login #login-box.guest .forgotten-password-btn {
  font-weight: bold;
  font-size: 0.9em;
}
#login-box.guest h2 {
  float: none;
  text-align: center;
}
#login-box.guest label,
#login-box.guest input {
  margin-left: 0;
}
#login-box.guest label {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#login-box.guest label.focusable:active,
#login-box.guest label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
#login-box.guest .Actions {
  text-align: center;
}
#login-box.guest input.action {
  float: none;
  margin: 0 auto;
  width: 100%;
}
#login-box.guest .Actions p {
  float: none;
  margin: 10px auto;
}
#login-box .optional {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 0.75em;
}
.guest-login-info {
  margin-top: 15px;
  text-align: center;
}
.welcome-back {
  text-align: center;
  font-family: "TriSW", Arial, sans-serif;
}
.form-forgotten-password label {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.form-forgotten-password label.focusable:active,
.form-forgotten-password label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.update-account-form.inline-form input[disabled],
.update-account-form.inline-form select[disabled],
.update-account-form.inline-form textarea[disabled] {
  border-color: #ddd;
  color: #999;
}
.update-account-form.inline-form input[disabled][type="text"]::-webkit-input-placeholder,
.update-account-form.inline-form input[disabled][type="url"]::-webkit-input-placeholder,
.update-account-form.inline-form input[disabled][type="search"]::-webkit-input-placeholder,
.update-account-form.inline-form input[disabled][type="password"]::-webkit-input-placeholder,
.update-account-form.inline-form input[disabled][type="email"]::-webkit-input-placeholder,
.update-account-form.inline-form input.text[disabled]::-webkit-input-placeholder,
.update-account-form.inline-form textarea[disabled]::-webkit-input-placeholder {
  color: #ddd;
}
/*  ========================================================================== */
/*  @group Account - Payment Methods */
/*  ========================================================================== */
.section-payment-methods #primary-content > .content.group h2 {
  text-align: center;
}
.saved-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}
.saved-cards .saved-card {
  width: 48%;
}
.saved-cards .saved-card p {
  background: #fff;
  padding: 10px;
}
.saved-cards .saved-card p .delete-payment-method-btn {
  margin-top: 10px;
  max-width: 200px;
}
.saved-cards .direct-debit {
  background: #fff;
  min-width: 300px;
}
.saved-cards .direct-debit h1 {
  padding: 10px;
}
.saved-cards .direct-debit p {
  padding: 10px;
}
.direct-debit-guarantee-icon {
  display: grid;
  place-items: center;
  margin: 25px auto;
}
.direct-debit-guarantee-icon br {
  display: none;
}
.svg .direct-debit-guarantee-icon {
  background-image: url(../images/dd-logo.svg);
  background-repeat: no-repeat;
}
.direct-debit-guarantee-icon {
  width: 150px;
  height: 49px;
}
.area-submit.add-action {
  padding-top: 30px;
}
.modal#communicationPreferencesModal {
  max-width: 60em !important;
  transform: translate(-50%, -50%);
  margin: 0 !important;
  max-height: 90%;
  overflow: auto;
  width: 90%;
  padding: 2em 0;
}
.fortissimo-membership .dob_message ul li {
  margin-bottom: 1em;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-left: 1em;
}
/*  ========================================================================== */
/*  @group Booking */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Booking - Booking Tables */
/*  ========================================================================== */
.booking-table,
.orders-wrapper,
.basket-wrapper table,
.area-past-orders table,
#membershippackage-table,
#donationform-table {
  border: 0 none;
}
.booking-table th,
.orders-wrapper th,
.basket-wrapper table th,
.area-past-orders table th,
#membershippackage-table th,
#donationform-table th,
.booking-table td,
.orders-wrapper td,
.basket-wrapper table td,
.area-past-orders table td,
#membershippackage-table td,
#donationform-table td {
  border: 0 none;
}
.booking-table th,
.orders-wrapper th,
.basket-wrapper table th,
.area-past-orders table th,
#membershippackage-table th,
#donationform-table th {
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-size: 100%;
  font-family: "TriSW", Arial, sans-serif;
  background-color: transparent;
}
.booking-table tbody tr,
.orders-wrapper tbody tr,
.basket-wrapper table tbody tr,
.area-past-orders table tbody tr,
#membershippackage-table tbody tr,
#donationform-table tbody tr {
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #f5eee3;
}
.booking-table td,
.orders-wrapper td,
.basket-wrapper table td,
.area-past-orders table td,
#membershippackage-table td,
#donationform-table td {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: .5em;
}
.booking-table input[type="text"],
.orders-wrapper input[type="text"],
.basket-wrapper table input[type="text"],
.area-past-orders table input[type="text"],
#membershippackage-table input[type="text"],
#donationform-table input[type="text"] {
  border: 1px solid #ccc;
  background-color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 5px;
  border-radius: 3px;
}
.booking-table h2,
.orders-wrapper h2,
.basket-wrapper table h2,
.area-past-orders table h2,
#membershippackage-table h2,
#donationform-table h2 {
  margin: 0;
}
.basket-wrapper {
  border: none;
  margin-bottom: 0;
}
.basket-wrapper .contribution h2 {
  margin-bottom: 10px;
}
.unit-performance-table tbody tr {
  border: 1px solid white;
}
.gift-certificate .remove .remove-line-item {
  padding: 0;
}
.unit-performance-table__day {
  font-weight: bold;
}
.performance-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.performance-list-item .performance-list-item__status {
  margin-left: 0;
}
.performance-list-item .performance-list-item__time {
  flex-shrink: 0;
  flex-basis: 33%;
}
.performance-list-item .performance-list-item__message:empty {
  display: none;
}
.performance-list-item a.tooltip {
  outline: none;
  color: #000000;
}
.performance-list-item a.tooltip:hover {
  text-decoration: none;
}
.performance-list-item a.tooltip:hover span {
  display: inline;
  position: absolute;
  border: 1px solid #FFF;
  color: #EEE;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=70);
  repeat-x: 0 0;
}
.performance-list-item a.tooltip span {
  display: none;
  padding: 5px 20px;
  margin-top: -30px;
  margin-left: -400px;
  width: 350px;
  z-index: 10;
}
.performance-list-item a.tooltip span::after {
  content: " ";
  position: absolute;
  top: 20%;
  left: 100%;
  /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent white;
}
.performance-list-item a.tooltip span {
  border-radius: 2px;
  box-shadow: 0px 0px 8px 4px #232323;
}
.performance-list-item .performance-list-item__status .info {
  display: none;
}
.performance-list-item div.performance-list-item__button {
  float: right;
  display: flex;
  flex-direction: row-reverse;
}
.performance-list-item div.performance-list-item__button span.performance-tickets-availability {
  display: block;
  float: right;
  width: 80px;
}
.performance-list-item a.btn-limited {
  border-color: #FF8000;
  background-color: #FF8000;
}
.performance-list-item a.btn-limited:hover {
  border-color: #FF5000;
  background-color: #FF5E00;
}
@media only screen and (max-width: 480px) {
  .unit-performance-table {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .performance-list-item .performance-list-item__time {
    flex-basis: 25%;
  }
  .performance-list-item__status {
    display: block;
    margin: 0;
  }
  .performance-list-item a.btn-limited {
    font-size: 8px;
    font-size: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .performance-list-item div.performance-list-item__button {
    display: flex;
    flex-direction: column-reverse;
  }
  .performance-list-item div.performance-list-item__button span.performance-tickets-availability {
    text-align: right;
    width: auto;
  }
}
/*  ========================================================================== */
/*  @group Booking - Production Details */
/*  ========================================================================== */
.section-booking .content {
  max-width: 720px;
  margin: 0 auto;
}
.area-ba-header {
  zoom: 1;
  *zoom: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.area-ba-header:before,
.area-ba-header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-ba-header:after {
  clear: both;
}
.area-ba-header:before,
.area-ba-header:after {
  content: " ";
  display: table;
}
.area-ba-header:after {
  clear: both;
}
.area-ba-header:before,
.area-ba-header:after {
  content: " ";
  display: table;
}
.area-ba-header:after {
  clear: both;
}
.area-ba-header:before,
.area-ba-header:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-ba-header:after {
  clear: both;
}
.area-ba-header:before,
.area-ba-header:after {
  content: " ";
  display: table;
}
.area-ba-header:after {
  clear: both;
}
.area-ba-header:before,
.area-ba-header:after {
  content: " ";
  display: table;
}
.area-ba-header:after {
  clear: both;
}
.area-ba-header .area-apply-promo-code .flash-promocode-error {
  clear: none;
  display: block;
  float: none;
  margin: 0.5em auto 0;
}
.active-promocode {
  align-self: center;
  padding: 14px 20px 10px;
  font-weight: bold;
  background: #fff;
}
.area-apply-promo-code .flash-promocode-error {
  clear: none;
  display: block;
  float: none;
  margin: 0.5em auto 0 !important;
}
.area-production-details .production-title {
  margin-bottom: .4em;
}
@media only screen and (max-width: 480px) {
  .area-production-details .production-title {
    padding: 0 30px;
  }
}
.area-production-details .production-suffix {
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
}
.section-booking .area-production-details,
.type-select-level .area-production-details {
  width: 100%;
  text-align: center;
  margin: 0 0 20px;
  float: none;
  display: block;
}
#performance-switcher-form {
  width: auto;
  clear: left;
  margin-bottom: 5px;
}
#performance-switcher-form fieldset {
  margin: 0 0 10px 0;
  padding: 0;
}
#performance-switcher-form #performance-switcher {
  width: auto;
  background-color: #eee;
  font-size: 16px;
  font-size: 1rem;
  height: 42px;
  line-height: 42px;
}
#performance-switcher-form #performance-switcher:focus {
  background-color: #f8f8f8 !important;
}
/*  ========================================================================== */
/*  @group Booking - Promocodes */
/*  ========================================================================== */
.area-apply-promo-code {
  margin: 0;
  width: 100%;
}
.area-apply-promo-code label {
  float: none;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 .5em;
}
.section-booking .area-apply-promo-code #promocode-form {
  display: flex;
  justify-content: center;
  float: none;
  margin-bottom: 20px;
}
.section-booking .area-apply-promo-code #promocode-form #form_promo_code {
  margin: 0;
  background-color: #fff;
  border: 1px solid #484640;
  padding: 3px 10px 1px;
  height: 33px;
  font-size: 18px;
}
.section-booking .area-apply-promo-code #promocode-form #form_promo_code:focus {
  background-color: #ffffff !important;
}
.section-booking .area-apply-promo-code #promocode-form #form_promo_code,
.section-booking .area-apply-promo-code #promocode-form .apply-code {
  line-height: 27px;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code {
  position: relative;
  top: 0;
  height: 33px !important;
  line-height: 31px !important;
  padding: 0 25px !important;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code,
.section-booking .area-apply-promo-code #promocode-form .apply-code:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code,
.section-booking .area-apply-promo-code #promocode-form .apply-code:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code:hover {
  color: #ffffff;
  background: #636058;
}
.section-booking .area-apply-promo-code #promocode-form .apply-code,
.section-booking .area-apply-promo-code #promocode-form .apply-code:visited {
  border-radius: 0;
}
.area-production-extras {
  display: flex;
  align-items: center;
  width: 100%;
}
.area-production-extras .back-button {
  position: absolute;
  top: 0;
  height: 30px;
}
/*  ========================================================================== */
/*  @group Booking - Best Available */
/*  ========================================================================== */
/**
	* Best Available Selection Table
	* Default view
	*/
.basket-wrapper.area-item-selection table .choose-zone {
  width: 16%;
  padding-left: .5em;
}
.basket-wrapper.area-item-selection table th,
.basket-wrapper.area-item-selection table td {
  padding: .5em .25em;
}
.basket-wrapper.area-item-selection table td {
  background-color: transparent;
}
.basket-wrapper.area-item-selection table td.first {
  padding-left: 10px;
}
.basket-wrapper.area-item-selection table td.first label,
.basket-wrapper.area-item-selection table .price-type,
.basket-wrapper.area-item-selection table select {
  font-size: 16px;
  font-size: 1rem;
}
.basket-wrapper.area-item-selection table .price-type {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  min-height: 2.5em;
  vertical-align: top;
  margin-bottom: .25em;
}
.basket-wrapper.area-item-selection table .label {
  font-weight: normal;
}
.basket-wrapper.area-item-selection table select {
  font-size: 12px;
  font-size: 0.75rem;
}
.return-to-syos-btn {
  margin-bottom: 1em;
}
/**
	* Stacked Best Available Selection
	* If number of price types in BA is
	* greater than 'max_price_types_before_stacking'
	* in SiteConfig then stack the best available table
	*/
.type-packages .table-wrapper #seating-zones-select th {
  background-color: #f5eee3;
  font-size: 14px;
  font-size: 0.875rem;
}
.type-packages .performance-item {
  background-color: #333333;
  border: 0 none;
}
.section-booking .area-apply-promo-code {
  width: 100%;
  float: none;
}
.basket-wrapper.area-item-selection table.stacked-table tr {
  zoom: 1;
  *zoom: 1;
  display: block;
  padding-bottom: 1em;
  background-color: #f5eee3;
  border-bottom: none 0;
}
.basket-wrapper.area-item-selection table.stacked-table tr:before,
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  clear: both;
}
.basket-wrapper.area-item-selection table.stacked-table tr:before,
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  content: " ";
  display: table;
}
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  clear: both;
}
.basket-wrapper.area-item-selection table.stacked-table tr:before,
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  content: " ";
  display: table;
}
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  clear: both;
}
.basket-wrapper.area-item-selection table.stacked-table tr:before,
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  clear: both;
}
.basket-wrapper.area-item-selection table.stacked-table tr:before,
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  content: " ";
  display: table;
}
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  clear: both;
}
.basket-wrapper.area-item-selection table.stacked-table tr:before,
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  content: " ";
  display: table;
}
.basket-wrapper.area-item-selection table.stacked-table tr:after {
  clear: both;
}
.basket-wrapper.area-item-selection table.stacked-table .selected .first {
  background-color: #f5eee3;
}
.basket-wrapper.area-item-selection table.stacked-table .selected td {
  background-color: transparent;
}
.basket-wrapper.area-item-selection table.stacked-table td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: 0 none;
  min-height: auto;
  width: 33.333%;
  padding: 0 .5em .5em;
  float: left;
}
.basket-wrapper.area-item-selection table.stacked-table td.first {
  display: block;
  clear: both;
  width: 100%;
  padding: .5em;
  margin-bottom: 1em;
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
  background-color: #f5eee3;
  text-align: left;
}
.basket-wrapper.area-item-selection table.stacked-table td.first label {
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  text-transform: none;
}
.basket-wrapper.area-item-selection table.stacked-table input[type="radio"] {
  margin: 0.55em .5em 0 0;
  width: 20px;
  height: 20px;
}
.basket-wrapper.area-item-selection table.stacked-table .price-type {
  min-height: 100%;
  margin-bottom: 0;
}
.basket-wrapper.area-item-selection table.stacked-table .price-select {
  background-color: #eee;
  width: 100%;
  font-size: 1rem;
  height: 36px;
  line-height: 36px;
  position: relative;
  z-index: 10;
}
.basket-wrapper.area-item-selection table.stacked-table .price-select:focus {
  background-color: #f8f8f8 !important;
}
@media only screen and (max-width: 768px) {
  .responsive .basket-wrapper.area-item-selection table.stacked-table td:last-child {
    border: 0 none;
  }
}
@media only screen and (max-width: 480px) {
  .responsive .basket-wrapper.area-item-selection table.stacked-table tr {
    padding-bottom: 10px;
  }
  .responsive .basket-wrapper.area-item-selection table.stacked-table td {
    width: 100%;
    padding-top: 10px;
    border-bottom: 1px solid #424242;
  }
  .responsive .basket-wrapper.area-item-selection table.stacked-table td:last-child {
    border: 0 none;
  }
  .responsive .basket-wrapper.area-item-selection table.stacked-table td.first {
    margin-bottom: 0;
  }
}
/*  ========================================================================== */
/*  @group Booking - Basket */
/*  ========================================================================== */
.responsive .area-basket-header,
.responsive .area-package-header {
  margin-bottom: 0;
}
.responsive .area-basket-header h1,
.responsive .area-package-header h1 {
  width: 100%;
  color: #000000;
  margin-bottom: 15px;
}
.responsive .sub-title,
.responsive .inline-form form .sub-title {
  font-family: "TriSW", Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 20px;
  font-size: 18px;
}
#basketform-form {
  margin: 0 auto;
  max-width: 580px;
}
.section-basket p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000;
}
.section-basket .flash-message {
  color: #fff;
}
.performance-extras::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.performance-extras,
.performance-extras:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.performance-extras:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.performance-extras:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.performance-extras,
.performance-extras:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.performance-extras:hover {
  color: #ffffff;
  background: #636058;
}
.performance-extras,
.performance-extras:visited {
  font-size: 10px;
  font-size: 0.625rem;
  height: 36px;
  line-height: 22px;
  padding: 0 5px;
  height: 25px;
}
.zoneGroupRemove::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.zoneGroupRemove,
.zoneGroupRemove:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.zoneGroupRemove:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.zoneGroupRemove:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.zoneGroupRemove,
.zoneGroupRemove:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.zoneGroupRemove:hover {
  color: #ffffff;
  background: #636058;
}
.zoneGroupRemove,
.zoneGroupRemove:visited {
  font-size: 10px;
  font-size: 0.625rem;
  height: 36px;
  line-height: 22px;
  padding: 0 5px;
  height: 25px;
}
/**
	* Basket table
	*/
.basket-wrapper.area-review-basket thead {
  display: none;
}
.basket-wrapper.area-review-basket table td {
  background-color: transparent;
  padding: 30px;
  border-bottom: 1px solid #f5eee3;
}
.basket-wrapper.area-review-basket table .first {
  padding-left: 30px;
  width: auto;
  vertical-align: middle;
}
.basket-wrapper.area-review-basket table .remove a {
  margin-top: 0;
  margin: auto;
}
.basket-wrapper.area-review-basket table h2 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "TriSW", Arial, sans-serif;
  text-align: left;
}
.basket-wrapper.area-review-basket table td.price,
.basket-wrapper.area-review-basket table td.quantity {
  font-size: 18px;
  font-size: 1.125rem;
}
.basket-wrapper.area-review-basket table td.price {
  font-weight: bold;
  padding-right: 30px;
}
.basket-wrapper.area-review-basket table .basket-buttons {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}
.basket-wrapper.area-review-basket table .basket-buttons a,
.basket-wrapper.area-review-basket table .basket-buttons button {
  margin-bottom: 8px;
}
.basket-wrapper.area-review-basket table .edit-seat-choice,
.basket-wrapper.area-review-basket table .performance-extras {
  margin: 0 10px 10px 0;
}
.basket-wrapper.area-review-basket table .edit-seat-choice {
  font-size: 0.6em;
}
.basket-wrapper.area-review-basket table .ui-widget-header {
  background: #f5eee3;
}
.basket-wrapper.area-review-basket table .suggested_donation_label {
  float: left;
  font-size: 15px;
  font-size: 0.9375rem;
}
.basket-wrapper.area-review-basket table .suggested_donation_accepted label {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 15px 10px 0 0;
}
.basket-wrapper.area-review-basket table .suggested_donation_accepted #basket_suggested_donation_accepted {
  float: right;
  margin: 20px 0 0 0;
}
.performance-extra {
  margin-bottom: 0.75em;
}
.performance-extra select {
  margin-bottom: 0.25em;
  width: auto;
}
.basket-actions .no-thanks {
  float: left;
}
@media only screen and (min-width: 768px) {
  .basket-wrapper.area-review-basket table .suggested_donation_label {
    float: none;
  }
  .basket-wrapper.area-review-basket table .suggested_donation_label label {
    text-align: right;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .responsive .basket-wrapper.area-review-basket table .basket-donation {
    width: auto;
    text-align: left;
  }
  .responsive .basket-wrapper.area-review-basket table td,
  .responsive .basket-wrapper.area-review-basket table td.first {
    padding: 20px;
  }
  .responsive .basket-wrapper.area-review-basket table td.quantity,
  .responsive .basket-wrapper.area-review-basket table td.price {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    border-bottom: none;
  }
  .responsive .basket-wrapper.area-review-basket table td.remove a {
    top: 15px;
  }
  .responsive .basket-wrapper.area-review-basket table .item h2 {
    padding-top: 10px;
  }
  .responsive .basket-wrapper.area-review-basket table .suggested_donation_label {
    float: none;
    margin: 0 0 10px 0;
  }
  .responsive .basket-wrapper.area-review-basket table .suggested_donation_accepted label {
    float: left;
    margin: 15px 0 15px 10px;
  }
  .responsive .basket-wrapper.area-review-basket table .suggested_donation_accepted #basket_suggested_donation_accepted {
    float: left;
    margin: 20px 0 15px 0;
  }
  .responsive .section-basket .basket-wrapper.area-review-basket table .item {
    border-bottom: 0;
  }
  .responsive .section-basket .basket-wrapper.area-review-basket table .donation_item {
    padding-top: 15px;
  }
  .responsive .section-basket .basket-wrapper.area-review-basket table .basket-donation {
    padding: 15px;
  }
  .responsive .section-basket .basket-wrapper.area-review-basket table .donate-slider {
    margin-top: 15px;
  }
  .responsive .section-basket .basket-wrapper.area-review-basket table .price {
    padding: 0 15px 15px 15px;
  }
  .responsive .area-basket-header h1,
  .responsive .area-package-header h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .responsive .performance-extra select {
    width: 100%;
  }
}
/**
	* Basket Footer
	*/
.area-basket-footer .links,
.area-basket-total .links {
  border: none;
  text-align: center;
}
.area-basket-footer .links .cancel-membership,
.area-basket-total .links .cancel-membership,
.area-basket-footer .links .book-more-tickets,
.area-basket-total .links .book-more-tickets {
  float: left;
  margin-right: 5px;
}
.area-basket-footer .links .continue-shopping,
.area-basket-total .links .continue-shopping {
  float: none;
  margin: 15px 0 0;
  display: block;
}
.area-basket-footer #booking-seat-warning,
.area-basket-total #booking-seat-warning {
  margin: 20px 5px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .area-basket-footer #booking-seat-warning,
  .area-basket-total #booking-seat-warning {
    margin-top: 0;
  }
}
.area-basket-footer .area-basket-total,
.area-basket-total .area-basket-total {
  clear: left;
  font-family: "TriSW", Arial, sans-serif;
}
.area-basket-footer .area-basket-total p,
.area-basket-total .area-basket-total p,
.area-basket-footer .area-basket-total p b,
.area-basket-total .area-basket-total p b {
  color: #000000;
}
.area-basket-footer .area-basket-total p,
.area-basket-total .area-basket-total p {
  font-weight: normal;
  margin-bottom: 0;
}
.area-basket-footer .area-basket-total b,
.area-basket-total .area-basket-total b {
  font-weight: bold;
}
.area-basket-footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0 0;
  position: sticky;
  bottom: 0;
  background-color: #f5eee3;
  z-index: 10;
}
.section-basket .area-basket-footer,
.section-payment .area-basket-footer {
  position: relative;
}
.area-basket-footer + .area-basket-footer {
  padding-top: 0;
}
.area-basket-footer .links {
  width: 100%;
  margin: 0;
  padding: 0 0 20px;
}
.area-basket-footer #booking-total,
.area-basket-footer #basket-total {
  font-size: 28px;
}
.area-basket-footer #booking-total {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .area-basket-footer {
    flex-direction: row;
  }
  .area-basket-footer #booking-total {
    margin-top: 0;
  }
  .area-basket-footer .area-basket-total {
    margin: 0;
  }
}
.gift-aid-checkbox.field-choice {
  zoom: 1;
  *zoom: 1;
  font-size: 14px;
  font-size: 0.875rem;
}
.gift-aid-checkbox.field-choice:before,
.gift-aid-checkbox.field-choice:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.gift-aid-checkbox.field-choice:after {
  clear: both;
}
.gift-aid-checkbox.field-choice:before,
.gift-aid-checkbox.field-choice:after {
  content: " ";
  display: table;
}
.gift-aid-checkbox.field-choice:after {
  clear: both;
}
.gift-aid-checkbox.field-choice:before,
.gift-aid-checkbox.field-choice:after {
  content: " ";
  display: table;
}
.gift-aid-checkbox.field-choice:after {
  clear: both;
}
.gift-aid-checkbox.field-choice:before,
.gift-aid-checkbox.field-choice:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.gift-aid-checkbox.field-choice:after {
  clear: both;
}
.gift-aid-checkbox.field-choice:before,
.gift-aid-checkbox.field-choice:after {
  content: " ";
  display: table;
}
.gift-aid-checkbox.field-choice:after {
  clear: both;
}
.gift-aid-checkbox.field-choice:before,
.gift-aid-checkbox.field-choice:after {
  content: " ";
  display: table;
}
.gift-aid-checkbox.field-choice:after {
  clear: both;
}
.gift-aid-checkbox.field-choice #gift-aid-calculation {
  display: block;
}
.gift-aid-checkbox.field-choice .option label {
  font-weight: normal;
  padding: 0;
  float: left;
}
.gift-aid-checkbox.field-choice .option input {
  float: left;
}
@media only screen and (max-width: 768px) {
  .responsive .gift-aid-checkbox.field-choice {
    padding: 0 0 20px 0;
  }
}
/*  ========================================================================== */
/*  @group Booking - Educational Events */
/*  ========================================================================== */
.basket-wrapper.area-review-basket table.educational-event td.number {
  background: #333;
  text-align: center;
  width: 100px;
  vertical-align: middle;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
}
.basket-wrapper.area-review-basket table.educational-event td.person {
  background: #FFF;
}
.basket-wrapper.area-review-basket table.educational-event td.person a.ticket-dropdown-menu-label {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  padding: 5px 10px;
}
.basket-wrapper.area-review-basket table.educational-event td.person a.ticket-dropdown-menu-label:hover {
  background: #eddcdc;
}
.basket-wrapper.area-review-basket table.educational-event td.person .input-field {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
.basket-wrapper.area-review-basket table.educational-event td.person .input-field input {
  width: 100%;
}
.basket-wrapper.area-review-basket table.educational-event td.person span.error {
  color: #333;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 5px 0 0 0;
}
/*  ========================================================================== */
/*  @group Booking - Delivery */
/*  ========================================================================== */
.area-delivery-method .secure-booking {
  display: none;
}
.area-delivery-method .area-delivery-form {
  margin-bottom: 0;
}
.area-delivery-method .delivery-manager .address-lookup {
  height: 42px;
  line-height: 40px;
}
.area-delivery-method .delivery-manager__title {
  text-align: center;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}
.area-delivery-method .delivery-manager__title #field-delivery_title {
  margin-top: 10px;
}
.area-delivery-method .delivery-manager__title .field {
  display: inline-block;
  margin: auto;
  width: 100%;
}
.area-delivery-method .delivery-manager__title .field#field-delivery_other_titles {
  margin-top: 20px;
  margin-bottom: 20px;
}
.area-delivery-method .delivery-manager__title .field label {
  display: inline-block;
  width: auto !important;
  margin: auto;
  padding: 0;
  float: none;
}
.area-delivery-method .delivery-manager__title .field input,
.area-delivery-method .delivery-manager__title .field select {
  display: inline-block;
  width: auto;
  margin: auto;
  margin-left: 20px;
  position: relative;
  float: none;
}
.area-delivery-method .delivery-manager__phone label {
  margin-bottom: 0.75em;
}
.area-delivery-method .delivery-manager__existing-address__header,
.area-delivery-method .delivery-manager__existing-address__user-title,
.area-delivery-method .delivery-manager__existing-address__user-address,
.area-delivery-method .delivery-manager__existing-address__change-address {
  text-align: center;
  margin: 0;
}
.area-delivery-method .delivery-manager__existing-address__user-title {
  margin-top: 10px;
}
.area-delivery-method .delivery-manager__existing-address__change-address {
  margin-top: 10px;
  font-size: 0.9rem;
}
.area-delivery-method .address-contact-preference .field {
  display: flex;
}
.area-delivery-method .address-contact-preference .field label {
  position: relative;
  top: -5px;
  font-weight: normal;
  text-align: left;
  margin-left: 15px;
}
#delivery-option-form .Actions {
  margin-bottom: 50px;
}
.area-delivery-method .area-delivery-form {
  border: 0 none;
  padding: 0;
  background-color: #f5eee3;
}
.area-delivery-method .area-delivery-form form {
  zoom: 1;
  *zoom: 1;
}
.area-delivery-method .area-delivery-form form:before,
.area-delivery-method .area-delivery-form form:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-delivery-method .area-delivery-form form:after {
  clear: both;
}
.area-delivery-method .area-delivery-form form:before,
.area-delivery-method .area-delivery-form form:after {
  content: " ";
  display: table;
}
.area-delivery-method .area-delivery-form form:after {
  clear: both;
}
.area-delivery-method .area-delivery-form form:before,
.area-delivery-method .area-delivery-form form:after {
  content: " ";
  display: table;
}
.area-delivery-method .area-delivery-form form:after {
  clear: both;
}
.area-delivery-method .area-delivery-form form:before,
.area-delivery-method .area-delivery-form form:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-delivery-method .area-delivery-form form:after {
  clear: both;
}
.area-delivery-method .area-delivery-form form:before,
.area-delivery-method .area-delivery-form form:after {
  content: " ";
  display: table;
}
.area-delivery-method .area-delivery-form form:after {
  clear: both;
}
.area-delivery-method .area-delivery-form form:before,
.area-delivery-method .area-delivery-form form:after {
  content: " ";
  display: table;
}
.area-delivery-method .area-delivery-form form:after {
  clear: both;
}
.area-basket-summary .basket-actions {
  border-top: none;
  padding-top: 10px;
  margin-bottom: 10px;
}
.area-basket-summary header {
  display: flex;
}
.area-basket-summary header .edit-info {
  float: none;
  margin: 15px 0 5px;
}
.area-basket-summary header h2 {
  margin: 0;
  width: 100%;
  text-align: left;
}
.basket-wrapper.area-review-basket .item .section {
  white-space: nowrap;
}
#billing_address_new {
  margin-top: 15px;
}
@media only screen and (max-width: 480px) {
  .responsive .area-delivery-method .area-delivery-form select,
  .responsive .area-delivery-method .area-delivery-form .edit-info {
    margin: 15px 0 5px;
  }
  .responsive .area-basket-summary header h2,
  .responsive .area-basket-summary header .edit-info {
    float: none;
    margin: 15px 0 5px;
  }
}
.area-delivery-form .inline-form .text,
.area-payment-method .inline-form .text {
  height: 42px;
  line-height: 42px;
  width: 100%;
}
input.postcode-field {
  float: none;
  padding: 0 5px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  border-radius: 3px;
  width: 60%;
  margin: 0 10px 0 auto;
  max-width: 180px;
}
#field-delivery_new_billing_postcode {
  text-align: center;
}
#field-delivery_delivery_option {
  margin-bottom: 0;
}
.area-delivery-method .area-delivery-form #delivery_delivery_option .option {
  padding: 20px;
}
.area-delivery-method .area-delivery-form #delivery_delivery_option input[type=radio] {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.area-delivery-method .area-delivery-form #delivery_delivery_option input[type=radio].focusable:active,
.area-delivery-method .area-delivery-form #delivery_delivery_option input[type=radio].focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.area-delivery-method .area-delivery-form #delivery_delivery_option input[type=radio]:checked + label:before {
  background-color: #a5a5a5;
}
.area-delivery-method .area-delivery-form #delivery_delivery_option label,
.area-delivery-method .area-delivery-form #delivery_delivery_address_option label {
  margin-bottom: 0;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1;
}
.area-delivery-method .area-delivery-form #delivery_delivery_option label:before,
.area-delivery-method .area-delivery-form #delivery_delivery_address_option label:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 0 1px #a5a5a5;
  border-radius: 30px;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 2px;
}
#field-delivery_first_name > label,
#field-delivery_last_name > label,
#field-delivery_new_billing_country_id > label,
#field-delivery_new_billing_address1 > label,
#field-delivery_new_billing_address2 > label,
#field-delivery_new_billing_city > label,
#field-delivery_new_billing_postcode > label,
#field-delivery_delivery_option > label {
  display: none !important;
}
/*  ========================================================================== */
/*  @group Booking - Payment */
/*  ========================================================================== */
.area-payment-details,
.area-payment-plan-details,
.area-confirmation-details {
  background-color: #f5eee3;
  border: 0 none;
  padding: 0;
  margin: 0 auto;
  max-width: 580px;
}
.area-delivery-form .area-address,
.area-payment-method #payment,
.area-confirmation #confirmation {
  width: 100%;
  margin: 0;
  float: none;
  display: block;
}
#payment .field-text label {
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#payment .field-text label.focusable:active,
#payment .field-text label.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.secure-booking {
  margin: 0 0 1em 0;
  display: none;
}
.area-payment-method header {
  display: flex;
  justify-content: center;
}
.area-payment-method header .title {
  margin: 0 0 15px;
  font-size: 28px;
  font-size: 1.75rem;
}
#terms-conditions-options {
  text-align: center;
}
#terms-conditions-options #submitbtn {
  margin-top: 15px;
}
.unit-payment-details {
  border: 0;
}
.unit-payment-details td {
  border: 0;
  padding: 0;
}
.unit-payment-details td .radio {
  background: #FFF;
  margin-bottom: 20px;
}
.unit-payment-details td .radio label {
  float: none;
  text-align: left;
  padding-left: 20px;
  line-height: 50px;
}
.unit-payment-details td .radio label .card-select {
  display: inline-block;
}
.unit-payment-details td .radio label .card-info,
.unit-payment-details td .radio label .card-description {
  display: inline-block;
  padding-left: 15px;
}
.unit-payment-details td .radio .save-card {
  padding: 0;
  text-align: center;
}
.unit-payment-details td .radio .save-card input {
  margin-right: 10px;
}
.unit-payment-details td .radio iframe {
  margin-top: 20px;
}
.area-payment-method #payment .payment-form {
  border: 0;
  padding: 0;
  margin: 1.5em 0 0;
  background-color: transparent;
}
.area-payment-method #payment .payment-form select {
  background-color: #f5eee3;
  border: none;
}
#payment-form .basket-actions {
  margin-bottom: 50px;
}
.area-delivery-form .inline-form #payment_card_number,
.area-payment-method .inline-form #payment_card_number {
  padding-left: 45px;
  padding-right: 45px;
  background-image: url(/bundles/madeglyndebourne/images/credit-cards.png);
  background-size: 32px auto;
}
/**
	* Align credit card icons
	*/
.area-delivery-form .inline-form .card-type-unknown #payment_card_number,
.area-payment-method .inline-form .card-type-unknown #payment_card_number {
  background-position: 6px 1px;
}
.area-delivery-form .inline-form .card-type-visa #payment_card_number,
.area-payment-method .inline-form .card-type-visa #payment_card_number {
  background-position: 6px -39px;
}
.area-delivery-form .inline-form .card-type-diners #payment_card_number,
.area-payment-method .inline-form .card-type-diners #payment_card_number {
  background-position: 6px -198px;
}
.area-delivery-form .inline-form .card-type-discover #payment_card_number,
.area-payment-method .inline-form .card-type-discover #payment_card_number {
  background-position: 6px -238px;
}
.area-delivery-form .inline-form .card-type-mastercard #payment_card_number,
.area-payment-method .inline-form .card-type-mastercard #payment_card_number {
  background-position: 6px -77px;
}
.cancel-payment {
  float: left;
}
#field-payment_security_code {
  text-align: center;
}
#payment_security_code {
  width: 120px;
  margin: 0 auto;
}
.area-payment-method #payment h2 {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 6px;
}
/**
	* Payment - Redeem Gift Certificate
	*/
.area-gift-certificate {
  width: auto;
  float: none;
  margin: 0;
}
.area-gift-certificate input[type="submit"] {
  position: relative;
}
.area-gift-certificate input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.area-gift-certificate input[type="submit"],
.area-gift-certificate input[type="submit"]:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.area-gift-certificate input[type="submit"]:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.area-gift-certificate input[type="submit"]:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.area-gift-certificate input[type="submit"],
.area-gift-certificate input[type="submit"]:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.area-gift-certificate input[type="submit"]:hover {
  color: #ffffff;
  background: #636058;
}
.area-gift-certificate input[type="submit"],
.area-gift-certificate input[type="submit"]:visited {
  border-radius: 0 4px 4px 0;
  left: -3px;
}
@media only screen and (min-width: 480px) {
  .area-gift-certificate input[type="submit"],
  .area-gift-certificate input[type="submit"]:visited {
    top: -1px !important;
  }
}
.inline-form .apply-gift-certificate {
  display: flex;
  margin-bottom: 0 !important;
  align-items: center;
  flex-wrap: wrap;
}
.inline-form .apply-gift-certificate .text {
  max-width: 150px !important;
  border: 1px solid #484640;
  padding: 3px 10px 1px;
  height: 33px;
  font-size: 18px;
  text-align: left;
  border-radius: 0;
  width: 100%;
  line-height: 32px;
}
@media only screen and (min-width: 768px) {
  .inline-form .apply-gift-certificate .text {
    max-width: 150px;
  }
}
.inline-form .apply-gift-certificate .apply-gift-certificate__title {
  text-align: left;
}
.inline-form .apply-gift-certificate .apply-code,
.inline-form .apply-gift-certificate .remove-code {
  border-radius: 0;
  height: 33px;
  line-height: 31px;
  padding: 0 25px;
  top: auto !important;
  left: auto !important;
}
.inline-form #redeem-gift-certificate-link {
  font-weight: bold;
}
/*  ========================================================================== */
/*  @group Booking - Confirmation */
/*  ========================================================================== */
.order-complete .area-confirmation,
.order-complete .area-basket-summary,
.order-complete .area-create-account {
  max-width: 720px;
  margin: 0 auto;
}
.order-complete .area-create-account {
  margin-bottom: 30px;
  box-sizing: border-box;
}
.order-complete .area-create-account #guesttofull {
  display: flex;
  margin-bottom: 0;
}
.order-complete .area-create-account #guesttofull #guestEmail {
  min-width: 40%;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px 0 0 3px;
}
.order-complete .area-confirmation header {
  display: flex;
  justify-content: center;
}
.order-complete .area-confirmation h1 {
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
.order-complete .area-basket-summary h2 {
  text-align: center;
}
.order-complete .basket-wrapper.area-review-basket {
  margin-bottom: 0;
}
.order-complete .area-basket-footer {
  padding: 20px 0;
}
.area-confirmation-details,
.area-create-account {
  background-color: #fff;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .area-confirmation-details,
  .area-create-account {
    padding: 30px;
  }
}
.area-confirmation-details header,
.area-create-account header {
  margin-bottom: 20px;
}
.area-confirmation-details header dl,
.area-create-account header dl {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
  width: 100%;
}
.area-confirmation-details header dl dt,
.area-create-account header dl dt {
  color: #000000;
}
.area-confirmation-details header dl dd,
.area-create-account header dl dd {
  font-weight: bold;
}
.upsell-marketing-link {
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .responsive .area-confirmation-details header dl dt {
    width: auto;
    min-width: 0;
    margin-right: .2em;
  }
  .responsive .area-confirmation-details header dl dd {
    margin-left: 0;
  }
}
/*  ========================================================================== */
/*  @group Booking - Membership & Donation */
/*  ========================================================================== */
.section-membership h2 {
  text-align: center;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .section-membership h2 {
    margin-top: 40px;
  }
}
.section-membership #container {
  padding-top: 54px;
}
.section-membership .content {
  max-width: 580px;
  margin: 0 auto;
}
.associate-member-details .field-choice {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 1px;
  width: 100%;
  box-sizing: border-box;
}
.associate-member-details .field-choice .option {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.associate-member-details .field-choice .option input[type="checkbox"] {
  margin: 10px 10px 15px;
  width: 20px;
  height: 15px;
  flex-shrink: 0;
}
.associate-member-details .field-choice .option label {
  width: calc(100% - 40px) !important;
  padding: 0;
  margin: 6px 0 0;
  font-weight: bold;
}
.associate-member-details .field-choice .option .field-hint {
  width: 100%;
  padding-left: 40px;
}
.associate-member-details .field-choice--select {
  padding: 10px;
}
#membershippackage-table,
#donationform-table {
  margin-bottom: 1em;
}
#membershippackage-table thead,
#donationform-table thead {
  display: none;
}
#membershippackage-table td,
#donationform-table td {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  #membershippackage-table td,
  #donationform-table td {
    padding: 20px;
  }
}
#membershippackage-table .amount,
#donationform-table .amount {
  text-align: right;
}
#membershippackage-table label,
#donationform-table label {
  float: none;
  font-weight: bold;
  margin: 0 10px;
  font-size: 16px;
  font-size: 1rem;
}
.donation__title {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}
.donation__description {
  padding: 0 20px 0 0;
  margin-bottom: 0;
}
.area-donationform {
  margin-bottom: 1em;
  clear: both;
}
.donationform-intro {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
}
.donationform-intro img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .donationform-intro {
    padding: 20px;
  }
}
#basket_donation_option {
  text-align: center;
}
#performance-extras-placeholder p {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
/*  ========================================================================== */
/*  @group Booking - Upsell */
/*  ========================================================================== */
.basket-actions .js-upsell-no-thanks {
  float: left;
}
.basket-actions .js-upsell-proceed {
  float: right;
}
.basket-actions .js-upsell-proceed::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.basket-actions .js-upsell-proceed,
.basket-actions .js-upsell-proceed:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.basket-actions .js-upsell-proceed:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.basket-actions .js-upsell-proceed:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.basket-actions .js-upsell-proceed,
.basket-actions .js-upsell-proceed:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.basket-actions .js-upsell-proceed:hover {
  color: #ffffff;
  background: #636058;
}
.production-suffix {
  font-size: 22px;
  font-size: 1.375rem;
}
/*  ========================================================================== */
/*  @group Booking - Advertising Feedback Form */
/*  ========================================================================== */
.advertising-feedback-form label {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: .25em;
  margin-top: 1em;
}
.advertising-feedback-form select {
  font-size: 16px;
  font-size: 1rem;
}
.advertising-feedback-form button[type="submit"] {
  margin-top: 1.5em;
}
.advertising-feedback-form textarea {
  min-height: 100px;
}
/*  ========================================================================== */
/*  @group Flex Package Booking */
/*  ========================================================================== */
.package-production {
  margin-bottom: 1.5em;
}
.package-production .media {
  display: none;
}
/*  ========================================================================== */
/*  @group Order complete */
/*  ========================================================================== */
.hide-summary-header #basket-main thead {
  display: none;
}
.hide-summary-header.order-complete .basket-wrapper thead {
  display: none;
}
/*  ========================================================================== */
/*  @group Donations */
/*  ========================================================================== */
tr.donation td {
  text-align: center;
}
tr.donation td .suggested_donation_label {
  display: inline-block;
}
tr.donation td .suggested_donation_amount {
  display: inline-block;
}
tr.donation td .suggested_donation_amount .currency {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
tr.donation td #other-value-trigger {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
  cursor: pointer;
  text-align: center;
  display: block;
}
tr.donation td .donation-heading {
  margin: 15px 0 5px;
  text-align: center;
  font-family: "TriSW", Arial, sans-serif;
  font-weight: bold;
}
tr.donation td .donation-message {
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}
#basket_donation_option {
  margin: 20px 0;
}
#basket_donation_option .option {
  display: inline-block;
}
#basket_donation_option .option input {
  display: none;
}
#basket_donation_option .option input:checked + label {
  background-color: #000;
  color: #fff;
  position: relative;
  z-index: 1;
  transform: scale(1.15);
}
#basket_donation_option .option label {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 50%;
  display: block;
  line-height: 3;
  width: 3em;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  font-size: 1rem;
}
#basket_donation_option .option label:focus,
#basket_donation_option .option label:hover {
  background-color: #000;
  color: #fff;
}
.edit-info,
.edit-info:visited,
.edit-info:hover {
  background-color: transparent;
  margin: 15px 0 5px;
  padding: 0;
  border: none;
  color: #000;
  text-decoration: underline;
}
.jquery-modal {
  z-index: 1000 !important;
  opacity: .5 !important;
}
.global-container .modal,
#fancybox-wrapper .modal {
  z-index: 1100 !important;
  box-shadow: none;
  border-radius: 0;
  padding: 20px 40px 20px 20px;
  max-width: 100% !important;
  box-sizing: border-box;
}
.global-container .modal a.close-modal,
#fancybox-wrapper .modal a.close-modal {
  top: 5px;
  right: 5px;
  background-image: url(../images/icons/icon-close.svg);
  background-position: center;
}
.global-container .donation-message,
#fancybox-wrapper .donation-message {
  margin: 10px;
  text-align: center;
  padding: 2px;
  font-size: 95%;
  background-color: #cccccc;
}
/*  ========================================================================== */
/*  @group SYOS */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group SYOS - Level Select */
/*  ========================================================================== */
.type-select-level #primary-content .syos-plain.area-select-your-level h1 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  color: #000000;
  background: #f5eee3;
  border: none;
  padding: 16px 0;
}
.type-select-level .area-select-your-level .best-available {
  top: 10px;
  right: 0;
}
.type-select-level #primary-content .area-select-your-level h1 {
  position: static;
  padding: 12px 0;
  color: #000000;
  background: #f5eee3;
  margin-bottom: 10px;
}
.type-select-level #primary-content .area-select-your-level #seats-access-requirements h1 {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 10px 0;
  background: none;
}
.type-select-level .area-pick-a-seat-toolbar {
  background: #f5eee3;
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
}
.type-select-level .area-pick-a-seat-toolbar h2 {
  color: #000000;
}
.type-select-level .area-pick-a-seat-toolbar .venue {
  color: #000000;
}
.type-select-level .unit-production-entry {
  position: relative;
}
.type-select-level .basket-actions {
  clear: both;
  padding: 20px 0 0 0;
}
.type-select-level .unavailable a {
  cursor: default;
}
@media only screen and (max-width: 768px) {
  .responsive .area-select-your-level .best-available {
    position: static;
    margin: 10px 0;
    width: 100%;
    text-align: center;
  }
  .responsive .area-pick-a-seat-toolbar form {
    position: static;
    margin-bottom: 0.5em;
  }
}
/**
	 * SYOS simple levels
	 */
#unit-levels #simple-level-container {
  padding-bottom: 1.5em;
  margin: 1em 0 .5em 0;
  border-bottom: 1px solid #424242;
}
#unit-levels #simple-level-container .screen-hit-area {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #f5eee3;
  border: none;
}
#unit-levels #simple-level-container .screen-hit-area:hover {
  background-color: #e8d7bd;
}
#unit-levels #simple-level-container .is-unavailable {
  background-color: #232323;
  opacity: 1;
  color: #7d7d7d;
}
#unit-levels #simple-level-container .is-unavailable:hover {
  background-color: #232323;
  opacity: 1;
  color: #7d7d7d;
}
/**
	 * SYOS Tablet
	 */
.mobile-level-summary-popup {
  border-radius: 5px;
  top: 10%;
  bottom: auto !important;
}
.mobile-level-summary-popup h3 {
  color: #f5eee3;
}
#screen-hit-area-3 .mobile-level-summary-popup {
  top: 0;
}
#screen-hit-area-1 .mobile-level-summary-popup {
  top: 16%;
}
/*  ========================================================================== */
/*  @group SYOS - Pick A Seat */
/*  ========================================================================== */
.js #select-your-own-seat {
  min-height: 600px;
}
#loading-indicator {
  background-image: url(../images/ajax-loader-light-blue.gif);
  background-color: #f5eee3;
  background-repeat: no-repeat;
  background-position: 50% 25%;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
}
.loading-indicator {
  border-bottom-color: #f5eee3;
  border-right-color: #f5eee3;
}
/**
	 * Pick a seat toolbar
	 */
.area-pick-a-seat-toolbar {
  padding: 0;
  margin-bottom: 1em;
}
.area-pick-a-seat-toolbar h2 {
  color: #000000;
  margin: 10px 0;
}
.area-pick-a-seat-toolbar h2 .venue {
  color: #000000;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-back,
.area-pick-a-seat-toolbar .area-syos-options {
  position: absolute;
  top: 9px;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-back {
  left: 0;
}
.area-pick-a-seat-toolbar .area-syos-options {
  right: 0;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview,
.svg .area-pick-a-seat-toolbar #pick-a-seat-map-preview {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 12px 9px;
}
/**
	 * Seat Keys
	 */
#pick-a-seat-map .seat span,
.pickaseat_syos #seat-selector #pick-a-seat-map .seat span {
  background-image: url(../images/sprite-seat-icons.png);
  overflow: visible !important;
  background-repeat: no-repeat;
  height: 10px !important;
}
.svg #pick-a-seat-map .seat span,
.svg .pickaseat_syos #seat-selector #pick-a-seat-map .seat span {
  background-image: url(../images/sprite-seat-icons.svg);
  overflow: visible !important;
}
.area-seatmap-info #seat-key li {
  background-image: url(../images/ticketing-sprite-seats-key.png);
  background-image: none, url(../images/ticketing-sprite-seats-key.svg);
  background-repeat: no-repeat;
}
/**
	 * Standing Key
	 */
#pick-a-seat-map .seat a {
  z-index: 1000;
  position: absolute;
  top: -2px !important;
  left: -2px !important;
  display: block;
  height: 14px;
  width: 14px;
  text-decoration: none;
}
#pick-a-seat-map .seat .standing {
  background-position: 0 -78px;
}
#pick-a-seat-map .seat .previously-selected-as-part-of-same-order {
  background-position: 0 -66px;
}
#pick-a-seat-map .seat .held,
#pick-a-seat-map .seat .reserved-paid,
#pick-a-seat-map .seat .standing.ticketed {
  background-position: 0 -11px;
}
#pick-a-seat-map .seat .selected {
  background-position: 0 -9px;
}
#pick-a-seat-map .seat .inbasket {
  background-position: 0 -33px;
}
/**
	 * Seat selection
	 */
#seat-selector {
  border: 0 none;
  background-color: #f5eee3;
  padding-bottom: .5em;
  margin-bottom: .5em;
  border-bottom: 1px solid #424242;
}
#pick-a-seat-seats {
  width: 700px;
  margin: auto;
}
.area-seat-selector {
  zoom: 1;
  *zoom: 1;
  color: #000000;
  font-family: "TriSW", Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
}
.area-seat-selector:before,
.area-seat-selector:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-seat-selector:after {
  clear: both;
}
.area-seat-selector:before,
.area-seat-selector:after {
  content: " ";
  display: table;
}
.area-seat-selector:after {
  clear: both;
}
.area-seat-selector:before,
.area-seat-selector:after {
  content: " ";
  display: table;
}
.area-seat-selector:after {
  clear: both;
}
.area-seat-selector:before,
.area-seat-selector:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-seat-selector:after {
  clear: both;
}
.area-seat-selector:before,
.area-seat-selector:after {
  content: " ";
  display: table;
}
.area-seat-selector:after {
  clear: both;
}
.area-seat-selector:before,
.area-seat-selector:after {
  content: " ";
  display: table;
}
.area-seat-selector:after {
  clear: both;
}
.area-seat-selector h1,
.area-seat-selector h2,
.area-seat-selector h3,
.area-seat-selector h4,
.area-seat-selector h5,
.area-seat-selector h6 {
  color: #000000;
}
.area-seat-selector a {
  border: 0 none;
}
.area-seat-selector #pick-a-seat-map,
.area-seat-selector .area-seatmap-info,
.area-seat-selector #seats-filter-price {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0;
}
.area-seat-selector #pick-a-seat-map {
  width: 75%;
  padding: 0;
  background: #eeeeee;
}
.area-seat-selector .area-seatmap-info,
.area-seat-selector #seats-filter-price {
  width: 23%;
  margin: 0 0 .5em 2%;
}
.area-seat-selector .area-seatmap-info #seat-key,
.area-seat-selector #seats-filter-price select {
  font-size: 13px;
  font-size: 0.8125rem;
}
.area-seat-selector .area-seatmap-info {
  padding: .5em;
  border: 0 none;
}
.area-seat-selector #seats-access-requirements {
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0em 0em 0em 0.5em;
  width: 23%;
  margin: 1em 0 .5em 2%;
  float: left;
}
.area-seatmap-info #seat-key .available {
  background-position: 0 -1px;
}
.area-seatmap-info #seat-key .restricted-seat {
  background-position: 0 -81px;
}
.area-seatmap-info #seat-key .standing {
  background-position: 0 -114px;
}
.area-seatmap-info #seat-key .available-at-same-price {
  background-position: 0 -65px;
}
.area-seatmap-info #seat-key .previously-selected-as-part-of-same-order {
  background-position: 0 -98px;
}
.area-seatmap-info #seat-key .selected {
  background-position: 0px -49px;
}
@media only screen and (max-width: 991px) {
  .responsive #pick-a-seat-map {
    width: 100% !important;
    margin: 0 0 15px 0;
    padding: .5em 1em;
  }
  .responsive .area-seat-selector #seats-access-requirements {
    width: 50%;
  }
  .responsive .area-seat-selector .area-seatmap-info {
    width: 35%;
  }
}
@media only screen and (max-width: 768px) {
  .responsive #pick-a-seat-map,
  .responsive .area-seatmap-info,
  .responsive #seats-filter-price,
  .responsive .area-seat-selector #seats-access-requirements {
    width: 100%;
    margin: 0;
    padding: .5em 1em;
  }
}
@media only screen and (max-width: 600px) {
  .responsive #pick-a-seat-seats {
    width: 100%;
  }
}
#level-summary-popup {
  color: #333;
}
#level-summary-popup h3 {
  color: #333;
}
/**
	 * Pick a seat price selector
	 */
#pick-a-seat-price-selector h3 {
  color: #f5eee3;
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
#pick-a-seat-price-selector ul li {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
}
#pick-a-seat-price-selector ul li span.price {
  width: 55px;
}
#pick-a-seat-price-selector ul li a {
  position: 0;
  top: -1px;
}
#pick-a-seat-price-selector ul li a::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#pick-a-seat-price-selector ul li a,
#pick-a-seat-price-selector ul li a:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
#pick-a-seat-price-selector ul li a:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
#pick-a-seat-price-selector ul li a:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
#pick-a-seat-price-selector ul li a,
#pick-a-seat-price-selector ul li a:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
#pick-a-seat-price-selector ul li a:hover {
  color: #ffffff;
  background: #636058;
}
#pick-a-seat-price-selector ul li a,
#pick-a-seat-price-selector ul li a:visited {
  font-size: 10px;
  font-size: 0.625rem;
  height: 36px;
  line-height: 22px;
  padding: 0 5px;
  height: 25px;
}
#pick-a-seat-price-selector ul li a,
#pick-a-seat-price-selector ul li a:visited {
  color: #ffffff;
  background-color: #484640;
  line-height: 1.9em;
}
#pick-a-seat-price-selector ul li a:hover {
  color: #ffffff;
  background: #636058;
}
#pick-a-seat-price-selector ul li ul {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 150px;
}
#pick-a-seat-map .seat .locked {
  background-position: 0 -66px;
}
#pick-a-seat-map .seat .unavailable,
#pick-a-seat-map .seat .notinallocation {
  background-position: 0 -11px;
}
#pick-a-seat-map .seat .available-at-same-price {
  background-position: 0 -44px;
}
/*  ========================================================================== */
/*  @group SYOS - Mobile SYOS */
/*  ========================================================================== */
.ui-mobile {
  background: #f5eee3;
}
.ui-mobile #container,
.ui-mobile h1,
.ui-mobile h2,
.ui-mobile h3,
.ui-mobile h4,
.ui-mobile h5,
.ui-mobile h6 {
  color: #000000;
}
.ui-mobile body,
.ui-mobile #container {
  background: #f5eee3;
}
.ui-mobile .ui-loader {
  opacity: 1;
}
.ui-mobile .ui-icon-loading {
  background: url('../images/ajax-loader.gif') no-repeat center center #ffffff;
}
.ui-mobile #level-selector {
  text-align: left;
}
.ui-mobile .pickaseat_syos #wrapper {
  background: #f5eee3;
  padding: 2px 0 0 0;
}
.ui-mobile .pickaseat_syos .main-toolbar {
  border: none;
}
.ui-mobile .pickaseat_syos .add-tickets-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.ui-mobile .pickaseat_syos .add-tickets-button,
.ui-mobile .pickaseat_syos .add-tickets-button:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.ui-mobile .pickaseat_syos .add-tickets-button:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.ui-mobile .pickaseat_syos .add-tickets-button:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.ui-mobile .pickaseat_syos .add-tickets-button,
.ui-mobile .pickaseat_syos .add-tickets-button:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.ui-mobile .pickaseat_syos .add-tickets-button:hover {
  color: #ffffff;
  background: #636058;
}
.ui-mobile .pickaseat_syos .back::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.ui-mobile .pickaseat_syos .back,
.ui-mobile .pickaseat_syos .back:visited {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: visible;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 48px;
  height: 48px;
  margin: 0;
  font-family: "TriSW", Verdana, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  padding: 0 50px;
  -webkit-font-smoothing: antialiased;
  border: 2px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #484640;
}
.ui-mobile .pickaseat_syos .back:hover {
  color: #ffffff;
  background: #636058;
  text-decoration: none;
}
.ui-mobile .pickaseat_syos .back:active {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.ui-mobile .pickaseat_syos .back,
.ui-mobile .pickaseat_syos .back:visited {
  border: 2px solid #484640;
  color: #ffffff;
  background-color: #484640;
}
.ui-mobile .pickaseat_syos .back:hover {
  color: #ffffff;
  background: #636058;
}
.ui-mobile .pickaseat_syos .back,
.ui-mobile .pickaseat_syos .add-tickets-button {
  font-size: 14px;
  font-size: 0.875rem;
}
.ui-mobile .pickaseat_syos #header {
  background: #f5eee3;
}
.ui-mobile .pickaseat_syos #header h1 {
  display: none;
}
.ui-mobile .pickaseat_syos #header .back,
.ui-mobile .pickaseat_syos #header .add-tickets-button {
  margin: .2em 0;
}
.ui-mobile .pickaseat_syos #footer {
  display: none;
}
.ui-mobile .pickaseat_syos #level-selector p {
  color: #000000;
  font-family: "EngWT", Georgia, "Times New Roman", Times, serif;
  padding: 12px 0;
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
  margin-bottom: 12px;
}
.ui-mobile .pickaseat_syos #level-selector .production-header {
  text-align: left;
  padding: 5px 0 0 0;
  color: #000000;
}
.ui-mobile .pickaseat_syos #level-selector .production-header h2 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  margin: 0 0 .2em 0;
  color: #000000;
}
.ui-mobile .pickaseat_syos #level-selector .production-header .meta-performance {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  border-top: 0;
  border-bottom: 0;
}
.ui-mobile .pickaseat_syos #level-selector .zone-select a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  background-color: #f5eee3;
  border: none;
  color: #000000;
  background-image: none;
  font-family: "TriSW", Verdana, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}
.ui-mobile .pickaseat_syos #level-selector .zone-select a:hover,
.ui-mobile .pickaseat_syos #level-selector .zone-select a:active {
  background-color: #eee3d0;
}
.ui-mobile .pickaseat_syos #select-your-own-seat {
  background: #000;
}
.ui-mobile .pickaseat_syos #add-tickets-failed-content h2 {
  font-size: 16px;
  font-size: 1rem;
  color: #000;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector {
  border: 0 none;
  width: 100%;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .ui-dialog-contain {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .ui-body-c,
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .ui-overlay-c {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #424242;
  box-shadow: none;
  color: #000000;
  background: #f5eee3;
  text-shadow: none;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector h3,
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector p {
  color: #000000;
  text-align: left;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector h3 {
  font-weight: bold;
  color: #fff;
  border-bottom-color: #424242;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .cancel {
  font-size: 15px;
  font-size: 0.9375rem;
  background: #333;
  padding: 5px;
  font-family: "TriSW", Verdana, sans-serif;
  font-weight: normal;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .zone-select {
  margin-bottom: 1em;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .zone-select a,
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .zone-select .cancel {
  display: block;
  margin-bottom: .3em;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .zone-select a:hover,
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .zone-select .cancel:hover {
  text-decoration: none;
}
.ui-mobile .pickaseat_syos #pick-a-seat-price-selector .zone-select .seating-zone-button {
  font-size: 18px;
  font-size: 1.125rem;
  background: #f5eee3;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-weight: normal;
  font-family: "TriSW", Verdana, sans-serif;
}
/*  ========================================================================== */
/*  @group Booking - Mini Basket */
/*  ========================================================================== */
.area-syos-basket,
.area-package-selection {
  color: #000000;
  background-image: none;
  background-color: #f5eee3;
  border-top: 1px solid #424242;
  -webkit-box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.25);
}
.area-syos-basket h1,
.area-package-selection h1,
.area-syos-basket h2,
.area-package-selection h2,
.area-syos-basket h3,
.area-package-selection h3,
.area-syos-basket h4,
.area-package-selection h4,
.area-syos-basket h4,
.area-package-selection h4,
.area-syos-basket h6,
.area-package-selection h6 {
  color: #000000;
}
.area-syos-basket header h2,
.area-package-selection header h2 {
  margin: .1em 0 .75em 0;
}
.area-syos-basket .scrollContent,
.area-package-selection .scrollContent {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.area-syos-basket a,
.area-package-selection a {
  border: 0 none;
}
.area-syos-basket p,
.area-package-selection p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #979797;
  margin-bottom: .75em;
}
.area-syos-basket p p,
.area-package-selection p p {
  margin-bottom: .5em;
}
.area-syos-basket #basket-summary th,
.area-package-selection #basket-summary th {
  color: #000000;
  background: #f5eee3;
  border-bottom: 1px solid #000000;
}
.area-syos-basket .basket-wrapper,
.area-package-selection .basket-wrapper {
  border: 0 none;
}
.area-syos-basket .basket-wrapper thead,
.area-package-selection .basket-wrapper thead {
  border-bottom: 5px solid #f5eee3;
}
.area-syos-basket .basket-wrapper table td,
.area-package-selection .basket-wrapper table td,
.area-syos-basket .basket-wrapper table tbody tr,
.area-package-selection .basket-wrapper table tbody tr {
  border-bottom: 5px solid #fff;
}
.area-syos-basket .basket-wrapper table .change-remove a.remove,
.area-package-selection .basket-wrapper table .change-remove a.remove,
.area-syos-basket .table-wrapper table .change-remove a.remove,
.area-package-selection .table-wrapper table .change-remove a.remove {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  background-position: 0 0;
}
.area-syos-basket .basket-wrapper table .change-remove a.remove:hover,
.area-package-selection .basket-wrapper table .change-remove a.remove:hover,
.area-syos-basket .table-wrapper table .change-remove a.remove:hover,
.area-package-selection .table-wrapper table .change-remove a.remove:hover {
  background-position: 0 -20px;
}
.area-syos-basket .basket-wrapper table td,
.area-package-selection .basket-wrapper table td,
.area-syos-basket .table-wrapper table td,
.area-package-selection .table-wrapper table td {
  padding: 0;
}
.area-syos-basket .basket-wrapper table td td,
.area-package-selection .basket-wrapper table td td,
.area-syos-basket .table-wrapper table td td,
.area-package-selection .table-wrapper table td td {
  padding: 0.8em 0;
}
.area-syos-basket .basket-wrapper table .change-remove,
.area-package-selection .basket-wrapper table .change-remove,
.area-syos-basket .table-wrapper table .change-remove,
.area-package-selection .table-wrapper table .change-remove {
  width: 34.2%;
  padding-left: 1.6%;
}
.area-syos-basket .basket-wrapper table .type,
.area-package-selection .basket-wrapper table .type,
.area-syos-basket .table-wrapper table .type,
.area-package-selection .table-wrapper table .type {
  width: 19.6%;
}
.area-syos-basket .basket-wrapper table .price,
.area-package-selection .basket-wrapper table .price,
.area-syos-basket .table-wrapper table .price,
.area-package-selection .table-wrapper table .price {
  padding-right: 2%;
}
.area-syos-basket-inner,
.area-package-selection-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: 1em auto;
  padding: 0 1em;
}
.area-syos-basket-inner header .add-to-basket {
  margin: 0;
}
.area-syos-basket-inner header .basket-total {
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .responsive .area-syos-basket-inner,
  .responsive .area-package-selection-inner {
    width: 95%;
  }
  .responsive .area-syos-basket .basket-wrapper table tbody .change-remove,
  .responsive .area-package-selection .basket-wrapper table tbody .change-remove,
  .responsive .area-syos-basket .table-wrapper table tbody .change-remove,
  .responsive .area-package-selection .table-wrapper table tbody .change-remove {
    width: 33.4%;
  }
  .responsive .area-syos-basket .basket-wrapper table tbody .type,
  .responsive .area-package-selection .basket-wrapper table tbody .type,
  .responsive .area-syos-basket .table-wrapper table tbody .type,
  .responsive .area-package-selection .table-wrapper table tbody .type {
    width: 19%;
  }
  .responsive .area-syos-basket .basket-wrapper table tbody .price,
  .responsive .area-package-selection .basket-wrapper table tbody .price,
  .responsive .area-syos-basket .table-wrapper table tbody .price,
  .responsive .area-package-selection .table-wrapper table tbody .price {
    padding-right: 2%;
  }
}
/*  ========================================================================== */
/*  @group Mini-basket - Package Selection */
/*  ========================================================================== */
.area-package-selection #selected-performance-message {
  font-size: 16px;
  font-size: 1rem;
}
#package-selection-list ol {
  border: 0 none;
}
#package-selection-list ol > li {
  background: #333333;
  border-bottom: 0 none;
}
#package-selection-list ol > li:before {
  color: #000000;
  background: #333333;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}
#package-selection-list .performance-title {
  width: 35%;
}
#package-selection-list .performance-venue {
  width: 25%;
}
#package-selection-list .performance-date {
  width: 32%;
}
#package-selection-list li.warning {
  background-color: #f5eee3;
}
@media only screen and (max-width: 768px) {
  .responsive #package-selection-list .performance-title {
    width: 52%;
  }
  .responsive #package-selection-list .performance-venue {
    display: none;
  }
  .responsive #package-selection-list .performance-date {
    width: 40%;
  }
  .responsive .area-package-selection-inner header h2 {
    float: none;
  }
  .responsive .area-package-selection-inner .submit-package-selection-button {
    float: none;
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .responsive #package-selection-list .performance-title {
    width: 92%;
  }
  .responsive #package-selection-list .performance-venue,
  .responsive #package-selection-list .performance-date {
    display: none;
  }
}
/*  ========================================================================== */
/*  Booking - Best Available */
/*  ========================================================================== */
.section-booking .area-best-available {
  width: 100%;
  max-width: none;
  padding: 20px 0;
}
@media only screen and (min-width: 480px) {
  .basket-wrapper.area-item-selection .best-available tbody {
    display: flex;
    flex-wrap: wrap;
  }
}
.best-available .facility {
  background-color: #eee3d0;
  margin: 5px 0;
}
@media only screen and (min-width: 480px) {
  .best-available .facility {
    width: calc(50% - 10px);
    margin: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .best-available .facility {
    width: calc(25% - 10px);
    margin: 5px;
  }
}
.basket-wrapper.area-item-selection .best-available .label {
  font-weight: bold;
  font-size: 18px;
}
.basket-wrapper.area-item-selection table.best-available tr {
  background-color: #eee3d0;
  position: relative;
}
.basket-wrapper.area-item-selection table.best-available td {
  background-color: #eee3d0;
  width: 100%;
  margin: 0;
  padding: 10px;
}
.basket-wrapper.area-item-selection table.best-available td.first {
  background-color: #eee3d0;
  border: none;
  margin: 0;
}
.basket-wrapper.area-item-selection table.best-available td.first label {
  font-family: "TriSW", Verdana, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 14px 0 0 34px;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 5;
  box-sizing: border-box;
}
.basket-wrapper.area-item-selection table.best-available .selected,
.basket-wrapper.area-item-selection table.best-available .selected .first,
.basket-wrapper.area-item-selection table.best-available .selected td {
  background-color: #fff;
}
.booking-header-text {
  margin: 5px;
}
.cancel-tickets {
  margin-top: 10px;
  display: inline-block;
  font-weight: bold;
}
#booking-seat-warning {
  margin: 20px 5px;
  text-align: left;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #booking-seat-warning {
    margin-top: 0;
  }
}
.ba-package-unavailable .content {
  text-align: center;
}
.ba-package-unavailable .active-promocode {
  align-self: center;
  padding: 14px 20px 10px;
  font-weight: bold;
  background: #fff;
}
.ba-package-unavailable .area-production-details {
  margin-bottom: 0;
}
.ba-package-unavailable .tooltip {
  color: #000;
  margin-bottom: 10px;
}
.ba-package-unavailable .tooltip img {
  filter: invert(100%);
}
/*  ========================================================================== */
/*  @group Upsells */
/*  ========================================================================== */
.area-review-basket .performance-extras.btn {
  font-size: 0.6em;
}
.performance-extra {
  background: #f5eee3;
  padding: 0px 0px;
  margin-bottom: 40px;
  text-align: center;
}
.performance-extra .zoneItemGroup,
.performance-extra .packageGroup {
  max-width: 380px;
  width: 100%;
  display: inline-block;
  margin: auto;
  margin-bottom: 20px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.performance-extra .zoneItemGroup .formfield span,
.performance-extra .packageGroup .formfield span {
  font-weight: bold;
  font-size: 1.2em;
}
.performance-extra .zoneItemGroup .formfield__inner,
.performance-extra .packageGroup .formfield__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.performance-extra .zoneItemGroup .formfield__inner--quantity,
.performance-extra .packageGroup .formfield__inner--quantity {
  margin-bottom: 20px;
}
.performance-extra .zoneItemGroup .formfield__inner--new,
.performance-extra .packageGroup .formfield__inner--new {
  justify-content: center;
}
.performance-extra .zoneItemGroup .formfield__inner--new .input-spinner,
.performance-extra .packageGroup .formfield__inner--new .input-spinner {
  margin-top: 10px;
  margin-bottom: 30px;
}
.performance-extra .performance-extra {
  margin-top: 0;
  border-top: 1px solid #f5eee3;
}
.performance-extra .performance-extra:first-child {
  border-top: 0 none;
}
.performance-extra .upsell-csi {
  clear: left;
  padding-top: 1em;
}
body.section-upsell.widget .inline-form .field {
  float: left;
  width: 33%;
}
body.section-upsell.widget .inline-form .field.field-text {
  width: 66%;
}
body.section-upsell.widget .inline-form .field select {
  max-width: 80%;
  min-width: 50%;
}
html.js body.section-booking .unit-performance-extras-form {
  display: none;
}
html.upsell-toggler-loaded body.section-booking .unit-performance-extras-form {
  display: block;
}
.upsellInfoContent {
  display: inline-block;
  background: #fff;
  width: 100%;
}
.upsellInfoContent select.performance {
  width: 100%;
}
.upsell-header {
  margin-bottom: 20px;
}
.upsellInfo .btn {
  margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
  .upsellInfo {
    width: 70%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
.upsellImages {
  margin-bottom: 20px;
}
.upsellImages img {
  display: block;
  max-width: 100%;
}
.outside-upsell-table {
  border: none !important;
  max-width: 720px;
  margin: 20px auto;
  transition: transform .5s ease;
}
.outside-upsell-table:hover {
  transform: scale(1.02);
}
.outside-upsell-table tr,
.outside-upsell-table td {
  border: none !important;
}
.outside-upsell-table .thumb-cell {
  padding: 0;
  width: 50%;
}
.outside-upsell-table .outside-upsell {
  background: #f5eee3;
}
.outside-upsell-table .outside-upsell__thumb {
  width: 100%;
}
.outside-upsell-table .outside-upsell a {
  text-decoration: none;
  font-weight: normal;
}
.outside-upsell-table .outside-upsell__content {
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  padding: 20px;
}
.outside-upsell-table .outside-upsell__content__header {
  color: #000;
  font-size: 1.75rem;
}
.outside-upsell-table .outside-upsell__content__text {
  color: #000;
}
.outside-upsell-table .outside-upsell:hover .outside-upsell-table .outside-upsell__content__header {
  color: #000;
}
@media only screen and (max-width: 600px) {
  .outside-upsell-table {
    display: block;
  }
  .outside-upsell-table td,
  .outside-upsell-table tr,
  .outside-upsell-table tbody,
  .outside-upsell-table .thumb-cell {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
}
.input-spinner {
  display: flex;
  background: #484640;
  padding: 1px 0;
  border-radius: 5px;
}
.input-spinner input {
  font-size: 1.2em;
  font-weight: bold;
  height: 35px;
  text-align: center;
  width: 40px;
}
.input-spinner .input-spinner__button {
  cursor: pointer;
  width: 35px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
}
.booking-upsell #fancybox-content,
.section-booking #fancybox-content {
  box-sizing: border-box;
}
.booking-upsell #fancybox-wrap,
.section-booking #fancybox-wrap {
  box-sizing: border-box;
}
.booking-upsell #fancybox-content .basket-actions,
.section-booking #fancybox-content .basket-actions,
.booking-upsell .unit-performance-extras-form .basket-actions,
.section-booking .unit-performance-extras-form .basket-actions {
  display: flex;
  justify-content: center;
  max-width: 380px;
  margin: auto;
  flex-flow: column-reverse wrap;
  position: relative;
}
.booking-upsell #fancybox-content .basket-actions a,
.section-booking #fancybox-content .basket-actions a,
.booking-upsell .unit-performance-extras-form .basket-actions a,
.section-booking .unit-performance-extras-form .basket-actions a,
.booking-upsell #fancybox-content .basket-actions input,
.section-booking #fancybox-content .basket-actions input,
.booking-upsell .unit-performance-extras-form .basket-actions input,
.section-booking .unit-performance-extras-form .basket-actions input {
  flex: 1;
  float: none;
  margin: 0 auto;
  min-width: 240px;
}
.booking-upsell #fancybox-content .more-info-btn,
.section-booking #fancybox-content .more-info-btn,
.booking-upsell .unit-performance-extras-form .more-info-btn,
.section-booking .unit-performance-extras-form .more-info-btn,
.booking-upsell #fancybox-content .basket-actions .no-thanks,
.section-booking #fancybox-content .basket-actions .no-thanks,
.booking-upsell .unit-performance-extras-form .basket-actions .no-thanks,
.section-booking .unit-performance-extras-form .basket-actions .no-thanks,
.booking-upsell #fancybox-content .add-more-btn,
.section-booking #fancybox-content .add-more-btn,
.booking-upsell .unit-performance-extras-form .add-more-btn,
.section-booking .unit-performance-extras-form .add-more-btn,
.booking-upsell #fancybox-content .zoneGroupRemove,
.section-booking #fancybox-content .zoneGroupRemove,
.booking-upsell .unit-performance-extras-form .zoneGroupRemove,
.section-booking .unit-performance-extras-form .zoneGroupRemove {
  background: transparent;
  text-decoration: underline;
  color: #000;
  border: none;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.8rem;
  margin: 0 auto;
  text-align: center;
}
.booking-upsell #fancybox-content .more-info-btn:hover,
.section-booking #fancybox-content .more-info-btn:hover,
.booking-upsell .unit-performance-extras-form .more-info-btn:hover,
.section-booking .unit-performance-extras-form .more-info-btn:hover,
.booking-upsell #fancybox-content .basket-actions .no-thanks:hover,
.section-booking #fancybox-content .basket-actions .no-thanks:hover,
.booking-upsell .unit-performance-extras-form .basket-actions .no-thanks:hover,
.section-booking .unit-performance-extras-form .basket-actions .no-thanks:hover,
.booking-upsell #fancybox-content .add-more-btn:hover,
.section-booking #fancybox-content .add-more-btn:hover,
.booking-upsell .unit-performance-extras-form .add-more-btn:hover,
.section-booking .unit-performance-extras-form .add-more-btn:hover,
.booking-upsell #fancybox-content .zoneGroupRemove:hover,
.section-booking #fancybox-content .zoneGroupRemove:hover,
.booking-upsell .unit-performance-extras-form .zoneGroupRemove:hover,
.section-booking .unit-performance-extras-form .zoneGroupRemove:hover {
  color: #484640;
  text-decoration: underline;
  background: none;
}
.booking-upsell #fancybox-content .basket-actions .no-thanks,
.section-booking #fancybox-content .basket-actions .no-thanks,
.booking-upsell .unit-performance-extras-form .basket-actions .no-thanks,
.section-booking .unit-performance-extras-form .basket-actions .no-thanks {
  margin-top: 10px;
}
.booking-upsell #fancybox-content .performance-extra .formfield a.btn.more-info-btn,
.section-booking #fancybox-content .performance-extra .formfield a.btn.more-info-btn,
.booking-upsell .unit-performance-extras-form .performance-extra .formfield a.btn.more-info-btn,
.section-booking .unit-performance-extras-form .performance-extra .formfield a.btn.more-info-btn {
  margin-left: 0px;
}
.booking-upsell #fancybox-content .performance-extra,
.section-booking #fancybox-content .performance-extra,
.booking-upsell .unit-performance-extras-form .performance-extra,
.section-booking .unit-performance-extras-form .performance-extra {
  flex-direction: column;
  display: flex;
  justify-content: center;
}
.booking-upsell #page-content,
.section-booking #page-content {
  z-index: auto;
}
.booking-upsell .basket-actions .no-thanks {
  margin-top: 15px;
}
@media only screen and (max-width: 500px) {
  .section-booking #fancybox-wrap {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box;
  }
  .section-booking #fancybox-wrap #fancybox-content {
    width: 100% !important;
  }
  .section-booking #fancybox-wrap #fancybox-content .modal {
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: 0 !important;
    left: 0 !important;
  }
  .section-booking #fancybox-wrap #fancybox-content .modal a.close-modal {
    right: 0 !important;
  }
}
.section-basket p.upsell-price {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 0;
}
.upsell-more-information-inline {
  text-align: justify;
  margin-top: 10px;
}
/*  ========================================================================== */
/*  @group Gift Aid */
/*  ========================================================================== */
.gift-aid__container {
  max-width: 720px;
  margin: 0 auto;
}
.gift-aid__container .gift_aid__header {
  background-color: #ffffff;
  padding: 25px;
  text-align: center;
}
.gift-aid__container .gift_aid__header .gift-aid__text {
  margin-top: 20px;
}
.gift-aid__container .gift_aid__header .gift-aid__text p {
  margin: 0;
}
.gift-aid__container .gift_aid__header .gift-aid__text .gift-aid__text-amount {
  font-size: 2.3rem;
  font-weight: bold;
}
.gift-aid__container .gift_aid__header .gift-aid__text .align-left {
  text-align: left;
  padding: 10px;
}
.gift-aid__container .gift_aid__content {
  padding: 10px 0 10px 0;
}
.gift-aid__container .gift_aid__content h3 {
  text-align: center;
  font-weight: bolder;
}
.gift-aid__container .gift_aid__content .gift_aid__content-text {
  background-color: #ffffff;
  padding: 25px;
  position: relative;
}
.gift-aid__container .gift_aid__content .gift_aid__content-text .gift_aid__content-text-action {
  position: absolute;
  top: 25px;
  right: 25px;
}
.gift-aid__container .gift_aid__content .gift_aid__content-text span {
  font-weight: 800;
}
.gift-aid__container .gift_aid__content .gift_aid__content-text a {
  background-color: #484640;
  color: #ffffff;
  padding: 8px 12px;
  text-decoration: none;
  text-align: right;
  font-size: 13px;
}
.gift-aid__container .gift_aid__content .gift_aid__content-text .opacity {
  color: #7d7d7d;
}
.gift-aid__container .gift_aid__caution {
  padding: 10px 40px;
}
.gift-aid__container .gift_aid__caution a {
  font-weight: 400;
}
.gift-aid__container #gift-aid_form {
  margin-top: 30px;
  display: flex;
}
.gift-aid__container #gift-aid_form .gift-aid_form__confirm-gift-aid {
  display: flex;
}
.gift-aid__container #gift-aid_form .gift-aid_form__confirm-gift-aid input {
  margin-left: 10px;
}
.gift-aid__container #gift-aid_form .gift-aid_form__confirm-gift-aid label {
  width: 100%;
  color: #000000;
  text-align: left;
  padding: 0 20px;
}
.gift-aid__container .gift-aid_form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.gift-aid__container .gift-aid_form__submit #gift_aid_submit {
  padding: 0 80px 0 80px;
  margin-left: 20px;
}
.gift-aid__container .gift-aid_form__submit #gift_aid_skip {
  padding: 0 80px 0 80px;
}
.gift-aid__container .gift-aid__additional_text {
  padding: 20px 40px 10px 40px;
  text-align: left;
}
.gift-aid__container .gift-aid_form__select-gift-aid__container .gift-aid__address {
  display: none;
}
.gift-aid__container .gift-aid_form__select-gift-aid__container .gift-aid__address .gift-aid__address-details {
  padding: 10px 40px;
}
.gift-aid__container .gift-aid_form__select-gift-aid__container .gift-aid__address .gift-aid__address-details span {
  display: block;
  text-align: left;
}
.gift-aid__container .gift-aid_form__select-gift-aid__container .gift-aid__address-simplified .gift-aid__address-details {
  padding: 10px 40px;
}
.gift-aid__container .gift-aid_form__select-gift-aid__container .gift-aid__address-simplified .gift-aid__address-details span {
  display: block;
  text-align: left;
}
.gift-aid__container .gift-aid_form__select-gift-aid__container h4 {
  padding: 10px 40px;
  text-align: left;
}
.booking__season {
  margin: 30px auto;
}
@media only screen and (min-width: 960px) {
  .booking__season--with-info {
    display: flex;
    position: relative;
  }
}
@media only screen and (min-width: 960px) {
  .booking__season--with-info .booking__season__info__inner {
    position: sticky;
    top: 5.375em;
  }
}
.booking__season__info {
  max-width: 450px;
  margin: 0 auto;
}
.booking__season__description {
  margin: 1em auto;
  text-align: center;
}
.booking__season__loader {
  display: block;
  margin: 3em auto;
  text-align: center;
}
.booking__season .booking__seasons__season__title {
  font-size: 1.7rem;
}
.booking__season .booking__seasons__season__image__container {
  margin-right: 0;
}
@media only screen and (min-width: 960px) {
  .booking__season .booking__seasons__season__image__container {
    margin-right: 2em;
  }
}
.booking__season__empty-list {
  display: block;
  margin: 3em auto;
  text-align: center;
}
.booking__season__productions {
  display: block;
  max-width: 450px;
  margin: 1em auto;
}
.booking__season__production {
  background: #ffffff;
  padding: 15px;
}
.booking__season__production:not(:last-child) {
  margin-bottom: 1px;
}
.booking__season__production__title {
  margin-bottom: 0;
}
.booking__season__production__date-range {
  font-size: .9rem;
}
.booking__season__production__performances {
  width: 100%;
  height: 35px;
  padding: 0 15px 0 15px;
  max-width: calc(100% - 105px);
}
.booking__season__production__performances-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.booking__season__production .btn {
  height: 35px;
  line-height: 35px;
  margin-left: 15px;
  padding-left: 25px;
  padding-right: 25px;
  border: none;
  text-align: center;
}
.booking__season__production .btn--disabled {
  background: #a8a4a4;
  cursor: not-allowed;
}
#booking__season__production__template {
  visibility: hidden;
}
.booking__seasons {
  margin: 30px auto;
  max-width: 720px;
}
.booking__seasons__description {
  margin: 1em auto;
  text-align: center;
}
.booking__seasons__empty-list {
  display: block;
  margin: 3em auto;
  text-align: center;
}
.booking__seasons__list {
  display: block;
  margin: 1em auto;
}
.booking__seasons__season {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
}
@media only screen and (min-width: 720px) {
  .booking__seasons__season {
    flex-direction: row;
  }
}
.booking__seasons__season:not(:last-child) {
  margin-bottom: 1em;
}
.booking__seasons__season__title {
  margin-bottom: 0;
}
.booking__seasons__season__description {
  margin-top: 0.5em;
}
.booking__seasons__season__date-range {
  font-size: 1em;
  font-weight: 700;
  margin-top: 1em;
}
.booking__seasons__season__image {
  height: auto;
  width: 100%;
}
.booking__seasons__season__image__description {
  font-size: 0.75em;
  margin-top: .5em;
}
@media only screen and (min-width: 720px) {
  .booking__seasons__season__image__description {
    line-height: 1.2;
  }
}
.booking__seasons__season__image__container {
  flex: 0 0 215px;
  margin-bottom: .75em;
}
@media only screen and (min-width: 720px) {
  .booking__seasons__season__image__container {
    margin-bottom: 0;
    margin-right: 2em;
  }
}
.booking__seasons__season__contents {
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .booking__seasons__season__contents {
    flex: 1 1 0;
  }
}
.booking__seasons__season .btn {
  height: 3em;
  line-height: 3em;
  margin-top: 1em;
  padding-left: 2em;
  padding-right: 2em;
  border: none;
  text-align: center;
}
/*  ========================================================================== */
/*  @group Newsletter */
/*  ========================================================================== */
.section-newsletter-subscribe {
  background: #f5eee3;
}
.section-newsletter-subscribe > * {
  box-sizing: border-box;
}
.section-newsletter-subscribe #newsletter-form {
  padding: 0 30px 0 0;
}
.section-newsletter-subscribe .newsletter-popup-content {
  padding-top: 20px;
}
.section-newsletter-subscribe .newsletter-popup-content .mail-additional-info {
  padding: 10px 20px 0 10px;
  text-align: center;
}
.section-newsletter-subscribe .newsletter-popup-content .field {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}
.section-newsletter-subscribe .newsletter-popup-content .field label {
  max-width: 500px;
  width: 30%;
  max-width: 400px;
  padding-right: 20px;
  box-sizing: border-box;
}
.section-newsletter-subscribe .newsletter-popup-content .field input[type="text"],
.section-newsletter-subscribe .newsletter-popup-content .field input[type="email"] {
  width: 70%;
  border: 1px solid #ccc;
  background: #FFF;
}
@media only screen and (max-width: 767px) {
  .section-newsletter-subscribe .newsletter-popup-content .field {
    padding: 0 0 10px 0;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .section-newsletter-subscribe .newsletter-popup-content .field label {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 90%;
    text-align: left;
    padding: 0;
    margin: 0 auto;
  }
  .section-newsletter-subscribe .newsletter-popup-content .field input[type="text"],
  .section-newsletter-subscribe .newsletter-popup-content .field input[type="email"] {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .section-newsletter-subscribe .newsletter-popup-content #newsletter-form {
    padding: 0;
  }
}
.section-newsletter-subscribe .newsletter-popup-content .Actions {
  text-align: right;
  padding-top: 10px;
}
.section-newsletter-subscribe .newsletter-popup-content .Actions input {
  margin: 0 auto;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .section-newsletter-subscribe .newsletter-popup-content .Actions {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .section-newsletter-subscribe .newsletter-popup-content .Actions input {
    width: 100%;
    max-width: 100%;
  }
}
.section-newsletter-subscribe-complete .flash-message.success {
  margin-top: 50px;
}
/*  ========================================================================== */
/*  @group Tickets controll */
/*  ========================================================================== */
.user-upcoming-events-header {
  margin-bottom: 15px;
}
.user-upcoming-events {
  margin-bottom: 40px;
}
.user-upcoming-events a {
  text-decoration: none;
}
.user-upcoming-event {
  display: block;
  background-color: #fff;
  padding: 20px;
  background-image: url(../images/icons/icon-chevron-right.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 50px;
  transition: background-position 0.5s ease;
  margin-bottom: 2px;
}
.user-upcoming-event:hover {
  background-position: center right -5px;
}
.user-upcoming-event__title {
  color: #000;
  margin-bottom: 5px;
}
a:hover .user-upcoming-event__title {
  color: #000;
}
@media only screen and (min-width: 768px) {
  .user-upcoming-event__title {
    font-size: 22px;
  }
}
.user-upcoming-event__date {
  margin-bottom: 0;
  font-weight: normal;
}
.user-upcoming-event__includes {
  margin-bottom: 0;
  margin-top: 20px;
  font-weight: normal;
}
.ticket-details {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 10px;
}
@media only screen and (min-width: 768px) {
  .ticket-details {
    padding: 40px 10px;
  }
}
.ticket-details tr td:last-child {
  text-align: right;
}
.ticket-details__inner {
  position: relative;
}
.ticket-details__inner__back-btn {
  background-image: url('../images/back-arrow.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  width: 50px;
  height: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  transition: left .5s ease;
}
.ticket-details__inner__back-btn:hover {
  left: -20px;
}
.ticket-details__inner__date {
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.ticket-details__order__header {
  text-align: center;
  font-weight: normal;
}
.standalone-donation #page-content {
  max-width: 1200px;
}
#standalone-donation {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
#standalone-donation .basket-total {
  margin: 40px 0 10px 0;
  font-size: 28px;
  text-align: center;
}
#standalone-donation .basket-total .total {
  display: inline-block;
  margin-left: 4px;
  font-weight: bold;
}
#standalone-donation .form-container {
  background: #fff;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  #standalone-donation .form-container {
    flex-direction: column;
  }
}
#standalone-donation .form-container .donation {
  max-width: 50%;
}
#standalone-donation .form-container .donation-message {
  background: #F0F0F0;
  font-size: 14px;
  margin: 0;
}
#standalone-donation .form-container .donation-message:not(:last-child) {
  margin-bottom: 8px;
}
#standalone-donation .form-container .donation-description {
  margin-bottom: 15px;
}
#standalone-donation .form-container .donation-image {
  min-width: 48%;
  max-width: 48%;
}
@media only screen and (max-width: 767px) {
  #standalone-donation .form-container .donation-image {
    max-width: 100%;
  }
}
#standalone-donation .form-container .donation-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#standalone-donation .form-container .donation-form {
  display: flex;
  align-items: center;
  padding: 20px;
}
#standalone-donation .form-container .donation-form header {
  margin-bottom: 10px;
}
#standalone-donation .form-container .donation-form #other-donation-val {
  margin-top: 25px;
  text-align: center;
}
#standalone-donation .form-container .donation-form #other-donation-val input {
  max-width: 160px;
  width: 100%;
  height: 42px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-left: 6px;
}
#standalone-donation .form-container .donation-options {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
}
#standalone-donation .form-container .donation-options label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #000;
  float: none;
  border: 8px solid transparent;
  position: relative;
}
#standalone-donation .form-container .donation-options label span.val {
  position: relative;
  transition: font-size 0.3s;
}
@media only screen and (max-width: 767px) {
  #standalone-donation .form-container .donation-options label {
    border: 6px solid transparent;
    width: 56px;
    height: 56px;
  }
}
#standalone-donation .form-container .donation-options label:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  border: 1px solid #000;
  transition: width .3s, height .3s;
}
#standalone-donation .form-container .donation-options label:hover {
  font-size: 18px;
  color: #fff;
}
#standalone-donation .form-container .donation-options label:hover:before {
  width: 70px;
  height: 70px;
  background: #333;
  transition: width .3s, height .3s;
}
#standalone-donation .form-container .donation-options .option {
  margin: 0;
}
#standalone-donation .form-container .donation-options .option input:checked ~ label {
  background: #333333;
  border: 3px solid #000 !important;
  width: 62px;
  height: 62px;
  color: #fff;
  font-size: 18px;
}
@media only screen and (min-width: 767px) {
  #standalone-donation .form-container .donation-options .option input:checked ~ label {
    width: 66px;
    height: 66px;
  }
}
#standalone-donation .form-container .donation-options .option input:checked ~ label:before {
  content: none;
}
#standalone-donation .form-container .donation-options .option.silver label {
  width: 56px;
  height: 56px;
}
#standalone-donation .form-container .donation-options .option.silver label:before {
  content: '';
  background: transparent linear-gradient(180deg, #f3f3f3 0%, #9e9e9e 100%) 0% 0% no-repeat padding-box !important;
  position: absolute;
  border: none;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  transition: width .3s, height .3s;
}
#standalone-donation .form-container .donation-options .option.silver label:hover {
  color: #000;
  font-size: 18px;
}
#standalone-donation .form-container .donation-options .option.silver label:hover:before {
  width: 70px;
  height: 70px;
  transition: width .3s, height .3s;
}
#standalone-donation .form-container .donation-options .option.silver input:checked ~ label {
  color: #000;
  border: 3px solid #AAA8A8 !important;
  width: 62px;
  height: 62px;
  background: transparent linear-gradient(180deg, #f3f3f3 0%, #9e9e9e 100%) 0% 0% no-repeat padding-box !important;
}
@media only screen and (min-width: 767px) {
  #standalone-donation .form-container .donation-options .option.silver input:checked ~ label {
    width: 66px;
    height: 66px;
  }
}
#standalone-donation .form-container .donation-options .option.gold label {
  width: 56px;
  height: 56px;
  color: #fff;
}
#standalone-donation .form-container .donation-options .option.gold label:before {
  content: '';
  background: transparent linear-gradient(180deg, #f1e693 0%, #b88a28 100%) 0% 0% no-repeat padding-box !important;
  position: absolute;
  border: none;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  transition: width .3s, height .3s;
}
#standalone-donation .form-container .donation-options .option.gold label:hover {
  font-size: 18px;
}
#standalone-donation .form-container .donation-options .option.gold label:hover:before {
  width: 70px;
  height: 70px;
  transition: width .3s, height .3s;
}
#standalone-donation .form-container .donation-options .option.gold input:checked ~ label {
  color: #fff;
  width: 62px;
  height: 62px;
  border: 3px solid #C9B465 !important;
  background: transparent linear-gradient(180deg, #f1e693 0%, #b88a28 100%) 0% 0% no-repeat padding-box !important;
}
@media only screen and (min-width: 767px) {
  #standalone-donation .form-container .donation-options .option.gold input:checked ~ label {
    width: 66px;
    height: 66px;
  }
}
#standalone-donation .form-container .donation-options .option.option-other {
  height: 0;
}
#standalone-donation .form-container .donation-options .option.option-other label {
  display: none;
}
#standalone-donation .form-container .donation-options .option.option-other span {
  font-weight: bold;
  text-decoration: underline;
}
#standalone-donation .form-container .donation-options input {
  width: 0;
  visibility: hidden;
}
#standalone-donation .form-container #direct-debit {
  padding-top: 15px;
  text-align: center;
}
#standalone-donation .form-container #direct-debit label {
  width: auto;
  display: inline-block;
  float: none;
  padding-left: 5px;
  vertical-align: middle;
}
@media only screen and (max-width: 480px) {
  #standalone-donation .form-container #direct-debit label {
    display: block;
    text-align: left;
    padding-top: 0;
    margin-left: 15px;
  }
}
#standalone-donation .form-container #direct-debit input {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 480px) {
  #standalone-donation .form-container #direct-debit input {
    display: block;
    float: left;
  }
}
#standalone-donation .donation-actions {
  text-align: center;
}
#standalone-donation .donation-actions button,
#standalone-donation .donation-actions a {
  display: inline-block;
  box-sizing: border-box;
  font-size: .75rem;
  height: 48px;
  line-height: 48px;
  padding: 0;
  max-width: 380px;
  width: 100%;
}
#standalone-donation .donation-buttons {
  cursor: pointer;
  text-align: center;
  width: 100%;
  margin-top: 17px;
}
#standalone-donation .donation-buttons label {
  display: none;
}
#standalone-donation .donation-buttons span {
  font-weight: bold;
  text-decoration: underline;
}
#direct-debit-not-account-holder-information a {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
}
.direct-debits .direct-debits__payment-method .direct-debits__payment-method__panel__content {
  display: flex;
  flex-direction: column;
}
.direct-debits .direct-debits__payment-method .direct-debits__payment-method__panel__content label {
  text-align: center;
  width: auto;
  float: none;
}
.direct-debits .direct-debits__payment-method .payment-panel {
  background: #fff;
  padding: 15px;
}
.direct-debits .direct-debits__payment-method .payment-panel input[type=radio] {
  position: absolute;
  left: -9999px;
}
.direct-debits .direct-debits__payment-method .payment-panel:not(:last-child) {
  margin-bottom: 1px;
}
.direct-debits .direct-debits__payment-method .payment-panel p {
  margin: 0;
}
.direct-debits .direct-debits__payment-method .payment-panel .direct-debit-additional-message {
  display: block;
  margin-top: 15px;
}
.direct-debits .direct-debits__payment-method .payment-plan__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.direct-debits .direct-debits__payment-method .btn-direct-debit-buy {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
}
.direct-debits .direct-debits__selection {
  margin-top: 15px;
  text-align: center;
}
.direct-debits .direct-debits__selection label:after {
  content: '';
}
.direct-debits-order .area-confirmation-details {
  max-width: unset !important;
  margin-bottom: 30px;
}
.direct-debits-order .contribution h2 {
  margin-bottom: 0;
}
.direct-debits-order .area-confirmation-details {
  max-width: 660px !important;
  margin: 0 auto;
}
.direct-debits-order .area-confirmation-details:not(:last-child) {
  margin-bottom: 30px;
}
.direct-debits-order .basket-wrapper.area-review-basket .direct-debits-summary {
  background: transparent;
}
.direct-debits-order .basket-wrapper.area-review-basket .direct-debits-summary td {
  padding-top: 40px;
  padding-bottom: 10px;
}
.direct-debits-order .basket-wrapper.area-review-basket .direct-debits-summary h2 {
  margin-top: 30px;
  font-size: 1.5rem;
  font-family: "EngWT", Georgia, Helmet, Freesans, sans-serif;
  text-align: center;
}
.direct-debits-order .area-basket-footer {
  justify-content: flex-end;
}
.direct-debits-order .direct-debits__setup-confirmation {
  margin-top: 30px;
  text-align: center;
}
#form_time_period {
  display: flex;
}
#form_time_period .option {
  display: flex;
  align-items: center;
  width: 50%;
  height: 25px;
  margin-right: 1px;
  background: #fff;
  padding: 20px;
}
#form_time_period .option label {
  padding-top: 0;
}
#form_time_period .option:last-child {
  margin: 0;
}
.reccuring-donation .donation-description {
  text-align: center;
}
.reccuring-donation .form-container {
  margin-top: 1px !important;
}
.reccuring-donation .form-container .donation-form {
  width: 100%;
}
.reccuring-donation .form-container .donation-form .donation-form-wrapper {
  width: 100%;
}
.section-direct-debit .area-direct-debit .area-instruction-form .unit-instruction {
  background: #fff;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.section-direct-debit .area-direct-debit .area-instruction-form .unit-instruction .option {
  display: flex;
  align-items: center;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation .field-checkbox-row {
  display: flex;
  align-items: center;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation .field-checkbox-row input {
  flex-shrink: 0;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation .field-checkbox-row label {
  text-align: left;
  margin-left: 10px;
  font-weight: normal;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation #direct_debit_account_holder {
  display: flex;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation #direct_debit_account_holder .option {
  display: flex;
  width: 50%;
  height: 25px;
  margin-right: 5px;
  background: #fff;
  padding: 20px;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation #direct_debit_account_holder .option:last-child {
  margin: 0;
}
.section-direct-debit .area-direct-debit .area-your-order h2,
.section-direct-debit .area-direct-debit .area-account-details h2,
.section-direct-debit .area-direct-debit .area-delivery-form h2,
.section-direct-debit .area-direct-debit .area-bank-instructions h2,
.section-direct-debit .area-direct-debit .area-instruction-form h2,
.section-direct-debit .area-direct-debit .area-dd-payment-details h2 {
  text-align: center;
}
.section-direct-debit .area-direct-debit .area-your-order #direct-debit-bank-information,
.section-direct-debit .area-direct-debit .area-account-details #direct-debit-bank-information,
.section-direct-debit .area-direct-debit .area-delivery-form #direct-debit-bank-information,
.section-direct-debit .area-direct-debit .area-bank-instructions #direct-debit-bank-information,
.section-direct-debit .area-direct-debit .area-instruction-form #direct-debit-bank-information,
.section-direct-debit .area-direct-debit .area-dd-payment-details #direct-debit-bank-information {
  text-align: center;
}
.section-direct-debit .area-direct-debit .area-your-order {
  margin-top: 25px;
  margin-bottom: 0;
}
.section-direct-debit .area-direct-debit .area-your-order-info {
  background: #fff;
  padding: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.section-direct-debit .area-direct-debit .area-delivery-form {
  margin: 30px 0;
}
.section-direct-debit .area-direct-debit .area-delivery-form .unit-area-delivery {
  background: #fff;
  padding: 15px;
}
.section-direct-debit .area-direct-debit .area-delivery-form .unit-area-delivery .direct-debit-address-instruction {
  text-align: center;
  margin-top: 25px;
}
.section-direct-debit .area-direct-debit .area-delivery-form p#unit-billing-address-show {
  margin-bottom: 0;
}
.section-direct-debit .area-direct-debit .area-delivery-form .direct-debit-address2__group {
  display: flex;
  justify-content: space-between;
}
.section-direct-debit .area-direct-debit .area-delivery-form .direct-debit-address2__group .field {
  width: 49%;
}
.section-direct-debit .area-direct-debit .area-delivery-form .postcode-field {
  width: 68%;
  max-width: unset;
  height: 48px;
  line-height: 48px;
}
.section-direct-debit .area-direct-debit .area-delivery-form .btn.address-lookup {
  width: 30%;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .section-direct-debit .area-direct-debit .area-delivery-form .btn.address-lookup {
    width: 45%;
  }
}
@media only screen and (max-width: 480px) {
  .section-direct-debit .area-direct-debit .area-delivery-form .address-lookupable {
    text-align: center;
  }
  .section-direct-debit .area-direct-debit .area-delivery-form #direct_debit_billing_postcode {
    margin: 10px auto;
  }
  .section-direct-debit .area-direct-debit .area-delivery-form .btn.address-lookup {
    width: 100%;
  }
}
.section-direct-debit .area-direct-debit .area-bank-instructions__container {
  background: #fff;
  padding: 15px;
}
.section-direct-debit .area-direct-debit .area-bank-instructions__introduction {
  font-size: 18px;
}
.section-direct-debit .area-direct-debit #unit-account-details {
  background: #fff;
  padding: 15px;
  overflow: hidden;
}
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-name-fields,
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-account {
  display: flex;
  justify-content: space-between;
}
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-name-label {
  text-align: center;
}
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-name-label p.required:after {
  content: "*";
  color: #ef3327;
  margin: 0 0 0 4px;
}
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-name-firstname,
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-name-surname,
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-account-number,
.section-direct-debit .area-direct-debit #unit-account-details .account-holder-account-sort-code {
  width: 49%;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation.terms {
  text-align: center;
}
.section-direct-debit .area-direct-debit .unit-direct-debit-confirmation.terms .field-checkbox-row {
  margin: 25px 0;
  display: inline-flex;
  justify-content: center;
}
.section-direct-debit .area-direct-debit .area-dd-payment-details {
  margin: 30px 0;
}
.section-direct-debit .area-direct-debit .area-dd-payment-details #unit-payment-details {
  background: #fff;
  padding: 15px;
}
.section-direct-debit .area-direct-debit .area-dd-payment-details .direct-debit_statement-name {
  margin-top: 15px;
  margin-bottom: 0;
}
.section-direct-debit .area-direct-debit #unit-account-details .unit-account-details__row,
.section-direct-debit .area-direct-debit #unit-payment-details .unit-account-details__row,
.section-direct-debit .area-direct-debit #unit-account-details .unit-payment-details__row,
.section-direct-debit .area-direct-debit #unit-payment-details .unit-payment-details__row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.section-direct-debit .area-direct-debit #unit-account-details .unit-account-details__row:not(:last-child),
.section-direct-debit .area-direct-debit #unit-payment-details .unit-account-details__row:not(:last-child),
.section-direct-debit .area-direct-debit #unit-account-details .unit-payment-details__row:not(:last-child),
.section-direct-debit .area-direct-debit #unit-payment-details .unit-payment-details__row:not(:last-child) {
  margin-bottom: 4px;
}
.section-direct-debit .area-direct-debit #unit-account-details .unit-account-details__row label,
.section-direct-debit .area-direct-debit #unit-payment-details .unit-account-details__row label,
.section-direct-debit .area-direct-debit #unit-account-details .unit-payment-details__row label,
.section-direct-debit .area-direct-debit #unit-payment-details .unit-payment-details__row label {
  width: 130px !important;
  padding-top: 0;
  text-align: left;
  margin-right: 15px;
}
.section-direct-debit .area-direct-debit #unit-submit div {
  text-align: center;
}
.direct-debit-donation .direct-debit-type-selection-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.direct-debit-donation .direct-debit-type-selection-wrapper input {
  flex-shrink: 0;
}
.direct-debit-donation .direct-debit-type-selection-wrapper .direct-debit-type-row {
  text-align: center;
  background: #fff;
  margin-bottom: 1px;
  width: 50%;
  padding: 15px;
}
.direct-debit-donation .direct-debit-type-selection-wrapper .direct-debit-type-row:first-child {
  margin-right: 1px;
}
.direct-debit-donation .direct-debit-type-selection-wrapper .direct-debit-type-row label {
  float: none;
  margin-left: 6px;
}
/*  ========================================================================== */
/*  @group State & Helpers */
/*  ========================================================================== */
/**
	 * Image replacement
	 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*
	 * Hide from both screenreaders and browsers: h5bp.com/u
	 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
	 * Hide only visually, but have it available for screenreaders: h5bp.com/v
	 */
.visuallyhidden,
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visually-hidden.focusable:active,
.visuallyhidden.focusable:focus,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
	 * Hide visually and from screenreaders, but maintain layout
	 */
.invisible {
  visibility: hidden;
}
/**
	 * Common clearfixes
	 */
.cf,
.clearfix,
.unit,
.group,
.actions,
.l-constrained,
#page-content,
#container,
.content-inner,
.content {
  zoom: 1;
  *zoom: 1;
}
.cf:before,
.clearfix:before,
.unit:before,
.group:before,
.actions:before,
.l-constrained:before,
#page-content:before,
#container:before,
.content-inner:before,
.content:before,
.cf:after,
.clearfix:after,
.unit:after,
.group:after,
.actions:after,
.l-constrained:after,
#page-content:after,
#container:after,
.content-inner:after,
.content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.cf:after,
.clearfix:after,
.unit:after,
.group:after,
.actions:after,
.l-constrained:after,
#page-content:after,
#container:after,
.content-inner:after,
.content:after {
  clear: both;
}
.cf:before,
.clearfix:before,
.unit:before,
.group:before,
.actions:before,
.l-constrained:before,
#page-content:before,
#container:before,
.content-inner:before,
.content:before,
.cf:after,
.clearfix:after,
.unit:after,
.group:after,
.actions:after,
.l-constrained:after,
#page-content:after,
#container:after,
.content-inner:after,
.content:after {
  content: " ";
  display: table;
}
.cf:after,
.clearfix:after,
.unit:after,
.group:after,
.actions:after,
.l-constrained:after,
#page-content:after,
#container:after,
.content-inner:after,
.content:after {
  clear: both;
}
.cf:before,
.clearfix:before,
.unit:before,
.group:before,
.actions:before,
.l-constrained:before,
#page-content:before,
#container:before,
.content-inner:before,
.content:before,
.cf:after,
.clearfix:after,
.unit:after,
.group:after,
.actions:after,
.l-constrained:after,
#page-content:after,
#container:after,
.content-inner:after,
.content:after {
  content: " ";
  display: table;
}
.cf:after,
.clearfix:after,
.unit:after,
.group:after,
.actions:after,
.l-constrained:after,
#page-content:after,
#container:after,
.content-inner:after,
.content:after {
  clear: both;
}
/*  ========================================================================== */
/*  @group Responsive State Helpers */
/*  ========================================================================== */
.is-tablet,
.tablet,
.is-mobile,
.mobile {
  display: none;
}
.is-desktop,
.desktop {
  display: block;
}
/**
	 * BlocksOffice core responsive.less considers "iPad" to be any screen-size
	 * between 760px & 991px :( This is silly, let's reset it.
	 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .responsive .is-tablet,
  .responsive .tablet .is-mobile,
  .responsive .mobile {
    display: none;
  }
  .responsive .is-desktop,
  .responsive .desktop {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .responsive .is-desktop,
  .responsive .desktop,
  .responsive .is-mobile,
  .responsive .mobile {
    display: none;
  }
  .responsive .is-tablet,
  .responsive .tablet {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .responsive .is-desktop,
  .responsive .desktop,
  .responsive .is-tablet,
  .responsive .tablet {
    display: none;
  }
  .responsive .is-mobile,
  .responsive .mobile {
    display: block;
  }
}