article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
  font-style: inherit;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Horizontal nav */
body {
  font-size: 1em;
  line-height: 1.5em;
}
hr {
  height: 1px;
  padding: 0;
  margin: 0;
  margin-top: 24px;
  margin-bottom: 22px;
}
p {
  margin-top: 0;
  margin-bottom: 1.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em;
}
body,
select,
input,
button,
textarea {
  font-family: Helmet, Freesans, sans-serif;
}
code,
pre {
  font-family: Monaco, Andale Mono, Courier New, monospace;
}
:root .alert-message,
:root .btn {
  border-radius: 0 \0;
}
button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* Horizontal nav */
/* Nested nav */
/* Forms.less
 * Base styles for various input types, form layouts, and states
 * ------------------------------------------------------------- */
form {
  margin-bottom: 1.5em;
}
fieldset {
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}
fieldset legend {
  display: block;
  padding-left: 150px;
  font-size: 1.5em;
  line-height: 1;
  color: #333333;
  *padding: 0 0 5px 145px;
  /* IE6-7 */

  *line-height: 1.5;
  /* IE6-7 */

}
form .clearfix {
  margin-bottom: 1.5em;
  zoom: 1;
}
form .clearfix:before,
form .clearfix:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
form .clearfix:after {
  clear: both;
}
label {
  padding-top: 6px;
  float: left;
  width: 130px;
  text-align: right;
  color: #333333;
}
label .required {
  color: red;
  text-decoration: none;
  font-weight: bold;
  border-bottom: none;
}
form .input {
  margin-left: 150px;
}
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 1.5em;
  padding: 4px;
  border: 1px solid #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
/* mini reset for non-html5 file types */
input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE6-7 */

  line-height: normal;
  border: none;
}
input[type=file] {
  padding: initial;
  border: initial;
  line-height: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type=button],
input[type=reset],
input[type=submit] {
  width: auto;
  height: auto;
}
select,
input[type=file] {
  height: 2.25em;
  line-height: 2.25em;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

}
select[multiple] {
  height: inherit;
}
textarea {
  height: auto;
}
input,
textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
form div.clearfix.error {
  padding: 10px 0;
  margin: -10px 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form div.clearfix.error > label,
form div.clearfix.error span.help-inline,
form div.clearfix.error span.help-block {
  color: #F00;
}
form div.clearfix.error input,
form div.clearfix.error textarea {
  border-color: #ef8f8f;
  -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}
form div.clearfix.error input:focus,
form div.clearfix.error textarea:focus {
  border-color: #e96363;
  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
form div.clearfix.error .input-prepend span.add-on,
form div.clearfix.error .input-append span.add-on {
  background: #ffffff;
  border-color: #ef8f8f;
  color: #e96363;
}
.input-mini,
input.mini,
textarea.mini,
select.mini {
  width: 60px;
}
.input-small,
input.small,
textarea.small,
select.small {
  width: 90px;
}
.input-medium,
input.medium,
textarea.medium,
select.medium {
  width: 150px;
}
.input-large,
input.large,
textarea.large,
select.large {
  width: 210px;
}
.input-xlarge,
input.xlarge,
textarea.xlarge,
select.xlarge {
  width: 270px;
}
.input-xxlarge,
input.xxlarge,
textarea.xxlarge,
select.xxlarge {
  width: 530px;
}
textarea.xxlarge {
  overflow-y: auto;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
.actions {
  background: #f5f5f5;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.5em 20px 1.5em 150px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.actions .secondary-action {
  float: right;
}
.actions .secondary-action a {
  line-height: 30px;
}
.actions .secondary-action a:hover {
  text-decoration: underline;
}
.help-inline,
.help-block {
  font-size: -1em;
  line-height: 1.5em;
}
.help-inline {
  padding-left: 5px;
  *position: relative;
  /* IE6-7 */

  *top: -5px;
  /* IE6-7 */

}
.help-block {
  display: block;
  max-width: 600px;
}
.inline-inputs span,
.inline-inputs input {
  display: inline-block;
}
.inline-inputs input.mini {
  width: 60px;
}
.inline-inputs input.small {
  width: 90px;
}
.inline-inputs span {
  padding: 0 2px 0 1px;
}
.input-prepend input,
.input-append input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend .add-on,
.input-append .add-on {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #ccc;
  z-index: 2;
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 4px 4px 5px;
  margin-right: -1px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #FFF;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */

}
.input-append input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .add-on {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-right: 0;
  margin-left: -1px;
}
.inputs-list {
  margin: 0 0 5px;
  padding-left: 0;
  margin-left: 0;
  width: 100%;
}
.inputs-list li {
  display: block;
  padding: 0;
  width: 100%;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 1.5em;
  text-align: left;
  white-space: normal;
}
.inputs-list label small {
  font-size: -1em;
  font-weight: normal;
}
.inputs-list .inputs-list {
  margin-left: 25px;
  margin-bottom: 10px;
  padding-top: 0;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list li + li {
  padding-top: 2px;
}
.inputs-list input[type=radio],
.inputs-list input[type=checkbox],
.inputs-list input.radio,
.inputs-list input.checkbox {
  margin-bottom: 0;
}
.form-stacked {
  padding-left: 20px;
}
.form-stacked fieldset {
  padding-top: 0.75em;
}
.form-stacked legend {
  padding-left: 0;
}
.form-stacked label {
  display: block;
  float: none;
  width: auto;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
  padding-top: 0;
}
.form-stacked .clearfix {
  margin-bottom: 0.75em;
}
.form-stacked .clearfix div.input {
  margin-left: 0;
}
.form-stacked .inputs-list {
  margin-bottom: 0;
}
.form-stacked .inputs-list li {
  padding-top: 0;
}
.form-stacked .inputs-list li label {
  font-weight: normal;
  padding-top: 0;
}
.form-stacked div.clearfix.error {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-left: -10px;
}
.form-stacked .actions {
  margin-left: -20px;
  padding-left: 20px;
}
body {
  background: #FFF;
  color: #333333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  color: #080808;
}
a {
  color: #141414;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
}
a:visited {
  color: #009ee3;
}
a:active {
  color: #2e2e2e;
}
a:hover {
  color: #2e2e2e;
}
mark {
  background-color: #ffef95;
  font-weight: normal;
  font-style: normal;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
table {
  width: 100%;
  padding: 0;
  border-collapse: collapse;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */

  border: 1px solid #dddddd;
}
table caption {
  text-align: left;
}
table th,
table td {
  padding: 0.5em;
  text-align: left;
  border: 1px solid #dddddd;
}
table th {
  padding-top: 0.5em;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
table td {
  vertical-align: top;
}
video {
  background: #000;
}
/* @group Tooltip */
/* @end */@font-face {
  font-family: "AmasisMTStd";
  src: url("../fonts/2E71F2_0_0.eot");
  src: url("../fonts/2E71F2_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2E71F2_0_0.woff2") format("woff2"), url("../fonts/2E71F2_0_0.woff") format("woff"), url("../fonts/2E71F2_0_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "AmasisMTStd";
  src: url("../fonts/2E71F2_1_0.eot");
  src: url("../fonts/2E71F2_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2E71F2_1_0.woff2") format("woff2"), url("../fonts/2E71F2_1_0.woff") format("woff"), url("../fonts/2E71F2_1_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.alpha-black {
  background-color: rgba(0, 0, 0, 0.85);
  font-family: Georgia, "Times New Roman", Times, serif;
}
::selection {
  background-color: #FFF966;
}
#skip-links {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.area-example-mixins {
  margin-left: auto;
  margin-right: auto;
  background-color: red;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(red));
  background-image: -moz-linear-gradient(top, #ffffff, red);
  background-image: -ms-linear-gradient(top, #ffffff, red);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, red));
  background-image: -webkit-linear-gradient(top, #ffffff, red);
  background-image: -o-linear-gradient(top, #ffffff, red);
  background-image: linear-gradient(top, #ffffff, red);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='red', GradientType=0);
  background-color: #e6e6e6;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #d9d9d9;
  border-bottom-color: #bfbfbf;
  cursor: pointer;
  display: inline-block;
  background-color: #cc0000;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(red), to(#cc0000));
  background-image: -moz-linear-gradient(top, red, #cc0000);
  background-image: -ms-linear-gradient(top, red, #cc0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, red), color-stop(100%, #cc0000));
  background-image: -webkit-linear-gradient(top, red, #cc0000);
  background-image: -o-linear-gradient(top, red, #cc0000);
  background-image: linear-gradient(top, red, #cc0000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='#cc0000', GradientType=0);
  padding: 6px 14px 6px;
  vertical-align: bottom;
  color: #222222;
  line-height: normal;
  border: 1px solid #b30000;
  border-bottom-color: #800000;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05);
  zoom: 1;
  display: inline;
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-right: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.area-example-mixins:before,
.area-example-mixins:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-example-mixins:after {
  clear: both;
}
.area-example-mixins:hover {
  color: #222222;
  text-decoration: none;
  background-color: #d9d9d9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d9d9d9));
  background-image: -moz-linear-gradient(top, #f2f2f2, #d9d9d9);
  background-image: -ms-linear-gradient(top, #f2f2f2, #d9d9d9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #d9d9d9);
  background-image: -o-linear-gradient(top, #f2f2f2, #d9d9d9);
  background-image: linear-gradient(top, #f2f2f2, #d9d9d9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d9d9d9', GradientType=0);
}
.area-example-mixins:focus {
  outline: 1px dotted #666;
}
.area-example-mixins.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.area-example-mixins[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.area-example-mixins:hover {
  color: #222222;
  text-decoration: none;
  background-color: #b30000;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e60000), to(#b30000));
  background-image: -moz-linear-gradient(top, #e60000, #b30000);
  background-image: -ms-linear-gradient(top, #e60000, #b30000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e60000), color-stop(100%, #b30000));
  background-image: -webkit-linear-gradient(top, #e60000, #b30000);
  background-image: -o-linear-gradient(top, #e60000, #b30000);
  background-image: linear-gradient(top, #e60000, #b30000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60000', endColorstr='#b30000', GradientType=0);
}
.area-example-mixins:focus {
  outline: 1px dotted #666;
}
.area-example-mixins.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.area-example-mixins[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.area-example-mixins:before,
.area-example-mixins:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-example-mixins:after {
  clear: both;
}
.area-example-mixins br {
  display: none;
}
.area-example-mixins ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.area-example-mixins ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
select {
  height: auto;
  line-height: auto;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* @group CSS Animation */
.animation-ease-in-out-all {
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.animation-ease-in-out-opacity {
  -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.animation-ease-in-out-color {
  -webkit-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.animation-ease-in-out-border-color {
  -webkit-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
/* @group Scroll Down */
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* @end */
/* @end */
/* @group Default typography over-rides */
@font-face {
  font-family: 'spacey2006regular';
  src: url('../fonts/spacebra2006-webfont.eot');
  src: url('../fonts/spacebra2006-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/spacebra2006-webfont.woff') format('woff'), url('../fonts/spacebra2006-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html {
  -webkit-font-smoothing: antialiased;
}
body {
  background: #ffffff;
  font-family: "akzidenz-grotesk", sans-serif;
}
h1,
h2,
h3 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p.prefix,
p.suffix {
  font-family: "akzidenz-grotesk-extended", sans-serif;
}
p {
  margin-bottom: 1.5em;
}
#primary-content blockquote p {
  font-size: 28px;
  line-height: 34px;
  font-style: italic;
}
#primary-content em {
  color: #000;
}
/* @end */
/* @group Reusable Styles */
/* @group Buttons */
.button {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.button:visited {
  color: #141414;
}
.button:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.button:focus {
  outline: 1px dotted #666;
}
.button.disabled {
  cursor: default;
  background-image: none;
}
.button[disabled] {
  cursor: default;
  background-image: none;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 6px 14px 6px 34px;
  background-position: 6px 48%;
  background-repeat: no-repeat;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview:visited {
  color: #141414;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview:focus {
  outline: 1px dotted #666;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview.disabled {
  cursor: default;
  background-image: none;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview[disabled] {
  cursor: default;
  background-image: none;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-preview:hover {
  background-position: 6px 48%;
  background-repeat: no-repeat;
}
/* @end */
.single-line-submit {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 7px 8px 7px 8px;
  line-height: 1em;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  margin-left: -3px;
  margin-top: -2px;
}
.single-line-submit:visited {
  color: #141414;
}
.single-line-submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.single-line-submit:focus {
  outline: 1px dotted #666;
}
.single-line-submit.disabled {
  cursor: default;
  background-image: none;
}
.single-line-submit[disabled] {
  cursor: default;
  background-image: none;
}
/* @end */
/* @group Responsive show/hide */
.mobile,
.tablet {
  display: none;
}
.desktop {
  display: block;
}
/* @end */
/* @group Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #232323;
  /* change if the mask should have another color then white */

  z-index: 9999;
  /* makes sure it stays on top */

}
#status {
  width: 200px;
  height: 168px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */

  top: 50%;
  /* centers the loading animation vertically one the screen */

  background-image: url(../images/logo-preloader.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */

}
.svg #status {
  background-image: url(../images/logo-preloader.svg);
}
/* @end */
/* @group Mixins */
/* @end */
/* @group Layouts */
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
#container {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#header-inner {
  width: 100%;
  zoom: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%;
  max-width: 1210px;
}
#header-inner:before,
#header-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#header-inner:after {
  clear: both;
}
#footer-inner {
  width: 100%;
  zoom: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1210px;
}
#footer-inner:before,
#footer-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#footer-inner:after {
  clear: both;
}
#page-content {
  width: 100%;
  zoom: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  width: 90%;
  max-width: 1210px;
}
#page-content:before,
#page-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#page-content:after {
  clear: both;
}
.type-item-page #primary-content,
.type-information-page #primary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 100%;
  margin-right: 2%;
}
.type-item-page #primary-content:before,
.type-information-page #primary-content:before,
.type-item-page #primary-content:after,
.type-information-page #primary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-item-page #primary-content:after,
.type-information-page #primary-content:after {
  clear: both;
}
.type-item-page .has-secondary-content #primary-content,
.type-information-page .has-secondary-content #primary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 57.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.type-item-page .has-secondary-content #primary-content:before,
.type-information-page .has-secondary-content #primary-content:before,
.type-item-page .has-secondary-content #primary-content:after,
.type-information-page .has-secondary-content #primary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-item-page .has-secondary-content #primary-content:after,
.type-information-page .has-secondary-content #primary-content:after {
  clear: both;
}
.type-item-page .has-secondary-content #primary-content .content-inner,
.type-information-page .has-secondary-content #primary-content .content-inner {
  margin-right: 6.5%;
}
.type-item-page .has-secondary-content #secondary-content,
.type-information-page .has-secondary-content #secondary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 40.5%;
  margin-right: 2%;
  margin-right: 0;
  margin-bottom: 4%;
}
.type-item-page .has-secondary-content #secondary-content:before,
.type-information-page .has-secondary-content #secondary-content:before,
.type-item-page .has-secondary-content #secondary-content:after,
.type-information-page .has-secondary-content #secondary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-item-page .has-secondary-content #secondary-content:after,
.type-information-page .has-secondary-content #secondary-content:after {
  clear: both;
}
.has-tertiary-content #primary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 49%;
  margin-right: 2%;
}
.has-tertiary-content #primary-content:before,
.has-tertiary-content #primary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.has-tertiary-content #primary-content:after {
  clear: both;
}
.has-tertiary-content #secondary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 23.5%;
  margin-right: 2%;
}
.has-tertiary-content #secondary-content:before,
.has-tertiary-content #secondary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.has-tertiary-content #secondary-content:after {
  clear: both;
}
.has-tertiary-content #tertiary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-right: 0;
}
.has-tertiary-content #tertiary-content:before,
.has-tertiary-content #tertiary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.has-tertiary-content #tertiary-content:after {
  clear: both;
}
.type-home-page #feature-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 100%;
  margin-right: 2%;
  margin-right: 0;
  position: fixed;
  top: 0;
}
.type-home-page #feature-content:before,
.type-home-page #feature-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-home-page #feature-content:after {
  clear: both;
}
.type-home-page #primary-content,
.type-home-page #secondary-content {
  zoom: 1;
  display: inline;
  float: left;
  width: 100%;
  margin-right: 2%;
  margin-right: 0;
  position: relative;
}
.type-home-page #primary-content:before,
.type-home-page #secondary-content:before,
.type-home-page #primary-content:after,
.type-home-page #secondary-content:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-home-page #primary-content:after,
.type-home-page #secondary-content:after {
  clear: both;
}
.type-home-page #primary-content .group-1 {
  zoom: 1;
  display: inline;
  float: left;
  width: 66%;
  margin-right: 2%;
}
.type-home-page #primary-content .group-1:before,
.type-home-page #primary-content .group-1:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-home-page #primary-content .group-1:after {
  clear: both;
}
.type-home-page #primary-content .group-2 {
  zoom: 1;
  display: inline;
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-right: 0;
}
.type-home-page #primary-content .group-2:before,
.type-home-page #primary-content .group-2:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.type-home-page #primary-content .group-2:after {
  clear: both;
}
/* @end */
/* @group Global Styles */
#container {
  background: #fff;
}
/* @end */
/* @group Buttons */
.primary-button {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 14px;
  padding: 5px 10px;
}
.primary-button:visited {
  color: #141414;
}
.primary-button:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.primary-button:focus {
  outline: 1px dotted #666;
}
.primary-button.disabled {
  cursor: default;
  background-image: none;
}
.primary-button[disabled] {
  cursor: default;
  background-image: none;
}
.secondary-button {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 14px;
  padding: 5px 10px;
  background: #777;
  border-color: #666;
}
.secondary-button:visited {
  color: #141414;
}
.secondary-button:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.secondary-button:focus {
  outline: 1px dotted #666;
}
.secondary-button.disabled {
  cursor: default;
  background-image: none;
}
.secondary-button[disabled] {
  cursor: default;
  background-image: none;
}
.secondary-button:hover {
  background: #888;
}
.tertiary-button {
  cursor: pointer;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 12px;
  padding: 3px 7px 2px;
}
.tertiary-button:visited {
  color: #141414;
}
.tertiary-button:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.tertiary-button:focus {
  outline: 1px dotted #666;
}
.tertiary-button.disabled {
  cursor: default;
  background-image: none;
}
.tertiary-button[disabled] {
  cursor: default;
  background-image: none;
}
.inline-form form .action,
#register-box .action,
.proceed,
.book-button,
.add-to-basket,
.section-login .btn,
.user-subscriptions .button,
.user-donations .button,
.account-offer .button,
.user-content .button,
.submit-package-selection-button,
.facebook-connect-button,
.order-list li .view-more,
.section-pastorders .btn,
.area-redeem-membership input[type="submit"],
#apply-promocode-button,
.address-lookup,
.open-help,
.area-gift-certificate input[type="submit"] {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 14px;
  padding: 5px 10px;
}
.inline-form form .action:visited,
#register-box .action:visited,
.proceed:visited,
.book-button:visited,
.add-to-basket:visited,
.section-login .btn:visited,
.user-subscriptions .button:visited,
.user-donations .button:visited,
.account-offer .button:visited,
.user-content .button:visited,
.submit-package-selection-button:visited,
.facebook-connect-button:visited,
.order-list li .view-more:visited,
.section-pastorders .btn:visited,
.area-redeem-membership input[type="submit"]:visited,
#apply-promocode-button:visited,
.address-lookup:visited,
.open-help:visited,
.area-gift-certificate input[type="submit"]:visited {
  color: #141414;
}
.inline-form form .action:hover,
#register-box .action:hover,
.proceed:hover,
.book-button:hover,
.add-to-basket:hover,
.section-login .btn:hover,
.user-subscriptions .button:hover,
.user-donations .button:hover,
.account-offer .button:hover,
.user-content .button:hover,
.submit-package-selection-button:hover,
.facebook-connect-button:hover,
.order-list li .view-more:hover,
.section-pastorders .btn:hover,
.area-redeem-membership input[type="submit"]:hover,
#apply-promocode-button:hover,
.address-lookup:hover,
.open-help:hover,
.area-gift-certificate input[type="submit"]:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.inline-form form .action:focus,
#register-box .action:focus,
.proceed:focus,
.book-button:focus,
.add-to-basket:focus,
.section-login .btn:focus,
.user-subscriptions .button:focus,
.user-donations .button:focus,
.account-offer .button:focus,
.user-content .button:focus,
.submit-package-selection-button:focus,
.facebook-connect-button:focus,
.order-list li .view-more:focus,
.section-pastorders .btn:focus,
.area-redeem-membership input[type="submit"]:focus,
#apply-promocode-button:focus,
.address-lookup:focus,
.open-help:focus,
.area-gift-certificate input[type="submit"]:focus {
  outline: 1px dotted #666;
}
.inline-form form .action.disabled,
#register-box .action.disabled,
.proceed.disabled,
.book-button.disabled,
.add-to-basket.disabled,
.section-login .btn.disabled,
.user-subscriptions .button.disabled,
.user-donations .button.disabled,
.account-offer .button.disabled,
.user-content .button.disabled,
.submit-package-selection-button.disabled,
.facebook-connect-button.disabled,
.order-list li .view-more.disabled,
.section-pastorders .btn.disabled,
.area-redeem-membership input[type="submit"].disabled,
#apply-promocode-button.disabled,
.address-lookup.disabled,
.open-help.disabled,
.area-gift-certificate input[type="submit"].disabled {
  cursor: default;
  background-image: none;
}
.inline-form form .action[disabled],
#register-box .action[disabled],
.proceed[disabled],
.book-button[disabled],
.add-to-basket[disabled],
.section-login .btn[disabled],
.user-subscriptions .button[disabled],
.user-donations .button[disabled],
.account-offer .button[disabled],
.user-content .button[disabled],
.submit-package-selection-button[disabled],
.facebook-connect-button[disabled],
.order-list li .view-more[disabled],
.section-pastorders .btn[disabled],
.area-redeem-membership input[type="submit"][disabled],
#apply-promocode-button[disabled],
.address-lookup[disabled],
.open-help[disabled],
.area-gift-certificate input[type="submit"][disabled] {
  cursor: default;
  background-image: none;
}
.links .book-more-tickets,
.links .cancel-membership,
.basket-actions .no-thanks,
.area-select-your-level .best-available,
.cancel_this,
.book-status,
.continue-shopping,
.cancel-payment {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 14px;
  padding: 5px 10px;
  background: #777;
  border-color: #666;
}
.links .book-more-tickets:visited,
.links .cancel-membership:visited,
.basket-actions .no-thanks:visited,
.area-select-your-level .best-available:visited,
.cancel_this:visited,
.book-status:visited,
.continue-shopping:visited,
.cancel-payment:visited {
  color: #141414;
}
.links .book-more-tickets:hover,
.links .cancel-membership:hover,
.basket-actions .no-thanks:hover,
.area-select-your-level .best-available:hover,
.cancel_this:hover,
.book-status:hover,
.continue-shopping:hover,
.cancel-payment:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.links .book-more-tickets:focus,
.links .cancel-membership:focus,
.basket-actions .no-thanks:focus,
.area-select-your-level .best-available:focus,
.cancel_this:focus,
.book-status:focus,
.continue-shopping:focus,
.cancel-payment:focus {
  outline: 1px dotted #666;
}
.links .book-more-tickets.disabled,
.links .cancel-membership.disabled,
.basket-actions .no-thanks.disabled,
.area-select-your-level .best-available.disabled,
.cancel_this.disabled,
.book-status.disabled,
.continue-shopping.disabled,
.cancel-payment.disabled {
  cursor: default;
  background-image: none;
}
.links .book-more-tickets[disabled],
.links .cancel-membership[disabled],
.basket-actions .no-thanks[disabled],
.area-select-your-level .best-available[disabled],
.cancel_this[disabled],
.book-status[disabled],
.continue-shopping[disabled],
.cancel-payment[disabled] {
  cursor: default;
  background-image: none;
}
.links .book-more-tickets:hover,
.links .cancel-membership:hover,
.basket-actions .no-thanks:hover,
.area-select-your-level .best-available:hover,
.cancel_this:hover,
.book-status:hover,
.continue-shopping:hover,
.cancel-payment:hover {
  background: #888;
}
.performance-extras,
.edit-info,
.edit-account,
.gift-certificates-header .purchase-gift-certificate,
.user-upcoming-events .ical,
.button-edit-seat-choice,
.booking-status {
  cursor: pointer;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 12px;
  padding: 3px 7px 2px;
}
.performance-extras:visited,
.edit-info:visited,
.edit-account:visited,
.gift-certificates-header .purchase-gift-certificate:visited,
.user-upcoming-events .ical:visited,
.button-edit-seat-choice:visited,
.booking-status:visited {
  color: #141414;
}
.performance-extras:hover,
.edit-info:hover,
.edit-account:hover,
.gift-certificates-header .purchase-gift-certificate:hover,
.user-upcoming-events .ical:hover,
.button-edit-seat-choice:hover,
.booking-status:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.performance-extras:focus,
.edit-info:focus,
.edit-account:focus,
.gift-certificates-header .purchase-gift-certificate:focus,
.user-upcoming-events .ical:focus,
.button-edit-seat-choice:focus,
.booking-status:focus {
  outline: 1px dotted #666;
}
.performance-extras.disabled,
.edit-info.disabled,
.edit-account.disabled,
.gift-certificates-header .purchase-gift-certificate.disabled,
.user-upcoming-events .ical.disabled,
.button-edit-seat-choice.disabled,
.booking-status.disabled {
  cursor: default;
  background-image: none;
}
.performance-extras[disabled],
.edit-info[disabled],
.edit-account[disabled],
.gift-certificates-header .purchase-gift-certificate[disabled],
.user-upcoming-events .ical[disabled],
.button-edit-seat-choice[disabled],
.booking-status[disabled] {
  cursor: default;
  background-image: none;
}
.booking-status,
.book-status {
  background: #e6e6e6;
  color: #808080;
  border-color: #808080;
  text-transform: uppercase;
}
.booking-status:hover,
.book-status:hover {
  background: #e6e6e6;
  color: #808080;
}
/*  ========================================================================== */
/*  @group Forms */
/*  ========================================================================== */
.inline-form form {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.inline-form form .field-help {
  display: block;
  padding: 0 0 1em;
  font-size: 14px;
  line-height: 1.3;
  max-width: 40em;
}
@media only screen and (min-width: 768px) {
  .inline-form form .field-help {
    margin-left: 30%;
  }
}
/* @end */
/* @group Toolbar */
#toolbar {
  background-color: #000;
  border: none;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  position: relative;
  padding: 0;
  max-width: 1200px;
}
#toolbar .container {
  position: absolute;
  width: 80%;
  margin: 18px 0 0 0;
  right: 0;
}
#toolbar a {
  color: #fff;
}
#toolbar a:visited {
  color: #fff;
}
#toolbar a:hover {
  color: #fff;
}
#toolbar li.register,
#toolbar li.myaccount {
  border: none;
}
#toolbar li a {
  color: #bfbfbf;
  text-transform: uppercase;
  font-family: "akzidenz-grotesk-extended", sans-serif;
  font-size: 14px;
  opacity: 0.75;
  -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
#toolbar li a:visited {
  color: #fff;
}
#toolbar li a:hover {
  opacity: 1;
  color: #fff;
}
#toolbar li.cart a,
#toolbar li.basket a {
  padding: 4px 12px;
  background: none;
}
.svg #toolbar li.basket a {
  background: none;
}
#unit-timer {
  margin: 18px 0 0 40%;
  width: 40%;
  position: absolute;
}
/* @end */
/* @group Header */
#header {
  width: 100%;
  z-index: 1000;
  background: #000;
  margin-bottom: 30px;
}
#header-inner {
  padding: 10px 0;
  position: relative;
}
#header .area-logo {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
  margin: 0;
  margin-top: 0;
  position: relative;
  width: auto;
  height: 60px;
}
.invert-colors #header .area-logo svg .cls-1 {
  fill: #231f20;
}
#header .area-logo svg {
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
  width: auto;
  height: 60px;
}
#header .area-logo svg .cls-1 {
  fill: #ffffff;
}
.primary-type-home-page #header .area-logo {
  width: auto;
  height: 112px;
}
.primary-type-home-page #header .area-logo svg {
  width: auto;
  height: 112px;
}
.primary-type-home-page.flex-covered #header .area-logo {
  width: auto;
  height: 60px;
}
.primary-type-home-page.flex-covered #header .area-logo svg {
  width: auto;
  height: 60px;
}
.primary-type-home-page.flex-covered #header .area-logo svg .cls-1 {
  fill: #ffffff;
}
#header .area-logo span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#header .area-logo p.logo,
#header .area-logo p.logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 218px;
  height: 60px;
  display: block;
  margin: 0;
}
/* @group Header Toolbar */
.header-toolbar {
  position: absolute;
  right: 0;
}
.header-toolbar ul {
  margin: 0;
}
.header-toolbar a {
  -webkit-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  opacity: 0.75;
}
.header-toolbar a:hover {
  opacity: 1;
}
/* @end */
.invert-colors #header {
  background: none;
}
.invert-colors .header-toolbar a {
  color: #333;
}
/* @end */
/* @group Primary Navigation */
.unit-navigation-list.area-primary-navigation {
  font-family: "akzidenz-grotesk-extended", sans-serif;
  zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  float: right;
  margin: 32px 0 0 0;
  width: auto;
}
.unit-navigation-list.area-primary-navigation:before,
.unit-navigation-list.area-primary-navigation:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-navigation-list.area-primary-navigation:after {
  clear: both;
}
.unit-navigation-list.area-primary-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list.area-primary-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}
.unit-navigation-list.area-primary-navigation a {
  display: block;
}
.unit-navigation-list.area-primary-navigation ul {
  line-height: normal;
  float: left;
  margin-top: 6px;
  zoom: 1;
}
.unit-navigation-list.area-primary-navigation ul:before,
.unit-navigation-list.area-primary-navigation ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-navigation-list.area-primary-navigation ul:after {
  clear: both;
}
.unit-navigation-list.area-primary-navigation a {
  -webkit-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: border-color 200ms cubic-bezier(0.42, 0, 0.58, 1);
  color: #f3f3f3;
  padding: 0 0 0 0;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
}
.unit-navigation-list.area-primary-navigation a.current,
.unit-navigation-list.area-primary-navigation a:hover {
  border-color: #fff;
  color: #fff;
}
.invert-colors .unit-navigation-list.area-primary-navigation a {
  color: #333;
}
.invert-colors .unit-navigation-list.area-primary-navigation a.current,
.invert-colors .unit-navigation-list.area-primary-navigation a:hover {
  border-color: #333;
  color: #333;
}
a.nav-toggle {
  display: none;
}
.area-primary-navigation li.last a {
  margin-right: 20px;
}
.area-primary-navigation a:hover {
  color: #009ee3;
  border-bottom-color: #009ee3;
}
.area-site-search {
  float: left;
  opacity: 0.7;
  position: relative;
  width: 147px;
  -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
.area-site-search form {
  position: absolute;
  right: 0;
}
.area-site-search .text {
  width: 100px;
  font-size: 14px;
  height: 18px;
  line-height: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #e7e7e7;
  border: 1px solid #ccc;
  -webkit-appearance: none;
}
.area-site-search .submit {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 7px 8px 7px 8px;
  line-height: 1em;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  margin-left: -3px;
  margin-top: -2px;
  background-color: #666;
  border-color: #666;
}
.area-site-search .submit:visited {
  color: #141414;
}
.area-site-search .submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-site-search .submit:focus {
  outline: 1px dotted #666;
}
.area-site-search .submit.disabled {
  cursor: default;
  background-image: none;
}
.area-site-search .submit[disabled] {
  cursor: default;
  background-image: none;
}
.area-site-search .submit:visited {
  color: #141414;
}
.area-site-search .submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-site-search .submit:focus {
  outline: 1px dotted #666;
}
.area-site-search .submit.disabled {
  cursor: default;
  background-image: none;
}
.area-site-search .submit[disabled] {
  cursor: default;
  background-image: none;
}
.area-site-search .submit:hover {
  background-color: #666;
  border-color: #666;
}
.area-site-search form {
  margin-bottom: 0;
}
.area-site-search.focus {
  opacity: 1;
}
.area-site-search.focus form {
  width: 207px;
}
.area-site-search.focus .text {
  background-color: #fff;
  border-color: #fff;
  width: 160px;
}
.area-site-search.focus .submit {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 7px 8px 7px 8px;
  line-height: 1em;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  margin-left: -3px;
  margin-top: -2px;
}
.area-site-search.focus .submit:visited {
  color: #141414;
}
.area-site-search.focus .submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-site-search.focus .submit:focus {
  outline: 1px dotted #666;
}
.area-site-search.focus .submit.disabled {
  cursor: default;
  background-image: none;
}
.area-site-search.focus .submit[disabled] {
  cursor: default;
  background-image: none;
}
.area-site-search.focus .submit:visited {
  color: #141414;
}
.area-site-search.focus .submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-site-search.focus .submit:focus {
  outline: 1px dotted #666;
}
.area-site-search.focus .submit.disabled {
  cursor: default;
  background-image: none;
}
.area-site-search.focus .submit[disabled] {
  cursor: default;
  background-image: none;
}
/* @end */
/* @group Footer */
#footer {
  background: #fff;
  font-family: "akzidenz-grotesk-extended", sans-serif;
  position: relative;
  padding-top: 40px;
}
/* @group Touch Tools */
#touch-tools {
  position: relative;
  background: #fff;
  padding: 1em 0;
}
#touch-tools-inner {
  margin: 0 auto;
  width: 88%;
  padding: 1%;
  background-color: #f6f6f6;
  max-width: 1210px;
  zoom: 1;
}
#touch-tools-inner:before,
#touch-tools-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#touch-tools-inner:after {
  clear: both;
}
#touch-tools-inner a {
  font-size: 14px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: inline;
  float: right;
}
#touch-tools-inner a:visited {
  color: #141414;
}
#touch-tools-inner a:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
#touch-tools-inner a:focus {
  outline: 1px dotted #666;
}
#touch-tools-inner a.disabled {
  cursor: default;
  background-image: none;
}
#touch-tools-inner a[disabled] {
  cursor: default;
  background-image: none;
}
#touch-tools-inner a:visited {
  color: #141414;
}
#touch-tools-inner a:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
#touch-tools-inner a:focus {
  outline: 1px dotted #666;
}
#touch-tools-inner a.disabled {
  cursor: default;
  background-image: none;
}
#touch-tools-inner a[disabled] {
  cursor: default;
  background-image: none;
}
/* @end */
/* @group Social Media Links */
#footer-social-inner {
  zoom: 1;
  padding: 1em 0;
  width: 90%;
  max-width: 1210px;
  margin: 2em auto 1em auto;
}
#footer-social-inner:before,
#footer-social-inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#footer-social-inner:after {
  clear: both;
}
.area-social {
  zoom: 1;
  display: inline;
  float: left;
  width: 32%;
  margin-right: 2%;
  text-align: right;
  margin: 0;
}
.area-social:before,
.area-social:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-social:after {
  clear: both;
}
.area-social h2 {
  font-size: 22px;
  font-weight: 400;
  float: left;
  margin: 5px 14px 0 0;
  text-align: right;
  color: #333;
}
.area-social ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.area-social li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.area-social li.last {
  margin-left: 0;
}
.area-social li a {
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  background: #000000 url(../images/social-icons.png) -8px -8px no-repeat;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  height: 31px;
  opacity: 1;
  width: 31px;
  opacity: 0.7;
}
.area-social li a br {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .area-social li a {
    background: url(../images/social-icons@2x.png) repeat;
    background-size: 124px 31px;
  }
}
.area-social a:hover {
  opacity: 1;
}
.area-social .facebook a {
  background-position: 0 0;
}
.area-social .twitter a {
  background-position: -31px 0;
  position: relative;
  top: 2px;
}
.area-social .instagram a {
  background-position: -62px 0;
}
.area-social .youtube a {
  background-position: -93px 0;
  position: relative;
  top: 5px;
}
/* @end */
/* @group Mailing List */
.area-mailing-list {
  float: right;
  font-weight: 400;
  text-align: left;
}
.area-mailing-list form {
  margin: 3px 0 0 0;
}
.area-mailing-list label {
  font-family: "akzidenz-grotesk-extended", sans-serif;
  padding: 0;
  font-size: 22px;
  margin: 0 10px 0 0;
  float: none;
  width: auto;
  vertical-align: middle;
}
.area-mailing-list .input-holder {
  display: inline-block;
}
.area-mailing-list input.text {
  width: 100px;
  font-size: 14px;
  height: 18px;
  line-height: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #e7e7e7;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  padding: 0 10px;
  width: 160px;
  height: 28px;
  right: 0;
  border: none;
  outline: none;
}
.area-mailing-list input.text:focus {
  background-color: #fff;
}
.area-mailing-list .submit {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 7px 8px 7px 8px;
  line-height: 1em;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  margin-left: -3px;
  margin-top: -2px;
}
.area-mailing-list .submit:visited {
  color: #141414;
}
.area-mailing-list .submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-mailing-list .submit:focus {
  outline: 1px dotted #666;
}
.area-mailing-list .submit.disabled {
  cursor: default;
  background-image: none;
}
.area-mailing-list .submit[disabled] {
  cursor: default;
  background-image: none;
}
.area-mailing-list .submit:visited {
  color: #141414;
}
.area-mailing-list .submit:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-mailing-list .submit:focus {
  outline: 1px dotted #666;
}
.area-mailing-list .submit.disabled {
  cursor: default;
  background-image: none;
}
.area-mailing-list .submit[disabled] {
  cursor: default;
  background-image: none;
}
/* @end */
#footer .group-1 {
  zoom: 1;
  padding: 1.6em 0;
}
#footer .group-1:before,
#footer .group-1:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#footer .group-1:after {
  clear: both;
}
/* @group Sponsor List */
.area-footer-sponsor-list {
  zoom: 1;
  display: inline;
  float: left;
  width: 100%;
  margin-right: 2%;
  margin-right: 0;
}
.area-footer-sponsor-list:before,
.area-footer-sponsor-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-footer-sponsor-list:after {
  clear: both;
}
.area-footer-sponsor-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.area-footer-sponsor-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.area-footer-sponsor-list ul li {
  margin: 0 4% 0 0;
  width: 25%;
  position: relative;
  display: inline;
  float: left;
}
.area-footer-sponsor-list ul li a {
  display: block;
  margin: 0;
  opacity: 0.75;
  position: relative;
}
.area-footer-sponsor-list ul li a span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.area-footer-sponsor-list ul li a img {
  width: 100%;
  height: auto;
}
.area-footer-sponsor-list ul li a:hover {
  opacity: 1;
}
.area-footer-sponsor-list ul li.arts-council-england {
  width: 21%;
}
.area-footer-sponsor-list ul li.pwc {
  width: 7.5%;
}
.area-footer-sponsor-list ul li.rbc {
  width: 15%;
  float: right;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .area-footer-sponsor-list ul li {
    text-align: center;
  }
  .area-footer-sponsor-list ul li.pwc,
  .area-footer-sponsor-list ul li.rbc,
  .area-footer-sponsor-list ul li.arts-council-england {
    width: 100%;
    float: none;
  }
  .area-footer-sponsor-list ul li.pwc img,
  .area-footer-sponsor-list ul li.rbc img,
  .area-footer-sponsor-list ul li.arts-council-england img {
    margin: 0 auto;
  }
  .area-footer-sponsor-list ul li.pwc img {
    width: 22%;
  }
  .area-footer-sponsor-list ul li.arts-council-england img {
    width: 40%;
  }
  .area-footer-sponsor-list ul li.rbc img {
    width: 42%;
  }
}
/* @end */
.area-footer-copyright {
  zoom: 1;
  position: relative;
  background-color: #262626;
  margin-bottom: 0;
}
.area-footer-copyright:before,
.area-footer-copyright:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-footer-copyright:after {
  clear: both;
}
.area-footer-copyright .inner {
  zoom: 1;
  padding: 2em 0;
  width: 90%;
  max-width: 1210px;
  margin: 0 auto 1em auto;
}
.area-footer-copyright .inner:before,
.area-footer-copyright .inner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-footer-copyright .inner:after {
  clear: both;
}
.area-footer-copyright .by-made {
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  clear: both;
  background-image: url(../images/logo-made-inv.png);
  opacity: 0.75;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  height: 9px;
  width: 39px;
  float: right;
}
.area-footer-copyright .by-made br {
  display: none;
}
.area-footer-copyright .by-made:hover {
  opacity: 1;
}
.svg .area-footer-copyright .by-made {
  background-image: url(../images/logo-made-inv.svg);
}
/* @group Footer Contact */
.area-footer-contact {
  zoom: 1;
  display: inline;
  float: left;
  width: 15%;
  margin-right: 2%;
  text-align: left!important;
}
.area-footer-contact:before,
.area-footer-contact:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-footer-contact:after {
  clear: both;
}
.area-footer-contact address span {
  font-size: 14px;
  color: #fff;
  font-style: normal;
  display: block;
  line-height: 16px;
}
.area-footer-contact strong {
  font-weight: bold;
}
/* @end */
/* @group Footer Navigation */
.area-footer-navigation {
  zoom: 1;
  display: inline;
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2em;
}
.area-footer-navigation:before,
.area-footer-navigation:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-footer-navigation:after {
  clear: both;
}
.area-footer-navigation ul {
  zoom: 1;
}
.area-footer-navigation ul:before,
.area-footer-navigation ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.area-footer-navigation ul:after {
  clear: both;
}
.area-footer-navigation ul li {
  float: left;
  width: 33%;
  line-height: 1em;
}
.area-footer-navigation ul li a {
  font-size: 14px;
  color: #fff;
  display: block;
  opacity: .75;
}
.area-footer-navigation ul li a:hover {
  opacity: 1;
}
.smallprint {
  clear: both;
  color: #fff;
  font-size: 11px;
  opacity: 0.75;
  line-height: 1.2em;
}
@media only screen and (max-width: 991px) {
  .smallprint {
    padding-top: 20px;
  }
}
/* @end */
/* @end */
/* @group Units */
.unit-block {
  zoom: 1;
}
.unit-block:before,
.unit-block:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-block:after {
  clear: both;
}
.unit-block .media {
  float: left;
  margin-right: 10px;
}
.unit-block .media img {
  display: block;
}
.unit-block .body,
.unit-block header,
.unit-block footer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.unit-block .meta {
  color: #656565;
}
.unit-block .meta p {
  margin: 0;
}
.unit-article {
  zoom: 1;
}
.unit-article:before,
.unit-article:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-article:after {
  clear: both;
}
.unit-article .media {
  float: left;
  margin-right: 10px;
}
.unit-article .media img {
  display: block;
}
.unit-article .body,
.unit-article header,
.unit-article footer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.unit-article .meta {
  color: #656565;
}
.unit-article .meta p {
  margin: 0;
}
.unit-tweet {
  zoom: 1;
}
.unit-tweet:before,
.unit-tweet:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-tweet:after {
  clear: both;
}
.unit-tweet .media {
  float: left;
  margin-right: 10px;
}
.unit-tweet .media img {
  display: block;
}
.unit-tweet .body,
.unit-tweet header,
.unit-tweet footer {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.unit-tweet .meta {
  color: #656565;
}
.unit-tweet .meta p {
  margin: 0;
}
.unit-link-list {
  zoom: 1;
}
.unit-link-list:before,
.unit-link-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-link-list:after {
  clear: both;
}
.unit-link-list ul,
.unit-link-list ol,
.unit-link-list dl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-link-list ul li,
.unit-link-list ol li,
.unit-link-list dl li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list {
  zoom: 1;
}
.unit-navigation-list:before,
.unit-navigation-list:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-navigation-list:after {
  clear: both;
}
.unit-navigation-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-navigation-list li {
  display: inline;
  float: left;
}
.unit-navigation-list a {
  display: block;
  margin-right: 10px;
}
.unit-breadcrumb-trail {
  zoom: 1;
}
.unit-breadcrumb-trail:before,
.unit-breadcrumb-trail:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-breadcrumb-trail:after {
  clear: both;
}
.unit-breadcrumb-trail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-breadcrumb-trail ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-breadcrumb-trail li {
  display: inline;
  float: left;
}
.unit-breadcrumb-trail a {
  display: block;
  margin-right: 10px;
}
.unit-nested-menu {
  zoom: 1;
}
.unit-nested-menu:before,
.unit-nested-menu:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-nested-menu:after {
  clear: both;
}
.unit-nested-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-nested-menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-nested-menu a {
  display: block;
  padding: 5px 10px;
  background: #F0F0F0;
}
.unit-nested-menu .nested-menu-nesting-2 a {
  padding-left: 30px;
}
.unit-nested-menu .nested-menu-nesting-3 a {
  padding-left: 50px;
}
.unit-nested-menu .nested-menu-nesting-5 a {
  padding-left: 60px;
}
.unit-nested-menu .section a {
  background: #DDD;
}
.unit-nested-menu a.section {
  background: #CCC;
}
.unit-nested-menu a.current {
  color: #FFF;
  background: #009ee3;
}
.unit-performance-dates td.performance-types span {
  font-size: 92%;
  font-weight: bold;
  display: block;
}
.unit-gallery-thumbnails ul {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
  overflow: auto;
}
.unit-gallery-thumbnails ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-gallery-thumbnails ul:before,
.unit-gallery-thumbnails ul:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.unit-gallery-thumbnails ul:after {
  clear: both;
}
.unit-gallery-thumbnails ul li {
  display: inline;
  float: left;
  margin: 0 5px 5px 0;
}
.unit-gallery-thumbnails li.start {
  clear: left;
}
.unit-gallery-thumbnails li.end {
  margin-right: 0;
}
.unit-production-entry header .prefix,
.unit-production-entry header .suffix {
  margin: 0;
}
a.more {
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  border: 1px solid #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
a.more:visited {
  color: #ffffff;
}
a.more:hover {
  color: #ffffff;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
a.more:focus {
  outline: 1px dotted #666;
}
a.more.disabled {
  cursor: default;
  background-image: none;
}
a.more[disabled] {
  cursor: default;
  background-image: none;
}
.book-button {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.book-button:visited {
  color: #141414;
}
.book-button:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.book-button:focus {
  outline: 1px dotted #666;
}
.book-button.disabled {
  cursor: default;
  background-image: none;
}
.book-button[disabled] {
  cursor: default;
  background-image: none;
}
.book-status {
  cursor: pointer;
  display: inline-block;
  background: #e6e6e6;
  color: #808080;
  padding: 7px 15px 8px;
  vertical-align: bottom;
  line-height: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* @group Nested Menu */
.unit-secondary-navigation {
  padding: 0;
}
.unit-secondary-navigation ul {
  border: none;
}
.unit-nested-menu a {
  background-color: #f8f8f8;
  font-weight: bold;
  margin-bottom: 3px;
}
.unit-nested-menu a.current {
  background-color: #009ee3;
  background-image: url(../images/arrow-navigation-level2-active.png);
  background-repeat: no-repeat;
  background-position: 98% 8px;
}
.svg .unit-nested-menu a.current,
.svg .area-filters-type a.current,
.svg .area-filters-category a.current,
.svg .unit-nested-menu a:hover,
.svg .area-filters-type a:hover,
.svg .area-filters-category a:hover {
  background-repeat: no-repeat;
  background-position: 98% 8px;
  background-color: #009ee3;
}
/* @end */
/* @group Errors */
.field-error {
  margin: 0 0 1em 0;
  padding: 0.4em 1em;
}
.field-error a {
  color: #fff;
  text-decoration: underline;
}
/* @end */
/* @group Breadcrumbs */
.unit-breadcrumb-trail {
  background-color: #f8f8f8;
  border-color: #ddd;
}
.unit-breadcrumb-trail ul li {
  padding: 0 3em 0 0;
}
/* @end */
/* @end */
/* @group Template Specific  */
/* @group Ticketing */
.svg .booking-stages ul li.last {
  background: none;
}
.area-production-details p {
  margin-bottom: 0.5em;
}
.area-delivery-form .area-address .address-form,
.area-payment-method #payment .address-form,
.area-confirmation #confirmation .address-form,
.area-delivery-form .area-address .payment-form,
.area-payment-method #payment .payment-form,
.area-confirmation #confirmation .payment-form {
  background-color: #f8f8f8;
}
#delivery-option-form {
  margin-bottom: 0;
}
#delivery-option-form h2 {
  font-size: 20px;
  margin-top: 20px;
}
#payment_expires_at_month,
#payment_expires_at_year {
  width: auto;
}
#performance-switcher-form {
  margin-bottom: 1em;
}
#performance-switcher-form fieldset {
  padding-top: 0;
  margin-bottom: 0;
}
#performance-switcher {
  width: 300px;
  height: 1.8em;
  line-height: 1.8em;
}
.area-parking-vouchers .no-thanks,
.basket-actions .no-thanks {
  float: right;
  margin: 0 0 0 4px;
}
.performance-extra {
  margin-bottom: 1.5em;
}
.booking-header-text {
  clear: both;
  width: 100%;
}
.share-actions a {
  font-size: 14px;
  padding: 4px 10px;
  margin-bottom: 4px;
}
#field-delivery_contact_phone {
  margin-top: 2%;
}
#field-delivery_contact_phone label {
  font-size: 14px;
  margin-right: 5%;
  width: 30%;
  text-align: left;
  font-weight: bold;
}
.tweet-button {
  border-color: #00AEDE #00AEDE #007291;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF;
  text-shadow: 0 1px 1px #00AEDE;
  background-color: #00BCF0;
  background-image: -moz-linear-gradient(top, #00c6fc, #00aede);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c6fc), to(#00aede));
  background-image: -webkit-linear-gradient(top, #00c6fc, #00aede);
  background-image: -o-linear-gradient(top, #00c6fc, #00aede);
  background-image: linear-gradient(to bottom, #00c6fc, #00aede);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00c6fc', endColorstr='#ff00aede', GradientType=0);
  border-color: #0086AB;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.tweet-button span {
  padding-left: 24px;
  background: url(../images/icon-twitter.png) left center no-repeat;
}
.tweet-button:hover {
  background-color: #00AEDE;
  border-color: #007291;
  text-shadow: 1px 1px 1px #007291;
}
.facebook-share-button {
  border-color: #37538D #37538D #213256;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF;
  text-shadow: 0 1px 1px #37538D;
  background-color: #3C5A9A;
  background-image: -moz-linear-gradient(top, #3f5fa3, #37538d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f5fa3), to(#37538d));
  background-image: -webkit-linear-gradient(top, #3f5fa3, #37538d);
  background-image: -o-linear-gradient(top, #3f5fa3, #37538d);
  background-image: linear-gradient(to bottom, #3f5fa3, #37538d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f5fa3', endColorstr='#ff37538d', GradientType=0);
  border-color: #283D68;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.facebook-share-button span {
  padding-left: 24px;
  background: url(../images/icon-facebook.png) left center no-repeat;
}
.facebook-share-button:hover {
  background-color: #37538D;
  border-color: #213256;
  text-shadow: 1px 1px 1px #213256;
}
.payment-form .field-error {
  margin: 0.5em 0 0.5em;
  display: block;
}
/* @end */
/* @group Booking Widget */
body.production-booking-widget,
body #container {
  background: transparent;
}
/* @end */
.area-booking-widget,
.production-booking-widget {
  /*  a:focus {
        outline: none;
    }*/

}
.area-booking-widget form,
.production-booking-widget form {
  margin: 0;
}
.area-booking-widget form select,
.production-booking-widget form select {
  font-size: 13px;
  height: auto;
  line-height: auto;
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.75);
  width: 175px;
}
.area-booking-widget form select optgroup,
.production-booking-widget form select optgroup {
  font-style: normal !important;
}
.production-booking-widget input.action {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.production-booking-widget input.action:visited {
  color: #141414;
}
.production-booking-widget input.action:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.production-booking-widget input.action:focus {
  outline: 1px dotted #666;
}
.production-booking-widget input.action.disabled {
  cursor: default;
  background-image: none;
}
.production-booking-widget input.action[disabled] {
  cursor: default;
  background-image: none;
}
.production-booking-widget input.action {
  position: relative;
  top: 0.1em;
}
.production-booking-widget input.action::-moz-focus-inner {
  border: 0;
  outline: none;
}
.production-booking-widget select {
  padding: 1px;
}
.production-booking-widget input.action:focus,
.production-booking-widget select:focus {
  outline: none;
}
/* @group Memberships */
#membershippackage-table {
  border: 1px solid #E9E9E9;
  margin-top: 20px;
  margin-bottom: 20px;
}
#membershippackage-table th {
  background-color: #E9E9E9;
  border: none;
  padding: 0.5em 0 0.5em 1em;
  font-size: 12px;
}
#membershippackage-table td {
  padding: 0.5em 0 0.5em 1em;
  border: none;
  border-bottom: 1px solid #E9E9E9;
  vertical-align: middle;
  background-color: #FFF;
}
#membershippackage-table input[type="checkbox"],
#membershippackage-table input[type="radio"] {
  float: left;
  margin-right: 2%;
}
#membershippackage-table label {
  width: auto;
  padding-top: 0;
  margin-right: 10px;
}
#membershippackage-table .amount {
  padding: 0.5em 1em;
}
#donationform-table {
  border: 1px solid #E9E9E9;
  margin-bottom: 20px;
}
#donationform-table th {
  background-color: #E9E9E9;
  border: none;
  padding: 0.5em 0 0.5em 1em;
  font-size: 12px;
}
#donationform-table td {
  padding: 0.5em 0 0.5em 1em;
  border: none;
  border-bottom: 1px solid #E9E9E9;
  vertical-align: middle;
  background-color: #FFF;
}
#donationform-table td.amount,
#membershippackage-table td.amount {
  width: 20%;
}
.donation-field .ui-slider {
  margin-top: 2px;
  margin-bottom: 4px;
}
.donation-field .ui-widget-content .ui-state-default {
  border: 1px solid #9A0C15;
  background: #B20E18;
}
.donation-field .ui-widget-content .ui-state-active {
  background: #E1121E;
}
.gift-membership-form textarea {
  width: 40%;
}
.gift-membership-option label {
  width: auto;
  margin-right: 10px;
  padding-top: 0;
}
.gift-aid-checkbox .option label {
  width: calc(100% - 14px - 1em);
}
/* @end */
/* @group Login */
#register-box .body {
  background-color: #f8f8f8;
  padding: 20px;
  margin-bottom: 10px;
  border: 1px solid #d5d5d5;
  min-height: 150px;
}
.section-login #login-box form {
  min-height: 150px;
}
/* @end */
/* @group Past Orders */
.order-list li {
  padding: 0 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D5D5D5;
}
.past-orders-date {
  font-size: 18px;
}
.order-performance-date {
  font-size: 16px;
  font-weight: bold;
}
/* @end */
/* @group My Account */
.user-upcoming-events .upcoming-event {
  margin-bottom: 15px;
}
.user-upcoming-events .ical span {
  background: url(../images/icon-cal-white.png) 0 0 no-repeat;
  padding: 0 0 2px 22px;
  background-size: 13px;
}
.svg .user-upcoming-events .ical span {
  background-image: url(../images/icon-cal-white.svg);
}
.address-lookup {
  padding: 7px 10px;
}
.user-memberships table td {
  background-color: #F0F0F0;
  border: none;
}
.user-memberships table tr:nth-child(even) td {
  background-color: #f4f4f4;
}
/* @end */
/* @group SYOS */
.area-pick-a-seat-toolbar {
  background-color: #F8F8F8;
}
.area-pick-a-seat-toolbar #pick-a-seat-map-back {
  position: absolute;
  left: 13px;
  top: 9px;
}
.type-select-level .basket-actions {
  clear: both;
  padding: 10px 0 0 0;
}
#adding-to-basket-content {
  width: auto;
}
.area-seatmap-info #seat-key li {
  background: url(../images/ticketing-sprite-seats-key.png) 0 0 no-repeat;
  line-height: 18px;
}
.svg .area-seatmap-info #seat-key li {
  background-image: url(../images/ticketing-sprite-seats-key.svg);
}
.area-seatmap-info #seat-key .available-at-same-price {
  background-position: 0 -31px;
}
.area-seatmap-info #seat-key .restricted,
.area-seatmap-info #seat-key .rail-in-eyeline,
.area-seatmap-info #seat-key .severely-restricted-bench,
.area-seatmap-info #seat-key .side-view-and-clipped-view,
.area-seatmap-info #seat-key .behind-slim-pillar,
.area-seatmap-info #seat-key .set-restriction,
.area-seatmap-info #seat-key .setrestriction {
  background-position: 0 -63px;
}
.area-seatmap-info #seat-key .wheelchair {
  background-position: 0 -78px;
}
.area-seatmap-info #seat-key .pillar {
  background-position: 0 -94px;
}
#pick-a-seat-map .seat span {
  background-image: url(../images/sprite-seat-icons.png);
}
.svg #pick-a-seat-map .seat span {
  background-image: url(../images/sprite-seat-icons.svg);
}
#pick-a-seat-map .seat .rail-in-eyeline,
#pick-a-seat-map .seat .severely-restricted-bench,
#pick-a-seat-map .seat .side-view-and-clipped-view,
#pick-a-seat-map .seat .behind-slim-pillar,
#pick-a-seat-map .seat .low-bench-seating,
#pick-a-seat-map .seat .set-restriction,
#pick-a-seat-map .seat .sound-desk-restricts-view,
#pick-a-seat-map .seat .setrestriction {
  background-position: 0 -44px;
}
#pick-a-seat-map .seat .wheelchair {
  background-position: 0 -55px;
}
#pick-a-seat-map .seat .available-at-same-price {
  background-position: 0 -22px;
}
#pick-a-seat-map .seat .held,
#pick-a-seat-map .seat .notinallocation,
#pick-a-seat-map .seat .ticketed,
#pick-a-seat-map .seat .reserved-unpaid,
#pick-a-seat-map .seat .reserved-paid {
  background-position: 0 -11px;
}
#pick-a-seat-map .seat .inbasket {
  background-position: 0 -33px;
}
#pick-a-seat-price-selector ul li a {
  background-color: #B20E18;
  border-color: #9A0C15;
}
#pick-a-seat-price-selector ul li a:hover {
  background-color: #E1121E;
}
div.syos-help-wrapper {
  width: auto;
}
div.seat-info {
  background-image: url(../images/icon-info.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  text-indent: -999999px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  float: left;
}
.svg div.seat-info {
  background-image: url(../images/icon-info.svg);
}
#pick-a-seat-price-selector ul li span.price {
  width: 80px;
}
#pick-a-seat-price-selector ul li span.type {
  width: 125px;
}
/* @group Mobile Syos */
body.mbo {
  overflow-x: visible;
}
.mbo #wrapper {
  padding: 25px 0 0 0;
}
.mbo #wrapper .syos-pickaseat-message {
  padding: 7px;
}
.mbo #wrapper .syos-pickaseat-message p {
  margin-bottom: 0.5em;
}
.pickaseat_syos .ui-icon-loading {
  background: url(../images/ajax-loader.gif) no-repeat center center;
}
.mbo .main-toolbar h1 {
  height: auto;
  font-size: 1.0em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0;
  margin: 12px 0 0 0;
}
.mbo #pick-a-seat-price-selector {
  padding: 0;
  width: 100%;
  border: none;
}
.mbo .back:visited {
  color: #ffffff;
  border: 1px solid #666;
}
.mbo .back:focus {
  outline: 1px dotted #666;
}
.mbo .back.disabled {
  cursor: default;
  background-image: none;
}
.mbo .back[disabled] {
  cursor: default;
  background-image: none;
}
.mbo #seat-selector {
  background-color: #fff;
}
#select-your-own-seat {
  background: #fff;
  color: #333;
}
.seating-zone-button {
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: block;
  text-align: center;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 6px;
  cursor: pointer;
}
.seating-zone-button:visited {
  color: #141414;
}
.seating-zone-button:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.seating-zone-button:focus {
  outline: 1px dotted #666;
}
.seating-zone-button.disabled {
  cursor: default;
  background-image: none;
}
.seating-zone-button[disabled] {
  cursor: default;
  background-image: none;
}
.seating-zone-button:visited {
  color: #ffffff;
}
.seating-zone-button:hover {
  color: #ffffff;
  text-decoration: none;
  background: #E1121E;
}
.seating-zone-button:focus {
  outline: 1px dotted #666;
}
.seating-zone-button.disabled {
  cursor: default;
  background-image: none;
}
.seating-zone-button[disabled] {
  cursor: default;
  background-image: none;
}
.mbo .main-toolbar .add-tickets-button {
  background: #141414;
}
.mbo .main-toolbar .add-tickets-button:visited {
  color: #ffffff;
}
.mbo .main-toolbar .add-tickets-button:hover {
  color: #ffffff;
  text-decoration: none;
  background: #E1121E;
}
.mbo .main-toolbar .add-tickets-button:focus {
  outline: 1px dotted #666;
}
.mbo .main-toolbar .add-tickets-button.disabled {
  cursor: default;
  background-image: none;
}
.mbo .main-toolbar .add-tickets-button[disabled] {
  cursor: default;
  background-image: none;
}
.pickaseat_syos #pick-a-seat-price-selector .ui-body-c,
.pickaseat_syos #pick-a-seat-price-selector .ui-overlay-c {
  background: #fff;
  border: none;
  color: #333;
}
.is-unavailable {
  opacity: 0.6;
}
.ui-dialog-contain h3 {
  color: #222;
  margin-top: 0;
}
.mbo #pick-a-seat-price-selector .cancel:hover {
  background: #000;
  padding: 4px;
  font-size: 16px;
}
.mbo #pick-a-seat-price-selector .cancel:hover:active,
.mbo #pick-a-seat-price-selector .cancel:hover:hover {
  background: #666;
}
.mbo #pick-a-seat-price-selector .cancel:hover:visited {
  background: #000;
}
#pick-a-seat-price-selector .cancel:visited {
  color: #ffffff;
}
#pick-a-seat-price-selector .cancel:focus {
  outline: 1px dotted #666;
}
#pick-a-seat-price-selector .cancel.disabled {
  cursor: default;
  background-image: none;
}
#pick-a-seat-price-selector .cancel[disabled] {
  cursor: default;
  background-image: none;
}
#pick-a-seat-price-selector .syos-extra {
  zoom: 1;
}
#pick-a-seat-price-selector .syos-extra:before,
#pick-a-seat-price-selector .syos-extra:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#pick-a-seat-price-selector .syos-extra:after {
  clear: both;
}
/* Hide footer for now */
.mbo #footer {
  display: none;
}
.area-blocksoffice-performance-form {
  width: 100%;
  overflow: hidden;
}
/* @end */
/* @end */
/* @group Basket */
.basket_upsells .unit-block {
  width: 49%;
  background: #F8F8F8;
  margin-right: 2%;
  margin-bottom: 20px;
}
.basket_upsells .last {
  margin-right: 0;
}
.basket_upsells .media {
  float: left;
  width: 40%;
}
.basket_upsells .media img {
  max-width: 100%;
}
.area-basket-summary .ical {
  background: url();
}
.area-review-basket .button-edit-seat-choice {
  margin-right: 6px;
}
.area-review-basket a.performance-extras {
  margin-bottom: 1em;
}
/* @end */
/* @group Basket */
.basket_upsells .unit-block {
  width: 49%;
  background: #F8F8F8;
  margin-right: 2%;
  margin-bottom: 20px;
}
.basket_upsells .last {
  margin-right: 0;
}
.basket_upsells .media {
  float: left;
  width: 40%;
}
.basket_upsells .media img {
  max-width: 100%;
}
.area-basket-summary .ical {
  background: url(../images/icon-cal.png) 0 0 no-repeat;
  display: inline-block;
  text-indent: -9999px;
  width: 20px;
  height: 22px;
}
.svg .area-basket-summary .ical {
  background-image: url(../images/icon-cal.svg);
}
.basket-wrapper table td.basket-donation label,
.table-wrapper table td.basket-donation label {
  display: inline-block;
  margin-bottom: 10px;
}
.basket-wrapper table td.basket-donation .suggested_donation_label,
.table-wrapper table td.basket-donation .suggested_donation_label {
  margin-top: 5px;
  font-size: 20px;
}
.basket-wrapper table td.basket-donation .suggested_donation_accepted,
.table-wrapper table td.basket-donation .suggested_donation_accepted {
  margin-top: 10px;
}
.basket-wrapper table td.basket-donation .suggested_donation_accepted label,
.table-wrapper table td.basket-donation .suggested_donation_accepted label {
  font-weight: bold;
  font-size: 18px;
}
.basket-wrapper table td.basket-donation .suggested_donation_accepted input,
.table-wrapper table td.basket-donation .suggested_donation_accepted input {
  float: right;
  margin: 6px 0 0 10px;
}
.basket-wrapper table td.basket-donation h3,
.table-wrapper table td.basket-donation h3 {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .responsive .basket-wrapper table td.basket-donation.price:before,
  .responsive .table-wrapper table td.basket-donation.price:before {
    content: none;
  }
  .responsive .basket-wrapper table td.basket-donation input,
  .responsive .table-wrapper table td.basket-donation input {
    float: none;
    margin: 0 10px 0 0;
  }
}
/* @end */
/* @group Confirmation */
.facebook-connect-button {
  vertical-align: top;
  padding: 4px 10px;
}
/* @end */
/* @group Area Calendar */
.calendar-widget {
  background: #262626;
}
.area-test-control {
  text-transform: uppercase;
}
.area-homepage-calendar {
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 1em;
}
.area-homepage-calendar .calendar {
  background: #262626;
  padding: 6px 5px 5px 5px;
  border: none;
}
.area-homepage-calendar .calendar-controls {
  font-family: "akzidenz-grotesk", sans-serif;
  font-size: 21px;
  color: #fff;
  background: #262626;
  font-weight: normal;
  margin: 0 0 0.5em 0;
  padding-bottom: 0.25em;
  padding-top: 0;
  line-height: 1em;
  text-align: center;
  position: relative;
}
.area-homepage-calendar .calendar-controls strong {
  font-weight: normal;
  text-transform: uppercase;
  font-family: "akzidenz-grotesk-extended", sans-serif;
}
.area-homepage-calendar .calendar-controls a {
  margin-top: 5px;
  width: 15px;
  height: 15px;
  background-position: 0 0;
  opacity: 0.85;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.area-homepage-calendar .calendar-controls a br {
  display: none;
}
.area-homepage-calendar .calendar-controls a:hover {
  opacity: 1;
}
.area-homepage-calendar .calendar-controls .previous {
  display: inline;
  float: left;
  background-image: url(../images/arrow-homecal-l.png);
}
.svg .area-homepage-calendar .calendar-controls .previous {
  background-image: url(../images/arrow-homecal-l.png);
}
.area-homepage-calendar .calendar-controls .next {
  display: inline;
  float: right;
  background-image: url(../images/arrow-homecal-r.png);
}
.svg .area-homepage-calendar .calendar-controls .next {
  background-image: url(../images/arrow-homecal-r.png);
}
.area-homepage-calendar table {
  border: none;
}
.area-homepage-calendar thead tr {
  background-color: #262626;
  color: #fff;
}
.area-homepage-calendar th,
.area-homepage-calendar td {
  font-size: 14px;
  padding: 0;
  width: 14%;
  text-align: center;
  border: none;
  font-weight: normal;
  height: 3em;
  vertical-align: middle;
}
.area-homepage-calendar th {
  height: auto;
}
.area-homepage-calendar .last-month,
.area-homepage-calendar .next-month {
  color: #666666;
  background: #303030;
}
.area-homepage-calendar td {
  border: 2px solid #262626;
  background-color: #ffffff;
}
.area-homepage-calendar td.today {
  outline: none;
  background: #00ffca;
  color: #fff!important;
}
.area-homepage-calendar td.past,
.area-homepage-calendar td.previous-month {
  color: #666666;
  background: #303030;
}
.area-homepage-calendar td.has-results {
  cursor: pointer;
}
.area-homepage-calendar td.has-results {
  /*display: block;
    width: 100%;
    height: 100%;*/

  color: #333;
  font-weight: bold;
  cursor: pointer;
  line-height: 3em;
}
.area-homepage-calendar td.has-results:hover {
  background-color: #00ffca;
  color: #333;
}
.area-homepage-calendar-footer a {
  font-size: 0.8em;
  text-align: right;
  display: block;
  margin-bottom: 10px;
}
td:child-first .area-performance-list {
  left: 0;
}
.area-performance-list {
  bottom: auto;
}
.area-performance-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 2px;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  /*.arrow(7px, #fff, bottom, 50%, 1px, #fff);*/

}
.area-performance-list ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.area-performance-list ul:after,
.area-performance-list ul:before {
  content: "";
  display: none;
}
.calendar .arrow {
  width: 14px;
  height: 7px;
  z-index: 10;
  background: transparent url(../images/area-days-performances-arrow.png) no-repeat 0 0;
}
.svg .calendar .arrow {
  background: transparent url(../images/area-days-performances-arrow.svg) no-repeat 0 0;
}
.area-days-performances ul li a {
  padding: 3px 8px 5px 8px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1.2em;
  display: block;
  color: #333;
  text-align: center;
}
.area-days-performances ul li a span {
  text-transform: lowercase;
}
.area-days-performances ul li a:hover {
  color: #333;
  background-color: #00ffca;
}
.active .area-days-performances {
  display: block;
  z-index: 10;
}
/* @end */
/* @end */
.basket_upsells > div {
  float: left;
  margin: 0px 20px 0px 0px;
}
.basket_upsells > div a.media img {
  width: auto;
}
.basket_upsells > div.last {
  margin-right: 0px;
}
.field-checkbox-row label {
  float: none;
  padding: 0px 0px 0px 5px;
  width: 100%;
}
.solt-warning {
  font-weight: bold;
  margin: 10px 0px 20px;
  width: 100%;
}
/*  WordPress Styles */
.production-booking-widget.sidebar-booking-widget form select {
  width: 160px;
  margin-bottom: 4px;
}
.wp-button-small select,
.wp-button-small input {
  margin-bottom: 4px;
}
.area-member-events table select {
  width: 100px;
}
.area-member-events .event-info td {
  padding-bottom: 0px;
}
.area-member-events td textarea {
  height: 70px;
}
.area-member-events .action {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  background: transparent;
  padding: 8px 12px 6px 12px;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: bold;
  color: #141414;
  line-height: 1;
  border: 1px solid #141414;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 14px;
  padding: 5px 10px;
  margin-top: 30px;
}
.area-member-events .action:visited {
  color: #141414;
}
.area-member-events .action:hover {
  color: #141414;
  text-decoration: none;
  background: rgba(26, 26, 26, 0);
}
.area-member-events .action:focus {
  outline: 1px dotted #666;
}
.area-member-events .action.disabled {
  cursor: default;
  background-image: none;
}
.area-member-events .action[disabled] {
  cursor: default;
  background-image: none;
}
.membership-acknowledegment {
  display: none;
}
.membership-acknowledegment textarea {
  min-height: 90px;
}
/* @group Responsive Navigation */
@media only screen and (min-width: 320px) and (max-width: 1200px) {
  #unit-timer {
    position: relative;
    top: 0;
    left: -10%;
    width: 112%;
    background: #333;
    margin: 0;
    text-align: center;
  }
  #toolbar .container {
    position: relative;
    width: auto;
    margin: 0;
    right: auto;
  }
  .area-account-links {
    position: absolute;
    width: 80%;
    margin: 18px 0 0 0;
    right: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 988px) {
  .unit-navigation-list.area-primary-navigation {
    width: 100%;
    margin: 0;
  }
  #primary-navigation .nav-toggle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    display: block;
    position: absolute;
    top: 19px;
    right: 0;
    padding-right: 24px;
    background-image: url(../images/button-nav-toggle.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    opacity: 0.75;
  }
  #primary-navigation .nav-toggle:hover,
  #primary-navigation .nav-toggle.active {
    opacity: 1;
  }
  .svg #primary-navigation .nav-toggle,
  .svg #primary-navigation .nav-toggle.active,
  .svg #primary-navigation .nav-toggle:hover {
    background-image: url(../images/button-nav-toggle.svg);
  }
  .invert-colors #primary-navigation .nav-toggle {
    color: #333;
    background-position: 100% 100%;
  }
  #primary-navigation li {
    display: block;
    width: 100% !important;
    float: none;
    border-right: 0;
  }
  #primary-navigation li a {
    border-bottom-width: 1px;
  }
  #primary-navigation .area-primary-navigation {
    overflow: hidden;
  }
  #primary-navigation .area-primary-navigation ul {
    margin-bottom: 1em;
    width: 100%;
    float: none;
  }
  #primary-navigation .area-primary-navigation a {
    margin: 0;
    text-align: center;
    font-size: 1.2em;
    padding: 0.15em 0.25em 0.25em 0.25em;
    border-bottom: none;
  }
  #primary-navigation .area-primary-navigation .section-home a {
    background-image: none;
    text-indent: 0;
    width: auto;
    height: auto;
  }
  #primary-navigation .area-primary-navigation .current a,
  #primary-navigation .area-primary-navigation a:hover,
  #primary-navigation ul .section a,
  #primary-navigation ul .section a:hover {
    background-color: #141414;
    color: #ffffff !important;
  }
  #header .area-site-search {
    width: auto;
  }
  #header .area-site-search.focus {
    width: auto;
  }
  #header .area-site-search.focus form {
    width: auto;
  }
  #header .area-site-search form {
    position: relative;
  }
  .area-primary-navigation .area-site-search .text {
    right: 0;
    width: 80%;
  }
  .touch .area-primary-navigation .area-site-search .text {
    width: 80%;
  }
  .nav-collapsed #primary-navigation,
  .js .area-primary-navigation {
    height: 1px;
  }
  .nav-open #primary-navigation,
  .nav-open .area-primary-navigation {
    height: auto;
    margin-bottom: 1em;
  }
  .header-toolbar {
    top: 19px;
    right: 80px;
  }
  .header-toolbar a {
    font-size: 14px;
  }
  .nav-open #header {
    background-color: rgba(0, 0, 0, 0.85);
  }
  /* Reset color inverts once the touch Navigation opens. */
  .nav-open.invert-colors .header-toolbar a,
  .nav-open.invert-colors .unit-navigation-list.area-primary-navigation a,
  .nav-open.invert-colors #primary-navigation .nav-toggle {
    color: #fff;
  }
  .nav-open.invert-colors #header .area-logo,
  .nav-open.invert-colors #primary-navigation .nav-toggle {
    background-position: 100% 0;
  }
  .area-apply-promo-code #form_promo_code {
    width: 140px;
  }
  .by-made {
    float: none;
    margin: 0 auto;
  }
}
/* @end */
/* @group iPad / Smaller Monitor */
/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile {
    display: none;
  }
  .desktop {
    display: none;
  }
  .tablet {
    display: block;
  }
  .area-mailing-list input.text {
    width: 160px;
  }
  .area-booking-widget {
    bottom: 0;
  }
  .area-feature-content .feature-inner {
    margin-bottom: 5%;
  }
  .area-mailing-list label,
  .area-social h2 {
    margin-right: 10px;
    font-size: 16px;
  }
  .area-social {
    width: 230px;
  }
  .area-footer-navigation {
    zoom: 1;
    display: inline;
    float: left;
    width: 66%;
    margin-right: 2%;
  }
  .area-footer-navigation:before,
  .area-footer-navigation:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .area-footer-navigation:after {
    clear: both;
  }
  .area-footer-contact {
    zoom: 1;
    display: inline;
    float: left;
    width: 100%;
    margin-right: 2%;
    text-align: left!important;
    margin-bottom: 1.5em;
  }
  .area-footer-contact:before,
  .area-footer-contact:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .area-footer-contact:after {
    clear: both;
  }
  .area-footer-contact address {
    text-align: left;
  }
  .area-footer-sponsor-list {
    zoom: 1;
    display: inline;
    float: left;
    width: 100%;
    margin-right: 2%;
    margin-right: 0;
  }
  .area-footer-sponsor-list:before,
  .area-footer-sponsor-list:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .area-footer-sponsor-list:after {
    clear: both;
  }
  .area-footer-sponsor-list ul {
    text-align: center;
  }
  .area-footer-sponsor-list ul li.last {
    margin-right: 1em;
  }
}
/* @end */
/* @group iPhone Portrait */
/* Mobile Layout: 320px */
@media only screen and (max-width: 767px) {
  .responsive .tablet {
    display: none;
  }
  .responsive .desktop {
    display: none;
  }
  .responsive .mobile {
    display: block;
  }
  .responsive #primary-navigation .nav-toggle,
  .responsive .header-toolbar {
    top: 12px;
  }
  .responsive .header-toolbar .section-log-in {
    display: none;
  }
  .responsive .header-toolbar .section-basket a {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-basket.png);
    background-size: cover;
  }
  .responsive .header-toolbar .section-basket a br {
    display: none;
  }
  .responsive .invert-colors .header-toolbar .section-basket a {
    background-position: 0 100%;
  }
  .responsive .svg .header-toolbar .section-basket a {
    background-image: url(../images/icon-basket.svg);
  }
  .responsive #unit-account-login li {
    margin-top: -3px;
  }
  .responsive .area-footer-contact address {
    margin-bottom: 1em;
  }
  .responsive .area-social {
    margin-bottom: 1em;
  }
  .responsive #footer .area-footer-navigation ul li {
    width: 50%;
  }
  .responsive .area-homepage-calendar a.has-results {
    line-height: 2.5em;
  }
  .responsive .area-homepage-calendar td {
    height: 2.5em;
  }
  .responsive #touch-tools-inner {
    padding: 0;
    width: 90%;
    background-color: none;
  }
  .responsive #touch-tools-inner a {
    width: 90%;
    padding: 2% 5%;
    text-align: center;
  }
  .responsive .flex-control-nav {
    margin: 0 0 0 -45px;
    width: 90px;
  }
  .responsive .flex-control-nav a {
    width: 7px;
    height: 7px;
  }
  .responsive .area-feature-content .feature-inner {
    margin-bottom: 2.5rem;
  }
  .responsive .area-feature-content .feature .prefix,
  .responsive .area-feature-content .feature .suffix {
    font-size: 16px;
  }
  .responsive .area-feature-content .feature h1.large {
    font-size: 19px !important;
  }
  .responsive .area-feature-content .feature-inner .meta {
    font-size: 12px;
    margin: 0;
  }
  .responsive .area-booking-widget {
    position: relative;
    bottom: auto;
  }
  .responsive .area-booking-widget form {
    margin: 0.5rem 0;
  }
  .responsive inline-form .field-choice .option label {
    width: 80%;
  }
  .responsive #unit-account-login {
    float: right;
  }
  .responsive #toolbar li.myaccount a,
  .responsive #toolbar li.logout a {
    opacity: 0.75;
  }
  .responsive #toolbar li.myaccount a:hover,
  .responsive #toolbar li.logout a:hover,
  .responsive #toolbar li.myaccount a:active,
  .responsive #toolbar li.logout a:active {
    opacity: 1;
  }
  .responsive #unit-account-login {
    margin-left: 20px;
  }
  .responsive #toolbar li.cart a,
  .responsive #toolbar li.basket a {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-basket.png);
    background-size: cover;
    opacity: 0.75;
  }
  .responsive #toolbar li.cart a br,
  .responsive #toolbar li.basket a br {
    display: none;
  }
  .responsive #toolbar li.cart a:hover,
  .responsive #toolbar li.basket a:hover {
    opacity: 1;
  }
  .responsive #unit-timer {
    position: relative;
    top: 0;
    left: -6%;
    width: 112%;
    background: #333;
    margin: 0;
  }
  .responsive #unit-timer p {
    margin: 0;
    padding: 5px 0;
  }
  .responsive .svg #toolbar li.basket a {
    background-image: url(../images/icon-basket.svg);
  }
  .responsive .touch #timer-why {
    display: none;
  }
  .responsive .basket_upsells .unit-block {
    width: 100%;
    margin-right: 0;
  }
  .responsive .gift-membership-form textarea {
    width: 96%;
  }
  .responsive .gift-membership-option {
    width: auto;
  }
  .responsive .links .cancel-membership {
    font-size: 14px;
    padding: 5px 10px;
    float: left;
  }
  .responsive .area-redeem-membership input[type="submit"] {
    margin-top: 1em;
  }
  .responsive .area-redeem-membership .inline-form .field input[type="submit"] {
    width: 100%;
  }
  .responsive .table-wrapper.area-member-events table td {
    border-bottom: none;
    display: block;
    width: auto;
    padding: 1% 2%;
    text-align: left;
  }
  .responsive .area-member-events select {
    width: 200px;
  }
  .responsive .area-member-events textarea {
    width: 96%;
  }
  .responsive .area-member-events .action {
    margin: 0 0 10px;
  }
  .responsive .type-select-level .area-apply-promo-code #promocode-form,
  .responsive .section-booking .area-apply-promo-code #promocode-form {
    float: none;
    margin-bottom: 0.5em;
  }
  .responsive .proceed-to-checkout,
  .responsive .links .book-more-tickets,
  .responsive .links .cancel-membership,
  .responsive .links .add-to-basket,
  .responsive .responsive .Actions .skip-button,
  .responsive .inline-form form .action,
  .responsive .area-parking-vouchers .no-thanks,
  .responsive #register-box .action,
  .responsive .order-list li .view-more,
  .responsive .continue-shopping {
    font-size: 12px;
    padding: 3px 8px;
  }
  .responsive .order-list li .view-more {
    position: relative;
    top: auto;
    right: auto;
  }
  .responsive .responsive .area-social {
    margin-bottom: 1em;
  }
  .responsive .area-mailing-list label {
    display: inline-block;
    text-align: left;
  }
  .responsive .section-booking .area-production-details,
  .responsive .type-select-level .area-production-details,
  .responsive .type-select-level .area-apply-promo-code,
  .responsive .section-booking .area-apply-promo-code {
    margin: 0;
    width: 100%;
    float: none;
  }
  .responsive .area-footer-copyright {
    background-image: none;
  }
  .responsive .area-footer-contact,
  .responsive .area-footer-navigation {
    border-bottom: none;
    padding: 0;
    margin: 0;
  }
  .responsive .area-social ul {
    float: left;
  }
  .responsive .area-social,
  .responsive .area-mailing-list,
  .responsive .area-footer-navigation,
  .responsive .area-footer-contact,
  .responsive .area-footer-sponsor-list {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
    word-wrap: break-word;
    zoom: 1;
  }
  .responsive .area-social:before,
  .responsive .area-mailing-list:before,
  .responsive .area-footer-navigation:before,
  .responsive .area-footer-contact:before,
  .responsive .area-footer-sponsor-list:before,
  .responsive .area-social:after,
  .responsive .area-mailing-list:after,
  .responsive .area-footer-navigation:after,
  .responsive .area-footer-contact:after,
  .responsive .area-footer-sponsor-list:after {
    display: table;
    content: "";
    zoom: 1;
    *display: inline;
  }
  .responsive .area-social:after,
  .responsive .area-mailing-list:after,
  .responsive .area-footer-navigation:after,
  .responsive .area-footer-contact:after,
  .responsive .area-footer-sponsor-list:after {
    clear: both;
  }
  .responsive .area-footer-navigation ul {
    margin-bottom: 1.5em;
  }
  .responsive .area-footer-navigation ul li {
    width: 100%;
  }
}
/* @end */
/* @group iPhone Landscape */
/* Mobile Layout: 480px. */
@media only screen and (max-width: 480px) {
  .responsive .links .cancel-order {
    clear: both;
    float: left;
    margin: 6px 0 0 0;
  }
  .responsive .area-basket-footer .continue-shopping {
    float: left;
  }
  .responsive .area-social h2,
  .responsive .area-social ul,
  .responsive .area-social li {
    float: none;
    text-align: center;
  }
  .responsive .area-social li {
    display: inline-block;
    margin-top: 6px;
  }
  .responsive .area-mailing-list label {
    margin-bottom: .3em;
  }
  .responsive .area-mailing-list label,
  .responsive .area-mailing-list .input-holder {
    float: none;
    text-align: center;
    display: block;
  }
}
/* @end */
/* @group Large Monitor */
/*  Big Monitor Layout: 1224px. */
@media only screen and (min-width: 1224px) {
  .unit-navigation-list.area-primary-navigation {
    margin-top: 42px;
  }
  .unit-navigation-list.area-primary-navigation a {
    font-size: 18px;
    margin-right: 30px;
  }
}
.syos-extra-content {
  margin-left: 6px;
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 5px;
  float: left;
}
.donation-directions {
  color: #b20e18;
}
/* @end */
.performance-area .inactive {
  color: #999999;
}
.month-tab {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.month-tab li {
  float: left;
  border: 2px solid #000000;
  height: 30px;
  margin-right: 5px;
  background-color: #000000;
  color: #FFFFFF;
  padding: 0px;
  padding-top: 6px;
  cursor: pointer;
}
.month-tab li.active {
  color: #000000;
  background-color: #FFFFFF;
}
.month-tab span {
  padding-left: 8px;
  padding-right: 8px;
}

#gift-aid-calculation {
  display: none;
}