/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import url(https://fonts.googleapis.com/css?family=Fredoka+One|Bree+Serif|Bitter:400,700);
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: none;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.clear {
  clear: both;
}
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body:before,
body:after {
  content: " ";
  display: table;
}
body:after {
  clear: both;
}
*[class*='grid-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nested {
  background: none;
  padding: 0;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  display: inline;
  float: left;
  width: 97.91666667%;
  margin: 0 1.04166667%;
}
@media all and (min-width: 38em) {
  .grid-1 {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.04166667%;
  }
  .grid-2 {
    display: inline;
    float: left;
    width: 14.58333333%;
    margin: 0 1.04166667%;
  }
  .grid-3 {
    display: inline;
    float: left;
    width: 22.91666667%;
    margin: 0 1.04166667%;
  }
  .grid-4,
  .grid-third {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.04166667%;
  }
  .grid-5 {
    display: inline;
    float: left;
    width: 39.58333333%;
    margin: 0 1.04166667%;
  }
  .grid-6,
  .grid-half {
    display: inline;
    float: left;
    width: 47.91666667%;
    margin: 0 1.04166667%;
  }
  .grid-7 {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.04166667%;
  }
  .grid-8 {
    display: inline;
    float: left;
    width: 64.58333333%;
    margin: 0 1.04166667%;
  }
  .grid-9 {
    display: inline;
    float: left;
    width: 72.91666667%;
    margin: 0 1.04166667%;
  }
  .grid-10 {
    display: inline;
    float: left;
    width: 81.25%;
    margin: 0 1.04166667%;
  }
  .grid-11 {
    display: inline;
    float: left;
    width: 89.58333333%;
    margin: 0 1.04166667%;
  }
  .grid-12,
  .grid-full {
    display: inline;
    float: left;
    width: 97.91666667%;
    margin: 0 1.04166667%;
  }
  .push-1 {
    margin-left: 9.375%;
  }
  .push-2 {
    margin-left: 17.70833333%;
  }
  .push-3 {
    margin-left: 26.04166667%;
  }
  .push-4 {
    margin-left: 34.375%;
  }
  .push-5 {
    margin-left: 42.70833333%;
  }
  .push-6 {
    margin-left: 51.04166667%;
  }
  .push-7 {
    margin-left: 59.375%;
  }
  .push-8 {
    margin-left: 67.70833333%;
  }
  .push-9 {
    margin-left: 76.04166667%;
  }
  .push-10 {
    margin-left: 84.375%;
  }
  .push-11 {
    margin-left: 92.70833333%;
  }
  .push-12 {
    margin-left: 101.04166667%;
  }
  .pull-1 {
    margin-right: 9.375%;
  }
  .pull-2 {
    margin-right: 17.70833333%;
  }
  .pull-3 {
    margin-right: 26.04166667%;
  }
  .pull-4 {
    margin-right: 34.375%;
  }
  .pull-5 {
    margin-right: 42.70833333%;
  }
  .pull-6 {
    margin-right: 51.04166667%;
  }
  .pull-7 {
    margin-right: 59.375%;
  }
  .pull-8 {
    margin-right: 67.70833333%;
  }
  .pull-9 {
    margin-right: 76.04166667%;
  }
  .pull-10 {
    margin-right: 84.375%;
  }
  .pull-11 {
    margin-right: 92.70833333%;
  }
  .pull-12 {
    margin-right: 101.04166667%;
  }
}
.row-12 {
  display: block;
  width: 102.08333333%;
  margin: 0 -1.04166667%;
  *zoom: 1;
}
.row-12:before,
.row-12:after {
  content: "";
  display: table;
}
.row-12:after {
  clear: both;
}
.row-12:before,
.row-12:after {
  content: " ";
  display: table;
}
.row-12:after {
  clear: both;
}
.row-12 .grid-1 {
  display: inline;
  float: left;
  width: 6.25%;
  margin: 0 1.04166667%;
}
.row-12 .grid-2 {
  display: inline;
  float: left;
  width: 14.58333333%;
  margin: 0 1.04166667%;
}
.row-12 .grid-3 {
  display: inline;
  float: left;
  width: 22.91666667%;
  margin: 0 1.04166667%;
}
.row-12 .grid-4 {
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.04166667%;
}
.row-12 .grid-5 {
  display: inline;
  float: left;
  width: 39.58333333%;
  margin: 0 1.04166667%;
}
.row-12 .grid-6 {
  display: inline;
  float: left;
  width: 47.91666667%;
  margin: 0 1.04166667%;
}
.row-12 .grid-7 {
  display: inline;
  float: left;
  width: 56.25%;
  margin: 0 1.04166667%;
}
.row-12 .grid-8 {
  display: inline;
  float: left;
  width: 64.58333333%;
  margin: 0 1.04166667%;
}
.row-12 .grid-9 {
  display: inline;
  float: left;
  width: 72.91666667%;
  margin: 0 1.04166667%;
}
.row-12 .grid-10 {
  display: inline;
  float: left;
  width: 81.25%;
  margin: 0 1.04166667%;
}
.row-12 .grid-11 {
  display: inline;
  float: left;
  width: 89.58333333%;
  margin: 0 1.04166667%;
}
.row-12 .grid-12,
.row-12 .grid-full {
  display: inline;
  float: left;
  width: 97.91666667%;
  margin: 0 1.04166667%;
}
.row-11 {
  display: block;
  width: 102.27272727%;
  margin: 0 -1.13636364%;
  *zoom: 1;
}
.row-11:before,
.row-11:after {
  content: "";
  display: table;
}
.row-11:after {
  clear: both;
}
.row-11:before,
.row-11:after {
  content: " ";
  display: table;
}
.row-11:after {
  clear: both;
}
.row-11 .grid-1 {
  display: inline;
  float: left;
  width: 6.81818182%;
  margin: 0 1.13636364%;
}
.row-11 .grid-2 {
  display: inline;
  float: left;
  width: 15.90909091%;
  margin: 0 1.13636364%;
}
.row-11 .grid-3 {
  display: inline;
  float: left;
  width: 25%;
  margin: 0 1.13636364%;
}
.row-11 .grid-4 {
  display: inline;
  float: left;
  width: 34.09090909%;
  margin: 0 1.13636364%;
}
.row-11 .grid-5 {
  display: inline;
  float: left;
  width: 43.18181818%;
  margin: 0 1.13636364%;
}
.row-11 .grid-6 {
  display: inline;
  float: left;
  width: 52.27272727%;
  margin: 0 1.13636364%;
}
.row-11 .grid-7 {
  display: inline;
  float: left;
  width: 61.36363636%;
  margin: 0 1.13636364%;
}
.row-11 .grid-8 {
  display: inline;
  float: left;
  width: 70.45454545%;
  margin: 0 1.13636364%;
}
.row-11 .grid-9 {
  display: inline;
  float: left;
  width: 79.54545455%;
  margin: 0 1.13636364%;
}
.row-11 .grid-10 {
  display: inline;
  float: left;
  width: 88.63636364%;
  margin: 0 1.13636364%;
}
.row-11 .grid-11,
.row-11 .grid-full {
  display: inline;
  float: left;
  width: 97.72727273%;
  margin: 0 1.13636364%;
}
.row-10 {
  display: block;
  width: 102.5%;
  margin: 0 -1.25%;
  *zoom: 1;
}
.row-10:before,
.row-10:after {
  content: "";
  display: table;
}
.row-10:after {
  clear: both;
}
.row-10:before,
.row-10:after {
  content: " ";
  display: table;
}
.row-10:after {
  clear: both;
}
.row-10 .grid-1 {
  display: inline;
  float: left;
  width: 7.5%;
  margin: 0 1.25%;
}
.row-10 .grid-2 {
  display: inline;
  float: left;
  width: 17.5%;
  margin: 0 1.25%;
}
.row-10 .grid-3 {
  display: inline;
  float: left;
  width: 27.5%;
  margin: 0 1.25%;
}
.row-10 .grid-4 {
  display: inline;
  float: left;
  width: 37.5%;
  margin: 0 1.25%;
}
.row-10 .grid-5 {
  display: inline;
  float: left;
  width: 47.5%;
  margin: 0 1.25%;
}
.row-10 .grid-6 {
  display: inline;
  float: left;
  width: 57.5%;
  margin: 0 1.25%;
}
.row-10 .grid-7 {
  display: inline;
  float: left;
  width: 67.5%;
  margin: 0 1.25%;
}
.row-10 .grid-8 {
  display: inline;
  float: left;
  width: 77.5%;
  margin: 0 1.25%;
}
.row-10 .grid-9 {
  display: inline;
  float: left;
  width: 87.5%;
  margin: 0 1.25%;
}
.row-10 .grid-10,
.row-10 .grid-full {
  display: inline;
  float: left;
  width: 97.5%;
  margin: 0 1.25%;
}
.row-9 {
  display: block;
  width: 102.77777778%;
  margin: 0 -1.38888889%;
  *zoom: 1;
}
.row-9:before,
.row-9:after {
  content: "";
  display: table;
}
.row-9:after {
  clear: both;
}
.row-9:before,
.row-9:after {
  content: " ";
  display: table;
}
.row-9:after {
  clear: both;
}
.row-9 .grid-1 {
  display: inline;
  float: left;
  width: 8.33333333%;
  margin: 0 1.38888889%;
}
.row-9 .grid-2 {
  display: inline;
  float: left;
  width: 19.44444444%;
  margin: 0 1.38888889%;
}
.row-9 .grid-3 {
  display: inline;
  float: left;
  width: 30.55555556%;
  margin: 0 1.38888889%;
}
.row-9 .grid-third {
  display: inline;
  float: left;
  width: 30.55555556%;
  margin: 0 1.38888889%;
}
.row-9 .grid-4 {
  display: inline;
  float: left;
  width: 41.66666667%;
  margin: 0 1.38888889%;
}
.row-9 .grid-5 {
  display: inline;
  float: left;
  width: 52.77777778%;
  margin: 0 1.38888889%;
}
.row-9 .grid-6 {
  display: inline;
  float: left;
  width: 63.88888889%;
  margin: 0 1.38888889%;
}
.row-9 .grid-7 {
  display: inline;
  float: left;
  width: 75%;
  margin: 0 1.38888889%;
}
.row-9 .grid-8 {
  display: inline;
  float: left;
  width: 86.11111111%;
  margin: 0 1.38888889%;
}
.row-9 .grid-9,
.row-9 .grid-full {
  display: inline;
  float: left;
  width: 97.22222222%;
  margin: 0 1.38888889%;
}
.row-8 {
  display: block;
  width: 103.125%;
  margin: 0 -1.5625%;
  *zoom: 1;
}
.row-8:before,
.row-8:after {
  content: "";
  display: table;
}
.row-8:after {
  clear: both;
}
.row-8:before,
.row-8:after {
  content: " ";
  display: table;
}
.row-8:after {
  clear: both;
}
.row-8 .grid-1 {
  display: inline;
  float: left;
  width: 9.375%;
  margin: 0 1.5625%;
}
.row-8 .grid-2 {
  display: inline;
  float: left;
  width: 21.875%;
  margin: 0 1.5625%;
}
.row-8 .grid-3 {
  display: inline;
  float: left;
  width: 34.375%;
  margin: 0 1.5625%;
}
.row-8 .grid-4 {
  display: inline;
  float: left;
  width: 46.875%;
  margin: 0 1.5625%;
}
.row-8 .grid-5 {
  display: inline;
  float: left;
  width: 59.375%;
  margin: 0 1.5625%;
}
.row-8 .grid-6 {
  display: inline;
  float: left;
  width: 71.875%;
  margin: 0 1.5625%;
}
.row-8 .grid-7 {
  display: inline;
  float: left;
  width: 84.375%;
  margin: 0 1.5625%;
}
.row-8 .grid-8,
.row-8 .grid-full {
  display: inline;
  float: left;
  width: 96.875%;
  margin: 0 1.5625%;
}
.row-7 {
  display: block;
  width: 103.57142857%;
  margin: 0 -1.78571429%;
  *zoom: 1;
}
.row-7:before,
.row-7:after {
  content: "";
  display: table;
}
.row-7:after {
  clear: both;
}
.row-7:before,
.row-7:after {
  content: " ";
  display: table;
}
.row-7:after {
  clear: both;
}
.row-7 .grid-1 {
  display: inline;
  float: left;
  width: 10.71428571%;
  margin: 0 1.78571429%;
}
.row-7 .grid-2 {
  display: inline;
  float: left;
  width: 25%;
  margin: 0 1.78571429%;
}
.row-7 .grid-3 {
  display: inline;
  float: left;
  width: 39.28571429%;
  margin: 0 1.78571429%;
}
.row-7 .grid-4 {
  display: inline;
  float: left;
  width: 53.57142857%;
  margin: 0 1.78571429%;
}
.row-7 .grid-5 {
  display: inline;
  float: left;
  width: 67.85714286%;
  margin: 0 1.78571429%;
}
.row-7 .grid-6 {
  display: inline;
  float: left;
  width: 82.14285714%;
  margin: 0 1.78571429%;
}
.row-7 .grid-7,
.row-7 .grid-full {
  display: inline;
  float: left;
  width: 96.42857143%;
  margin: 0 1.78571429%;
}
.row-6 {
  display: block;
  width: 104.16666667%;
  margin: 0 -2.08333333%;
  *zoom: 1;
}
.row-6:before,
.row-6:after {
  content: "";
  display: table;
}
.row-6:after {
  clear: both;
}
.row-6:before,
.row-6:after {
  content: " ";
  display: table;
}
.row-6:after {
  clear: both;
}
.row-6 .grid-1 {
  display: inline;
  float: left;
  width: 12.5%;
  margin: 0 2.08333333%;
}
.row-6 .grid-2 {
  display: inline;
  float: left;
  width: 29.16666667%;
  margin: 0 2.08333333%;
}
.row-6 .grid-3 {
  display: inline;
  float: left;
  width: 45.83333333%;
  margin: 0 2.08333333%;
}
.row-6 .grid-4 {
  display: inline;
  float: left;
  width: 62.5%;
  margin: 0 2.08333333%;
}
.row-6 .grid-5 {
  display: inline;
  float: left;
  width: 79.16666667%;
  margin: 0 2.08333333%;
}
.row-6 .grid-6,
.row-6 .grid-full {
  display: inline;
  float: left;
  width: 95.83333333%;
  margin: 0 2.08333333%;
}
.row-5 {
  display: block;
  width: 105%;
  margin: 0 -2.5%;
  *zoom: 1;
}
.row-5:before,
.row-5:after {
  content: "";
  display: table;
}
.row-5:after {
  clear: both;
}
.row-5:before,
.row-5:after {
  content: " ";
  display: table;
}
.row-5:after {
  clear: both;
}
.row-5 .grid-1 {
  display: inline;
  float: left;
  width: 15%;
  margin: 0 2.5%;
}
.row-5 .grid-2 {
  display: inline;
  float: left;
  width: 35%;
  margin: 0 2.5%;
}
.row-5 .grid-3 {
  display: inline;
  float: left;
  width: 55%;
  margin: 0 2.5%;
}
.row-5 .grid-4 {
  display: inline;
  float: left;
  width: 75%;
  margin: 0 2.5%;
}
.row-5 .grid-5,
.row-5 .grid-full {
  display: inline;
  float: left;
  width: 95%;
  margin: 0 2.5%;
}
.row-4 {
  display: block;
  width: 106.25%;
  margin: 0 -3.125%;
  *zoom: 1;
}
.row-4:before,
.row-4:after {
  content: "";
  display: table;
}
.row-4:after {
  clear: both;
}
.row-4:before,
.row-4:after {
  content: " ";
  display: table;
}
.row-4:after {
  clear: both;
}
.row-4 .grid-1 {
  display: inline;
  float: left;
  width: 18.75%;
  margin: 0 3.125%;
}
.row-4 .grid-2 {
  display: inline;
  float: left;
  width: 43.75%;
  margin: 0 3.125%;
}
.row-4 .grid-3 {
  display: inline;
  float: left;
  width: 68.75%;
  margin: 0 3.125%;
}
.row-4 .grid-4,
.row-4 .grid-full {
  display: inline;
  float: left;
  width: 93.75%;
  margin: 0 3.125%;
}
.row-3 {
  display: block;
  width: 108.33333333%;
  margin: 0 -4.16666667%;
  *zoom: 1;
}
.row-3:before,
.row-3:after {
  content: "";
  display: table;
}
.row-3:after {
  clear: both;
}
.row-3:before,
.row-3:after {
  content: " ";
  display: table;
}
.row-3:after {
  clear: both;
}
.row-3 .grid-1 {
  display: inline;
  float: left;
  width: 25%;
  margin: 0 4.16666667%;
}
.row-3 .grid-2 {
  display: inline;
  float: left;
  width: 58.33333333%;
  margin: 0 4.16666667%;
}
.row-3 .grid-3,
.row-3 .grid-full {
  display: inline;
  float: left;
  width: 91.66666667%;
  margin: 0 4.16666667%;
}
.row-2 {
  display: block;
  width: 112.5%;
  margin: 0 -6.25%;
  *zoom: 1;
}
.row-2:before,
.row-2:after {
  content: "";
  display: table;
}
.row-2:after {
  clear: both;
}
.row-2:before,
.row-2:after {
  content: " ";
  display: table;
}
.row-2:after {
  clear: both;
}
.row-2 .grid-1 {
  display: inline;
  float: left;
  width: 37.5%;
  margin: 0 6.25%;
}
.row-2 .grid-2,
.row-2 .grid-full {
  display: inline;
  float: left;
  width: 87.5%;
  margin: 0 6.25%;
}
/*LAYOUT *
-----------------------------------------------*/
* {
  box-sizing: border-box;
}
@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  overflow-y: auto;
}
html,
body {
  width: 100%;
  height: 100%;
}
img,
audio,
video,
canvas {
  max-width: 100%;
  width: auto;
  height: auto;
}
.wrapper,
.wrapper-small {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
}
svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 0.15em;
}
p:empty {
  margin: 0;
}
.wrapper-small {
  max-width: 52em;
}
.padding-top {
  padding-top: 40px;
}
@media screen and (min-width: 38em) {
  .padding-top {
    padding-top: 70px;
  }
}
.padding-bottom {
  padding-bottom: 40px;
}
@media screen and (min-width: 38em) {
  .padding-bottom {
    padding-bottom: 70px;
  }
}
.border-top {
  border-top: 1px solid #ebe8eb;
}
.border-bottom {
  border-bottom: 1px solid #ebe8eb;
}
.no-border,
.row.no-border {
  border: none;
}
.mobile-hide {
  display: none;
}
@media screen and (min-width: 56em) {
  .mobile-hide {
    display: block;
  }
}
@media screen and (min-width: 56em) {
  .mobile-show {
    display: none;
  }
}
/*HEADER *
-----------------------------------------------*/
.site-header {
  position: relative;
  z-index: 100;
  *zoom: 1;
  width: 100%;
  background: #ffcb25;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  height: 87px;
}
.site-header:before,
.site-header:after {
  content: "";
  display: table;
}
.site-header:after {
  clear: both;
}
.site-header:before,
.site-header:after {
  content: "";
  display: table;
}
.site-header:after {
  clear: both;
}
@media screen and (min-width: 56em) {
  .site-header {
    height: auto;
  }
}
.site-header.has-alert-bar {
  height: 130px;
}
@media screen and (min-width: 56em) {
  .site-header.has-alert-bar {
    height: auto;
  }
}
.top-bar {
  width: 100%;
  padding: 5px;
  font-size: 11px;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
}
.top-bar li {
  display: inline;
  margin-right: 0.25em;
}
.top-bar svg {
  fill: #7c7d80;
}
.top-bar a:hover svg {
  fill: #b50938;
}
.logo {
  display: block;
  width: 100px;
  margin: 1em auto 1em;
  text-align: left;
}
/*MAIN *
-----------------------------------------------*/
.main {
  margin-top: 87px;
}
.home .main {
  margin-top: 0;
}
/*FOOTER *
-----------------------------------------------*/
.site-footer {
  background: #4b4b4d;
  color: #7c7d80;
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
}
.site-footer nav {
  margin-bottom: 2em;
}
.site-footer nav li {
  margin-bottom: 1em;
}
.site-footer nav a {
  color: #ebe8eb;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.site-footer .footer-meta {
  font-size: 0.75em;
}
.site-footer .footer-meta p {
  margin: 0;
}
.site-footer .logo {
  display: block;
  width: 150px;
  margin-bottom: 1em;
}
.social-links {
  float: right;
}
.social-links li {
  display: inline;
}
.social-links svg {
  width: 50px;
  height: 50px;
  fill: #7c7d80;
}
.hidden {
  display: none;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.columns-6-6 {
  display: flex;
  justify-content: space-between;
}
.columns-6-6 > * {
  width: 50%;
  box-sizing: border-box;
}
.columns-6-6 > *:first-child {
  padding-right: 20px;
}
.columns-6-6 > *:last-child {
  padding-left: 20px;
}
@media all and (max-width: 1350px) {
  .columns-6-6 {
    display: block;
  }
  .columns-6-6 > * {
    width: 100% !important;
    margin-bottom: 40px;
  }
  .columns-6-6 > *:first-child {
    padding-right: 0 !important;
  }
  .columns-6-6 > *:last-child {
    margin-bottom: 0;
    padding-left: 0 !important;
  }
}
.popup-video-content .video-caption {
  max-width: 654px;
  margin: 0 auto;
}
.popup-video.with-thumbnail {
  display: inline-block;
  position: relative;
  margin: 0 auto;
}
.popup-video.with-thumbnail img {
  display: block;
}
.popup-video.with-thumbnail:before,
.popup-video.with-thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.8;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popup-video.with-thumbnail:before {
  width: 100px;
  height: 100px;
  border: 3px solid #fff;
  border-radius: 50%;
}
.popup-video.with-thumbnail:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 45px;
  margin-left: 28px;
}
.popup-video.with-thumbnail:hover {
  opacity: 0.8;
}
/*COLORS *
-----------------------------------------------*/
/*BACKGROUNDS *
-----------------------------------------------*/
[class*='bg-'] {
  background: #ffffff;
}
.bg-white {
  background: #ffffff;
  color: #2b2b2b;
}
.bg-grey {
  background: #7c7d80;
  color: #ffffff;
}
.bg-grey-light {
  background: #ebe8eb;
}
.bg-grey-lighter {
  background: #f7f7f7;
}
.bg-grey-dark {
  background: #4b4b4d;
  color: #ffffff;
}
.bg-black {
  background: #2b2b2b;
  color: #ffffff;
}
.bg-red {
  background: #e20d15;
  color: #ffffff;
}
.bg-red-dark {
  background: #b20a11;
  color: #ffffff;
}
.bg-red2 {
  color: #ffffff;
  background: #b50938;
}
.bg-yellow {
  background: #ffc50b;
}
.bg-blue {
  background: #0071bc;
  color: #ffffff;
}
.bg-blue-standard {
  background: #0071bc;
  color: #ffffff;
}
.bg-blue-dark {
  background: #00678f;
  color: #ffffff;
}
.bg-teal {
  background: #00a890;
  color: #ffffff;
}
.bg-orange {
  background: #f6891f;
  color: #ffffff;
}
.bg-green {
  background: #378a4e;
  color: #ffffff;
}
.bg-green-light {
  background: #a6ce39;
  color: #ffffff;
}
.bg-olive {
  background: #9fa73b;
  color: #ffffff;
}
.bg-pink {
  background: #d60c8c;
  color: #ffffff;
}
body {
  font-size: 87.5%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2b2b2b;
}
@media screen and (min-width: 38em) {
  body {
    font-size: 100%;
  }
}
@media screen and (min-width: 66em) {
  .content p {
    font-size: 112.5%;
  }
}
/* FONTS *
-----------------------------------------------*/
.font-headline {
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.font-headline-italic {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
}
.font-headline-bold {
  font-family: 'Fredoka One', sans-serif;
  font-style: normal;
}
.font-body,
.sans {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.serif {
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}
/* HEADINGS *
-----------------------------------------------*/
h1,
h2,
h3 {
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  letter-spacing: -0.04em;
  font-weight: 400;
}
h1 {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 0.25em;
}
@media screen and (min-width: 38em) {
  h1 {
    font-size: 3.313em;
  }
}
h2 {
  font-size: 2em;
  margin: 0 0 1em;
  border-bottom: 2px solid #ebe8eb;
}
h3 {
  font-size: 1.4em;
  margin: 0.5em auto;
}
h4 {
  line-height: 1.6;
  line-height: 1.5;
  font-weight: normal;
  font-size: 1.25em;
  margin: 0.5em auto;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
@media screen and (min-width: 38em) {
  h4 {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 60em) {
  h4 {
    font-size: 1.5em;
  }
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
  text-transform: uppercase;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
.eyebrow {
  font-size: 14px !important;
  text-transform: uppercase;
  margin: 0;
  font-weight: 700;
}
.eyebrow + h1,
.eyebrow + h2,
.eyebrow + h3 {
  margin-top: 0;
}
.page-title {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  border-bottom: 1px solid #f7f7f7;
  font-family: 'Fredoka One', sans-serif;
  font-style: normal;
  padding: 1.15em 0.5em;
  line-height: 1;
  margin: 0;
  font-size: 2em;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
}
@media screen and (min-width: 38em) {
  .page-title {
    font-size: 3em;
  }
}
@media screen and (min-width: 56em) {
  .page-title {
    font-size: 4em;
  }
}
.no-touch .page-title {
  background-attachment: fixed;
}
.big-title,
.big-title-red2,
.big-title.bg-red2,
.bg-red2 > .section-header > .big-title,
.big-title-yellow,
.big-title.bg-yellow,
.bg-yellow > .section-header > .big-title,
.big-title-blue,
.big-title.bg-blue,
.bg-blue > .section-header > .big-title,
.big-title-blue-dark,
.big-title.bg-blue-dark,
.bg-blue-dark > .section-header > .big-title,
.big-title-teal,
.big-title.bg-teal,
.bg-teal > .section-header > .big-title,
.big-title-orange,
.big-title.bg-orange,
.bg-orange > .section-header > .big-title,
.big-title-green,
.big-title.bg-green,
.bg-green > .section-header > .big-title,
.big-title-green-light,
.big-title.bg-green-light,
.bg-green-light > .section-header > .big-title,
.big-title-olive,
.big-title.bg-olive,
.bg-olive > .section-header > .big-title,
.big-title-pink,
.big-title.bg-pink,
.bg-pink > .section-header > .big-title,
.big-title-black,
.big-title.bg-black,
.bg-black > .section-header > .big-title {
  background-color: #e20d15;
  background-image: linear-gradient(to right bottom, #e20d15, #e20d27);
  text-shadow: 0px 0px 0 #b20a11, 1px 1px 0 #b20a11, 1px 1px 0 #b20a11, 2px 2px 0 #b20a11, 3px 3px 0 #b20a11, 4px 4px 0 #b20a11, 4px 4px 0 #b20a11, 5px 5px 0 #b20a11, 6px 6px 0 #b20a11, 6px 6px 0 #b20a11, 7px 7px 0 #b20a11, 8px 8px 0 #b20a11, 8px 8px 0 #b20a11, 9px 9px 0 #b20a11, 10px 10px 0 #b20a11, 11px 11px 0 #b20a11, 11px 11px 0 #b20a11, 12px 12px 0 #b20a11, 13px 13px 0 #b20a11, 13px 13px 0 #b20a11, 14px 14px 0 #b20a11, 15px 15px 0 #b20a11, 16px 16px 0 #b20a11, 16px 16px 0 #b20a11, 17px 17px 0 #b20a11, 18px 18px 0 #b20a11, 18px 18px 0 #b20a11, 19px 19px 0 #b20a11, 20px 20px 0 #b20a11, 21px 21px 0 #b20a11, 21px 21px 0 #b20a11, 22px 22px 0 #b20a11, 23px 23px 0 #b20a11, 23px 23px 0 #b20a11, 24px 24px 0 #b20a11, 25px 25px 0 #b20a11, 25px 25px 0 #b20a11, 26px 26px 0 #b20a11, 27px 27px 0 #b20a11, 28px 28px 0 #b20a11, 28px 28px 0 #b20a11, 29px 29px 0 #b20a11, 30px 30px 0 #b20a11, 30px 30px 0 #b20a11, 31px 31px 0 #b20a11, 32px 32px 0 #b20a11, 33px 33px 0 #b20a11, 33px 33px 0 #b20a11, 34px 34px 0 #b20a11, 35px 35px 0 #b20a11, 35px 35px 0 #b20a11, 36px 36px 0 #b20a11, 37px 37px 0 #b20a11, 37px 37px 0 #b20a11, 38px 38px 0 #b20a11, 39px 39px 0 #b20a11, 40px 40px 0 #b20a11, 40px 40px 0 #b20a11, 41px 41px 0 #b20a11, 42px 42px 0 #b20a11, 42px 42px 0 #b20a11, 43px 43px 0 #b20a11, 44px 44px 0 #b20a11, 45px 45px 0 #b20a11, 45px 45px 0 #b20a11, 46px 46px 0 #b20a11, 47px 47px 0 #b20a11, 47px 47px 0 #b20a11, 48px 48px 0 #b20a11, 49px 49px 0 #b20a11, 49px 49px 0 #b20a11, 50px 50px 0 #b20a11, 51px 51px 0 #b20a11, 52px 52px 0 #b20a11, 52px 52px 0 #b20a11, 53px 53px 0 #b20a11, 54px 54px 0 #b20a11, 54px 54px 0 #b20a11, 55px 55px 0 #b20a11, 56px 56px 0 #b20a11, 57px 57px 0 #b20a11, 57px 57px 0 #b20a11, 58px 58px 0 #b20a11, 59px 59px 0 #b20a11, 59px 59px 0 #b20a11, 60px 60px 0 #b20a11, 61px 61px 0 #b20a11, 62px 62px 0 #b20a11, 62px 62px 0 #b20a11, 63px 63px 0 #b20a11, 64px 64px 0 #b20a11, 64px 64px 0 #b20a11, 65px 65px 0 #b20a11, 66px 66px 0 #b20a11, 66px 66px 0 #b20a11, 67px 67px 0 #b20a11, 68px 68px 0 #b20a11, 69px 69px 0 #b20a11, 69px 69px 0 #b20a11, 70px 70px 0 #b20a11, 71px 71px 0 #b20a11, 71px 71px 0 #b20a11, 72px 72px 0 #b20a11, 73px 73px 0 #b20a11, 74px 74px 0 #b20a11, 74px 74px 0 #b20a11, 75px 75px 0 #b20a11, 76px 76px 0 #b20a11, 76px 76px 0 #b20a11, 77px 77px 0 #b20a11, 78px 78px 0 #b20a11, 78px 78px 0 #b20a11, 79px 79px 0 #b20a11, 80px 80px 0 #b20a11, 81px 81px 0 #b20a11, 81px 81px 0 #b20a11, 82px 82px 0 #b20a11, 83px 83px 0 #b20a11, 83px 83px 0 #b20a11, 84px 84px 0 #b20a11, 85px 85px 0 #b20a11, 86px 86px 0 #b20a11, 86px 86px 0 #b20a11, 87px 87px 0 #b20a11, 88px 88px 0 #b20a11, 88px 88px 0 #b20a11, 89px 89px 0 #b20a11, 90px 90px 0 #b20a11, 91px 91px 0 #b20a11, 91px 91px 0 #b20a11, 92px 92px 0 #b20a11, 93px 93px 0 #b20a11, 93px 93px 0 #b20a11, 94px 94px 0 #b20a11, 95px 95px 0 #b20a11, 95px 95px 0 #b20a11, 96px 96px 0 #b20a11, 97px 97px 0 #b20a11, 98px 98px 0 #b20a11, 98px 98px 0 #b20a11, 99px 99px 0 #b20a11, 100px 100px 0 #b20a11, 100px 100px 0 #b20a11, 101px 101px 0 #b20a11, 102px 102px 0 #b20a11, 103px 103px 0 #b20a11, 103px 103px 0 #b20a11, 104px 104px 0 #b20a11, 105px 105px 0 #b20a11, 105px 105px 0 #b20a11;
  border-bottom: 5px solid #b20a11;
  font-family: 'Fredoka One', sans-serif;
  font-style: normal;
  padding: 1em 0.5em;
  line-height: 1;
  margin: 0;
  font-size: 2em;
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
}
@media screen and (min-width: 38em) {
  .big-title,
  .big-title-red2,
  .big-title.bg-red2,
  .bg-red2 > .section-header > .big-title,
  .big-title-yellow,
  .big-title.bg-yellow,
  .bg-yellow > .section-header > .big-title,
  .big-title-blue,
  .big-title.bg-blue,
  .bg-blue > .section-header > .big-title,
  .big-title-blue-dark,
  .big-title.bg-blue-dark,
  .bg-blue-dark > .section-header > .big-title,
  .big-title-teal,
  .big-title.bg-teal,
  .bg-teal > .section-header > .big-title,
  .big-title-orange,
  .big-title.bg-orange,
  .bg-orange > .section-header > .big-title,
  .big-title-green,
  .big-title.bg-green,
  .bg-green > .section-header > .big-title,
  .big-title-green-light,
  .big-title.bg-green-light,
  .bg-green-light > .section-header > .big-title,
  .big-title-olive,
  .big-title.bg-olive,
  .bg-olive > .section-header > .big-title,
  .big-title-pink,
  .big-title.bg-pink,
  .bg-pink > .section-header > .big-title,
  .big-title-black,
  .big-title.bg-black,
  .bg-black > .section-header > .big-title {
    font-size: 3em;
    padding: 0.5em;
  }
}
@media screen and (min-width: 56em) {
  .big-title,
  .big-title-red2,
  .big-title.bg-red2,
  .bg-red2 > .section-header > .big-title,
  .big-title-yellow,
  .big-title.bg-yellow,
  .bg-yellow > .section-header > .big-title,
  .big-title-blue,
  .big-title.bg-blue,
  .bg-blue > .section-header > .big-title,
  .big-title-blue-dark,
  .big-title.bg-blue-dark,
  .bg-blue-dark > .section-header > .big-title,
  .big-title-teal,
  .big-title.bg-teal,
  .bg-teal > .section-header > .big-title,
  .big-title-orange,
  .big-title.bg-orange,
  .bg-orange > .section-header > .big-title,
  .big-title-green,
  .big-title.bg-green,
  .bg-green > .section-header > .big-title,
  .big-title-green-light,
  .big-title.bg-green-light,
  .bg-green-light > .section-header > .big-title,
  .big-title-olive,
  .big-title.bg-olive,
  .bg-olive > .section-header > .big-title,
  .big-title-pink,
  .big-title.bg-pink,
  .bg-pink > .section-header > .big-title,
  .big-title-black,
  .big-title.bg-black,
  .bg-black > .section-header > .big-title {
    font-size: 4em;
  }
}
.big-title-red2,
.big-title.bg-red2,
.bg-red2 > .section-header > .big-title {
  background: #b50938;
  background-image: linear-gradient(to right bottom, #b50938, #b50946);
  text-shadow: 0px 0px 0 #8e072c, 1px 1px 0 #8e072c, 1px 1px 0 #8e072c, 2px 2px 0 #8e072c, 3px 3px 0 #8e072c, 4px 4px 0 #8e072c, 4px 4px 0 #8e072c, 5px 5px 0 #8e072c, 6px 6px 0 #8e072c, 6px 6px 0 #8e072c, 7px 7px 0 #8e072c, 8px 8px 0 #8e072c, 8px 8px 0 #8e072c, 9px 9px 0 #8e072c, 10px 10px 0 #8e072c, 11px 11px 0 #8e072c, 11px 11px 0 #8e072c, 12px 12px 0 #8e072c, 13px 13px 0 #8e072c, 13px 13px 0 #8e072c, 14px 14px 0 #8e072c, 15px 15px 0 #8e072c, 16px 16px 0 #8e072c, 16px 16px 0 #8e072c, 17px 17px 0 #8e072c, 18px 18px 0 #8e072c, 18px 18px 0 #8e072c, 19px 19px 0 #8e072c, 20px 20px 0 #8e072c, 21px 21px 0 #8e072c, 21px 21px 0 #8e072c, 22px 22px 0 #8e072c, 23px 23px 0 #8e072c, 23px 23px 0 #8e072c, 24px 24px 0 #8e072c, 25px 25px 0 #8e072c, 25px 25px 0 #8e072c, 26px 26px 0 #8e072c, 27px 27px 0 #8e072c, 28px 28px 0 #8e072c, 28px 28px 0 #8e072c, 29px 29px 0 #8e072c, 30px 30px 0 #8e072c, 30px 30px 0 #8e072c, 31px 31px 0 #8e072c, 32px 32px 0 #8e072c, 33px 33px 0 #8e072c, 33px 33px 0 #8e072c, 34px 34px 0 #8e072c, 35px 35px 0 #8e072c, 35px 35px 0 #8e072c, 36px 36px 0 #8e072c, 37px 37px 0 #8e072c, 37px 37px 0 #8e072c, 38px 38px 0 #8e072c, 39px 39px 0 #8e072c, 40px 40px 0 #8e072c, 40px 40px 0 #8e072c, 41px 41px 0 #8e072c, 42px 42px 0 #8e072c, 42px 42px 0 #8e072c, 43px 43px 0 #8e072c, 44px 44px 0 #8e072c, 45px 45px 0 #8e072c, 45px 45px 0 #8e072c, 46px 46px 0 #8e072c, 47px 47px 0 #8e072c, 47px 47px 0 #8e072c, 48px 48px 0 #8e072c, 49px 49px 0 #8e072c, 49px 49px 0 #8e072c, 50px 50px 0 #8e072c, 51px 51px 0 #8e072c, 52px 52px 0 #8e072c, 52px 52px 0 #8e072c, 53px 53px 0 #8e072c, 54px 54px 0 #8e072c, 54px 54px 0 #8e072c, 55px 55px 0 #8e072c, 56px 56px 0 #8e072c, 57px 57px 0 #8e072c, 57px 57px 0 #8e072c, 58px 58px 0 #8e072c, 59px 59px 0 #8e072c, 59px 59px 0 #8e072c, 60px 60px 0 #8e072c, 61px 61px 0 #8e072c, 62px 62px 0 #8e072c, 62px 62px 0 #8e072c, 63px 63px 0 #8e072c, 64px 64px 0 #8e072c, 64px 64px 0 #8e072c, 65px 65px 0 #8e072c, 66px 66px 0 #8e072c, 66px 66px 0 #8e072c, 67px 67px 0 #8e072c, 68px 68px 0 #8e072c, 69px 69px 0 #8e072c, 69px 69px 0 #8e072c, 70px 70px 0 #8e072c, 71px 71px 0 #8e072c, 71px 71px 0 #8e072c, 72px 72px 0 #8e072c, 73px 73px 0 #8e072c, 74px 74px 0 #8e072c, 74px 74px 0 #8e072c, 75px 75px 0 #8e072c, 76px 76px 0 #8e072c, 76px 76px 0 #8e072c, 77px 77px 0 #8e072c, 78px 78px 0 #8e072c, 78px 78px 0 #8e072c, 79px 79px 0 #8e072c, 80px 80px 0 #8e072c, 81px 81px 0 #8e072c, 81px 81px 0 #8e072c, 82px 82px 0 #8e072c, 83px 83px 0 #8e072c, 83px 83px 0 #8e072c, 84px 84px 0 #8e072c, 85px 85px 0 #8e072c, 86px 86px 0 #8e072c, 86px 86px 0 #8e072c, 87px 87px 0 #8e072c, 88px 88px 0 #8e072c, 88px 88px 0 #8e072c, 89px 89px 0 #8e072c, 90px 90px 0 #8e072c, 91px 91px 0 #8e072c, 91px 91px 0 #8e072c, 92px 92px 0 #8e072c, 93px 93px 0 #8e072c, 93px 93px 0 #8e072c, 94px 94px 0 #8e072c, 95px 95px 0 #8e072c, 95px 95px 0 #8e072c, 96px 96px 0 #8e072c, 97px 97px 0 #8e072c, 98px 98px 0 #8e072c, 98px 98px 0 #8e072c, 99px 99px 0 #8e072c, 100px 100px 0 #8e072c, 100px 100px 0 #8e072c, 101px 101px 0 #8e072c, 102px 102px 0 #8e072c, 103px 103px 0 #8e072c, 103px 103px 0 #8e072c, 104px 104px 0 #8e072c, 105px 105px 0 #8e072c, 105px 105px 0 #8e072c;
  border-bottom: 5px solid #8e072c;
}
.big-title-yellow,
.big-title.bg-yellow,
.bg-yellow > .section-header > .big-title {
  text-shadow: 0px 0px 0 #e1ac00, 1px 1px 0 #e1ac00, 1px 1px 0 #e1ac00, 2px 2px 0 #e1ac00, 3px 3px 0 #e1ac00, 4px 4px 0 #e1ac00, 4px 4px 0 #e1ac00, 5px 5px 0 #e1ac00, 6px 6px 0 #e1ac00, 6px 6px 0 #e1ac00, 7px 7px 0 #e1ac00, 8px 8px 0 #e1ac00, 8px 8px 0 #e1ac00, 9px 9px 0 #e1ac00, 10px 10px 0 #e1ac00, 11px 11px 0 #e1ac00, 11px 11px 0 #e1ac00, 12px 12px 0 #e1ac00, 13px 13px 0 #e1ac00, 13px 13px 0 #e1ac00, 14px 14px 0 #e1ac00, 15px 15px 0 #e1ac00, 16px 16px 0 #e1ac00, 16px 16px 0 #e1ac00, 17px 17px 0 #e1ac00, 18px 18px 0 #e1ac00, 18px 18px 0 #e1ac00, 19px 19px 0 #e1ac00, 20px 20px 0 #e1ac00, 21px 21px 0 #e1ac00, 21px 21px 0 #e1ac00, 22px 22px 0 #e1ac00, 23px 23px 0 #e1ac00, 23px 23px 0 #e1ac00, 24px 24px 0 #e1ac00, 25px 25px 0 #e1ac00, 25px 25px 0 #e1ac00, 26px 26px 0 #e1ac00, 27px 27px 0 #e1ac00, 28px 28px 0 #e1ac00, 28px 28px 0 #e1ac00, 29px 29px 0 #e1ac00, 30px 30px 0 #e1ac00, 30px 30px 0 #e1ac00, 31px 31px 0 #e1ac00, 32px 32px 0 #e1ac00, 33px 33px 0 #e1ac00, 33px 33px 0 #e1ac00, 34px 34px 0 #e1ac00, 35px 35px 0 #e1ac00, 35px 35px 0 #e1ac00, 36px 36px 0 #e1ac00, 37px 37px 0 #e1ac00, 37px 37px 0 #e1ac00, 38px 38px 0 #e1ac00, 39px 39px 0 #e1ac00, 40px 40px 0 #e1ac00, 40px 40px 0 #e1ac00, 41px 41px 0 #e1ac00, 42px 42px 0 #e1ac00, 42px 42px 0 #e1ac00, 43px 43px 0 #e1ac00, 44px 44px 0 #e1ac00, 45px 45px 0 #e1ac00, 45px 45px 0 #e1ac00, 46px 46px 0 #e1ac00, 47px 47px 0 #e1ac00, 47px 47px 0 #e1ac00, 48px 48px 0 #e1ac00, 49px 49px 0 #e1ac00, 49px 49px 0 #e1ac00, 50px 50px 0 #e1ac00, 51px 51px 0 #e1ac00, 52px 52px 0 #e1ac00, 52px 52px 0 #e1ac00, 53px 53px 0 #e1ac00, 54px 54px 0 #e1ac00, 54px 54px 0 #e1ac00, 55px 55px 0 #e1ac00, 56px 56px 0 #e1ac00, 57px 57px 0 #e1ac00, 57px 57px 0 #e1ac00, 58px 58px 0 #e1ac00, 59px 59px 0 #e1ac00, 59px 59px 0 #e1ac00, 60px 60px 0 #e1ac00, 61px 61px 0 #e1ac00, 62px 62px 0 #e1ac00, 62px 62px 0 #e1ac00, 63px 63px 0 #e1ac00, 64px 64px 0 #e1ac00, 64px 64px 0 #e1ac00, 65px 65px 0 #e1ac00, 66px 66px 0 #e1ac00, 66px 66px 0 #e1ac00, 67px 67px 0 #e1ac00, 68px 68px 0 #e1ac00, 69px 69px 0 #e1ac00, 69px 69px 0 #e1ac00, 70px 70px 0 #e1ac00, 71px 71px 0 #e1ac00, 71px 71px 0 #e1ac00, 72px 72px 0 #e1ac00, 73px 73px 0 #e1ac00, 74px 74px 0 #e1ac00, 74px 74px 0 #e1ac00, 75px 75px 0 #e1ac00, 76px 76px 0 #e1ac00, 76px 76px 0 #e1ac00, 77px 77px 0 #e1ac00, 78px 78px 0 #e1ac00, 78px 78px 0 #e1ac00, 79px 79px 0 #e1ac00, 80px 80px 0 #e1ac00, 81px 81px 0 #e1ac00, 81px 81px 0 #e1ac00, 82px 82px 0 #e1ac00, 83px 83px 0 #e1ac00, 83px 83px 0 #e1ac00, 84px 84px 0 #e1ac00, 85px 85px 0 #e1ac00, 86px 86px 0 #e1ac00, 86px 86px 0 #e1ac00, 87px 87px 0 #e1ac00, 88px 88px 0 #e1ac00, 88px 88px 0 #e1ac00, 89px 89px 0 #e1ac00, 90px 90px 0 #e1ac00, 91px 91px 0 #e1ac00, 91px 91px 0 #e1ac00, 92px 92px 0 #e1ac00, 93px 93px 0 #e1ac00, 93px 93px 0 #e1ac00, 94px 94px 0 #e1ac00, 95px 95px 0 #e1ac00, 95px 95px 0 #e1ac00, 96px 96px 0 #e1ac00, 97px 97px 0 #e1ac00, 98px 98px 0 #e1ac00, 98px 98px 0 #e1ac00, 99px 99px 0 #e1ac00, 100px 100px 0 #e1ac00, 100px 100px 0 #e1ac00, 101px 101px 0 #e1ac00, 102px 102px 0 #e1ac00, 103px 103px 0 #e1ac00, 103px 103px 0 #e1ac00, 104px 104px 0 #e1ac00, 105px 105px 0 #e1ac00, 105px 105px 0 #e1ac00;
  border-bottom: 5px solid #e1ac00;
}
.big-title-blue,
.big-title.bg-blue,
.bg-blue > .section-header > .big-title {
  background: #0071bc;
  background-image: linear-gradient(to right bottom, #0071bc, #0081bc);
  text-shadow: 0px 0px 0 #004675, 1px 1px 0 #004675, 1px 1px 0 #004675, 2px 2px 0 #004675, 3px 3px 0 #004675, 4px 4px 0 #004675, 4px 4px 0 #004675, 5px 5px 0 #004675, 6px 6px 0 #004675, 6px 6px 0 #004675, 7px 7px 0 #004675, 8px 8px 0 #004675, 8px 8px 0 #004675, 9px 9px 0 #004675, 10px 10px 0 #004675, 11px 11px 0 #004675, 11px 11px 0 #004675, 12px 12px 0 #004675, 13px 13px 0 #004675, 13px 13px 0 #004675, 14px 14px 0 #004675, 15px 15px 0 #004675, 16px 16px 0 #004675, 16px 16px 0 #004675, 17px 17px 0 #004675, 18px 18px 0 #004675, 18px 18px 0 #004675, 19px 19px 0 #004675, 20px 20px 0 #004675, 21px 21px 0 #004675, 21px 21px 0 #004675, 22px 22px 0 #004675, 23px 23px 0 #004675, 23px 23px 0 #004675, 24px 24px 0 #004675, 25px 25px 0 #004675, 25px 25px 0 #004675, 26px 26px 0 #004675, 27px 27px 0 #004675, 28px 28px 0 #004675, 28px 28px 0 #004675, 29px 29px 0 #004675, 30px 30px 0 #004675, 30px 30px 0 #004675, 31px 31px 0 #004675, 32px 32px 0 #004675, 33px 33px 0 #004675, 33px 33px 0 #004675, 34px 34px 0 #004675, 35px 35px 0 #004675, 35px 35px 0 #004675, 36px 36px 0 #004675, 37px 37px 0 #004675, 37px 37px 0 #004675, 38px 38px 0 #004675, 39px 39px 0 #004675, 40px 40px 0 #004675, 40px 40px 0 #004675, 41px 41px 0 #004675, 42px 42px 0 #004675, 42px 42px 0 #004675, 43px 43px 0 #004675, 44px 44px 0 #004675, 45px 45px 0 #004675, 45px 45px 0 #004675, 46px 46px 0 #004675, 47px 47px 0 #004675, 47px 47px 0 #004675, 48px 48px 0 #004675, 49px 49px 0 #004675, 49px 49px 0 #004675, 50px 50px 0 #004675, 51px 51px 0 #004675, 52px 52px 0 #004675, 52px 52px 0 #004675, 53px 53px 0 #004675, 54px 54px 0 #004675, 54px 54px 0 #004675, 55px 55px 0 #004675, 56px 56px 0 #004675, 57px 57px 0 #004675, 57px 57px 0 #004675, 58px 58px 0 #004675, 59px 59px 0 #004675, 59px 59px 0 #004675, 60px 60px 0 #004675, 61px 61px 0 #004675, 62px 62px 0 #004675, 62px 62px 0 #004675, 63px 63px 0 #004675, 64px 64px 0 #004675, 64px 64px 0 #004675, 65px 65px 0 #004675, 66px 66px 0 #004675, 66px 66px 0 #004675, 67px 67px 0 #004675, 68px 68px 0 #004675, 69px 69px 0 #004675, 69px 69px 0 #004675, 70px 70px 0 #004675, 71px 71px 0 #004675, 71px 71px 0 #004675, 72px 72px 0 #004675, 73px 73px 0 #004675, 74px 74px 0 #004675, 74px 74px 0 #004675, 75px 75px 0 #004675, 76px 76px 0 #004675, 76px 76px 0 #004675, 77px 77px 0 #004675, 78px 78px 0 #004675, 78px 78px 0 #004675, 79px 79px 0 #004675, 80px 80px 0 #004675, 81px 81px 0 #004675, 81px 81px 0 #004675, 82px 82px 0 #004675, 83px 83px 0 #004675, 83px 83px 0 #004675, 84px 84px 0 #004675, 85px 85px 0 #004675, 86px 86px 0 #004675, 86px 86px 0 #004675, 87px 87px 0 #004675, 88px 88px 0 #004675, 88px 88px 0 #004675, 89px 89px 0 #004675, 90px 90px 0 #004675, 91px 91px 0 #004675, 91px 91px 0 #004675, 92px 92px 0 #004675, 93px 93px 0 #004675, 93px 93px 0 #004675, 94px 94px 0 #004675, 95px 95px 0 #004675, 95px 95px 0 #004675, 96px 96px 0 #004675, 97px 97px 0 #004675, 98px 98px 0 #004675, 98px 98px 0 #004675, 99px 99px 0 #004675, 100px 100px 0 #004675, 100px 100px 0 #004675, 101px 101px 0 #004675, 102px 102px 0 #004675, 103px 103px 0 #004675, 103px 103px 0 #004675, 104px 104px 0 #004675, 105px 105px 0 #004675, 105px 105px 0 #004675;
  border-bottom: 5px solid #004675;
}
.big-title-blue-dark,
.big-title.bg-blue-dark,
.bg-blue-dark > .section-header > .big-title {
  background: #00678f;
  background-image: linear-gradient(to right bottom, #00678f, #00738f);
  text-shadow: 0px 0px 0 #003448, 1px 1px 0 #003448, 1px 1px 0 #003448, 2px 2px 0 #003448, 3px 3px 0 #003448, 4px 4px 0 #003448, 4px 4px 0 #003448, 5px 5px 0 #003448, 6px 6px 0 #003448, 6px 6px 0 #003448, 7px 7px 0 #003448, 8px 8px 0 #003448, 8px 8px 0 #003448, 9px 9px 0 #003448, 10px 10px 0 #003448, 11px 11px 0 #003448, 11px 11px 0 #003448, 12px 12px 0 #003448, 13px 13px 0 #003448, 13px 13px 0 #003448, 14px 14px 0 #003448, 15px 15px 0 #003448, 16px 16px 0 #003448, 16px 16px 0 #003448, 17px 17px 0 #003448, 18px 18px 0 #003448, 18px 18px 0 #003448, 19px 19px 0 #003448, 20px 20px 0 #003448, 21px 21px 0 #003448, 21px 21px 0 #003448, 22px 22px 0 #003448, 23px 23px 0 #003448, 23px 23px 0 #003448, 24px 24px 0 #003448, 25px 25px 0 #003448, 25px 25px 0 #003448, 26px 26px 0 #003448, 27px 27px 0 #003448, 28px 28px 0 #003448, 28px 28px 0 #003448, 29px 29px 0 #003448, 30px 30px 0 #003448, 30px 30px 0 #003448, 31px 31px 0 #003448, 32px 32px 0 #003448, 33px 33px 0 #003448, 33px 33px 0 #003448, 34px 34px 0 #003448, 35px 35px 0 #003448, 35px 35px 0 #003448, 36px 36px 0 #003448, 37px 37px 0 #003448, 37px 37px 0 #003448, 38px 38px 0 #003448, 39px 39px 0 #003448, 40px 40px 0 #003448, 40px 40px 0 #003448, 41px 41px 0 #003448, 42px 42px 0 #003448, 42px 42px 0 #003448, 43px 43px 0 #003448, 44px 44px 0 #003448, 45px 45px 0 #003448, 45px 45px 0 #003448, 46px 46px 0 #003448, 47px 47px 0 #003448, 47px 47px 0 #003448, 48px 48px 0 #003448, 49px 49px 0 #003448, 49px 49px 0 #003448, 50px 50px 0 #003448, 51px 51px 0 #003448, 52px 52px 0 #003448, 52px 52px 0 #003448, 53px 53px 0 #003448, 54px 54px 0 #003448, 54px 54px 0 #003448, 55px 55px 0 #003448, 56px 56px 0 #003448, 57px 57px 0 #003448, 57px 57px 0 #003448, 58px 58px 0 #003448, 59px 59px 0 #003448, 59px 59px 0 #003448, 60px 60px 0 #003448, 61px 61px 0 #003448, 62px 62px 0 #003448, 62px 62px 0 #003448, 63px 63px 0 #003448, 64px 64px 0 #003448, 64px 64px 0 #003448, 65px 65px 0 #003448, 66px 66px 0 #003448, 66px 66px 0 #003448, 67px 67px 0 #003448, 68px 68px 0 #003448, 69px 69px 0 #003448, 69px 69px 0 #003448, 70px 70px 0 #003448, 71px 71px 0 #003448, 71px 71px 0 #003448, 72px 72px 0 #003448, 73px 73px 0 #003448, 74px 74px 0 #003448, 74px 74px 0 #003448, 75px 75px 0 #003448, 76px 76px 0 #003448, 76px 76px 0 #003448, 77px 77px 0 #003448, 78px 78px 0 #003448, 78px 78px 0 #003448, 79px 79px 0 #003448, 80px 80px 0 #003448, 81px 81px 0 #003448, 81px 81px 0 #003448, 82px 82px 0 #003448, 83px 83px 0 #003448, 83px 83px 0 #003448, 84px 84px 0 #003448, 85px 85px 0 #003448, 86px 86px 0 #003448, 86px 86px 0 #003448, 87px 87px 0 #003448, 88px 88px 0 #003448, 88px 88px 0 #003448, 89px 89px 0 #003448, 90px 90px 0 #003448, 91px 91px 0 #003448, 91px 91px 0 #003448, 92px 92px 0 #003448, 93px 93px 0 #003448, 93px 93px 0 #003448, 94px 94px 0 #003448, 95px 95px 0 #003448, 95px 95px 0 #003448, 96px 96px 0 #003448, 97px 97px 0 #003448, 98px 98px 0 #003448, 98px 98px 0 #003448, 99px 99px 0 #003448, 100px 100px 0 #003448, 100px 100px 0 #003448, 101px 101px 0 #003448, 102px 102px 0 #003448, 103px 103px 0 #003448, 103px 103px 0 #003448, 104px 104px 0 #003448, 105px 105px 0 #003448, 105px 105px 0 #003448;
  border-bottom: 5px solid #003448;
}
.big-title-teal,
.big-title.bg-teal,
.bg-teal > .section-header > .big-title {
  background: #00a890;
  background-image: linear-gradient(to right bottom, #00a890, #00a882);
  text-shadow: 0px 0px 0 #007564, 1px 1px 0 #007564, 1px 1px 0 #007564, 2px 2px 0 #007564, 3px 3px 0 #007564, 4px 4px 0 #007564, 4px 4px 0 #007564, 5px 5px 0 #007564, 6px 6px 0 #007564, 6px 6px 0 #007564, 7px 7px 0 #007564, 8px 8px 0 #007564, 8px 8px 0 #007564, 9px 9px 0 #007564, 10px 10px 0 #007564, 11px 11px 0 #007564, 11px 11px 0 #007564, 12px 12px 0 #007564, 13px 13px 0 #007564, 13px 13px 0 #007564, 14px 14px 0 #007564, 15px 15px 0 #007564, 16px 16px 0 #007564, 16px 16px 0 #007564, 17px 17px 0 #007564, 18px 18px 0 #007564, 18px 18px 0 #007564, 19px 19px 0 #007564, 20px 20px 0 #007564, 21px 21px 0 #007564, 21px 21px 0 #007564, 22px 22px 0 #007564, 23px 23px 0 #007564, 23px 23px 0 #007564, 24px 24px 0 #007564, 25px 25px 0 #007564, 25px 25px 0 #007564, 26px 26px 0 #007564, 27px 27px 0 #007564, 28px 28px 0 #007564, 28px 28px 0 #007564, 29px 29px 0 #007564, 30px 30px 0 #007564, 30px 30px 0 #007564, 31px 31px 0 #007564, 32px 32px 0 #007564, 33px 33px 0 #007564, 33px 33px 0 #007564, 34px 34px 0 #007564, 35px 35px 0 #007564, 35px 35px 0 #007564, 36px 36px 0 #007564, 37px 37px 0 #007564, 37px 37px 0 #007564, 38px 38px 0 #007564, 39px 39px 0 #007564, 40px 40px 0 #007564, 40px 40px 0 #007564, 41px 41px 0 #007564, 42px 42px 0 #007564, 42px 42px 0 #007564, 43px 43px 0 #007564, 44px 44px 0 #007564, 45px 45px 0 #007564, 45px 45px 0 #007564, 46px 46px 0 #007564, 47px 47px 0 #007564, 47px 47px 0 #007564, 48px 48px 0 #007564, 49px 49px 0 #007564, 49px 49px 0 #007564, 50px 50px 0 #007564, 51px 51px 0 #007564, 52px 52px 0 #007564, 52px 52px 0 #007564, 53px 53px 0 #007564, 54px 54px 0 #007564, 54px 54px 0 #007564, 55px 55px 0 #007564, 56px 56px 0 #007564, 57px 57px 0 #007564, 57px 57px 0 #007564, 58px 58px 0 #007564, 59px 59px 0 #007564, 59px 59px 0 #007564, 60px 60px 0 #007564, 61px 61px 0 #007564, 62px 62px 0 #007564, 62px 62px 0 #007564, 63px 63px 0 #007564, 64px 64px 0 #007564, 64px 64px 0 #007564, 65px 65px 0 #007564, 66px 66px 0 #007564, 66px 66px 0 #007564, 67px 67px 0 #007564, 68px 68px 0 #007564, 69px 69px 0 #007564, 69px 69px 0 #007564, 70px 70px 0 #007564, 71px 71px 0 #007564, 71px 71px 0 #007564, 72px 72px 0 #007564, 73px 73px 0 #007564, 74px 74px 0 #007564, 74px 74px 0 #007564, 75px 75px 0 #007564, 76px 76px 0 #007564, 76px 76px 0 #007564, 77px 77px 0 #007564, 78px 78px 0 #007564, 78px 78px 0 #007564, 79px 79px 0 #007564, 80px 80px 0 #007564, 81px 81px 0 #007564, 81px 81px 0 #007564, 82px 82px 0 #007564, 83px 83px 0 #007564, 83px 83px 0 #007564, 84px 84px 0 #007564, 85px 85px 0 #007564, 86px 86px 0 #007564, 86px 86px 0 #007564, 87px 87px 0 #007564, 88px 88px 0 #007564, 88px 88px 0 #007564, 89px 89px 0 #007564, 90px 90px 0 #007564, 91px 91px 0 #007564, 91px 91px 0 #007564, 92px 92px 0 #007564, 93px 93px 0 #007564, 93px 93px 0 #007564, 94px 94px 0 #007564, 95px 95px 0 #007564, 95px 95px 0 #007564, 96px 96px 0 #007564, 97px 97px 0 #007564, 98px 98px 0 #007564, 98px 98px 0 #007564, 99px 99px 0 #007564, 100px 100px 0 #007564, 100px 100px 0 #007564, 101px 101px 0 #007564, 102px 102px 0 #007564, 103px 103px 0 #007564, 103px 103px 0 #007564, 104px 104px 0 #007564, 105px 105px 0 #007564, 105px 105px 0 #007564;
  border-bottom: 5px solid #007564;
}
.big-title-orange,
.big-title.bg-orange,
.bg-orange > .section-header > .big-title {
  background: #f6891f;
  background-image: linear-gradient(to right bottom, #f6891f, #f6771f);
  text-shadow: 0px 0px 0 #d97009, 1px 1px 0 #d97009, 1px 1px 0 #d97009, 2px 2px 0 #d97009, 3px 3px 0 #d97009, 4px 4px 0 #d97009, 4px 4px 0 #d97009, 5px 5px 0 #d97009, 6px 6px 0 #d97009, 6px 6px 0 #d97009, 7px 7px 0 #d97009, 8px 8px 0 #d97009, 8px 8px 0 #d97009, 9px 9px 0 #d97009, 10px 10px 0 #d97009, 11px 11px 0 #d97009, 11px 11px 0 #d97009, 12px 12px 0 #d97009, 13px 13px 0 #d97009, 13px 13px 0 #d97009, 14px 14px 0 #d97009, 15px 15px 0 #d97009, 16px 16px 0 #d97009, 16px 16px 0 #d97009, 17px 17px 0 #d97009, 18px 18px 0 #d97009, 18px 18px 0 #d97009, 19px 19px 0 #d97009, 20px 20px 0 #d97009, 21px 21px 0 #d97009, 21px 21px 0 #d97009, 22px 22px 0 #d97009, 23px 23px 0 #d97009, 23px 23px 0 #d97009, 24px 24px 0 #d97009, 25px 25px 0 #d97009, 25px 25px 0 #d97009, 26px 26px 0 #d97009, 27px 27px 0 #d97009, 28px 28px 0 #d97009, 28px 28px 0 #d97009, 29px 29px 0 #d97009, 30px 30px 0 #d97009, 30px 30px 0 #d97009, 31px 31px 0 #d97009, 32px 32px 0 #d97009, 33px 33px 0 #d97009, 33px 33px 0 #d97009, 34px 34px 0 #d97009, 35px 35px 0 #d97009, 35px 35px 0 #d97009, 36px 36px 0 #d97009, 37px 37px 0 #d97009, 37px 37px 0 #d97009, 38px 38px 0 #d97009, 39px 39px 0 #d97009, 40px 40px 0 #d97009, 40px 40px 0 #d97009, 41px 41px 0 #d97009, 42px 42px 0 #d97009, 42px 42px 0 #d97009, 43px 43px 0 #d97009, 44px 44px 0 #d97009, 45px 45px 0 #d97009, 45px 45px 0 #d97009, 46px 46px 0 #d97009, 47px 47px 0 #d97009, 47px 47px 0 #d97009, 48px 48px 0 #d97009, 49px 49px 0 #d97009, 49px 49px 0 #d97009, 50px 50px 0 #d97009, 51px 51px 0 #d97009, 52px 52px 0 #d97009, 52px 52px 0 #d97009, 53px 53px 0 #d97009, 54px 54px 0 #d97009, 54px 54px 0 #d97009, 55px 55px 0 #d97009, 56px 56px 0 #d97009, 57px 57px 0 #d97009, 57px 57px 0 #d97009, 58px 58px 0 #d97009, 59px 59px 0 #d97009, 59px 59px 0 #d97009, 60px 60px 0 #d97009, 61px 61px 0 #d97009, 62px 62px 0 #d97009, 62px 62px 0 #d97009, 63px 63px 0 #d97009, 64px 64px 0 #d97009, 64px 64px 0 #d97009, 65px 65px 0 #d97009, 66px 66px 0 #d97009, 66px 66px 0 #d97009, 67px 67px 0 #d97009, 68px 68px 0 #d97009, 69px 69px 0 #d97009, 69px 69px 0 #d97009, 70px 70px 0 #d97009, 71px 71px 0 #d97009, 71px 71px 0 #d97009, 72px 72px 0 #d97009, 73px 73px 0 #d97009, 74px 74px 0 #d97009, 74px 74px 0 #d97009, 75px 75px 0 #d97009, 76px 76px 0 #d97009, 76px 76px 0 #d97009, 77px 77px 0 #d97009, 78px 78px 0 #d97009, 78px 78px 0 #d97009, 79px 79px 0 #d97009, 80px 80px 0 #d97009, 81px 81px 0 #d97009, 81px 81px 0 #d97009, 82px 82px 0 #d97009, 83px 83px 0 #d97009, 83px 83px 0 #d97009, 84px 84px 0 #d97009, 85px 85px 0 #d97009, 86px 86px 0 #d97009, 86px 86px 0 #d97009, 87px 87px 0 #d97009, 88px 88px 0 #d97009, 88px 88px 0 #d97009, 89px 89px 0 #d97009, 90px 90px 0 #d97009, 91px 91px 0 #d97009, 91px 91px 0 #d97009, 92px 92px 0 #d97009, 93px 93px 0 #d97009, 93px 93px 0 #d97009, 94px 94px 0 #d97009, 95px 95px 0 #d97009, 95px 95px 0 #d97009, 96px 96px 0 #d97009, 97px 97px 0 #d97009, 98px 98px 0 #d97009, 98px 98px 0 #d97009, 99px 99px 0 #d97009, 100px 100px 0 #d97009, 100px 100px 0 #d97009, 101px 101px 0 #d97009, 102px 102px 0 #d97009, 103px 103px 0 #d97009, 103px 103px 0 #d97009, 104px 104px 0 #d97009, 105px 105px 0 #d97009, 105px 105px 0 #d97009;
  border-bottom: 5px solid #d97009;
}
.big-title-green,
.big-title.bg-green,
.bg-green > .section-header > .big-title {
  background: #378a4e;
  background-image: linear-gradient(to right bottom, #378a4e, #378a47);
  text-shadow: 0px 0px 0 #2b6d3e, 1px 1px 0 #2b6d3e, 1px 1px 0 #2b6d3e, 2px 2px 0 #2b6d3e, 3px 3px 0 #2b6d3e, 4px 4px 0 #2b6d3e, 4px 4px 0 #2b6d3e, 5px 5px 0 #2b6d3e, 6px 6px 0 #2b6d3e, 6px 6px 0 #2b6d3e, 7px 7px 0 #2b6d3e, 8px 8px 0 #2b6d3e, 8px 8px 0 #2b6d3e, 9px 9px 0 #2b6d3e, 10px 10px 0 #2b6d3e, 11px 11px 0 #2b6d3e, 11px 11px 0 #2b6d3e, 12px 12px 0 #2b6d3e, 13px 13px 0 #2b6d3e, 13px 13px 0 #2b6d3e, 14px 14px 0 #2b6d3e, 15px 15px 0 #2b6d3e, 16px 16px 0 #2b6d3e, 16px 16px 0 #2b6d3e, 17px 17px 0 #2b6d3e, 18px 18px 0 #2b6d3e, 18px 18px 0 #2b6d3e, 19px 19px 0 #2b6d3e, 20px 20px 0 #2b6d3e, 21px 21px 0 #2b6d3e, 21px 21px 0 #2b6d3e, 22px 22px 0 #2b6d3e, 23px 23px 0 #2b6d3e, 23px 23px 0 #2b6d3e, 24px 24px 0 #2b6d3e, 25px 25px 0 #2b6d3e, 25px 25px 0 #2b6d3e, 26px 26px 0 #2b6d3e, 27px 27px 0 #2b6d3e, 28px 28px 0 #2b6d3e, 28px 28px 0 #2b6d3e, 29px 29px 0 #2b6d3e, 30px 30px 0 #2b6d3e, 30px 30px 0 #2b6d3e, 31px 31px 0 #2b6d3e, 32px 32px 0 #2b6d3e, 33px 33px 0 #2b6d3e, 33px 33px 0 #2b6d3e, 34px 34px 0 #2b6d3e, 35px 35px 0 #2b6d3e, 35px 35px 0 #2b6d3e, 36px 36px 0 #2b6d3e, 37px 37px 0 #2b6d3e, 37px 37px 0 #2b6d3e, 38px 38px 0 #2b6d3e, 39px 39px 0 #2b6d3e, 40px 40px 0 #2b6d3e, 40px 40px 0 #2b6d3e, 41px 41px 0 #2b6d3e, 42px 42px 0 #2b6d3e, 42px 42px 0 #2b6d3e, 43px 43px 0 #2b6d3e, 44px 44px 0 #2b6d3e, 45px 45px 0 #2b6d3e, 45px 45px 0 #2b6d3e, 46px 46px 0 #2b6d3e, 47px 47px 0 #2b6d3e, 47px 47px 0 #2b6d3e, 48px 48px 0 #2b6d3e, 49px 49px 0 #2b6d3e, 49px 49px 0 #2b6d3e, 50px 50px 0 #2b6d3e, 51px 51px 0 #2b6d3e, 52px 52px 0 #2b6d3e, 52px 52px 0 #2b6d3e, 53px 53px 0 #2b6d3e, 54px 54px 0 #2b6d3e, 54px 54px 0 #2b6d3e, 55px 55px 0 #2b6d3e, 56px 56px 0 #2b6d3e, 57px 57px 0 #2b6d3e, 57px 57px 0 #2b6d3e, 58px 58px 0 #2b6d3e, 59px 59px 0 #2b6d3e, 59px 59px 0 #2b6d3e, 60px 60px 0 #2b6d3e, 61px 61px 0 #2b6d3e, 62px 62px 0 #2b6d3e, 62px 62px 0 #2b6d3e, 63px 63px 0 #2b6d3e, 64px 64px 0 #2b6d3e, 64px 64px 0 #2b6d3e, 65px 65px 0 #2b6d3e, 66px 66px 0 #2b6d3e, 66px 66px 0 #2b6d3e, 67px 67px 0 #2b6d3e, 68px 68px 0 #2b6d3e, 69px 69px 0 #2b6d3e, 69px 69px 0 #2b6d3e, 70px 70px 0 #2b6d3e, 71px 71px 0 #2b6d3e, 71px 71px 0 #2b6d3e, 72px 72px 0 #2b6d3e, 73px 73px 0 #2b6d3e, 74px 74px 0 #2b6d3e, 74px 74px 0 #2b6d3e, 75px 75px 0 #2b6d3e, 76px 76px 0 #2b6d3e, 76px 76px 0 #2b6d3e, 77px 77px 0 #2b6d3e, 78px 78px 0 #2b6d3e, 78px 78px 0 #2b6d3e, 79px 79px 0 #2b6d3e, 80px 80px 0 #2b6d3e, 81px 81px 0 #2b6d3e, 81px 81px 0 #2b6d3e, 82px 82px 0 #2b6d3e, 83px 83px 0 #2b6d3e, 83px 83px 0 #2b6d3e, 84px 84px 0 #2b6d3e, 85px 85px 0 #2b6d3e, 86px 86px 0 #2b6d3e, 86px 86px 0 #2b6d3e, 87px 87px 0 #2b6d3e, 88px 88px 0 #2b6d3e, 88px 88px 0 #2b6d3e, 89px 89px 0 #2b6d3e, 90px 90px 0 #2b6d3e, 91px 91px 0 #2b6d3e, 91px 91px 0 #2b6d3e, 92px 92px 0 #2b6d3e, 93px 93px 0 #2b6d3e, 93px 93px 0 #2b6d3e, 94px 94px 0 #2b6d3e, 95px 95px 0 #2b6d3e, 95px 95px 0 #2b6d3e, 96px 96px 0 #2b6d3e, 97px 97px 0 #2b6d3e, 98px 98px 0 #2b6d3e, 98px 98px 0 #2b6d3e, 99px 99px 0 #2b6d3e, 100px 100px 0 #2b6d3e, 100px 100px 0 #2b6d3e, 101px 101px 0 #2b6d3e, 102px 102px 0 #2b6d3e, 103px 103px 0 #2b6d3e, 103px 103px 0 #2b6d3e, 104px 104px 0 #2b6d3e, 105px 105px 0 #2b6d3e, 105px 105px 0 #2b6d3e;
  border-bottom: 5px solid #2b6d3e;
}
.big-title-green-light,
.big-title.bg-green-light,
.bg-green-light > .section-header > .big-title {
  background: #a6ce39;
  background-image: linear-gradient(to right bottom, #a6ce39, #b2ce39);
  text-shadow: 0px 0px 0 #8eb22c, 1px 1px 0 #8eb22c, 1px 1px 0 #8eb22c, 2px 2px 0 #8eb22c, 3px 3px 0 #8eb22c, 4px 4px 0 #8eb22c, 4px 4px 0 #8eb22c, 5px 5px 0 #8eb22c, 6px 6px 0 #8eb22c, 6px 6px 0 #8eb22c, 7px 7px 0 #8eb22c, 8px 8px 0 #8eb22c, 8px 8px 0 #8eb22c, 9px 9px 0 #8eb22c, 10px 10px 0 #8eb22c, 11px 11px 0 #8eb22c, 11px 11px 0 #8eb22c, 12px 12px 0 #8eb22c, 13px 13px 0 #8eb22c, 13px 13px 0 #8eb22c, 14px 14px 0 #8eb22c, 15px 15px 0 #8eb22c, 16px 16px 0 #8eb22c, 16px 16px 0 #8eb22c, 17px 17px 0 #8eb22c, 18px 18px 0 #8eb22c, 18px 18px 0 #8eb22c, 19px 19px 0 #8eb22c, 20px 20px 0 #8eb22c, 21px 21px 0 #8eb22c, 21px 21px 0 #8eb22c, 22px 22px 0 #8eb22c, 23px 23px 0 #8eb22c, 23px 23px 0 #8eb22c, 24px 24px 0 #8eb22c, 25px 25px 0 #8eb22c, 25px 25px 0 #8eb22c, 26px 26px 0 #8eb22c, 27px 27px 0 #8eb22c, 28px 28px 0 #8eb22c, 28px 28px 0 #8eb22c, 29px 29px 0 #8eb22c, 30px 30px 0 #8eb22c, 30px 30px 0 #8eb22c, 31px 31px 0 #8eb22c, 32px 32px 0 #8eb22c, 33px 33px 0 #8eb22c, 33px 33px 0 #8eb22c, 34px 34px 0 #8eb22c, 35px 35px 0 #8eb22c, 35px 35px 0 #8eb22c, 36px 36px 0 #8eb22c, 37px 37px 0 #8eb22c, 37px 37px 0 #8eb22c, 38px 38px 0 #8eb22c, 39px 39px 0 #8eb22c, 40px 40px 0 #8eb22c, 40px 40px 0 #8eb22c, 41px 41px 0 #8eb22c, 42px 42px 0 #8eb22c, 42px 42px 0 #8eb22c, 43px 43px 0 #8eb22c, 44px 44px 0 #8eb22c, 45px 45px 0 #8eb22c, 45px 45px 0 #8eb22c, 46px 46px 0 #8eb22c, 47px 47px 0 #8eb22c, 47px 47px 0 #8eb22c, 48px 48px 0 #8eb22c, 49px 49px 0 #8eb22c, 49px 49px 0 #8eb22c, 50px 50px 0 #8eb22c, 51px 51px 0 #8eb22c, 52px 52px 0 #8eb22c, 52px 52px 0 #8eb22c, 53px 53px 0 #8eb22c, 54px 54px 0 #8eb22c, 54px 54px 0 #8eb22c, 55px 55px 0 #8eb22c, 56px 56px 0 #8eb22c, 57px 57px 0 #8eb22c, 57px 57px 0 #8eb22c, 58px 58px 0 #8eb22c, 59px 59px 0 #8eb22c, 59px 59px 0 #8eb22c, 60px 60px 0 #8eb22c, 61px 61px 0 #8eb22c, 62px 62px 0 #8eb22c, 62px 62px 0 #8eb22c, 63px 63px 0 #8eb22c, 64px 64px 0 #8eb22c, 64px 64px 0 #8eb22c, 65px 65px 0 #8eb22c, 66px 66px 0 #8eb22c, 66px 66px 0 #8eb22c, 67px 67px 0 #8eb22c, 68px 68px 0 #8eb22c, 69px 69px 0 #8eb22c, 69px 69px 0 #8eb22c, 70px 70px 0 #8eb22c, 71px 71px 0 #8eb22c, 71px 71px 0 #8eb22c, 72px 72px 0 #8eb22c, 73px 73px 0 #8eb22c, 74px 74px 0 #8eb22c, 74px 74px 0 #8eb22c, 75px 75px 0 #8eb22c, 76px 76px 0 #8eb22c, 76px 76px 0 #8eb22c, 77px 77px 0 #8eb22c, 78px 78px 0 #8eb22c, 78px 78px 0 #8eb22c, 79px 79px 0 #8eb22c, 80px 80px 0 #8eb22c, 81px 81px 0 #8eb22c, 81px 81px 0 #8eb22c, 82px 82px 0 #8eb22c, 83px 83px 0 #8eb22c, 83px 83px 0 #8eb22c, 84px 84px 0 #8eb22c, 85px 85px 0 #8eb22c, 86px 86px 0 #8eb22c, 86px 86px 0 #8eb22c, 87px 87px 0 #8eb22c, 88px 88px 0 #8eb22c, 88px 88px 0 #8eb22c, 89px 89px 0 #8eb22c, 90px 90px 0 #8eb22c, 91px 91px 0 #8eb22c, 91px 91px 0 #8eb22c, 92px 92px 0 #8eb22c, 93px 93px 0 #8eb22c, 93px 93px 0 #8eb22c, 94px 94px 0 #8eb22c, 95px 95px 0 #8eb22c, 95px 95px 0 #8eb22c, 96px 96px 0 #8eb22c, 97px 97px 0 #8eb22c, 98px 98px 0 #8eb22c, 98px 98px 0 #8eb22c, 99px 99px 0 #8eb22c, 100px 100px 0 #8eb22c, 100px 100px 0 #8eb22c, 101px 101px 0 #8eb22c, 102px 102px 0 #8eb22c, 103px 103px 0 #8eb22c, 103px 103px 0 #8eb22c, 104px 104px 0 #8eb22c, 105px 105px 0 #8eb22c, 105px 105px 0 #8eb22c;
  border-bottom: 5px solid #8eb22c;
}
.big-title-olive,
.big-title.bg-olive,
.bg-olive > .section-header > .big-title {
  background: #9fa73b;
  background-image: linear-gradient(to right bottom, #9fa73b, #a7a63b);
  text-shadow: 0px 0px 0 #7b812e, 1px 1px 0 #7b812e, 1px 1px 0 #7b812e, 2px 2px 0 #7b812e, 3px 3px 0 #7b812e, 4px 4px 0 #7b812e, 4px 4px 0 #7b812e, 5px 5px 0 #7b812e, 6px 6px 0 #7b812e, 6px 6px 0 #7b812e, 7px 7px 0 #7b812e, 8px 8px 0 #7b812e, 8px 8px 0 #7b812e, 9px 9px 0 #7b812e, 10px 10px 0 #7b812e, 11px 11px 0 #7b812e, 11px 11px 0 #7b812e, 12px 12px 0 #7b812e, 13px 13px 0 #7b812e, 13px 13px 0 #7b812e, 14px 14px 0 #7b812e, 15px 15px 0 #7b812e, 16px 16px 0 #7b812e, 16px 16px 0 #7b812e, 17px 17px 0 #7b812e, 18px 18px 0 #7b812e, 18px 18px 0 #7b812e, 19px 19px 0 #7b812e, 20px 20px 0 #7b812e, 21px 21px 0 #7b812e, 21px 21px 0 #7b812e, 22px 22px 0 #7b812e, 23px 23px 0 #7b812e, 23px 23px 0 #7b812e, 24px 24px 0 #7b812e, 25px 25px 0 #7b812e, 25px 25px 0 #7b812e, 26px 26px 0 #7b812e, 27px 27px 0 #7b812e, 28px 28px 0 #7b812e, 28px 28px 0 #7b812e, 29px 29px 0 #7b812e, 30px 30px 0 #7b812e, 30px 30px 0 #7b812e, 31px 31px 0 #7b812e, 32px 32px 0 #7b812e, 33px 33px 0 #7b812e, 33px 33px 0 #7b812e, 34px 34px 0 #7b812e, 35px 35px 0 #7b812e, 35px 35px 0 #7b812e, 36px 36px 0 #7b812e, 37px 37px 0 #7b812e, 37px 37px 0 #7b812e, 38px 38px 0 #7b812e, 39px 39px 0 #7b812e, 40px 40px 0 #7b812e, 40px 40px 0 #7b812e, 41px 41px 0 #7b812e, 42px 42px 0 #7b812e, 42px 42px 0 #7b812e, 43px 43px 0 #7b812e, 44px 44px 0 #7b812e, 45px 45px 0 #7b812e, 45px 45px 0 #7b812e, 46px 46px 0 #7b812e, 47px 47px 0 #7b812e, 47px 47px 0 #7b812e, 48px 48px 0 #7b812e, 49px 49px 0 #7b812e, 49px 49px 0 #7b812e, 50px 50px 0 #7b812e, 51px 51px 0 #7b812e, 52px 52px 0 #7b812e, 52px 52px 0 #7b812e, 53px 53px 0 #7b812e, 54px 54px 0 #7b812e, 54px 54px 0 #7b812e, 55px 55px 0 #7b812e, 56px 56px 0 #7b812e, 57px 57px 0 #7b812e, 57px 57px 0 #7b812e, 58px 58px 0 #7b812e, 59px 59px 0 #7b812e, 59px 59px 0 #7b812e, 60px 60px 0 #7b812e, 61px 61px 0 #7b812e, 62px 62px 0 #7b812e, 62px 62px 0 #7b812e, 63px 63px 0 #7b812e, 64px 64px 0 #7b812e, 64px 64px 0 #7b812e, 65px 65px 0 #7b812e, 66px 66px 0 #7b812e, 66px 66px 0 #7b812e, 67px 67px 0 #7b812e, 68px 68px 0 #7b812e, 69px 69px 0 #7b812e, 69px 69px 0 #7b812e, 70px 70px 0 #7b812e, 71px 71px 0 #7b812e, 71px 71px 0 #7b812e, 72px 72px 0 #7b812e, 73px 73px 0 #7b812e, 74px 74px 0 #7b812e, 74px 74px 0 #7b812e, 75px 75px 0 #7b812e, 76px 76px 0 #7b812e, 76px 76px 0 #7b812e, 77px 77px 0 #7b812e, 78px 78px 0 #7b812e, 78px 78px 0 #7b812e, 79px 79px 0 #7b812e, 80px 80px 0 #7b812e, 81px 81px 0 #7b812e, 81px 81px 0 #7b812e, 82px 82px 0 #7b812e, 83px 83px 0 #7b812e, 83px 83px 0 #7b812e, 84px 84px 0 #7b812e, 85px 85px 0 #7b812e, 86px 86px 0 #7b812e, 86px 86px 0 #7b812e, 87px 87px 0 #7b812e, 88px 88px 0 #7b812e, 88px 88px 0 #7b812e, 89px 89px 0 #7b812e, 90px 90px 0 #7b812e, 91px 91px 0 #7b812e, 91px 91px 0 #7b812e, 92px 92px 0 #7b812e, 93px 93px 0 #7b812e, 93px 93px 0 #7b812e, 94px 94px 0 #7b812e, 95px 95px 0 #7b812e, 95px 95px 0 #7b812e, 96px 96px 0 #7b812e, 97px 97px 0 #7b812e, 98px 98px 0 #7b812e, 98px 98px 0 #7b812e, 99px 99px 0 #7b812e, 100px 100px 0 #7b812e, 100px 100px 0 #7b812e, 101px 101px 0 #7b812e, 102px 102px 0 #7b812e, 103px 103px 0 #7b812e, 103px 103px 0 #7b812e, 104px 104px 0 #7b812e, 105px 105px 0 #7b812e, 105px 105px 0 #7b812e;
  border-bottom: 5px solid #7b812e;
}
.big-title-pink,
.big-title.bg-pink,
.bg-pink > .section-header > .big-title {
  background: #d60c8c;
  background-image: linear-gradient(to right bottom, #d60c8c, #d60c9d);
  text-shadow: 0px 0px 0 #a6096c, 1px 1px 0 #a6096c, 1px 1px 0 #a6096c, 2px 2px 0 #a6096c, 3px 3px 0 #a6096c, 4px 4px 0 #a6096c, 4px 4px 0 #a6096c, 5px 5px 0 #a6096c, 6px 6px 0 #a6096c, 6px 6px 0 #a6096c, 7px 7px 0 #a6096c, 8px 8px 0 #a6096c, 8px 8px 0 #a6096c, 9px 9px 0 #a6096c, 10px 10px 0 #a6096c, 11px 11px 0 #a6096c, 11px 11px 0 #a6096c, 12px 12px 0 #a6096c, 13px 13px 0 #a6096c, 13px 13px 0 #a6096c, 14px 14px 0 #a6096c, 15px 15px 0 #a6096c, 16px 16px 0 #a6096c, 16px 16px 0 #a6096c, 17px 17px 0 #a6096c, 18px 18px 0 #a6096c, 18px 18px 0 #a6096c, 19px 19px 0 #a6096c, 20px 20px 0 #a6096c, 21px 21px 0 #a6096c, 21px 21px 0 #a6096c, 22px 22px 0 #a6096c, 23px 23px 0 #a6096c, 23px 23px 0 #a6096c, 24px 24px 0 #a6096c, 25px 25px 0 #a6096c, 25px 25px 0 #a6096c, 26px 26px 0 #a6096c, 27px 27px 0 #a6096c, 28px 28px 0 #a6096c, 28px 28px 0 #a6096c, 29px 29px 0 #a6096c, 30px 30px 0 #a6096c, 30px 30px 0 #a6096c, 31px 31px 0 #a6096c, 32px 32px 0 #a6096c, 33px 33px 0 #a6096c, 33px 33px 0 #a6096c, 34px 34px 0 #a6096c, 35px 35px 0 #a6096c, 35px 35px 0 #a6096c, 36px 36px 0 #a6096c, 37px 37px 0 #a6096c, 37px 37px 0 #a6096c, 38px 38px 0 #a6096c, 39px 39px 0 #a6096c, 40px 40px 0 #a6096c, 40px 40px 0 #a6096c, 41px 41px 0 #a6096c, 42px 42px 0 #a6096c, 42px 42px 0 #a6096c, 43px 43px 0 #a6096c, 44px 44px 0 #a6096c, 45px 45px 0 #a6096c, 45px 45px 0 #a6096c, 46px 46px 0 #a6096c, 47px 47px 0 #a6096c, 47px 47px 0 #a6096c, 48px 48px 0 #a6096c, 49px 49px 0 #a6096c, 49px 49px 0 #a6096c, 50px 50px 0 #a6096c, 51px 51px 0 #a6096c, 52px 52px 0 #a6096c, 52px 52px 0 #a6096c, 53px 53px 0 #a6096c, 54px 54px 0 #a6096c, 54px 54px 0 #a6096c, 55px 55px 0 #a6096c, 56px 56px 0 #a6096c, 57px 57px 0 #a6096c, 57px 57px 0 #a6096c, 58px 58px 0 #a6096c, 59px 59px 0 #a6096c, 59px 59px 0 #a6096c, 60px 60px 0 #a6096c, 61px 61px 0 #a6096c, 62px 62px 0 #a6096c, 62px 62px 0 #a6096c, 63px 63px 0 #a6096c, 64px 64px 0 #a6096c, 64px 64px 0 #a6096c, 65px 65px 0 #a6096c, 66px 66px 0 #a6096c, 66px 66px 0 #a6096c, 67px 67px 0 #a6096c, 68px 68px 0 #a6096c, 69px 69px 0 #a6096c, 69px 69px 0 #a6096c, 70px 70px 0 #a6096c, 71px 71px 0 #a6096c, 71px 71px 0 #a6096c, 72px 72px 0 #a6096c, 73px 73px 0 #a6096c, 74px 74px 0 #a6096c, 74px 74px 0 #a6096c, 75px 75px 0 #a6096c, 76px 76px 0 #a6096c, 76px 76px 0 #a6096c, 77px 77px 0 #a6096c, 78px 78px 0 #a6096c, 78px 78px 0 #a6096c, 79px 79px 0 #a6096c, 80px 80px 0 #a6096c, 81px 81px 0 #a6096c, 81px 81px 0 #a6096c, 82px 82px 0 #a6096c, 83px 83px 0 #a6096c, 83px 83px 0 #a6096c, 84px 84px 0 #a6096c, 85px 85px 0 #a6096c, 86px 86px 0 #a6096c, 86px 86px 0 #a6096c, 87px 87px 0 #a6096c, 88px 88px 0 #a6096c, 88px 88px 0 #a6096c, 89px 89px 0 #a6096c, 90px 90px 0 #a6096c, 91px 91px 0 #a6096c, 91px 91px 0 #a6096c, 92px 92px 0 #a6096c, 93px 93px 0 #a6096c, 93px 93px 0 #a6096c, 94px 94px 0 #a6096c, 95px 95px 0 #a6096c, 95px 95px 0 #a6096c, 96px 96px 0 #a6096c, 97px 97px 0 #a6096c, 98px 98px 0 #a6096c, 98px 98px 0 #a6096c, 99px 99px 0 #a6096c, 100px 100px 0 #a6096c, 100px 100px 0 #a6096c, 101px 101px 0 #a6096c, 102px 102px 0 #a6096c, 103px 103px 0 #a6096c, 103px 103px 0 #a6096c, 104px 104px 0 #a6096c, 105px 105px 0 #a6096c, 105px 105px 0 #a6096c;
  border-bottom: 5px solid #a6096c;
}
.big-title-black,
.big-title.bg-black,
.bg-black > .section-header > .big-title {
  background: #2b2b2b;
  background-image: linear-gradient(to right bottom, #2b2b2b, #2b2b2b);
  text-shadow: 0px 0px 0 #121212, 1px 1px 0 #121212, 1px 1px 0 #121212, 2px 2px 0 #121212, 3px 3px 0 #121212, 4px 4px 0 #121212, 4px 4px 0 #121212, 5px 5px 0 #121212, 6px 6px 0 #121212, 6px 6px 0 #121212, 7px 7px 0 #121212, 8px 8px 0 #121212, 8px 8px 0 #121212, 9px 9px 0 #121212, 10px 10px 0 #121212, 11px 11px 0 #121212, 11px 11px 0 #121212, 12px 12px 0 #121212, 13px 13px 0 #121212, 13px 13px 0 #121212, 14px 14px 0 #121212, 15px 15px 0 #121212, 16px 16px 0 #121212, 16px 16px 0 #121212, 17px 17px 0 #121212, 18px 18px 0 #121212, 18px 18px 0 #121212, 19px 19px 0 #121212, 20px 20px 0 #121212, 21px 21px 0 #121212, 21px 21px 0 #121212, 22px 22px 0 #121212, 23px 23px 0 #121212, 23px 23px 0 #121212, 24px 24px 0 #121212, 25px 25px 0 #121212, 25px 25px 0 #121212, 26px 26px 0 #121212, 27px 27px 0 #121212, 28px 28px 0 #121212, 28px 28px 0 #121212, 29px 29px 0 #121212, 30px 30px 0 #121212, 30px 30px 0 #121212, 31px 31px 0 #121212, 32px 32px 0 #121212, 33px 33px 0 #121212, 33px 33px 0 #121212, 34px 34px 0 #121212, 35px 35px 0 #121212, 35px 35px 0 #121212, 36px 36px 0 #121212, 37px 37px 0 #121212, 37px 37px 0 #121212, 38px 38px 0 #121212, 39px 39px 0 #121212, 40px 40px 0 #121212, 40px 40px 0 #121212, 41px 41px 0 #121212, 42px 42px 0 #121212, 42px 42px 0 #121212, 43px 43px 0 #121212, 44px 44px 0 #121212, 45px 45px 0 #121212, 45px 45px 0 #121212, 46px 46px 0 #121212, 47px 47px 0 #121212, 47px 47px 0 #121212, 48px 48px 0 #121212, 49px 49px 0 #121212, 49px 49px 0 #121212, 50px 50px 0 #121212, 51px 51px 0 #121212, 52px 52px 0 #121212, 52px 52px 0 #121212, 53px 53px 0 #121212, 54px 54px 0 #121212, 54px 54px 0 #121212, 55px 55px 0 #121212, 56px 56px 0 #121212, 57px 57px 0 #121212, 57px 57px 0 #121212, 58px 58px 0 #121212, 59px 59px 0 #121212, 59px 59px 0 #121212, 60px 60px 0 #121212, 61px 61px 0 #121212, 62px 62px 0 #121212, 62px 62px 0 #121212, 63px 63px 0 #121212, 64px 64px 0 #121212, 64px 64px 0 #121212, 65px 65px 0 #121212, 66px 66px 0 #121212, 66px 66px 0 #121212, 67px 67px 0 #121212, 68px 68px 0 #121212, 69px 69px 0 #121212, 69px 69px 0 #121212, 70px 70px 0 #121212, 71px 71px 0 #121212, 71px 71px 0 #121212, 72px 72px 0 #121212, 73px 73px 0 #121212, 74px 74px 0 #121212, 74px 74px 0 #121212, 75px 75px 0 #121212, 76px 76px 0 #121212, 76px 76px 0 #121212, 77px 77px 0 #121212, 78px 78px 0 #121212, 78px 78px 0 #121212, 79px 79px 0 #121212, 80px 80px 0 #121212, 81px 81px 0 #121212, 81px 81px 0 #121212, 82px 82px 0 #121212, 83px 83px 0 #121212, 83px 83px 0 #121212, 84px 84px 0 #121212, 85px 85px 0 #121212, 86px 86px 0 #121212, 86px 86px 0 #121212, 87px 87px 0 #121212, 88px 88px 0 #121212, 88px 88px 0 #121212, 89px 89px 0 #121212, 90px 90px 0 #121212, 91px 91px 0 #121212, 91px 91px 0 #121212, 92px 92px 0 #121212, 93px 93px 0 #121212, 93px 93px 0 #121212, 94px 94px 0 #121212, 95px 95px 0 #121212, 95px 95px 0 #121212, 96px 96px 0 #121212, 97px 97px 0 #121212, 98px 98px 0 #121212, 98px 98px 0 #121212, 99px 99px 0 #121212, 100px 100px 0 #121212, 100px 100px 0 #121212, 101px 101px 0 #121212, 102px 102px 0 #121212, 103px 103px 0 #121212, 103px 103px 0 #121212, 104px 104px 0 #121212, 105px 105px 0 #121212, 105px 105px 0 #121212;
  border-bottom: 5px solid #121212;
}
section[class*="bg-"] > .section-header > .big-title {
  background: transparent;
}
.section-title {
  font-size: 3em !important;
  text-align: center;
  margin-bottom: 0;
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  padding-top: 40px;
  border: none;
}
@media screen and (min-width: 38em) {
  .section-title {
    padding-top: 70px;
  }
}
.basic-title {
  padding-top: 40px;
}
@media screen and (min-width: 38em) {
  .basic-title {
    padding-top: 70px;
  }
}
.border-title,
.serif-title-no-border {
  max-width: 30em;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  line-height: 1;
  color: #7c7d80;
  border-bottom: 2px solid #ebe8eb;
  padding-bottom: 0.125em;
  padding-top: 40px;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  text-transform: none;
  text-align: left;
}
@media screen and (min-width: 38em) {
  .border-title,
  .serif-title-no-border {
    max-width: 60em;
  }
}
.border-title .section-title.border-title,
.serif-title-no-border .section-title.border-title {
  width: 100%;
}
@media screen and (min-width: 38em) {
  .border-title,
  .serif-title-no-border {
    padding-top: 70px;
  }
}
[class*='bg-'] .border-title,
[class*='bg-'] .serif-title-no-border {
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.bg-white .border-title,
.bg-white .serif-title-no-border,
.bg-grey-lighter .border-title,
.bg-grey-lighter .serif-title-no-border {
  text-shadow: none;
  box-shadow: none;
}
.bg-red2 .border-title,
.bg-red2 .serif-title-no-border {
  color: #fff;
  border-bottom: 2px solid #b50938/1.5;
}
.bg-teal .border-title,
.bg-teal .serif-title-no-border {
  color: #fff;
  border-bottom: 2px solid #00a890/1.5;
}
.bg-pink .border-title,
.bg-pink .serif-title-no-border {
  color: #fff;
  border-bottom: 2px solid #d60c8c/1.5;
}
.bg-blue .border-title,
.bg-blue .serif-title-no-border {
  color: #fff;
  border-bottom: 2px solid #0071bc/1.5;
}
.bg-yellow .border-title,
.bg-yellow .serif-title-no-border {
  color: #fff;
  border-bottom: 2px solid #ffc50b/1.5;
}
.border-title.c-blue,
.serif-title-no-border.c-blue {
  color: #fff;
}
.border-title.c-teal,
.serif-title-no-border.c-teal {
  color: #fff;
}
.border-title.c-pink,
.serif-title-no-border.c-pink {
  color: #fff;
}
.serif-title-no-border {
  border: none;
  box-shadow: none !important;
}
.fancy-title {
  text-align: center;
  line-height: 1;
  color: #b50938;
}
.fancy-title span {
  display: inline-block;
}
.fancy-title span:before,
.fancy-title span:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 0;
  border-bottom: 2px solid #b50938;
  vertical-align: middle;
  margin: 0 10px;
}
@media screen and (min-width: 38em) {
  .fancy-title span:before,
  .fancy-title span:after {
    width: 75px;
  }
}
@media screen and (min-width: 56em) {
  .fancy-title span:before,
  .fancy-title span:after {
    width: 150px;
  }
}
.bg-red .fancy-title span:before,
.bg-red .fancy-title span:after {
  border-color: #9e090f;
}
.bg-blue .fancy-title span:before,
.bg-blue .fancy-title span:after {
  border-color: #005289;
}
.bg-orange .fancy-title span:before,
.bg-orange .fancy-title span:after {
  border-color: #c66508;
}
.bg-red .fancy-title {
  color: #9e090f;
}
.bg-blue .fancy-title {
  color: #005289;
}
.bg-orange .fancy-title {
  color: #c66508;
}
.super-headline {
  background: #f7f7f7;
  padding: 3em;
  margin: 3.17647rem 0;
  width: 100%;
  border-top: solid 1px #E3E3E3;
  border-bottom: solid 1px #E3E3E3;
}
.super-headline .wrapper {
  margin: 0 auto;
  max-width: 44.94118rem;
}
.super-headline h1 {
  margin: 0;
  color: #f6891f;
  font-family: 'Fredoka One', sans-serif;
  font-style: normal;
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.super-headline p {
  font-size: 1.25em;
  line-height: 1.6;
  color: #7c7d80;
  margin-bottom: 0;
}
@media screen and (min-width: 38em) {
  .super-headline p {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 60em) {
  .super-headline p {
    font-size: 1.5em;
  }
}
/* Links *
-----------------------------------------------*/
a {
  color: #b50938;
  transition: all 0.15s ease;
  outline: none;
  text-decoration: none;
}
a:hover {
  color: #b50938/1.1;
  border-bottom-color: transparent;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.content ul {
  margin-bottom: 1em;
  padding-left: 25px;
}
.content ul li {
  list-style: none;
  margin-bottom: 0.25em;
  padding-left: 10px;
  padding-bottom: 5px;
  position: relative;
}
.content ul li:before {
  content: "• ";
  position: absolute;
  left: 0;
  top: 0;
}
.content .gform_wrapper ul {
  padding: 0;
}
.content .gform_wrapper ul li {
  text-indent: 0;
}
.content .gform_wrapper ul li:before {
  display: none;
}
/* PARAGRAPHS *
-----------------------------------------------*/
p {
  line-height: 1.5;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.large {
  font-size: 1.25em;
  line-height: 1.6;
}
@media screen and (min-width: 38em) {
  .large {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 60em) {
  .large {
    font-size: 1.5em;
  }
}
small,
.small,
.content .small {
  font-size: 0.8em;
}
.meta {
  font-size: 0.8em;
}
@media screen and (min-width: 66em) {
  .meta {
    font-size: 0.8em !important;
  }
}
b,
strong {
  font-weight: 700;
}
b em,
strong em {
  font-family: 'Fredoka One', sans-serif;
  font-style: normal;
  font-style: italic;
}
blockquote {
  font-size: 1.4em;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-style: italic;
  color: #7c7d80;
  margin: 1em 0;
  padding: 0.5em;
  padding-left: 1.5rem;
  border-left: 10px solid #0071bc;
  border-right: 2px solid #0071bc;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 15px #ccc;
}
/* TEXT BLOCK *
-----------------------------------------------*/
.text-block {
  display: block;
  max-width: 600px;
  margin: 0 auto 1.5em;
  padding: 1.5em;
  border-radius: 6px;
}
@media screen and (min-width: 38em) {
  .text-block {
    padding: 2.5em;
  }
}
.center,
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.c-black {
  color: #2b2b2b;
}
.c-white {
  color: #ffffff;
}
.c-grey {
  color: #7c7d80;
}
.c-grey-light {
  color: #ebe8eb;
}
.c-grey-lighter {
  color: #f7f7f7;
}
.c-red {
  color: #e20d15;
}
.c-red2 {
  color: #b50938;
}
.c-blue {
  color: #0071bc;
}
.c-orange {
  color: #f6891f;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v7/VyzH0eNzfhxMjuJ3chtK7H-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v7/HEpP8tJXlWaYHimsnXgfCOvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v7/JGVZEP92dXgoQBG1CnQcfIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v7/evC1haE-MsorTl_A7_uSGZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(https://fonts.gstatic.com/s/breeserif/v5/0daoUMW28nkWOnFz2G4AAgsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(https://fonts.gstatic.com/s/breeserif/v5/LQ7WLTaITDg4OSRuOZCpswzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  src: local('Fredoka One'), local('FredokaOne-Regular'), url(https://fonts.gstatic.com/s/fredokaone/v4/SL0aFUFfkFMMdariYQ3_YYgp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*BUTTONS *
-----------------------------------------------*/
.btn,
button,
.btn-red2,
.btn-orange,
.btn-yellow,
.btn-grey-light,
.btn-grey-lighter,
.btn-alt,
.btn-big,
.btn-small,
.MyAccount div.Options ul li a.Selected,
.MyAccount div.Options ul li a,
.MyAccount .Buttons:first-of-type .Button,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete,
.NewAddress,
.PagerPrevious.PagerButton,
.PagerNext.PagerButton,
.MyPaymentCards a,
.Basket2 .ItemEditButton,
.Basket2 .ItemDeleteButton,
.Checkout .Buttons .Edit,
.Checkout .Button.EditButton,
.Checkout .Button.AddAddressesButton,
.Checkout .Buttons .Delivery,
.Checkout .Buttons .Billing,
.Checkout .RedeemVoucher .Button,
.Basket2 div.Savings .Button,
.Memberships .Membership .Buttons input[type=submit] {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
}
.btn.rounded,
button.rounded,
.btn-red2.rounded,
.btn-orange.rounded,
.btn-yellow.rounded,
.btn-grey-light.rounded,
.btn-grey-lighter.rounded,
.btn-alt.rounded,
.btn-big.rounded,
.btn-small.rounded,
.MyAccount div.Options ul li a.Selected.rounded,
.MyAccount div.Options ul li a.rounded,
.MyAccount .Buttons:first-of-type .Button.rounded,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.rounded,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.rounded,
.NewAddress.rounded,
.PagerPrevious.PagerButton.rounded,
.PagerNext.PagerButton.rounded,
.MyPaymentCards a.rounded,
.Basket2 .ItemEditButton.rounded,
.Basket2 .ItemDeleteButton.rounded,
.Checkout .Buttons .Edit.rounded,
.Checkout .Button.EditButton.rounded,
.Checkout .Button.AddAddressesButton.rounded,
.Checkout .Buttons .Delivery.rounded,
.Checkout .Buttons .Billing.rounded,
.Checkout .RedeemVoucher .Button.rounded,
.Basket2 div.Savings .Button.rounded,
.Memberships .Membership .Buttons input[type=submit].rounded {
  border-radius: 25px;
}
.btn.big,
button.big,
.btn-red2.big,
.btn-orange.big,
.btn-yellow.big,
.btn-grey-light.big,
.btn-grey-lighter.big,
.btn-alt.big,
.btn-big.big,
.btn-small.big,
.MyAccount div.Options ul li a.Selected.big,
.MyAccount div.Options ul li a.big,
.MyAccount .Buttons:first-of-type .Button.big,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.big,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.big,
.NewAddress.big,
.PagerPrevious.PagerButton.big,
.PagerNext.PagerButton.big,
.MyPaymentCards a.big,
.Basket2 .ItemEditButton.big,
.Basket2 .ItemDeleteButton.big,
.Checkout .Buttons .Edit.big,
.Checkout .Button.EditButton.big,
.Checkout .Button.AddAddressesButton.big,
.Checkout .Buttons .Delivery.big,
.Checkout .Buttons .Billing.big,
.Checkout .RedeemVoucher .Button.big,
.Basket2 div.Savings .Button.big,
.Memberships .Membership .Buttons input[type=submit].big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn.big.rounded,
button.big.rounded,
.btn-red2.big.rounded,
.btn-orange.big.rounded,
.btn-yellow.big.rounded,
.btn-grey-light.big.rounded,
.btn-grey-lighter.big.rounded,
.btn-alt.big.rounded,
.btn-big.big.rounded,
.btn-small.big.rounded,
.MyAccount div.Options ul li a.Selected.big.rounded,
.MyAccount div.Options ul li a.big.rounded,
.MyAccount .Buttons:first-of-type .Button.big.rounded,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.big.rounded,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.big.rounded,
.NewAddress.big.rounded,
.PagerPrevious.PagerButton.big.rounded,
.PagerNext.PagerButton.big.rounded,
.MyPaymentCards a.big.rounded,
.Basket2 .ItemEditButton.big.rounded,
.Basket2 .ItemDeleteButton.big.rounded,
.Checkout .Buttons .Edit.big.rounded,
.Checkout .Button.EditButton.big.rounded,
.Checkout .Button.AddAddressesButton.big.rounded,
.Checkout .Buttons .Delivery.big.rounded,
.Checkout .Buttons .Billing.big.rounded,
.Checkout .RedeemVoucher .Button.big.rounded,
.Basket2 div.Savings .Button.big.rounded,
.Memberships .Membership .Buttons input[type=submit].big.rounded {
  border-radius: 50px;
}
.btn.small,
button.small,
.btn-red2.small,
.btn-orange.small,
.btn-yellow.small,
.btn-grey-light.small,
.btn-grey-lighter.small,
.btn-alt.small,
.btn-big.small,
.btn-small.small,
.MyAccount div.Options ul li a.Selected.small,
.MyAccount div.Options ul li a.small,
.MyAccount .Buttons:first-of-type .Button.small,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.small,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.small,
.NewAddress.small,
.PagerPrevious.PagerButton.small,
.PagerNext.PagerButton.small,
.MyPaymentCards a.small,
.Basket2 .ItemEditButton.small,
.Basket2 .ItemDeleteButton.small,
.Checkout .Buttons .Edit.small,
.Checkout .Button.EditButton.small,
.Checkout .Button.AddAddressesButton.small,
.Checkout .Buttons .Delivery.small,
.Checkout .Buttons .Billing.small,
.Checkout .RedeemVoucher .Button.small,
.Basket2 div.Savings .Button.small,
.Memberships .Membership .Buttons input[type=submit].small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn.small.disable,
button.small.disable,
.btn-red2.small.disable,
.btn-orange.small.disable,
.btn-yellow.small.disable,
.btn-grey-light.small.disable,
.btn-grey-lighter.small.disable,
.btn-alt.small.disable,
.btn-big.small.disable,
.btn-small.small.disable,
.MyAccount div.Options ul li a.Selected.small.disable,
.MyAccount div.Options ul li a.small.disable,
.MyAccount .Buttons:first-of-type .Button.small.disable,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.small.disable,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.small.disable,
.NewAddress.small.disable,
.PagerPrevious.PagerButton.small.disable,
.PagerNext.PagerButton.small.disable,
.MyPaymentCards a.small.disable,
.Basket2 .ItemEditButton.small.disable,
.Basket2 .ItemDeleteButton.small.disable,
.Checkout .Buttons .Edit.small.disable,
.Checkout .Button.EditButton.small.disable,
.Checkout .Button.AddAddressesButton.small.disable,
.Checkout .Buttons .Delivery.small.disable,
.Checkout .Buttons .Billing.small.disable,
.Checkout .RedeemVoucher .Button.small.disable,
.Basket2 div.Savings .Button.small.disable,
.Memberships .Membership .Buttons input[type=submit].small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn.cta,
button.cta,
.btn-red2.cta,
.btn-orange.cta,
.btn-yellow.cta,
.btn-grey-light.cta,
.btn-grey-lighter.cta,
.btn-alt.cta,
.btn-big.cta,
.btn-small.cta,
.MyAccount div.Options ul li a.Selected.cta,
.MyAccount div.Options ul li a.cta,
.MyAccount .Buttons:first-of-type .Button.cta,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta,
.NewAddress.cta,
.PagerPrevious.PagerButton.cta,
.PagerNext.PagerButton.cta,
.MyPaymentCards a.cta,
.Basket2 .ItemEditButton.cta,
.Basket2 .ItemDeleteButton.cta,
.Checkout .Buttons .Edit.cta,
.Checkout .Button.EditButton.cta,
.Checkout .Button.AddAddressesButton.cta,
.Checkout .Buttons .Delivery.cta,
.Checkout .Buttons .Billing.cta,
.Checkout .RedeemVoucher .Button.cta,
.Basket2 div.Savings .Button.cta,
.Memberships .Membership .Buttons input[type=submit].cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn.cta:before,
button.cta:before,
.btn-red2.cta:before,
.btn-orange.cta:before,
.btn-yellow.cta:before,
.btn-grey-light.cta:before,
.btn-grey-lighter.cta:before,
.btn.cta:after,
button.cta:after,
.btn-red2.cta:after,
.btn-orange.cta:after,
.btn-yellow.cta:after,
.btn-grey-light.cta:after,
.btn-grey-lighter.cta:after,
.btn-alt.cta:before,
.btn-alt.cta:after,
.btn-big.cta:before,
.btn-big.cta:after,
.btn-small.cta:before,
.btn-small.cta:after,
.MyAccount div.Options ul li a.Selected.cta:before,
.MyAccount div.Options ul li a.Selected.cta:after,
.MyAccount div.Options ul li a.cta:before,
.MyAccount div.Options ul li a.cta:after,
.MyAccount .Buttons:first-of-type .Button.cta:before,
.MyAccount .Buttons:first-of-type .Button.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta:before,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta:before,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta:after,
.NewAddress.cta:before,
.NewAddress.cta:after,
.PagerPrevious.PagerButton.cta:before,
.PagerPrevious.PagerButton.cta:after,
.PagerNext.PagerButton.cta:before,
.PagerNext.PagerButton.cta:after,
.MyPaymentCards a.cta:before,
.MyPaymentCards a.cta:after,
.Basket2 .ItemEditButton.cta:before,
.Basket2 .ItemEditButton.cta:after,
.Basket2 .ItemDeleteButton.cta:before,
.Basket2 .ItemDeleteButton.cta:after,
.Checkout .Buttons .Edit.cta:before,
.Checkout .Buttons .Edit.cta:after,
.Checkout .Button.EditButton.cta:before,
.Checkout .Button.EditButton.cta:after,
.Checkout .Button.AddAddressesButton.cta:before,
.Checkout .Button.AddAddressesButton.cta:after,
.Checkout .Buttons .Delivery.cta:before,
.Checkout .Buttons .Delivery.cta:after,
.Checkout .Buttons .Billing.cta:before,
.Checkout .Buttons .Billing.cta:after,
.Checkout .RedeemVoucher .Button.cta:before,
.Checkout .RedeemVoucher .Button.cta:after,
.Basket2 div.Savings .Button.cta:before,
.Basket2 div.Savings .Button.cta:after,
.Memberships .Membership .Buttons input[type=submit].cta:before,
.Memberships .Membership .Buttons input[type=submit].cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn.cta:after,
button.cta:after,
.btn-red2.cta:after,
.btn-orange.cta:after,
.btn-yellow.cta:after,
.btn-grey-light.cta:after,
.btn-grey-lighter.cta:after,
.btn-alt.cta:after,
.btn-big.cta:after,
.btn-small.cta:after,
.MyAccount div.Options ul li a.Selected.cta:after,
.MyAccount div.Options ul li a.cta:after,
.MyAccount .Buttons:first-of-type .Button.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta:after,
.NewAddress.cta:after,
.PagerPrevious.PagerButton.cta:after,
.PagerNext.PagerButton.cta:after,
.MyPaymentCards a.cta:after,
.Basket2 .ItemEditButton.cta:after,
.Basket2 .ItemDeleteButton.cta:after,
.Checkout .Buttons .Edit.cta:after,
.Checkout .Button.EditButton.cta:after,
.Checkout .Button.AddAddressesButton.cta:after,
.Checkout .Buttons .Delivery.cta:after,
.Checkout .Buttons .Billing.cta:after,
.Checkout .RedeemVoucher .Button.cta:after,
.Basket2 div.Savings .Button.cta:after,
.Memberships .Membership .Buttons input[type=submit].cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn:hover,
button:hover,
.btn-red2:hover,
.btn-orange:hover,
.btn-yellow:hover,
.btn-grey-light:hover,
.btn-grey-lighter:hover,
.btn:focus,
button:focus,
.btn-red2:focus,
.btn-orange:focus,
.btn-yellow:focus,
.btn-grey-light:focus,
.btn-grey-lighter:focus,
.btn-alt:hover,
.btn-alt:focus,
.btn-big:hover,
.btn-big:focus,
.btn-small:hover,
.btn-small:focus,
.MyAccount div.Options ul li a.Selected:hover,
.MyAccount div.Options ul li a.Selected:focus,
.MyAccount div.Options ul li a:hover,
.MyAccount div.Options ul li a:focus,
.MyAccount .Buttons:first-of-type .Button:hover,
.MyAccount .Buttons:first-of-type .Button:focus,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:focus,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:hover,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:focus,
.NewAddress:hover,
.NewAddress:focus,
.PagerPrevious.PagerButton:hover,
.PagerPrevious.PagerButton:focus,
.PagerNext.PagerButton:hover,
.PagerNext.PagerButton:focus,
.MyPaymentCards a:hover,
.MyPaymentCards a:focus,
.Basket2 .ItemEditButton:hover,
.Basket2 .ItemEditButton:focus,
.Basket2 .ItemDeleteButton:hover,
.Basket2 .ItemDeleteButton:focus,
.Checkout .Buttons .Edit:hover,
.Checkout .Buttons .Edit:focus,
.Checkout .Button.EditButton:hover,
.Checkout .Button.EditButton:focus,
.Checkout .Button.AddAddressesButton:hover,
.Checkout .Button.AddAddressesButton:focus,
.Checkout .Buttons .Delivery:hover,
.Checkout .Buttons .Delivery:focus,
.Checkout .Buttons .Billing:hover,
.Checkout .Buttons .Billing:focus,
.Checkout .RedeemVoucher .Button:hover,
.Checkout .RedeemVoucher .Button:focus,
.Basket2 div.Savings .Button:hover,
.Basket2 div.Savings .Button:focus,
.Memberships .Membership .Buttons input[type=submit]:hover,
.Memberships .Membership .Buttons input[type=submit]:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.btn:hover.cta:after,
button:hover.cta:after,
.btn-red2:hover.cta:after,
.btn-orange:hover.cta:after,
.btn-yellow:hover.cta:after,
.btn-grey-light:hover.cta:after,
.btn-grey-lighter:hover.cta:after,
.btn:focus.cta:after,
button:focus.cta:after,
.btn-red2:focus.cta:after,
.btn-orange:focus.cta:after,
.btn-yellow:focus.cta:after,
.btn-grey-light:focus.cta:after,
.btn-grey-lighter:focus.cta:after,
.btn-alt:hover.cta:after,
.btn-alt:focus.cta:after,
.btn-big:hover.cta:after,
.btn-big:focus.cta:after,
.btn-small:hover.cta:after,
.btn-small:focus.cta:after,
.MyAccount div.Options ul li a.Selected:hover.cta:after,
.MyAccount div.Options ul li a.Selected:focus.cta:after,
.MyAccount div.Options ul li a:hover.cta:after,
.MyAccount div.Options ul li a:focus.cta:after,
.MyAccount .Buttons:first-of-type .Button:hover.cta:after,
.MyAccount .Buttons:first-of-type .Button:focus.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:hover.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:focus.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:hover.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:focus.cta:after,
.NewAddress:hover.cta:after,
.NewAddress:focus.cta:after,
.PagerPrevious.PagerButton:hover.cta:after,
.PagerPrevious.PagerButton:focus.cta:after,
.PagerNext.PagerButton:hover.cta:after,
.PagerNext.PagerButton:focus.cta:after,
.MyPaymentCards a:hover.cta:after,
.MyPaymentCards a:focus.cta:after,
.Basket2 .ItemEditButton:hover.cta:after,
.Basket2 .ItemEditButton:focus.cta:after,
.Basket2 .ItemDeleteButton:hover.cta:after,
.Basket2 .ItemDeleteButton:focus.cta:after,
.Checkout .Buttons .Edit:hover.cta:after,
.Checkout .Buttons .Edit:focus.cta:after,
.Checkout .Button.EditButton:hover.cta:after,
.Checkout .Button.EditButton:focus.cta:after,
.Checkout .Button.AddAddressesButton:hover.cta:after,
.Checkout .Button.AddAddressesButton:focus.cta:after,
.Checkout .Buttons .Delivery:hover.cta:after,
.Checkout .Buttons .Delivery:focus.cta:after,
.Checkout .Buttons .Billing:hover.cta:after,
.Checkout .Buttons .Billing:focus.cta:after,
.Checkout .RedeemVoucher .Button:hover.cta:after,
.Checkout .RedeemVoucher .Button:focus.cta:after,
.Basket2 div.Savings .Button:hover.cta:after,
.Basket2 div.Savings .Button:focus.cta:after,
.Memberships .Membership .Buttons input[type=submit]:hover.cta:after,
.Memberships .Membership .Buttons input[type=submit]:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn,
  button,
  .btn-red2,
  .btn-orange,
  .btn-yellow,
  .btn-grey-light,
  .btn-grey-lighter,
  .btn-alt,
  .btn-big,
  .btn-small,
  .MyAccount div.Options ul li a.Selected,
  .MyAccount div.Options ul li a,
  .MyAccount .Buttons:first-of-type .Button,
  #ctl00_ContentPlaceHolder_AddressList_ctl00_Edit,
  #ctl00_ContentPlaceHolder_AddressList_ctl00_Delete,
  .NewAddress,
  .PagerPrevious.PagerButton,
  .PagerNext.PagerButton,
  .MyPaymentCards a,
  .Basket2 .ItemEditButton,
  .Basket2 .ItemDeleteButton,
  .Checkout .Buttons .Edit,
  .Checkout .Button.EditButton,
  .Checkout .Button.AddAddressesButton,
  .Checkout .Buttons .Delivery,
  .Checkout .Buttons .Billing,
  .Checkout .RedeemVoucher .Button,
  .Basket2 div.Savings .Button,
  .Memberships .Membership .Buttons input[type=submit] {
    min-width: 110px;
  }
}
.btn svg,
button svg,
.btn-red2 svg,
.btn-orange svg,
.btn-yellow svg,
.btn-grey-light svg,
.btn-grey-lighter svg,
.btn-alt svg,
.btn-big svg,
.btn-small svg,
.MyAccount div.Options ul li a.Selected svg,
.MyAccount div.Options ul li a svg,
.MyAccount .Buttons:first-of-type .Button svg,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit svg,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete svg,
.NewAddress svg,
.PagerPrevious.PagerButton svg,
.PagerNext.PagerButton svg,
.MyPaymentCards a svg,
.Basket2 .ItemEditButton svg,
.Basket2 .ItemDeleteButton svg,
.Checkout .Buttons .Edit svg,
.Checkout .Button.EditButton svg,
.Checkout .Button.AddAddressesButton svg,
.Checkout .Buttons .Delivery svg,
.Checkout .Buttons .Billing svg,
.Checkout .RedeemVoucher .Button svg,
.Basket2 div.Savings .Button svg,
.Memberships .Membership .Buttons input[type=submit] svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-fancy {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.btn-fancy.rounded {
  border-radius: 25px;
}
.btn-fancy.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-fancy.big.rounded {
  border-radius: 50px;
}
.btn-fancy.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-fancy.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-fancy.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-fancy.cta:before,
.btn-fancy.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-fancy.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-fancy:hover,
.btn-fancy:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.btn-fancy:hover.cta:after,
.btn-fancy:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-fancy {
    min-width: 110px;
  }
}
.btn-fancy svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-fancy.rounded {
  border-radius: 25px;
}
.btn-fancy.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-fancy.big.rounded {
  border-radius: 50px;
}
.btn-fancy.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-fancy.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-fancy.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-fancy.cta:before,
.btn-fancy.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-fancy.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-fancy:hover,
.btn-fancy:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.btn-fancy:hover.cta:after,
.btn-fancy:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-fancy {
    min-width: 110px;
  }
}
.btn-fancy svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-fancy:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.btn-fancy:active {
  transform: scale(1.03);
}
.btn-white {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
  font-size: 16px;
}
.btn-white.rounded {
  border-radius: 25px;
}
.btn-white.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-white.big.rounded {
  border-radius: 50px;
}
.btn-white.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-white.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-white.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-white.cta:before,
.btn-white.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-white.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-white:hover,
.btn-white:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #ffffff;
  color: #ffffff;
}
.btn-white:hover.cta:after,
.btn-white:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-white {
    min-width: 110px;
  }
}
.btn-white svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-white:hover {
  background: #A6CE39;
}
.btn-blue {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #0071bc;
  color: #0071bc;
  background-color: transparent;
  font-size: 16px;
}
.btn-blue.rounded {
  border-radius: 25px;
}
.btn-blue.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-blue.big.rounded {
  border-radius: 50px;
}
.btn-blue.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-blue.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-blue.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-blue.cta:before,
.btn-blue.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #0071bc;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-blue.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-blue:hover,
.btn-blue:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #0071bc;
  color: #0071bc;
}
.btn-blue:hover.cta:after,
.btn-blue:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-blue {
    min-width: 110px;
  }
}
.btn-blue svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-teal {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #00a890;
  color: #00a890;
  background-color: transparent;
  font-size: 16px;
}
.btn-teal.rounded {
  border-radius: 25px;
}
.btn-teal.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-teal.big.rounded {
  border-radius: 50px;
}
.btn-teal.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-teal.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-teal.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-teal.cta:before,
.btn-teal.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #00a890;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-teal.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-teal:hover,
.btn-teal:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #00a890;
  color: #00a890;
}
.btn-teal:hover.cta:after,
.btn-teal:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-teal {
    min-width: 110px;
  }
}
.btn-teal svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-orange {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #f6891f;
  color: #f6891f;
  background-color: transparent;
  font-size: 16px;
}
.btn-orange.rounded {
  border-radius: 25px;
}
.btn-orange.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-orange.big.rounded {
  border-radius: 50px;
}
.btn-orange.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-orange.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-orange.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-orange.cta:before,
.btn-orange.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #f6891f;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-orange.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-orange:hover,
.btn-orange:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #f6891f;
  color: #f6891f;
}
.btn-orange:hover.cta:after,
.btn-orange:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-orange {
    min-width: 110px;
  }
}
.btn-orange svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-grey {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
}
.btn-grey.rounded {
  border-radius: 25px;
}
.btn-grey.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-grey.big.rounded {
  border-radius: 50px;
}
.btn-grey.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-grey.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-grey.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-grey.cta:before,
.btn-grey.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-grey.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-grey:hover,
.btn-grey:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
.btn-grey:hover.cta:after,
.btn-grey:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-grey {
    min-width: 110px;
  }
}
.btn-grey svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-alt {
  border-radius: 50px;
  text-transform: none;
}
.btn-alt:hover {
  border-radius: 3px;
}
.btn-border {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
  background: none;
  border: 2px solid #ffffff;
  color: #ffffff;
  box-shadow: none;
}
.btn-border.rounded {
  border-radius: 25px;
}
.btn-border.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-border.big.rounded {
  border-radius: 50px;
}
.btn-border.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-border.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-border.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-border.cta:before,
.btn-border.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-border.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-border:hover,
.btn-border:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.btn-border:hover.cta:after,
.btn-border:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-border {
    min-width: 110px;
  }
}
.btn-border svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-border.rounded {
  border-radius: 25px;
}
.btn-border.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-border.big.rounded {
  border-radius: 50px;
}
.btn-border.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.btn-border.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.btn-border.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.btn-border.cta:before,
.btn-border.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn-border.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.btn-border:hover,
.btn-border:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.btn-border:hover.cta:after,
.btn-border:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .btn-border {
    min-width: 110px;
  }
}
.btn-border svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.btn-border:hover,
.btn-border:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #7c7d80 !important;
}
.btn-arrow {
  padding-right: 38px!important;
  background-image: url('images/icon-arrow-right-grey.svg');
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 25px auto;
}
.btn-arrow:hover,
.btn-arrow:focus {
  background-image: url('images/icon-arrow-right-grey.svg');
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 25px auto;
}
.btn-big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.btn-small {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
/* vars and mixins */
/* vary the squish amount */
.square-side {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 120px solid transparent;
  border-top-width: 0;
  border-bottom-width: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
}
.trapezoid-side {
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-radius: 0.2em;
  top: -10px;
}
/* styles */
.btn-squishy {
  font-size: 1.75em;
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: white!important;
  display: block;
  margin: 2em auto;
  height: 100px;
  background-image: none!important;
  background: #e20d15 !important;
  border: none;
  position: relative;
  width: 240px;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  outline: none;
  /* mashed state */
}
.btn-squishy:hover {
  transform: scale(1.03);
  border-radius: 3px;
}
.btn-squishy::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 120px solid transparent;
  border-top-width: 0;
  border-bottom-width: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  border-left-color: #e20d15;
}
.btn-squishy::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 120px solid transparent;
  border-top-width: 0;
  border-bottom-width: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  border-right-color: #e20d15;
}
.btn-squishy:active {
  -webkit-transform: scale(1.2, 0.8);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.btn-squishy:active::before {
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-radius: 0.2em;
  top: -10px;
  border-left-color: #e20d15;
}
.btn-squishy:active::after {
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-radius: 0.2em;
  top: -10px;
  border-right-color: #e20d15;
}
/* end button */
/*FORMS *
-----------------------------------------------*/
form {
  margin-bottom: 1em;
  margin: 0 auto;
  text-align: left;
  *zoom: 1;
}
form:before,
form:after {
  content: "";
  display: table;
}
form:after {
  clear: both;
}
form:before,
form:after {
  content: "";
  display: table;
}
form:after {
  clear: both;
}
.field-wrapper,
.content ul .gfield {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  position: relative;
}
.field-wrapper input,
.content ul .gfield input {
  position: relative;
}
@media screen and (min-width: 38em) {
  .field-left,
  .field-right {
    float: left;
    width: 50%;
  }
}
::-webkit-input-placeholder {
  color: #7c7d80;
}
label {
  zoom: 1;
}
.gfield_radio label,
.gfield_checkbox label {
  letter-spacing: normal;
  font-size: 0.8em;
}
.input-inline label {
  display: inline;
}
label.absolute {
  position: absolute;
  z-index: 1;
  top: 1.1em;
  left: 1em;
  transition: all 0.15s ease;
  pointer-events: none;
}
label.absolute.on {
  font-size: 10px;
  left: 7px;
  top: -1.25em;
  top: 0.5em;
}
label.absolute.show {
  font-size: 10px;
  top: -1.25em;
  top: 0.5em;
}
.label-top .absolute {
  position: relative;
  top: 0!important;
  left: 0!important;
  font-size: 0.875em !important;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="file"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
  background: #f7f7f7;
  border: 1px solid #ebe8eb;
  display: inline-block;
  width: 100%;
  padding: 0.5em;
  vertical-align: middle;
  min-width: 50px;
  transition: all 0.15s ease;
  zoom: 1;
  line-height: 1;
}
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover,
input[type="file"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
select:hover,
textarea:hover {
  background-color: #ffffff/1.02;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
  outline: none;
  background-color: #ffffff/1.02;
}
.input-inline input[type="text"],
.input-inline input[type="tel"],
.input-inline input[type="password"],
.input-inline input[type="file"],
.input-inline input[type="datetime"],
.input-inline input[type="datetime-local"],
.input-inline input[type="date"],
.input-inline input[type="month"],
.input-inline input[type="time"],
.input-inline input[type="week"],
.input-inline input[type="number"],
.input-inline input[type="email"],
.input-inline input[type="url"],
.input-inline input[type="search"],
.input-inline input[type="tel"],
.input-inline input[type="color"],
.input-inline select,
.input-inline textarea {
  display: inline;
  width: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
  -webkit-appearance: none;
  border-radius: 0;
  curser: pointer;
}
textarea {
  height: 250px;
  padding: 1em;
}
.radio-inline .gfield_radio li {
  display: inline;
  margin-right: 1.5em;
}
.form-meta {
  font-size: 0.9em;
}
@media screen and (min-width: 56em) {
  .form-meta {
    max-width: 72%;
  }
}
input[type=submit] {
  float: right;
  margin-top: 1em;
  margin-bottom: 0.5em;
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
  background: transparent;
}
input[type=submit].rounded {
  border-radius: 25px;
}
input[type=submit].big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
input[type=submit].big.rounded {
  border-radius: 50px;
}
input[type=submit].small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
input[type=submit].small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
input[type=submit].cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
input[type=submit].cta:before,
input[type=submit].cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
input[type=submit].cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
input[type=submit]:hover,
input[type=submit]:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
input[type=submit]:hover.cta:after,
input[type=submit]:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  input[type=submit] {
    min-width: 110px;
  }
}
input[type=submit] svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
input[type=submit].rounded {
  border-radius: 25px;
}
input[type=submit].big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
input[type=submit].big.rounded {
  border-radius: 50px;
}
input[type=submit].small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
input[type=submit].small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
input[type=submit].cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
input[type=submit].cta:before,
input[type=submit].cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
input[type=submit].cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
input[type=submit]:hover,
input[type=submit]:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
input[type=submit]:hover.cta:after,
input[type=submit]:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  input[type=submit] {
    min-width: 110px;
  }
}
input[type=submit] svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
/*RADIO *
-----------------------------------------------*/
input[type="radio"],
input[type="checkbox"].fancy-checkbox {
  margin: 3px 0.5ex;
  padding: initial;
  background-color: initial;
  border: initial;
}
input[type="radio"] + label,
input[type="checkbox"].fancy-checkbox + label {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  cursor: pointer;
  font-style: normal;
}
input[type="radio"] + label:before,
input[type="checkbox"].fancy-checkbox + label:before {
  content: '';
  display: block;
  position: absolute;
}
input[type="radio"] + label {
  padding-left: 25px;
  color: #7c7d80;
}
input[type="radio"] + label:before {
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #7c7d80;
  background: #ffffff;
}
input[type="radio"] + label:hover:before {
  border-color: #7c7d80/1.1;
}
input[type="radio"] {
  display: none;
}
input[type="radio"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  top: 6px;
  left: 4px;
  background: #e20d15;
  border-radius: 50%;
}
input[type="radio"]:checked + label:before {
  border-color: #e20d15;
}
input[type="checkbox"].fancy-checkbox + label {
  padding-left: 25px;
  transition: all 0.15s ease;
  color: #4b4b4d;
}
input[type="checkbox"].fancy-checkbox + label:before {
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  background: none;
}
input[type="checkbox"].fancy-checkbox + label:hover:before {
  border-color: #e20d15;
}
input[type="checkbox"].fancy-checkbox + label:after {
  content: '';
  display: block;
  width: 11px;
  height: 5px;
  position: absolute;
  top: 11px;
  left: -20px;
  border: 5px solid #7c7d80;
  border-top: none;
  border-right: none;
  background: transparent;
  transform: rotate(-45deg);
  opacity: 0;
}
input[type="checkbox"].fancy-checkbox {
  display: none;
}
input[type="checkbox"].fancy-checkbox:checked + label:after {
  opacity: 1;
}
/*SELECT *
-----------------------------------------------*/
select {
  border: 2px solid #ebe8eb;
  -webkit-appearance: none;
  cursor: pointer;
  line-height: 1;
  width: 100%;
  margin-top: 3px;
  border-radius: 0;
  display: block;
  font-style: italic;
  text-transform: none;
  background-image: url('images/select-arrow.png');
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 18px;
  transition: all 0.15s ease;
  color: #2b2b2b;
}
/*COMBINED INPUT *
-----------------------------------------------*/
.combined {
  max-width: 500px;
  box-sizing: border-box;
}
.combined input {
  display: block;
  height: 50px;
  float: left;
  font-size: 16px;
  line-height: 1;
  min-width: 0;
}
.combined input[type=text],
.combined input[type=email],
.combined input[type=search] {
  width: 70%;
  padding: 1em;
  box-sizing: border-box;
  border-right-color: #e6e3e6;
}
.combined input[type=submit] {
  width: 30%;
  margin: 0;
  padding: 1em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #ebe8eb;
  border: none;
  color: #7c7d80;
}
.combined input[type=submit]:hover {
  background: #e6e3e6;
}
/*COMBINED INPUT *
-----------------------------------------------*/
.ginput_complex {
  margin-top: 1em;
}
.ginput_complex .ginput_full {
  display: block;
  margin-bottom: 0.5em;
}
.ginput_complex .ginput_left {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 38em) {
  .ginput_complex .ginput_left {
    float: left;
    width: 48%;
  }
}
.ginput_complex .ginput_right {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 38em) {
  .ginput_complex .ginput_right {
    float: right;
    width: 48%;
  }
}
.gf_clear,
.gf_clear_complex {
  clear: both;
}
.gfield_list_icons {
  *zoom: 1;
}
.gfield_list_icons:before,
.gfield_list_icons:after {
  content: "";
  display: table;
}
.gfield_list_icons:after {
  clear: both;
}
.gfield_list_icons:before,
.gfield_list_icons:after {
  content: "";
  display: table;
}
.gfield_list_icons:after {
  clear: both;
}
img.add_list_item,
img.delete_list_item {
  float: left;
  margin: 0 3px;
}
/*NAVIGATION *
-----------------------------------------------*/
.utility-menu {
  background: #f6891f;
  padding: 4px 15px 6px;
  font-size: 11px;
}
@media screen and (min-width: 38em) {
  .utility-menu {
    font-size: 12px;
  }
}
.utility-menu ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.utility-menu ul li {
  padding-left: 20px;
}
.utility-menu ul li a {
  color: #b50938;
}
.utility-menu ul li a:hover {
  opacity: 0.8;
}
.utility-menu ul li a.icon {
  display: flex;
  align-items: center;
}
.utility-menu ul li a.icon .cart {
  margin-right: 5px;
}
.menu-button {
  display: block;
  float: left;
  width: 35px;
  height: 40px;
  margin-top: 41px;
  margin-right: 0;
  padding: 5px;
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 2px;
}
@media screen and (min-width: 56em) {
  .menu-button {
    display: none;
  }
}
.menu-button span.icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  margin: 0 auto 4px;
  position: relative;
  z-index: 2;
  transition: all 0.15s ease;
  border-radius: 2px;
}
.menu-button.active span.icon-bar {
  background-color: #e20d15;
}
.menu-button.active .icon-bar-1 {
  top: 6px;
  transform: rotate(45deg);
}
.menu-button.active .icon-bar-2 {
  top: -1px;
  transform: rotate(45deg);
  opacity: 0;
}
.menu-button.active .icon-bar-3 {
  bottom: 8px;
  transform: rotate(-45deg);
}
.has-alert-bar .menu-button {
  margin-top: 85px;
}
a {
  color: grey;
}
a:hover {
  color: #d6224c/1.1;
}
.has-alert-bar .site-nav .menu {
  margin-top: 128px;
}
@media screen and (min-width: 56em) {
  .has-alert-bar .site-nav .menu {
    margin-top: 0;
  }
}
.site-nav {
  width: 100%;
  font-family: sans-serif;
  position: relative;
  background: #ffcb25;
  transition: all 0.1s ease-in-out;
  display: block;
}
@media screen and (min-width: 56em) {
  .site-nav {
    display: block;
    margin-top: 0;
  }
}
.site-nav .menu {
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  transform: translateX(-100%);
  margin-top: 87px;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  transition: all 0.15s ease;
  background: #ffc50b;
}
.site-nav .menu:before,
.site-nav .menu:after {
  content: "";
  display: table;
}
.site-nav .menu:after {
  clear: both;
}
.site-nav .menu:before,
.site-nav .menu:after {
  content: "";
  display: table;
}
.site-nav .menu:after {
  clear: both;
}
@media screen and (min-width: 56em) {
  .site-nav .menu {
    transform: translateX(0);
    display: block;
    height: auto;
    margin-top: 0;
    padding-left: 58px;
    padding-right: 116px;
    position: relative;
    overflow: visible;
    background: none;
  }
}
.site-nav.active .menu {
  display: block;
  transform: translateX(0);
}
.site-nav li {
  list-style: none;
}
.site-nav li.top-level-list-item {
  transition: all 0.15s ease;
  background: #ffffff;
  border-bottom: 1px solid #ebe8eb;
}
@media screen and (min-width: 56em) {
  .site-nav li.top-level-list-item {
    background: #ffcb25;
    width: 12%;
    float: left;
    border-bottom: none;
    overflow: hidden;
  }
  .site-nav li.top-level-list-item:nth-child(3) {
    width: 13%;
  }
  .site-nav li.top-level-list-item:nth-child(4) {
    width: 18%;
  }
  .site-nav li.top-level-list-item:nth-child(5) {
    width: 17%;
  }
  .site-nav li.top-level-list-item:nth-child(7) {
    width: 13%;
  }
}
.site-nav li.top-level-list-item .top-level-link {
  display: block;
  padding: 1em 1em;
  color: #ffffff;
  background: #f1b700;
  position: relative;
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  font-size: 1.4em;
  overflow: hidden;
}
.site-nav li.top-level-list-item .top-level-link:hover {
  background: #ffc50b;
  color: #ffffff;
}
@media screen and (min-width: 38em) {
  .site-nav li.top-level-list-item .top-level-link {
    font-size: 1em;
  }
}
@media screen and (min-width: 56em) {
  .site-nav li.top-level-list-item .top-level-link {
    height: 58px;
    padding: 0.9em 0;
    text-align: center;
    background: transparent;
    color: #ffffff;
  }
  .site-nav li.top-level-list-item .top-level-link:hover {
    background: transparent;
    transform: scale(1.1) translateY(-2px) translateX(-5px);
  }
}
@media (min-width: 1300px) {
  .site-nav li.top-level-list-item .top-level-link {
    font-size: 1.4em;
    padding: 0.7em 0;
    text-shadow: 0px 0px 0 #fbbf00, 1px 1px 0 #fbbf00, 1px 1px 0 #fbbf00, 2px 2px 0 #fbbf00, 3px 3px 0 #fbbf00, 4px 4px 0 #fbbf00, 4px 4px 0 #fbbf00, 5px 5px 0 #fbbf00, 6px 6px 0 #fbbf00, 6px 6px 0 #fbbf00, 7px 7px 0 #fbbf00, 8px 8px 0 #fbbf00, 8px 8px 0 #fbbf00, 9px 9px 0 #fbbf00, 10px 10px 0 #fbbf00, 11px 11px 0 #fbbf00, 11px 11px 0 #fbbf00, 12px 12px 0 #fbbf00, 13px 13px 0 #fbbf00, 13px 13px 0 #fbbf00, 14px 14px 0 #fbbf00, 15px 15px 0 #fbbf00, 16px 16px 0 #fbbf00, 16px 16px 0 #fbbf00, 17px 17px 0 #fbbf00, 18px 18px 0 #fbbf00, 18px 18px 0 #fbbf00, 19px 19px 0 #fbbf00, 20px 20px 0 #fbbf00, 21px 21px 0 #fbbf00, 21px 21px 0 #fbbf00, 22px 22px 0 #fbbf00, 23px 23px 0 #fbbf00, 23px 23px 0 #fbbf00, 24px 24px 0 #fbbf00, 25px 25px 0 #fbbf00, 25px 25px 0 #fbbf00, 26px 26px 0 #fbbf00, 27px 27px 0 #fbbf00, 28px 28px 0 #fbbf00, 28px 28px 0 #fbbf00, 29px 29px 0 #fbbf00, 30px 30px 0 #fbbf00, 30px 30px 0 #fbbf00, 31px 31px 0 #fbbf00, 32px 32px 0 #fbbf00, 33px 33px 0 #fbbf00, 33px 33px 0 #fbbf00, 34px 34px 0 #fbbf00, 35px 35px 0 #fbbf00, 35px 35px 0 #fbbf00, 36px 36px 0 #fbbf00, 37px 37px 0 #fbbf00, 37px 37px 0 #fbbf00, 38px 38px 0 #fbbf00, 39px 39px 0 #fbbf00, 40px 40px 0 #fbbf00, 40px 40px 0 #fbbf00, 41px 41px 0 #fbbf00, 42px 42px 0 #fbbf00, 42px 42px 0 #fbbf00, 43px 43px 0 #fbbf00, 44px 44px 0 #fbbf00, 45px 45px 0 #fbbf00, 45px 45px 0 #fbbf00, 46px 46px 0 #fbbf00, 47px 47px 0 #fbbf00, 47px 47px 0 #fbbf00, 48px 48px 0 #fbbf00, 49px 49px 0 #fbbf00, 49px 49px 0 #fbbf00, 50px 50px 0 #fbbf00, 51px 51px 0 #fbbf00, 52px 52px 0 #fbbf00, 52px 52px 0 #fbbf00, 53px 53px 0 #fbbf00, 54px 54px 0 #fbbf00, 54px 54px 0 #fbbf00, 55px 55px 0 #fbbf00, 56px 56px 0 #fbbf00, 57px 57px 0 #fbbf00, 57px 57px 0 #fbbf00, 58px 58px 0 #fbbf00, 59px 59px 0 #fbbf00, 59px 59px 0 #fbbf00, 60px 60px 0 #fbbf00, 61px 61px 0 #fbbf00, 62px 62px 0 #fbbf00, 62px 62px 0 #fbbf00, 63px 63px 0 #fbbf00, 64px 64px 0 #fbbf00, 64px 64px 0 #fbbf00, 65px 65px 0 #fbbf00, 66px 66px 0 #fbbf00, 66px 66px 0 #fbbf00, 67px 67px 0 #fbbf00, 68px 68px 0 #fbbf00, 69px 69px 0 #fbbf00, 69px 69px 0 #fbbf00, 70px 70px 0 #fbbf00, 71px 71px 0 #fbbf00, 71px 71px 0 #fbbf00, 72px 72px 0 #fbbf00, 73px 73px 0 #fbbf00, 74px 74px 0 #fbbf00, 74px 74px 0 #fbbf00, 75px 75px 0 #fbbf00, 76px 76px 0 #fbbf00, 76px 76px 0 #fbbf00, 77px 77px 0 #fbbf00, 78px 78px 0 #fbbf00, 78px 78px 0 #fbbf00, 79px 79px 0 #fbbf00, 80px 80px 0 #fbbf00, 81px 81px 0 #fbbf00, 81px 81px 0 #fbbf00, 82px 82px 0 #fbbf00, 83px 83px 0 #fbbf00, 83px 83px 0 #fbbf00, 84px 84px 0 #fbbf00, 85px 85px 0 #fbbf00, 86px 86px 0 #fbbf00, 86px 86px 0 #fbbf00, 87px 87px 0 #fbbf00, 88px 88px 0 #fbbf00, 88px 88px 0 #fbbf00, 89px 89px 0 #fbbf00, 90px 90px 0 #fbbf00, 91px 91px 0 #fbbf00, 91px 91px 0 #fbbf00, 92px 92px 0 #fbbf00, 93px 93px 0 #fbbf00, 93px 93px 0 #fbbf00, 94px 94px 0 #fbbf00, 95px 95px 0 #fbbf00, 95px 95px 0 #fbbf00, 96px 96px 0 #fbbf00, 97px 97px 0 #fbbf00, 98px 98px 0 #fbbf00, 98px 98px 0 #fbbf00, 99px 99px 0 #fbbf00, 100px 100px 0 #fbbf00, 100px 100px 0 #fbbf00, 101px 101px 0 #fbbf00, 102px 102px 0 #fbbf00, 103px 103px 0 #fbbf00, 103px 103px 0 #fbbf00, 104px 104px 0 #fbbf00, 105px 105px 0 #fbbf00, 105px 105px 0 #fbbf00;
  }
}
.site-nav li.top-level-list-item.active {
  overflow: visible;
}
.site-nav li.top-level-list-item.active .top-level-link {
  position: relative;
}
@media screen and (min-width: 56em) {
  .site-nav li.top-level-list-item.active .top-level-link {
    transform: scale(1.1) translateY(-2px) translateX(-5px);
  }
}
.site-nav li.top-level-list-item.active .top-level-link:after {
  width: 0;
  height: 0;
  border-left: solid 14px transparent;
  border-right: solid 14px transparent;
  border-bottom: solid 14px #f2f2f2;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
}
.site-nav a {
  text-decoration: none;
}
.sub-menu {
  box-sizing: content-box;
  *zoom: 1;
  opacity: 0;
  z-index: -100;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.1s;
  transform: translateY(-1000px);
  background: #f7f7f7;
  display: none;
}
.sub-menu:before,
.sub-menu:after {
  content: "";
  display: table;
}
.sub-menu:after {
  clear: both;
}
.sub-menu:before,
.sub-menu:after {
  content: "";
  display: table;
}
.sub-menu:after {
  clear: both;
}
@media screen and (min-width: 56em) {
  .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    height: auto;
    border-top: 5px solid #fbbf00;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  }
}
.sub-menu .sub-menu-items ul {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 56em) {
  .sub-menu .sub-menu-items ul {
    display: table;
  }
}
@media screen and (min-width: 56em) {
  .sub-menu .sub-menu-items li {
    float: left;
    width: 33.3333333%;
    height: 300px;
    overflow: hidden;
  }
}
@media screen and (min-width: 56em) {
  .short-links .sub-menu .sub-menu-items li {
    height: 150px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 56em) {
  .four-links-across .sub-menu .sub-menu-items li {
    width: 25%;
  }
}
.sub-menu .sub-menu-items li a {
  padding: 0.5em 1em;
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: #7c7d80;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 56em) {
  .sub-menu .sub-menu-items li a {
    padding: 1em;
    text-align: center;
    border-bottom: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.sub-menu .sub-menu-items li a:hover {
  background: #dedede;
  background: #ffcb25;
  color: #ffffff;
}
.sub-menu .sub-menu-items li a span {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 56em) {
  .sub-menu .sub-menu-items li a span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
  }
}
.sub-menu .intro {
  display: block;
  padding: 2em 20px 2em 65px;
  border-right: 1px solid #b50938/1.2;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  text-align: center;
  color: #fff;
  position: relative;
}
.sub-menu .intro .social-icons {
  padding: 10px 0 0;
}
.sub-menu .intro:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 100%;
  background: url(images/mega-side-colors.svg) no-repeat center / cover;
}
@media screen and (min-width: 56em) {
  .sub-menu .intro {
    display: table-cell;
    width: 25%;
  }
}
.sub-menu .intro .icon {
  display: inline-block;
  vertical-align: middle;
  max-width: 80px;
}
.sub-menu .intro h3 {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 10px;
  color: #ffc50b;
}
.sub-menu .intro p {
  font-size: 0.8em;
  color: #fff;
  max-width: 18em;
  margin: 0 auto 1em;
}
.sub-menu .sub-menu-items {
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-size: 1.5em;
}
@media screen and (min-width: 56em) {
  .sub-menu .sub-menu-items {
    display: table-cell;
    vertical-align: middle;
    width: 75%;
    height: 100%;
    font-size: 2em;
  }
}
.top-level-list-item.active .sub-menu {
  opacity: 1;
  z-index: 10;
  transform: translateY(0);
  display: block;
}
@media screen and (min-width: 56em) {
  .top-level-list-item.active .sub-menu {
    display: table;
  }
}
.social-icons li {
  display: inline-block;
}
.social-icons li a {
  display: block;
  padding: 0;
  background: none;
}
.social-icons li svg {
  fill: #fff;
}
.logo {
  position: relative;
  width: 58px;
  height: 58px;
  margin: 0;
  padding-left: 3px;
  padding-top: 5px;
  padding-right: 3px;
  top: 0;
  left: 0;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  z-index: 1;
}
@media screen and (min-width: 56em) {
  .logo {
    position: absolute;
    left: 0;
    margin-left: 0;
    float: left;
    background: #fbbf00;
  }
}
.search-container,
.myaccount-container {
  position: relative;
  width: 58px;
  height: 58px;
  top: 0;
  right: 0;
  position: absolute;
  float: right;
}
@media screen and (min-width: 56em) {
  .search-container,
  .myaccount-container {
    position: absolute;
    float: right;
  }
}
.myaccount-container {
  right: 58px;
}
.myaccount-container:hover ul {
  display: block;
}
.myaccount-container ul {
  display: none;
  width: 150px;
  background: white;
  border-radius: 3px;
  position: absolute;
  top: 58px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.myaccount-container ul:before {
  content: '';
  display: block;
  border: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.myaccount-container ul li {
  border-bottom: 1px solid #ebe8eb;
}
.myaccount-container ul li:last-child {
  border-bottom: none;
}
.myaccount-container ul a {
  display: block;
  padding: 0.5em 0.75em;
}
.myaccount-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 14px 12px;
  background: #e20d15;
  background: #fbbf00;
  border-right: 1px solid #fbbf00/1.1;
}
.myaccount-btn:hover {
  background: #ffc50b/1.05;
}
.myaccount-btn svg {
  fill: white;
  width: 34px;
  height: 34px;
}
.search-button {
  padding: 0px;
  transition: all 0.15s ease;
  position: absolute;
  top: 0%;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #ffc50b;
  background: #fbbf00;
}
@media screen and (min-width: 56em) {
  .search-button {
    left: 0;
  }
}
.search-button:hover {
  background: #ffc50b/1.05;
}
.search-button:before,
.search-button:after {
  content: '';
  display: inline-block;
  border: 2px solid;
  transition: all 0.3s cubic-bezier(0.555, -0.31, 0.265, 1.55);
  color: #ffffff;
}
.search-button:before {
  height: 8px;
  transform: translate3d(35px, 20px, 0) rotate(-45deg);
  background-color: #ffffff;
}
.search-button:after {
  transform: translate3d(15px, 15px, 0) rotate(-45deg);
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border-width: 4px;
}
.search-button.active {
  background: #f5f5f5;
  background: #e20d15;
}
.search-button.active:before {
  height: 22px;
  transform: translate3d(30px, 15px, 0) rotate(-45deg);
}
.search-button.active:after {
  border-radius: 0;
  border-width: 2px;
  width: 0;
  height: 22px;
  background-color: grey;
  transform: translate3d(26px, 15px, 0) rotate(45deg);
}
.search-form {
  display: none;
  height: 58px;
  position: absolute;
  top: 0;
  left: 58px;
  right: 58px;
  bottom: 0;
}
@media screen and (min-width: 56em) {
  .search-form {
    top: 0;
    display: none;
  }
}
.search-form.active {
  display: block;
}
.search-form #s {
  display: block;
  width: 100%;
  height: 58px;
  border: 0;
  font-size: 2em;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 3px #e20d15;
}
.search-form #s:focus {
  outline: none;
}
.search-form input[type=submit] {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
}
/* TABS *
------------------------------------------------*/
.tabs-box {
  margin-bottom: 2em;
}
.tabs {
  *zoom: 1;
  border-bottom: 1px solid #f7f7f7;
  position: relative;
  z-index: 2;
  overflow: visible;
}
.tabs:before,
.tabs:after {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs:before,
.tabs:after {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}
ul.tabs li {
  float: left;
  width: 50%;
}
@media screen and (min-width: 56em) {
  ul.tabs li {
    margin-right: 1%;
    width: 49%;
  }
}
ul.tabs li:before {
  display: none;
}
li.tab a {
  position: relative;
  padding: 1.25em 0.5em;
  text-align: center;
  display: block;
  border-top: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-left: 1px solid #f7f7f7;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25em;
  color: #7c7d80;
  transition: all 0.15s ease;
}
li.tab a.has-svg {
  padding-left: 2.75em;
}
@media screen and (min-width: 56em) {
  li.tab a.has-svg {
    padding: 0.9em;
    padding-left: 3em;
  }
}
.tabs-small li.tab a {
  font-size: 0.8em;
  padding: 1em;
}
li.tab a svg {
  font-size: 2.25em;
  position: absolute;
  top: 50%;
  left: 0.125em;
  margin-top: -0.5em;
  fill: #f7f7f7;
  width: 1.12em;
  height: 1em;
}
li.tab a:focus {
  outline: none;
}
li.tab a.active {
  width: 100%;
  display: block;
  background: #7c7d80;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
li.tab a.active svg {
  fill: #ebe8eb;
}
li.tab a.active:after {
  content: '';
  display: block;
  border: 16px solid transparent;
  border-top: 16px solid #7c7d80;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  bottom: -32px;
}
.tab-content {
  padding-top: 1.5em;
  *zoom: 1;
  display: none;
}
.tab-content:before,
.tab-content:after {
  content: "";
  display: table;
}
.tab-content:after {
  clear: both;
}
.tab-content:before,
.tab-content:after {
  content: "";
  display: table;
}
.tab-content:after {
  clear: both;
}
.tab-content:nth-of-type(1) {
  display: block;
}
.tabs-box .tab-content {
  padding: 1.5em;
}
.js #tab2 {
  display: none;
}
/* PAGINATION *
------------------------------------------------*/
.pagination {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
  font-size: 0.9em;
  text-align: center;
}
.pagination .page-numbers {
  margin: 0;
  padding: 0;
}
.pagination .page-numbers li {
  display: inline-block;
  vertical-align: top;
  width: 2em;
  height: 2em;
  text-indent: 0;
  margin: 0;
  font-weight: bold;
}
.pagination .page-numbers li:before {
  display: none;
}
.pagination .page-numbers li span,
.pagination .page-numbers li a {
  padding: 0.35em;
}
.pagination a,
.pagination span {
  color: #ffffff;
  background: #ffc50b;
  display: inline-block;
  text-align: center;
  padding: 0.4em;
  width: 2em;
  height: 2em;
}
.pagination span.current,
.pagination .active_page {
  background: #e20d15;
}
.pagination a:hover {
  background: #d7a400;
}
.pagination .first_link,
.pagination .last_link {
  display: none;
}
.page_navigation a {
  margin-right: 4px;
}
.avatar {
  max-width: 235px;
  border: 1px solid #ebe8eb;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 66em) {
  .avatar {
    max-width: 234px;
  }
}
.padding {
  padding: 80px;
}
.img-full-width {
  max-height: 380px;
  overflow: hidden;
}
.img-full-width img {
  display: block;
  width: 100%;
  margin: 0;
}
.photo-gallery {
  padding: 2% 1% 0!important;
  background: #ffffff;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  *zoom: 1;
}
.photo-gallery:before,
.photo-gallery:after {
  content: "";
  display: table;
}
.photo-gallery:after {
  clear: both;
}
.photo-gallery:before,
.photo-gallery:after {
  content: "";
  display: table;
}
.photo-gallery:after {
  clear: both;
}
.photo-gallery li {
  text-indent: 0!important;
  margin-bottom: 0!important;
  padding: 0;
}
.photo-gallery li:before {
  display: none;
}
.photo-gallery li a,
.photo-gallery li img {
  display: block;
}
.photo-grid li {
  text-indent: 0!important;
  display: inline;
  float: left;
  width: 31.25%;
  margin: 0 1.04166667%;
  margin-bottom: 0!important;
}
@media screen and (min-width: 38em) {
  .photo-grid li {
    display: inline;
    float: left;
    width: 22.91666667%;
    margin: 0 1.04166667%;
  }
}
@media screen and (min-width: 56em) {
  .photo-grid li {
    display: inline;
    float: left;
    width: 14.58333333%;
    margin: 0 1.04166667%;
  }
}
/* ELEMENTS *
------------------------------------------------*/
hr {
  display: block;
  border: 0;
  border-bottom: 1px solid #ebe8eb;
  margin-top: 3em;
  margin-bottom: 3em;
}
hr.border-small {
  margin: 0 auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  max-width: 100px;
}
.placeholder-small {
  display: block;
  height: 0;
  padding-bottom: 51.5%;
  text-align: center;
  position: relative;
}
.placeholder-content {
  position: absolute;
  width: 100%;
  top: 40%;
  left: 0;
}
/* CALLOUT *
------------------------------------------------*/
.callout {
  background-size: cover;
  position: relative;
  height: 350px;
}
@media screen and (min-width: 56em) {
  .callout {
    float: left;
    width: 33.333333%;
    height: 350px;
  }
}
.callout.has-image-bg:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}
.callout a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.5em 1.5em 0.5em;
  color: white;
  text-decoration: none;
  transition: all 0.15s ease;
  position: relative;
}
.callout a:hover {
  background: rgba(181, 9, 56, 0.9);
}
.callout.bg-red a:hover {
  background: rgba(226, 13, 21, 0.9);
}
.callout.bg-yellow a:hover {
  background: rgba(255, 197, 11, 0.9);
}
.callout.bg-blue a:hover {
  background: rgba(0, 113, 188, 0.9);
}
.callout.bg-blue-dark a:hover {
  background: rgba(0, 103, 143, 0.9);
}
.callout.bg-teal a:hover {
  background: rgba(0, 168, 144, 0.9);
}
.callout.bg-orange a:hover {
  background: rgba(246, 137, 31, 0.9);
}
.callout.bg-green a:hover {
  background: rgba(55, 138, 78, 0.9);
}
.callout.bg-green-light a:hover {
  background: rgba(166, 206, 57, 0.9);
}
.callout.bg-olive a:hover {
  background: rgba(159, 167, 59, 0.9);
}
.callout.bg-pink a:hover {
  background: rgba(214, 12, 140, 0.9);
}
.callout > * {
  transition: all 0.15s ease;
}
.callout h2 {
  font-size: 3em;
  margin-bottom: 0.25em;
  transform: translateY(40%) translateZ(0);
  transition: all 0.15s ease;
  line-height: 0.9em;
  text-align: center;
  border: none;
}
@media screen and (min-width: 38em) {
  .callout h2 {
    font-size: 4rem;
  }
}
.callout a:hover h2 {
  top: 10%;
  transform: scale(0.5) translateY(0) translateZ(0);
  opacity: 1;
}
.callout .callout-content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 2em;
  text-align: center;
}
.callout .hide {
  display: block;
  max-height: 0;
  transition: all 0.4s ease;
}
.touch .callout .hide {
  display: none;
}
.callout a:hover .hide {
  max-height: 100em;
}
.callout .hide p {
  transform: translateY(1em) translateZ(0);
  transition: all 0.15s ease;
  line-height: 1.4;
  opacity: 0;
}
.callout a:hover .hide p {
  transform: translateY(0) translateZ(0);
  opacity: 1;
}
.callout .call-to-action {
  text-align: center;
  font-weight: bold;
  transform: translateY(0%) translateZ(0);
  transition: all 0.15s ease;
}
.callout a:hover .call-to-action {
  transform: translateY(0%) translateZ(0);
}
/* CARDS *
------------------------------------------------*/
.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  font-size: 0;
}
body.blog .cards {
  display: flex;
  flex-wrap: wrap;
}
.card {
  *zoom: 1;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: top;
  width: 98%;
  max-width: 400px;
  margin: 0.5em 1%;
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 3px;
  text-align: left;
  position: relative;
  transition: all 0.15s ease;
}
.card:before,
.card:after {
  content: "";
  display: table;
}
.card:after {
  clear: both;
}
.card:before,
.card:after {
  content: "";
  display: table;
}
.card:after {
  clear: both;
}
.card .buttons:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (min-width: 38em) {
  .card {
    width: 48%;
  }
}
@media screen and (min-width: 66em) {
  .card {
    width: 31.33333333%;
  }
}
.card .inside {
  color: #7c7d80;
}
.card a.card-link {
  background: #ffffff;
  transition: all 0.15s ease;
  border-radius: 3px;
  display: block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  height: 100%;
}
.card a.card-link:hover {
  transform: scale(1.01);
}
.card a.card-link:after {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  top: 0;
}
.card a.card-link:hover:after {
  opacity: 1;
}
.card .card-header {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card .card-header a {
  display: block;
}
.card .card-header img {
  display: block;
  transition: all 2s ease;
  margin: 0;
}
.card:hover .card-header img {
  transform: scale(1.05);
}
.card .card-content {
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.card h2 {
  border: none;
  margin-bottom: 0.25em;
}
.card .inside {
  display: block;
  padding: 1em;
  overflow: hidden;
}
.card .btn-half {
  display: inline;
  width: 50%;
  float: left;
  padding: 5% 2%;
  text-align: center;
  font-size: 0.9em;
}
.card .btn-half:nth-of-type(1) {
  border-top: 1px solid #ebe8eb;
  border-right: 1px solid #ebe8eb;
}
.card .btn-half:nth-of-type(1):hover {
  background: #fafafa;
  color: #727376;
}
.card .btn-half:nth-of-type(2) {
  background: #f7f7f7;
  border-top: 1px solid #ebe8eb;
}
.card .btn-half:nth-of-type(2):hover {
  background: #f2f2f2;
  color: #727376;
}
ul.card-meta {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
ul.card-meta li {
  flex-grow: 1;
  flex-basis: 100%;
  margin: 0;
  padding: 1% 0;
  text-indent: 0;
  text-align: right;
  border-bottom: 1px solid #ebe8eb;
}
ul.card-meta li:before {
  display: none;
}
ul.card-meta li:last-child {
  border-bottom: none;
}
ul.card-meta li.highlight {
  flex-basis: 33.3333%;
  text-align: center;
  border-right: 1px solid #ebe8eb;
  border-bottom: 1px solid #ebe8eb;
  padding: 2%;
}
ul.card-meta li.highlight:last-child {
  border-right: none;
}
ul.card-meta li.highlight span {
  display: block;
  margin: 0;
  float: none;
}
ul.card-meta li span {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #7c7d80;
  letter-spacing: 0.04em;
  margin-top: 0.2em;
  margin-right: 1em;
  float: left;
}
@media screen and (min-width: 66em) {
  ul.card-meta li span {
    font-size: 0.8em !important;
  }
}
.card .card-meta.inside {
  padding: 1em 2em;
}
/* MODULE *
------------------------------------------------*/
.module {
  background: #ffffff;
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.module .module-header {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.module .module-header img {
  display: block;
  transition: all 2s ease;
  margin: 0;
}
.module .inside {
  display: block;
  padding: 1em;
}
/* TABLE *
------------------------------------------------*/
.table-header {
  width: 100%;
  border-bottom: 1px solid #ebe8eb;
}
.table-header li {
  display: inline-block;
}
.table-entry {
  display: block;
  width: 100%;
  border-bottom: 1px solid #f7f7f7;
  background: #0071bc;
  background: #fafafa;
  *zoom: 1;
  position: relative;
}
.table-entry:before,
.table-entry:after {
  content: "";
  display: table;
}
.table-entry:after {
  clear: both;
}
.table-entry:before,
.table-entry:after {
  content: "";
  display: table;
}
.table-entry:after {
  clear: both;
}
.table-entry:hover .table-intro {
  background: #f7f7f7;
}
.table-entry:hover .table-content {
  background: #fafafa;
}
.table-intro {
  display: block;
  vertical-align: middle;
  width: 100%;
  position: relative;
  font-size: 1.25em;
  text-align: center;
  color: #ebe8eb;
  transition: all 100ms ease;
  border-bottom: 1px solid #f7f7f7;
}
@media screen and (min-width: 38em) {
  .table-intro {
    float: left;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-bottom: none;
  }
}
.table-intro .entry-date {
  margin-bottom: 0;
}
.table-content {
  padding: 1em;
  background: #ffffff;
  transition: all 100ms ease;
}
@media screen and (min-width: 38em) {
  .table-content {
    display: block;
    width: 80%;
    padding-left: 2em;
  }
}
.table-content li {
  display: inline-block;
}
/* ALERT BAR *
------------------------------------------------*/
.alert-bar {
  display: none;
  padding: 0;
  text-align: center;
  color: #ffffff;
  background: #e20d15;
  height: 43px;
  font-size: 12px;
}
@media screen and (min-width: 56em) {
  .alert-bar {
    font-size: 16px;
  }
}
.alert-bar a {
  color: #ffffff;
  text-decoration: underline;
}
.alert-bar a:hover {
  text-decoration: none;
}
.alert-bar > a,
.alert-bar > span {
  display: block;
  padding: 0.75em;
}
.alert-bar .close {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin-left: 15px;
  border: 1px solid #7c7d80;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.alert-bar .close:before,
.alert-bar .close:after {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  background: #7c7d80;
  position: absolute;
  top: 7px;
  left: 3px;
}
.alert-bar .close:before {
  transform: rotate(45deg);
}
.alert-bar .close:after {
  transform: rotate(-45deg);
}
.has-alert-bar .alert-bar {
  display: block;
}
.close-alert-bar .alert-bar {
  display: none;
}
/* ACCORDION *
------------------------------------------------*/
.accordion li {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  text-indent: 0!important;
}
.accordion li:first-child {
  border-top: none;
}
.accordion li:before {
  display: none;
}
.accordion h3 {
  display: block;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  position: relative;
}
.accordion h3:hover {
  text-decoration: underline;
}
.accordion li h3:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left: 12px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  left: -1em;
  top: 50%;
  margin-top: -6px;
  transition: all 0.15s ease;
  transform-origin: 5px center;
}
.accordion li.active h3:before {
  transform: rotate(90deg);
}
.accordion .hidden {
  margin-bottom: 1em;
  padding: 1em;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 5px;
}
.accordion p {
  margin: 0;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
/* MIXINS *
------------------------------------------------*/
.centered-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.centered-stuff {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.max-width {
  max-width: 30em;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 38em) {
  .max-width {
    max-width: 60em;
  }
}
.section-title.border-title {
  width: 90%;
}
.max-width .section-title.border-title {
  width: 100%;
}
.block-reset {
  text-align: center;
  font-size: 0;
}
.block-reset-block {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
}
#page-content-columns .callouts {
  padding: 0;
  margin: -35px 0;
}
#page-content-columns .cards .card {
  margin-bottom: 20px;
}
#page-content-columns .cards .card:last-child {
  margin-bottom: 0;
}
#page-content-columns .row {
  padding: 10px 0;
}
#department-hero {
  background-size: cover;
  background-position: center;
}
#department-hero .box {
  padding: 30px 30px 50px;
  border-radius: 10px;
  max-width: 480px;
  position: relative;
}
#department-hero .box .slick-slide {
  min-height: 300px;
}
#department-hero .box .slick-arrow {
  width: 60px;
  height: 35px;
  position: absolute;
  left: -20px;
  bottom: -34px;
  background: url('images/icon-arrow.svg') no-repeat center / 30px;
  border: none;
  padding: 0;
  text-indent: -1000px;
  overflow: hidden;
  margin: 0;
  min-width: 0;
  cursor: pointer;
}
#department-hero .box .slick-arrow:hover {
  opacity: 0.6;
}
#department-hero .box .slick-arrow.slick-next {
  left: auto;
  right: -20px;
  transform: rotate(180deg);
}
#department-hero .box .slick-dots {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
#department-hero .box .slick-dots li {
  padding: 0;
}
#department-hero .box .slick-dots li:before {
  display: none;
}
#department-hero .box .slick-dots li.slick-active button {
  opacity: 1;
}
#department-hero .box .slick-dots li button {
  border: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-indent: -1000px;
  overflow: hidden;
  min-width: 0;
  padding: 0;
  opacity: 0.5;
  margin: 0 3px;
  background: #fff;
}
.spotlight-container {
  position: relative;
}
.department-spotlight {
  min-height: 100vh;
  width: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 56em) {
  .department-spotlight {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  html.make-spotlight-clickable .department-spotlight {
    pointer-events: all;
  }
}
.department-spotlight .wrapper {
  padding: 0 10vw;
}
.department-spotlight .columns-6-6 {
  margin-top: 42px;
  align-items: center;
}
body.has-alert-bar .department-spotlight .columns-6-6 {
  margin-top: 65px;
}
.department-spotlight .columns-6-6 .left .image-container {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .left .image-container {
    width: 500px;
    height: 500px;
  }
  .fixed-sidebar + div .department-spotlight .columns-6-6 .left .image-container {
    width: 400px;
    height: 400px;
  }
}
.department-spotlight .columns-6-6 .left .image-container .image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
  opacity: 1;
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .left .image-container .image {
    opacity: 0.1;
  }
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40vw;
  height: 95.238vw;
  min-width: 420px;
  min-height: 1000px;
  transform-origin: 0% 0%;
}
.fixed-sidebar + .content .department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container {
  width: 35vw;
  height: 83.33vw;
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(1) {
  transform: rotate(-120deg) translate3d(-50%, -21%, 0);
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(1) .spotlight {
  transform: rotate(0deg);
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(1) .spotlight {
    transform: rotate(90deg);
  }
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(2) {
  transform: rotate(-85deg) translate3d(-50%, -21%, 0);
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(2) .spotlight {
  transform: rotate(0deg);
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(2) .spotlight {
    transform: rotate(90deg);
  }
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(3) {
  transform: rotate(-45deg) translate3d(-50%, -21%, 0);
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(3) .spotlight {
  background: url('images/spotlight-2.svg') no-repeat center / cover;
  transform: rotate(0deg);
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(3) .spotlight {
    transform: rotate(90deg);
  }
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(4) {
  transform: rotate(45deg) translate3d(-50%, -21%, 0);
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(4) .spotlight {
  transform: rotate(0deg);
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container:nth-child(4) .spotlight {
    transform: rotate(90deg);
  }
}
.department-spotlight .columns-6-6 .left .image-container .spotlights .spotlight-container .spotlight {
  width: 100%;
  height: 100%;
  background: url('images/spotlight.svg') no-repeat center / cover;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: bottom center;
}
.department-spotlight .columns-6-6 .spotlight-content {
  position: relative;
  z-index: 2;
  opacity: 1;
}
@media screen and (min-width: 56em) {
  .department-spotlight .columns-6-6 .spotlight-content {
    opacity: 0.1;
  }
}
.department-spotlight .columns-6-6 .spotlight-content > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.department-spotlight .columns-6-6 .spotlight-content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 56em) {
  body.single .thumbnail-top {
    display: flex;
    align-items: center;
  }
  body.single .thumbnail-top .left {
    padding-right: 40px;
    max-width: 50%;
  }
}
body.single .thumbnail-top .right .role {
  font-style: italic;
}
body.single .entry-content {
  padding: 20px 0;
}
.cards.team .card .card-header img {
  width: 100%;
}
.cards.team .card .role {
  color: #7c7d80;
  font-size: 14px;
  font-style: italic;
  margin: 5px 0;
}
.cards.team .card .category {
  margin: 5px 0;
}
.cards.team .card .category a {
  color: #0071bc;
  font-size: 14px;
}
.cards.team .card .excerpt {
  margin: 15px 0 10px;
}
.cards.team .card .bio-link {
  margin: 10px 0 0;
}
.fixed-sidebar select + h3 {
  margin-top: 25px;
}
.class-selections.class-results {
  padding: 70px 0;
}
body.page-template-page-department .columns-container.count-1 > .row:first-child,
body.page-template-page-classes .columns-container.count-1 > .row:first-child {
  padding-top: 70px;
}
.columns-container.count-1 > .row:first-child {
  padding-top: 0;
}
.columns-container > .row:first-child {
  padding-top: 70px;
}
.columns-container > .row:last-child {
  padding-bottom: 70px;
}
.columns-container.bg-white + .columns-container.bg-white > .row:first-child {
  padding-top: 70px;
}
.columns-container .row {
  padding: 35px 0;
}
.columns-container .row > .wrapper {
  padding: 0;
}
.columns-container .row.bg-white {
  background: transparent;
  border-bottom: none;
}
.columns-container .columns-6-6 .column {
  padding: 0;
}
.columns-container .columns-6-6 .column:first-child .row:not(.callouts):not(.img-full-width) {
  padding-right: 20px;
}
.columns-container .columns-6-6 .column:last-child .row:not(.callouts):not(.img-full-width) {
  padding-left: 20px;
}
.columns-container .columns-6-6 .callout {
  width: 100%;
  float: none;
}
.columns-container .columns-6-6 .cards .card {
  width: 100%;
  margin: 0 auto;
}
.columns-container .columns-6-6 .cards.team .card {
  margin-bottom: 20px;
}
.columns-container .columns-6-6 .cards.team .card:last-child {
  margin-bottom: 0;
}
.search-results .content .hentry {
  padding: 40px 0 0;
}
@media screen and (min-width: 56em) {
  .fixed-sidebar {
    display: block;
    position: fixed;
    top: 58px;
    left: 0;
    width: 250px;
    height: 100%;
    z-index: 10;
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
  }
}
.fixed-sidebar.bg-white,
.fixed-sidebar.bg-white a,
.fixed-sidebar.bg-grey-lighter,
.fixed-sidebar.bg-grey-lighter a {
  color: #2b2b2b;
}
@media screen and (min-width: 56em) {
  .fixed-sidebar {
    position: fixed;
    top: 87px;
    left: 0;
    width: 250px;
    height: 100%;
    z-index: 10;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
  }
  body:not(.blog):not(.single-post):not(.single-podcast):not(.archive):not(.category) .fixed-sidebar .fixed-sidebar-content {
    display: block;
  }
}
.fixed-sidebar h1 {
  font-size: 1.75em;
  margin-bottom: 0.5em;
}
.fixed-sidebar a {
  color: #ffffff;
}
.fixed-sidebar .prev-next-shows {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 88px;
  left: 0;
  *zoom: 1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.fixed-sidebar .prev-next-shows:before,
.fixed-sidebar .prev-next-shows:after {
  content: "";
  display: table;
}
.fixed-sidebar .prev-next-shows:after {
  clear: both;
}
.fixed-sidebar .prev-next-shows:before,
.fixed-sidebar .prev-next-shows:after {
  content: "";
  display: table;
}
.fixed-sidebar .prev-next-shows:after {
  clear: both;
}
.fixed-sidebar .prev-next-shows a {
  display: block;
  float: left;
  width: 50%;
  padding: 1em;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}
.fixed-sidebar .prev-next-shows a:hover {
  background: rgba(255, 255, 255, 0.25);
}
.fixed-sidebar .prev-next-shows a:nth-of-type(1) {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.fixed-sidebar .prev-next-shows a:nth-of-type(1):hover {
  padding-left: 0.5em;
}
.fixed-sidebar .prev-next-shows a:nth-of-type(2):hover {
  padding-right: 0.5em;
}
.fixed-sidebar-content {
  padding: 1em;
}
body:not(.blog):not(.single-post):not(.single-podcast):not(.archive):not(.category) .fixed-sidebar-content {
  display: none;
}
.fixed-sidebar-content .custom-content {
  padding: 20px 0;
}
.fixed-sidebar-nav {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
@media screen and (min-width: 56em) {
  .fixed-sidebar-nav {
    text-align: right;
  }
}
.fixed-sidebar-nav li {
  display: inline-block;
}
@media screen and (min-width: 56em) {
  .fixed-sidebar-nav li {
    display: block;
  }
}
.fixed-sidebar-nav a {
  display: block;
  padding: 0.5em 1em;
}
@media screen and (min-width: 56em) {
  .fixed-sidebar-nav a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.fixed-sidebar-nav a:hover {
  padding-right: 1.25em;
}
.fixed-sidebar-nav a.selected {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.3);
  border-bottom-color: transparent;
}
@media screen and (min-width: 56em) {
  .page-template-page-fixed-sidebar .content,
  .page-template-page-classes .content,
  .blog .content,
  .archive .content,
  .category .content,
  .single-post .main > .content,
  .single-podcast .main > .content,
  .main > .fixed-sidebar + .content {
    margin-left: 250px;
  }
}
.prev-next-page-nav {
  position: relative;
  z-index: 1;
  *zoom: 1;
}
.prev-next-page-nav:before,
.prev-next-page-nav:after {
  content: "";
  display: table;
}
.prev-next-page-nav:after {
  clear: both;
}
.prev-next-page-nav:before,
.prev-next-page-nav:after {
  content: "";
  display: table;
}
.prev-next-page-nav:after {
  clear: both;
}
.prev-next-page-nav a {
  float: left;
  width: 50%;
  padding: 2.5em 3em;
  position: relative;
  font-size: 1.5em;
  background-color: #ffc50b;
  background-color: #ffcb25;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.prev-next-page-nav a:first-child {
  border-right: 1px solid #fcbe02;
}
.prev-next-page-nav a.has-bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0ms;
}
.prev-next-page-nav a span {
  position: relative;
  z-index: 1;
}
.prev-next-page-nav a span:after {
  content: '';
  display: block;
  position: absolute;
  background: transparent url('images/icon-arrow-right.svg') 0 0 / cover no-repeat;
  width: 28px;
  height: 22px;
  right: -47px;
  top: -7px;
  transition: all 200ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0ms;
  transform: translate(0, 8px) translateZ(0);
  z-index: 1;
}
.prev-next-page-nav a.next-post:hover {
  background-color: #ffc50b/1.1;
}
.prev-next-page-nav a.prev-post {
  background-color: #ffc50b/1.05;
  padding-left: 3em;
  padding-right: 1em;
}
.prev-next-page-nav a.next-post {
  padding-left: 1em;
  padding-right: 3em;
}
.prev-next-page-nav a.prev-post:hover {
  background-color: #ffc50b/1.1;
}
.prev-next-page-nav a.has-bg:hover:before {
  background-color: rgba(0, 0, 0, 0.35);
}
.prev-next-page-nav a.prev-post span:after {
  background: transparent url('images/icon-arrow-left.svg') 0 0 / cover no-repeat;
  right: auto;
  left: -47px;
}
.prev-next-page-nav a:nth-of-type(2) {
  text-align: right;
}
.prev-next-page-nav a.prev-post:hover span:after {
  transform: translate(-5px, 8px) translateZ(0);
}
.prev-next-page-nav a.next-post:hover span:after {
  transform: translate(5px, 8px) translateZ(0);
}
.entry-content img {
  margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.alignright,
img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.alignnone,
img.alignnone {
  /* not sure about this one */
}
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
.wp-caption {
  width: 100%!important;
}
/*SEARCH *
-----------------------------------------------*/
.search-results h1.page-title {
  color: #7c7d80;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-size: 1.5em;
}
.search-results h1.page-title span {
  display: block;
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 2.25em;
}
/*Merchandise Items *
-----------------------------------------------*/
.merchandise-item {
  display: block;
  border-bottom: 1px solid #ebe8eb;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-bottom: 2em;
  padding-top: 2em;
  *zoom: 1;
}
.merchandise-item:before,
.merchandise-item:after {
  content: "";
  display: table;
}
.merchandise-item:after {
  clear: both;
}
.merchandise-item:before,
.merchandise-item:after {
  content: "";
  display: table;
}
.merchandise-item:after {
  clear: both;
}
.merchandise-item:last-of-type {
  border-bottom: 0;
}
.merchandise-item .inside {
  *zoom: 1;
}
.merchandise-item .inside:before,
.merchandise-item .inside:after {
  content: "";
  display: table;
}
.merchandise-item .inside:after {
  clear: both;
}
.merchandise-item .inside:before,
.merchandise-item .inside:after {
  content: "";
  display: table;
}
.merchandise-item .inside:after {
  clear: both;
}
@media screen and (min-width: 38em) {
  .merchandise-item__image {
    display: inline;
    float: left;
    width: 22.91666667%;
    margin: 0 1.04166667%;
  }
}
@media screen and (min-width: 38em) {
  .merchandise-item__content {
    display: inline;
    float: left;
    width: 72.91666667%;
    margin: 0 1.04166667%;
  }
}
.full-v-height {
  min-height: 100vh;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 56em) {
  .full-v-height .centered-stuff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .full-v-height .centered-stuff.left {
    left: 0;
    transform: translate(0, -50%);
  }
  .full-v-height .centered-stuff.right {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
}
.on-stage-carousel-item,
.home-section {
  font-size: 0.8em;
}
@media all and (min-height: 785px) {
  .on-stage-carousel-item,
  .home-section {
    font-size: 1em;
  }
}
.bg-fixed {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
@media screen and (min-width: 56em) {
  .js .fade-in {
    opacity: 0;
  }
}
.theater {
  display: block;
  height: 100vh;
  min-height: 600px;
  margin-bottom: -1em;
  *zoom: 1;
  position: relative;
  z-index: 4;
}
.theater:before,
.theater:after {
  content: "";
  display: table;
}
.theater:after {
  clear: both;
}
.theater:before,
.theater:after {
  content: "";
  display: table;
}
.theater:after {
  clear: both;
}
@media screen and (min-width: 56em) {
  .theater {
    z-index: 3;
    margin-bottom: 0;
  }
}
.theater-spacer {
  display: none;
  min-height: 180vh;
  pointer-events: none;
}
@media screen and (min-width: 56em) {
  .theater-spacer {
    display: block;
  }
}
.video-wrapper {
  position: relative;
  display: none;
}
@media screen and (min-width: 56em) {
  .video-wrapper {
    display: block;
  }
}
.bg-screen {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  position: fixed;
  z-index: -99;
  top: 0;
  left: 0;
  background: url(images/bgscreen.png);
}
.bg-video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: -100;
}
.curtain-left,
.curtain-right {
  *zoom: 1;
  float: left;
  width: 50%;
  height: 130%;
  position: absolute;
  bottom: 0;
  top: 0%;
  perspective: 800px;
}
.curtain-left:before,
.curtain-right:before,
.curtain-left:after,
.curtain-right:after {
  content: "";
  display: table;
}
.curtain-left:after,
.curtain-right:after {
  clear: both;
}
.curtain-left:before,
.curtain-right:before,
.curtain-left:after,
.curtain-right:after {
  content: "";
  display: table;
}
.curtain-left:after,
.curtain-right:after {
  clear: both;
}
@media screen and (min-width: 56em) {
  .curtain-left,
  .curtain-right {
    width: 30%;
  }
}
.curtain-left {
  left: 0;
}
.curtain-right {
  right: 0;
}
.curtain-center {
  display: none;
  float: left;
  width: 40%;
  height: 101%;
  position: absolute;
  left: 50%;
  margin-left: -20%;
  top: 0%;
  bottom: 0;
  perspective: 800px;
  pointer-events: none;
  z-index: 2;
}
@media screen and (min-width: 56em) {
  .curtain-center {
    display: block;
  }
}
.curtain-1,
.curtain-2,
.curtain-3,
.curtain-4,
.curtain-5,
.curtain-6,
.curtain-7,
.curtain-8,
.curtain-9,
.curtain-10,
.curtain-11 {
  position: relative;
  display: inline;
  float: left;
  width: 50%;
  height: 73%;
  border-radius: 5px;
  transform-origin: 0 0 ;
}
.curtain-1 {
  transform: skewY(4deg) rotateX(10deg) translateY(-10px) scale(1.02);
  z-index: 1;
  background: #a6ce39 url(../../wp-content/themes/the-rose/images/curtain-1.jpg) no-repeat center top;
  background-size: cover;
}
.curtain-2 {
  z-index: 2;
  transform: skewY(-4deg) rotateX(10deg) rotateY(-10deg) scale(1.02);
  background: #0071bc url(../../wp-content/themes/the-rose/images/curtain-2.jpg) no-repeat center top;
  background-size: cover;
}
.curtain-3 {
  height: 100%;
  transform: skewY(8deg) rotateX(8deg) translateY(-50px);
  background: #f6891f url(../../wp-content/themes/the-rose/images/curtain-3.jpg) no-repeat center top;
  background-size: cover;
}
.curtain-4 {
  height: 100%;
  transform: scale(1.02) skewY(-4deg) rotateX(15deg) translateY(-40px);
  z-index: 3;
  background: #e20d15 url(../../wp-content/themes/the-rose/images/curtain-4.jpg) no-repeat center top;
  background-size: cover;
}
.curtain-5 {
  height: 100%;
  transform: skewY(4deg) rotateX(8deg) translateY(-20px);
  background: #a6ce39 url(../../wp-content/themes/the-rose/images/curtain-5.jpg) no-repeat center top;
  background-size: cover;
}
.curtain-6 {
  transform: skewY(-4deg) rotateX(8deg) scale(1.035);
  z-index: 3;
  background: #378a4e url(../../wp-content/themes/the-rose/images/curtain-6.jpg) no-repeat right top;
  background-size: cover;
}
.curtain-7 {
  transform: skewY(-4deg) rotateX(10deg) translateX(-3px) scale(1.02);
  background: #0071bc url(../../wp-content/themes/the-rose/images/curtain-7.jpg) no-repeat center top;
  background-size: cover;
  z-index: 3;
}
@media screen and (min-width: 56em) {
  .curtain-7 {
    transform: skewY(-4deg) rotateX(10deg) translateX(-10px) scale(1.02);
  }
}
.curtain-3,
.curtain-4,
.curtain-5 {
  width: 33.333333%;
}
.backstage-curtains {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.backstage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 3;
}
@media screen and (min-width: 56em) {
  .backstage {
    z-index: 1;
  }
}
.backstage .content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 45%;
  z-index: 1;
}
.backstage .popup-video,
.theater-links .popup-video {
  display: block;
  margin: 0 auto;
  color: #ffffff;
  border: none;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-size: 2em;
  position: relative;
}
.backstage .popup-video:before,
.theater-links .popup-video:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 0;
  height: 0;
  margin-right: 0.5em;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 19px solid #ffffff;
  position: absolute;
  bottom: -53px;
  left: 50%;
  margin-left: -4px;
}
.backstage .popup-video:after,
.theater-links .popup-video:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  border: 3px solid #ffffff;
  border-radius: 100px;
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -25px;
}
.backstage .popup-video:hover:after,
.theater-links .popup-video:hover:after {
  background: rgba(255, 255, 255, 0.5);
}
.theater-links .popup-video {
  margin-bottom: 0.25em;
}
@media screen and (min-width: 56em) {
  .theater-links .popup-video {
    display: none;
    margin-bottom: 1em;
  }
}
.theater-links .popup-video:before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0%;
  margin-left: 15px;
  margin-right: 0;
}
@media screen and (min-width: 20em) {
  .theater-links .popup-video:before {
    margin-left: 41px;
  }
}
@media screen and (min-width: 38em) {
  .theater-links .popup-video:before {
    margin-left: 30px;
  }
}
.theater-links .popup-video:after {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  left: 0%;
  margin-left: 0;
}
@media screen and (min-width: 20em) {
  .theater-links .popup-video:after {
    margin-left: 25px;
  }
}
@media screen and (min-width: 38em) {
  .theater-links .popup-video:after {
    margin-left: 15px;
  }
}
.frontstage {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1s ease;
  z-index: 3;
  pointer-events: none;
}
.frontstage .centered-stuff {
  width: 350px;
}
.frontstage a {
  color: #ffffff;
  border: none;
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.frontstage-logo {
  max-width: 130px;
  margin: 105px auto 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media screen and (min-width: 56em) {
  .frontstage-logo {
    max-width: 350px;
    margin: 0px auto 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
body.page-home .theater-links {
  width: 100%;
  text-align: center;
  z-index: 4;
  position: absolute;
  bottom: 2em;
}
@media screen and (min-width: 56em) {
  body.page-home .theater-links {
    z-index: 1;
    height: 125px;
    position: absolute;
    bottom: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.theater-links h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
}
.theater-links a {
  background-color: #ffffff35;
  color: #ffffff;
  border: 2px solid #ffffff;
  display: inline-block;
  max-width: 300px;
  min-width: 170px;
  margin: 0;
  padding: 0.9em 0.75em;
  font-size: 1.25em;
  line-height: 1;
  text-align: center;
  outline: none;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
}
.theater-links a.green {
  border-color: #378a4e;
  color: #378a4e;
}
@media screen and (min-width: 56em) {
  .theater-links a {
    min-width: 250px;
    font-size: 1.25em;
    padding: 1.3em 0.75em;
  }
}
.theater-links a:hover .icon {
  transform: scale(1.05);
}
.theater-links .icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 60px;
}
.theater-links .icon img {
  max-width: 40px;
  max-height: 400px;
}
.has-icon a,
a.has-icon {
  padding: 0.5em 0.75em;
  display: flex;
  align-items: center;
  height: 65px;
}
.curtain-link {
  display: inline-block;
  margin: 0 1% 1em;
  text-align: center;
  vertical-align: top;
}
.icon-placeholder {
  display: inline-block;
  vertical-align: middle;
  max-width: 50px;
}
.home-section .big-title {
  font-size: 2.25em;
}
@media screen and (min-width: 56em) {
  .home-section .big-title {
    font-size: 4em;
  }
}
.top-half {
  width: 100%;
  height: 40%;
  min-height: 200px;
  position: relative;
  background: url('images/home-about.jpg');
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 56em) {
  .top-half {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.top-half .big-title,
.top-half [class*='big-title-'] {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  background: none;
}
.bottom-half {
  width: 100%;
  height: 60%;
  padding-top: 2em;
  position: relative;
}
@media screen and (min-width: 56em) {
  .bottom-half {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.bottom-half h3 {
  margin-top: 0;
}
.home-about {
  position: relative;
  z-index: 3;
  background-position: center center;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 56em) {
  .home-about {
    min-height: 100vh;
    position: relative;
    z-index: 3;
  }
}
@media screen and (min-width: 56em) and screen and (min-width: 56em) {
  .home-about .centered-stuff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-about .centered-stuff.left {
    left: 0;
    transform: translate(0, -50%);
  }
  .home-about .centered-stuff.right {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
}
.touch .home-about {
  background-attachment: inherit;
}
.home-about .top-half {
  background-image: url('images/home-about.png');
}
.home-about .btn-big {
  min-width: 250px;
}
.home-about h3 {
  color: #c66508;
  font-size: 2.5em;
}
.scroll-indicator {
  width: 8px;
  height: 60px;
  margin: 1em auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
}
.scroll-indicator span {
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  border-radius: 20px;
  background: #ffffff;
  animation: arrow 2s infinite;
}
@keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.scroll-indicator .scroll-1 {
  animation-delay: -1s;
}
.scroll-indicator .scroll-2 {
  animation-delay: -0.5s;
}
.scroll-indicator .scroll-3 {
  animation-delay: 0s;
}
[data-ca3_icon]::before {
  font-weight: normal;
  content: attr(data-ca3_icon);
}
.ca3-scroll-down-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
}
.ca3-scroll-down-link {
  display: none;
  cursor: pointer;
  height: 40px;
  width: 40px;
  margin: 0px 0 0 -20px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  bottom: 25px;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  animation: ca3_fade_move_down 2s ease-in-out infinite;
}
@media screen and (min-width: 56em) {
  .ca3-scroll-down-link {
    display: block;
  }
}
/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0% {
    -webkit-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}
@-moz-keyframes ca3_fade_move_down {
  0% {
    -moz-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes ca3_fade_move_down {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}
.on-stage-carousel-item {
  width: 100%;
  background: #f7f7f7;
  position: relative;
  z-index: 3;
  border-radius: 3px;
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item {
    min-height: 100vh;
    position: relative;
    z-index: 3;
    padding-top: 40px;
  }
}
@media screen and (min-width: 56em) and screen and (min-width: 56em) {
  .on-stage-carousel-item .centered-stuff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .on-stage-carousel-item .centered-stuff.left {
    left: 0;
    transform: translate(0, -50%);
  }
  .on-stage-carousel-item .centered-stuff.right {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
}
@media screen and (min-width: 56em) and screen and (min-width: 38em) {
  .on-stage-carousel-item {
    padding-top: 70px;
  }
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none;
  }
}
.on-stage-carousel-item .show-graphic {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-graphic {
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }
  .on-stage-carousel-item .show-graphic.right {
    background-position: right center;
  }
}
.on-stage-carousel-item .show-info {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 1em;
  color: #4b4b4d;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-info {
    width: 100%;
    max-width: 45%;
    padding: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    box-shadow: none;
  }
}
.on-stage-carousel-item .show-info.left {
  left: 0;
}
.on-stage-carousel-item .show-info.right {
  right: 0;
}
.on-stage-carousel-item .show-info h2 {
  max-width: 500px;
  margin-bottom: 0;
  font-size: 3em;
  line-height: 0.9;
  text-align: center;
  border: none;
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-info h2 {
    font-size: 4em;
    text-align: left;
  }
}
@media screen and (min-width: 60em) {
  .on-stage-carousel-item .show-info h2 {
    font-size: 7em;
    font-size: 7vw;
  }
}
.on-stage-carousel-item .show-info h2 a {
  color: #4b4b4d;
  display: block;
}
.on-stage-carousel-item .show-info h2 a img {
  display: block;
}
.on-stage-carousel-item .show-info h3 {
  font-size: 1.5em;
  text-align: center;
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-info h3 {
    text-align: left;
  }
}
.on-stage-carousel-item .show-info .show-meta li {
  display: inline;
  float: left;
  width: 48%;
  margin-bottom: 1em;
  text-align: left;
}
.on-stage-carousel-item .show-info .show-meta li:nth-of-type(2n) {
  float: right;
}
.on-stage-carousel-item .show-info .show-meta .meta {
  color: #4b4b4d;
}
.show-meta {
  *zoom: 1;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-size: 1.125em;
  text-align: center;
}
.show-meta:before,
.show-meta:after {
  content: "";
  display: table;
}
.show-meta:after {
  clear: both;
}
.show-meta:before,
.show-meta:after {
  content: "";
  display: table;
}
.show-meta:after {
  clear: both;
}
.show-meta li {
  margin-bottom: 1em;
  text-align: left;
}
.show-meta .meta {
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px solid #ebe8eb;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: normal;
}
@media screen and (min-width: 56em) {
  .fade-in-left {
    transition: all 1s ease;
    transform: translateX(-1500px);
  }
  .active .fade-in-left {
    transform: translateY(0);
  }
}
@media screen and (min-width: 56em) {
  .fade-in-right {
    animation: fadeInRight;
    transition: all 1s ease;
    transform: translateX(1500px);
  }
  .active .fade-in-right {
    transform: translateY(0);
  }
}
.on-stage-carousel-item .show-info-content {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-info-content {
    transform: translateY(100px);
  }
}
.on-stage-carousel-item .date {
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-size: 2em;
  color: #e20d15;
}
.on-stage-carousel-item .show-info-links {
  margin-top: 0;
  display: flex;
  *zoom: 1;
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-info-links {
    transform: translateY(100px);
  }
}
.on-stage-carousel-item .show-info-links:before,
.on-stage-carousel-item .show-info-links:after {
  content: "";
  display: table;
}
.on-stage-carousel-item .show-info-links:after {
  clear: both;
}
.on-stage-carousel-item .show-info-links:before,
.on-stage-carousel-item .show-info-links:after {
  content: "";
  display: table;
}
.on-stage-carousel-item .show-info-links:after {
  clear: both;
}
.on-stage-carousel-item .show-info-links a {
  min-width: 250px;
  margin-top: 0;
  margin-bottom: 1em;
  margin-right: 10px;
  padding: 0.25em;
  border-color: #e20d15;
  color: #e20d15;
}
.on-stage-carousel-item .show-info-links a:hover {
  border-color: #7c7d80/1.2;
  background: transparent;
  color: #e20d15;
}
.on-stage-carousel-item .show-info-links a:hover .icon {
  transform: scale(1.05);
}
.on-stage-carousel-item .show-info-links .icon {
  display: inline-block;
  vertical-align: middle;
  max-width: 100px;
  margin: 0;
  margin-right: 0.5em;
  transition: all 0.15s ease;
}
@media screen and (min-width: 56em) {
  .on-stage-carousel-item .show-info-links .icon {
    width: 60px;
  }
}
.on-stage-carousel-item .show-info-links .icon svg,
.on-stage-carousel-item .show-info-links .icon img {
  width: 40px;
  height: 40px;
}
@media all and (max-width: 600px) {
  body.home .on-stage-carousel-item .show-info-links {
    display: block;
  }
}
.home-classes-camps {
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: 3;
}
.home-classes-camps .btn-big {
  margin-top: 15px;
}
@media screen and (min-width: 56em) {
  .home-classes-camps {
    min-height: 100vh;
    position: relative;
    z-index: 3;
  }
}
@media screen and (min-width: 56em) and screen and (min-width: 56em) {
  .home-classes-camps .centered-stuff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-classes-camps .centered-stuff.left {
    left: 0;
    transform: translate(0, -50%);
  }
  .home-classes-camps .centered-stuff.right {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
}
.home-classes-camps .top-half {
  background-image: url('images/home-classes-b.png');
  background-position: center top 10%;
}
.home-classes-camps ul li {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  margin: 0 1em 1em;
  text-transform: uppercase;
  text-indent: 0;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media screen and (min-width: 38em) {
  .home-classes-camps ul li {
    width: 110px;
  }
}
.home-classes-camps ul li a {
  color: #ffffff;
  border: none;
}
.home-classes-camps ul li:before {
  display: none;
}
.home-classes-camps .icon {
  display: block;
  max-width: 65px;
  margin: 0 auto 1em;
}
.home-classes-camps h3 {
  color: #9e090f;
  font-size: 2.5em;
}
.home-auditions {
  text-align: center;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 56em) {
  .home-auditions {
    min-height: 100vh;
    position: relative;
    z-index: 3;
  }
}
@media screen and (min-width: 56em) and screen and (min-width: 56em) {
  .home-auditions .centered-stuff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-auditions .centered-stuff.left {
    left: 0;
    transform: translate(0, -50%);
  }
  .home-auditions .centered-stuff.right {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
}
.home-auditions .top-half {
  background-image: url('images/home-auditions.png');
  background-position: center top 10%;
}
.home-auditions h3 {
  color: #004675;
  font-size: 2.5em;
}
.home-location {
  text-align: center;
  position: relative;
  z-index: 3;
  background: url('images/background-footer-map.jpg') no-repeat center / cover;
}
@media screen and (min-width: 56em) {
  .home-location {
    min-height: 100vh;
    position: relative;
    z-index: 3;
  }
}
@media screen and (min-width: 56em) and screen and (min-width: 56em) {
  .home-location .centered-stuff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home-location .centered-stuff.left {
    left: 0;
    transform: translate(0, -50%);
  }
  .home-location .centered-stuff.right {
    left: auto;
    right: 0;
    transform: translate(0, -50%);
  }
}
@media screen and (min-width: 56em) {
  .home-location {
    padding-top: 50px;
    padding-bottom: 0px;
  }
}
.home-location .columns h3 {
  margin: 0;
}
.home-location .columns .column {
  padding-bottom: 40px;
}
@media screen and (min-width: 60em) {
  .home-location .columns {
    display: flex;
  }
  .home-location .columns .column {
    padding-right: 60px;
    padding-bottom: 0;
  }
}
.home-location .contact-links {
  margin-bottom: 1em;
  padding-left: 35px;
}
.home-location .contact-links li {
  margin-bottom: 0.5em;
  position: relative;
  font-size: 1.25em;
  line-height: 1.6;
}
@media screen and (min-width: 38em) {
  .home-location .contact-links li {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 60em) {
  .home-location .contact-links li {
    font-size: 1.5em;
  }
}
.home-location .contact-links li svg {
  fill: #ffffff;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: 0.25em;
}
.home-location .contact-links li a {
  border: none;
}
.home-location .address {
  max-width: 230px;
  margin: 0 auto;
  padding-top: 2em;
  position: relative;
  z-index: 1;
  text-align: left;
  color: #ffffff;
}
@media screen and (min-width: 56em) {
  .home-location .address {
    max-width: none;
    padding: 50px;
  }
}
.home-location .address h2 {
  max-width: 700px;
  text-align: left;
  font-size: 3em;
  line-height: 1;
  border: none;
}
@media screen and (min-width: 56em) {
  .home-location .address h2 {
    font-size: 6em;
  }
}
.home-location .address a {
  color: #ffffff;
  border-color: #ffffff;
}
.home-location .btn-big {
  min-width: 250px;
}
#map_canvas {
  display: block;
  width: 100%;
  height: 200px;
  border-bottom: 5px solid #d7a400;
}
@media screen and (min-width: 56em) {
  #map_canvas {
    border-bottom: none;
    height: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    bottom: 0;
  }
}
.home .back-to-top {
  width: 170px;
  white-space: nowrap;
}
@media screen and (min-width: 56em) {
  .home .back-to-top {
    position: absolute;
    left: 50%;
    bottom: 50px;
    margin-left: -75px;
  }
}
.home .back-to-top svg {
  width: 30px;
  height: 30px;
}
.bottom-ctas {
  padding: 70px;
  text-align: center;
}
.bottom-ctas p {
  text-align: center;
}
.bottom-ctas p a {
  margin: 0;
}
.bottom-ctas .curtain-link {
  margin: 20px auto 0;
}
#about-show {
  padding-bottom: 40px;
  border-bottom: none;
}
#about-show .show-meta {
  padding-top: 20px;
}
#about-show .show-meta li {
  line-height: 1.4;
  padding-bottom: 25px;
}
#about-show .show-meta li .subhead {
  color: #0071bc;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: block;
  padding: 10px 0 0;
}
#about-show .show-meta li .meta + .subhead {
  padding: 0;
}
#popup-iframe {
  height: 75vh;
}
#popup-iframe iframe {
  height: 100% !important;
  width: 100%;
}
.buy-tickets .module,
.spektrix-module .module {
  margin-bottom: 2rem;
}
.buy-tickets .module .module-header,
.spektrix-module .module .module-header {
  background: #e20d15;
  color: #fff;
  text-align: center;
}
.buy-tickets .module .inside,
.spektrix-module .module .inside {
  padding: 40px;
}
.buy-tickets .columns-6-6 > *:first-child,
.spektrix-module .columns-6-6 > *:first-child {
  padding-right: 40px;
}
.buy-tickets .columns-6-6 > *:last-child,
.spektrix-module .columns-6-6 > *:last-child {
  padding-left: 40px;
}
.spektrix-module {
  margin: 40px 0 20px;
}
.buy-tickets .module {
  margin: 0;
}
.buy-tickets .show-time-list {
  margin: 0;
  padding: 0;
}
.buy-tickets .show-time-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ebe8eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buy-tickets .show-time-list li p {
  font-family: 'Bree Serif', serif;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}
.buy-tickets .show-time-list li a {
  margin: 0 0 0 20px;
  flex-shrink: 0;
}
.buy-tickets .show-time-list li:first-child {
  padding-top: 0;
}
.buy-tickets .show-time-list li:before {
  display: none;
}
.show-header {
  display: block;
  width: 100%;
  position: relative;
  z-index: 3;
  border-bottom: 1px solid #ebe8eb;
  overflow: hidden;
}
@media screen and (min-width: 56em) {
  .show-header {
    height: 41.4vw;
    margin: 87px 0 0;
    box-sizing: content-box;
  }
}
.show-header .buy-tickets-button {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.show-header img {
  display: block;
  width: 100%;
}
.single-shows .show-header .show-graphic {
  display: block;
}
@media screen and (min-width: 56em) {
  .single-shows .show-header .show-graphic {
    position: fixed;
    z-index: 0;
    top: 87px;
    right: 0;
    left: 250px;
  }
}
.licensing-info {
  padding-top: 20px;
  padding-bottom: 0px;
}
.single-shows .show-info {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
  color: #4b4b4d;
}
.single-shows .show-info h2 {
  margin-bottom: 0.5em;
  font-size: 3em;
  line-height: 0.9;
  text-align: center;
}
@media screen and (min-width: 56em) {
  .single-shows .show-info h2 {
    font-size: 4em;
  }
}
@media screen and (min-width: 60em) {
  .single-shows .show-info h2 {
    font-size: 7em;
    font-size: 7vw;
  }
}
.single-shows .show-info h2.show-logo {
  max-width: 400px;
  margin: 0 auto;
}
.single-shows .show-info h3 {
  font-size: 1.5em;
  text-align: center;
}
@media screen and (min-width: 56em) {
  .single-shows .show-info h3 {
    text-align: left;
  }
}
.single-shows .show-info .show-meta .meta {
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px solid #ebe8eb;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: normal;
  color: #4b4b4d;
}
.single-shows .show-info-content {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 56em) {
  .single-shows .show-info-content {
    transform: translateY(100px);
  }
}
.shows-content {
  position: relative;
  z-index: 1;
}
.shows-content .custom-show-content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 56em) {
  .shows-content {
    margin-left: 250px;
  }
}
.shows-content:after {
  display: block;
  content: '';
  clear: both;
}
.show-header {
  position: relative;
  z-index: 1;
}
.single-shows section {
  position: relative;
  z-index: 1;
}
.show-content {
  position: relative;
  z-index: 1;
}
.show-content .show-meta {
  *zoom: 1;
  padding: 0;
}
.show-content .show-meta:before,
.show-content .show-meta:after {
  content: "";
  display: table;
}
.show-content .show-meta:after {
  clear: both;
}
.show-content .show-meta:before,
.show-content .show-meta:after {
  content: "";
  display: table;
}
.show-content .show-meta:after {
  clear: both;
}
@media screen and (min-width: 38em) {
  .show-content .show-meta {
    display: block;
    width: 102.08333333%;
    margin: 0 -1.04166667%;
    *zoom: 1;
  }
  .show-content .show-meta:before,
  .show-content .show-meta:after {
    content: "";
    display: table;
  }
  .show-content .show-meta:after {
    clear: both;
  }
  .show-content .show-meta:before,
  .show-content .show-meta:after {
    content: " ";
    display: table;
  }
  .show-content .show-meta:after {
    clear: both;
  }
}
.show-content .show-meta li {
  text-indent: 0;
}
@media screen and (min-width: 38em) {
  .show-content .show-meta li {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.04166667%;
  }
}
.show-content .show-meta li:before {
  display: none;
}
.show-dates-times {
  display: inline;
  float: left;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 56em) {
  .show-dates-times {
    width: 26%;
    margin-right: 4%;
  }
}
.show-dates-times .module-header {
  padding: 1em;
  background: #e20d15;
  color: #ffffff;
}
.show-dates-times .show-date-time {
  margin-bottom: 0.5em;
}
.show-dates-times .sold-out {
  font-size: 0.8em;
  color: #e20d15;
  font-style: italic;
  text-decoration: line-through;
}
.show-dates-times .sold-out:after {
  display: inline-block;
  content: 'SOLD OUT';
  margin-left: 1em;
}
.ticket-prices {
  display: inline;
  float: left;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 56em) {
  .ticket-prices {
    width: 70%;
  }
}
.ticket-prices .module-header {
  padding: 1em;
  background: #e20d15;
  color: #ffffff;
}
.ticket-prices .inside {
  text-align: center;
}
.ticket-prices .price {
  font-size: 3em;
  vertical-align: top;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.ticket-prices .btn,
.ticket-prices .btn-alt,
.ticket-prices .btn-big,
.ticket-prices .btn-small,
.ticket-prices .MyAccount div.Options ul li a.Selected,
.ticket-prices .MyAccount div.Options ul li a,
.ticket-prices .MyAccount .Buttons:first-of-type .Button,
.ticket-prices #ctl00_ContentPlaceHolder_AddressList_ctl00_Edit,
.ticket-prices #ctl00_ContentPlaceHolder_AddressList_ctl00_Delete,
.ticket-prices .NewAddress,
.ticket-prices .PagerPrevious.PagerButton,
.ticket-prices .PagerNext.PagerButton,
.ticket-prices .MyPaymentCards a,
.ticket-prices .Basket2 .ItemEditButton,
.ticket-prices .Basket2 .ItemDeleteButton,
.ticket-prices .Checkout .Buttons .Edit,
.ticket-prices .Checkout .Button.EditButton,
.ticket-prices .Checkout .Button.AddAddressesButton,
.ticket-prices .Checkout .Buttons .Delivery,
.ticket-prices .Checkout .Buttons .Billing,
.ticket-prices .Checkout .RedeemVoucher .Button,
.ticket-prices .Basket2 div.Savings .Button,
.ticket-prices .Memberships .Membership .Buttons input[type=submit] {
  vertical-align: middle;
}
.ticket-prices .tabs {
  margin: 0;
  padding: 0;
  background: #ffffff;
}
.ticket-prices .tabs > li {
  width: 33.3333333%;
  width: 50%;
  margin: 0;
}
.ticket-prices .tabs a {
  border-top: 0;
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-size: 1.4em;
}
.ticket-prices .tabs .active {
  border-right: 0;
  border-left: 0;
}
.ticket-prices .tab-content {
  padding: 0;
}
.price-container {
  display: inline-block;
  margin: 1em 1em;
  vertical-align: middle;
}
.member-tickets {
  display: block;
  width: 100%;
  margin-bottom: 2em;
  text-align: center;
}
.member-tickets .module-header {
  padding: 1em;
  background: #e20d15;
  color: #ffffff;
}
.member-tickets h4 {
  font-family: 'Bitter', serif;
  font-family: 'Bree Serif', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.sponsors {
  display: block;
  width: 100%;
  text-align: center;
}
.sponsors .module-header {
  padding: 1em;
  background: #e20d15;
  color: #ffffff;
}
.sponsors .sponsor {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
  margin-bottom: 1em;
}
.sponsors a {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 100px;
  padding: 1em;
}
.field-trip-info {
  border-bottom: 1px solid #ebe8eb;
}
.field-trip-info-content {
  display: inline;
  float: left;
  width: 45%;
  margin-right: 5%;
}
.field-trip-info-content .module-header {
  padding: 1em;
  background: #a6ce39;
  color: #ffffff;
}
@media screen and (min-width: 56em) {
  .field-trip-form {
    display: inline;
    float: left;
    width: 50%;
  }
}
.field-trip-form .module-header {
  padding: 1em;
  background: #a6ce39;
  color: #ffffff;
}
.bottom-ctas {
  position: relative;
  z-index: 2;
}
@media all and (max-width: 1350px) {
  .buy-tickets .show-time-list {
    padding: 0;
  }
  .buy-tickets .calendar-container {
    max-width: 500px !important;
  }
}
@media all and (max-width: 500px) {
  body.single-shows .calendar-container .fc-event.type-shows {
    width: 25px;
    height: 25px;
    padding: 0 !important;
    background: url(images/icon-calendar-tickets.svg) no-repeat center center / 20px !important;
    margin: 0 auto;
  }
  body.single-shows .fc-day-grid-event .fc-content {
    display: none;
  }
}
.page-template-page-classes .bottom-buttons {
  padding-top: 60px;
}
.class-filter-container {
  display: block;
  padding-bottom: 2em;
}
.class-filter {
  margin-top: 1em;
  margin-bottom: 4em;
}
.class-filter .dropdown-trigger {
  cursor: pointer;
}
.class-filter form {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.class-filter .filter-field-wrapper {
  width: calc(33.3333% - 10px);
}
@media screen and (min-width: 38em) {
  .class-filter .filter-field-wrapper {
    position: relative;
  }
}
.class-filter .filter-field-wrapper.filter-location .bottom {
  background: #a6ce3930;
}
.class-filter .filter-field-wrapper.filter-location .bottom .change {
  color: #a6ce39;
}
.class-filter .filter-field-wrapper.filter-location .bottom .change:after {
  border-color: #a6ce39 transparent transparent;
}
.class-filter .filter-field-wrapper.filter-location.active .bottom .change:after {
  border-color: transparent transparent #a6ce39;
}
.class-filter .filter-field-wrapper.filter-interest .bottom {
  background: #00a89030;
}
.class-filter .filter-field-wrapper.filter-interest .bottom .change {
  color: #00a890;
}
.class-filter .filter-field-wrapper.filter-interest .bottom .change:after {
  border-color: #00a890 transparent transparent;
}
.class-filter .filter-field-wrapper.filter-interest.active .bottom .change:after {
  border-color: transparent transparent #00a890;
}
.class-filter .filter-field-wrapper.active .bottom .change:after {
  border-color: transparent transparent #0071bc;
  top: -2px;
}
.class-filter .label {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1em 0.75em;
  border: none;
  border-radius: 0;
  font-family: 'Fredoka One', cursive;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25em;
  text-transform: uppercase;
  text-align: center;
}
.class-filter .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #0071bc30;
  padding: 10px 20px;
  color: #2b2b2b;
  margin-top: 3px;
}
.class-filter .bottom .change {
  color: #0071bc;
  font-style: italic;
  padding-right: 21px;
  position: relative;
}
.class-filter .bottom .change:after {
  content: '';
  position: absolute;
  right: 0;
  top: 6px;
  width: 0;
  height: 0;
  border-color: #0071bc transparent transparent;
  border-width: 8px 7px;
  border-style: solid;
}
.class-filter .bottom p {
  margin: 0;
  font-size: 14px;
}
.class-filter .dropdown {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #ebe8eb;
  border-top: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  transform: translateY(100%);
  left: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.class-filter .dropdown li {
  display: flex;
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #ebe8eb;
  position: relative;
}
.class-filter .dropdown li:last-child {
  border: none;
}
.class-filter .dropdown li:hover {
  background: #f7f7f7;
}
.class-filter .dropdown .fancy-checkbox + label {
  display: block;
  margin: 0 0 0 20px;
  padding: 0.5em 1em 0.5em 0.5em;
}
.class-filter .dropdown .fancy-checkbox + label:before {
  display: block;
  top: 10px;
  left: -22px;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  border: 1px solid #7c7d80;
  border-radius: 4px;
}
.class-filter .dropdown li:hover label:before {
  border-color: #7c7d80;
}
.class-filter li:before {
  display: none;
}
.class-filter .active .dropdown {
  display: block;
}
.class-filter .filter-age ul li {
  float: left;
  width: 25%;
  border-right: 1px solid #ebe8eb;
}
.class-filter .filter-age ul li:nth-of-type(4n) {
  border-right: none;
}
.class-search {
  margin-top: 1em;
}
.class-search #class-search-submit {
  background: #e20d15;
  color: #ffffff;
}
.class-search .combined #class-search-reset {
  float: right;
  border: none;
  background: none;
  color: #7c7d80;
}
.class-search .combined #class-search-reset:hover {
  color: #7c7d80/1.2;
}
.class-results {
  padding-top: 1.5em;
  text-align: center;
}
.class-results .card {
  display: flex;
  flex-direction: column;
}
.class-results .card .buttons {
  margin-top: auto;
}
.card.waitlist .card-header {
  border-bottom: 8px solid #ffc50b;
}
.card.waitlist .btn-half:nth-of-type(1) {
  color: #ffc50b;
}
.card.waitlist .btn-half:nth-of-type(2) {
  background-color: #ffc50b;
  color: #fff;
}
.card.register .card-header {
  border-bottom: 8px solid #f6891f;
}
.card.register .btn-half:nth-of-type(1) {
  color: #f6891f;
}
.card.register .btn-half:nth-of-type(2) {
  background-color: #f6891f;
  color: #fff;
}
.class-results .card-header {
  background: #4b4b4d;
  background: #f7f7f7;
  color: #4b4b4d;
  height: 115px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.class-results .card-header h3 {
  width: 100%;
  font-size: 1.2em;
}
@media screen and (min-width: 66em) {
  .class-results .card-header h3 {
    font-size: 1.4em;
  }
}
.class-results .card-header h3 span {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  display: block;
  position: absolute;
  top: 10px;
  right: 1em;
  color: #7c7d80;
}
.class-description {
  background: #ffffff;
  max-width: 600px;
  margin: 0 auto;
  padding: 2em;
  border-radius: 3px;
}
.blog .custom-sidebar-content,
.single-post .custom-sidebar-content,
.single-podcast .custom-sidebar-content,
.archive .custom-sidebar-content,
.category .custom-sidebar-content {
  padding: 20px 0;
  display: none;
}
@media screen and (min-width: 56em) {
  .blog .custom-sidebar-content,
  .single-post .custom-sidebar-content,
  .single-podcast .custom-sidebar-content,
  .archive .custom-sidebar-content,
  .category .custom-sidebar-content {
    display: block;
  }
}
.blog .return-to-news,
.single-post .return-to-news,
.single-podcast .return-to-news,
.archive .return-to-news,
.category .return-to-news {
  margin: 40px 0 0;
}
.blog .card-header {
  background: #4b4b4d;
  background: #f7f7f7;
  color: #4b4b4d;
  overflow: hidden;
  position: relative;
}
.blog .card h2 {
  width: 100%;
  font-size: 1.2em;
}
@media screen and (min-width: 66em) {
  .blog .card h2 {
    font-size: 1.4em;
  }
}
.blog .card-header.inside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 115px;
}
.blog .card a {
  height: 100%;
}
.blog .card a:hover {
  color: inherit;
}
.blog .card .entry-date {
  font-style: italic;
}
.blog .card .entry-summary {
  font-size: 0.8em;
}
.entry-meta {
  text-align: center;
  margin-bottom: 2em;
}
.entry-meta .entry-date {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #7c7d80;
  padding-bottom: 1em;
  display: inline-block;
}
.entry-utility {
  padding: 1.5em;
  background: #f7f7f7;
  border-radius: 3px;
  *zoom: 1;
}
.entry-utility:before,
.entry-utility:after {
  content: "";
  display: table;
}
.entry-utility:after {
  clear: both;
}
.entry-utility:before,
.entry-utility:after {
  content: "";
  display: table;
}
.entry-utility:after {
  clear: both;
}
.entry-utility h4 {
  margin-bottom: 1em;
  font-size: 1em;
  border-bottom: 1px solid #ebe8eb;
}
.meta-categories,
.meta-tags,
.meta-sharing {
  padding-bottom: 20px;
}
@media screen and (min-width: 56em) {
  .meta-categories,
  .meta-tags,
  .meta-sharing {
    float: left;
    width: 33.333333%;
    padding-left: 1%;
    padding-right: 1%;
  }
}
.seating-chart {
  *zoom: 1;
  text-align: center;
}
.seating-chart:before,
.seating-chart:after {
  content: "";
  display: table;
}
.seating-chart:after {
  clear: both;
}
.seating-chart:before,
.seating-chart:after {
  content: "";
  display: table;
}
.seating-chart:after {
  clear: both;
}
#stage-main-image {
  width: 300px;
  margin-bottom: 1em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
@media screen and (min-width: 38em) {
  #stage-main-image {
    width: 507px;
  }
}
@media screen and (min-width: 56em) {
  #stage-main-image {
    margin-right: 1em;
  }
}
#stage-main-image:after {
  content: '';
  display: block;
  width: 106%;
  height: 110%;
  position: absolute;
  left: -3%;
  top: -5%;
  background: #ebe8eb;
  border-radius: 3px;
  z-index: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
#stage-main-image {
  height: 202px;
  position: relative;
}
@media screen and (min-width: 38em) {
  #stage-main-image {
    height: 340px;
  }
}
#stage-main-image .stage-view-image {
  display: none;
  position: absolute;
  z-index: 2;
}
#stage-main-image .show {
  display: block;
}
.seating-sections {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 468px;
  height: 468px;
  margin: 0 auto;
}
.seating-sections img,
.seating-sections map {
  width: 468px;
  height: 387px;
  max-width: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 38em) {
  .seating-sections img,
  .seating-sections map {
    position: relative;
    left: 0;
    transform: none;
  }
}
body.page-template-page-calendar .tippy-box,
body.single-shows .tippy-box {
  background: #f7f7f7;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  color: #2b2b2b;
  z-index: 999999;
  width: 400px;
}
body.page-template-page-calendar .tippy-box[data-placement^=left],
body.single-shows .tippy-box[data-placement^=left] {
  transform: translate3d(-22px, 0, 0px);
}
body.page-template-page-calendar .tippy-box[data-placement^=left] > .tippy-arrow:before,
body.single-shows .tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-left-color: #f6891f;
  border-width: 20px 25px;
  right: -50px;
  top: -13px;
}
body.page-template-page-calendar .tippy-box[data-placement^=right],
body.single-shows .tippy-box[data-placement^=right] {
  transform: translate3d(22px, 0, 0px);
}
body.page-template-page-calendar .tippy-box[data-placement^=right] > .tippy-arrow:before,
body.single-shows .tippy-box[data-placement^=right] > .tippy-arrow:before {
  border-right-color: #f6891f;
  border-width: 20px 25px;
  left: -50px;
  top: -13px;
}
body.page-template-page-calendar .tippy-box .tippy-content,
body.single-shows .tippy-box .tippy-content {
  padding: 20px;
  border-top: 22px solid #f6891f;
}
body.page-template-page-calendar .tippy-box .tippy-content .thumbnail,
body.single-shows .tippy-box .tippy-content .thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-100%) translateY(-16px);
}
body.page-template-page-calendar .tippy-box .tippy-content .date,
body.single-shows .tippy-box .tippy-content .date {
  color: #7c7d80;
  font-style: italic;
  font-size: 14px;
}
body.page-template-page-calendar .tippy-box .tippy-content .ada,
body.single-shows .tippy-box .tippy-content .ada {
  margin: 0 -3px 0 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
body.page-template-page-calendar .tippy-box .tippy-content .ada li,
body.single-shows .tippy-box .tippy-content .ada li {
  padding: 0 3px;
}
body.page-template-page-calendar .tippy-box .tippy-content .ada li.hide,
body.single-shows .tippy-box .tippy-content .ada li.hide {
  display: none;
}
body.page-template-page-calendar .tippy-box .tippy-content .ada li:before,
body.single-shows .tippy-box .tippy-content .ada li:before {
  display: none;
}
body.page-template-page-calendar #no-events,
body.single-shows #no-events {
  display: none;
}
body.page-template-page-calendar #no-events.show,
body.single-shows #no-events.show {
  display: block;
}
body.page-template-page-calendar .post-filters,
body.single-shows .post-filters {
  margin: 20px 0 40px;
  text-align: center;
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar .post-filters,
  body.single-shows .post-filters {
    margin: 40px 0 60px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar .post-filters .filter,
  body.single-shows .post-filters .filter {
    padding: 0 20px;
    display: flex;
    align-items: center;
  }
}
body.page-template-page-calendar .post-filters .filter label,
body.single-shows .post-filters .filter label {
  font-family: 'Bitter', serif;
  font-weight: 700;
  padding-right: 15px;
}
body.page-template-page-calendar .post-filters .filter select,
body.single-shows .post-filters .filter select {
  width: 100%;
  min-width: 300px;
  max-width: 400px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar .post-filters .filter select,
  body.single-shows .post-filters .filter select {
    margin: 0;
  }
}
body.page-template-page-calendar #events-cards,
body.single-shows #events-cards {
  transition: opacity 0.5s;
}
body.page-template-page-calendar #events-cards.loading,
body.single-shows #events-cards.loading {
  opacity: 0.2;
}
body.page-template-page-calendar .calendar-container,
body.single-shows .calendar-container {
  max-width: 1160px;
  margin: 0 auto;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
body.page-template-page-calendar .calendar-container .fc-day-grid .fc-week.higher,
body.single-shows .calendar-container .fc-day-grid .fc-week.higher {
  z-index: 10;
}
body.page-template-page-calendar .calendar-container .fc-scroller,
body.single-shows .calendar-container .fc-scroller {
  overflow: visible !important;
}
body.page-template-page-calendar .calendar-container .fc-toolbar,
body.single-shows .calendar-container .fc-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.page-template-page-calendar .calendar-container .fc-toolbar h2,
body.single-shows .calendar-container .fc-toolbar h2 {
  font-size: 3rem;
  border: none;
}
body.page-template-page-calendar .calendar-container .fc-toolbar button,
body.single-shows .calendar-container .fc-toolbar button {
  background: transparent;
  min-width: 0;
  color: #7c7d80;
  box-shadow: none;
  border-color: #7c7d80;
}
body.page-template-page-calendar .calendar-container .fc-toolbar button:hover,
body.single-shows .calendar-container .fc-toolbar button:hover {
  color: #e20d15;
  border-color: #e20d15;
}
body.page-template-page-calendar .calendar-container .fc-toolbar .fc-right,
body.single-shows .calendar-container .fc-toolbar .fc-right {
  order: 2;
}
body.page-template-page-calendar .calendar-container .fc-toolbar .fc-clear,
body.single-shows .calendar-container .fc-toolbar .fc-clear {
  display: none;
}
body.page-template-page-calendar .calendar-container .fc-view-container,
body.single-shows .calendar-container .fc-view-container {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
body.page-template-page-calendar .calendar-container .fc-widget-header,
body.single-shows .calendar-container .fc-widget-header {
  font-family: 'Bitter', serif;
  background-color: #f7f7f7;
  border: none;
  height: 40px;
  vertical-align: bottom;
  font-size: 20px;
}
body.page-template-page-calendar .calendar-container .fc-unthemed td,
body.single-shows .calendar-container .fc-unthemed td {
  border-color: #f7f7f7;
}
body.page-template-page-calendar .calendar-container .fc-event,
body.single-shows .calendar-container .fc-event {
  border: none;
  background: transparent;
  color: #000;
}
body.page-template-page-calendar .calendar-container .fc-event:hover,
body.single-shows .calendar-container .fc-event:hover {
  color: #e20d15;
}
body.page-template-page-calendar .calendar-container .fc-event.type-shows,
body.single-shows .calendar-container .fc-event.type-shows {
  padding-left: 25px;
  background: url(images/icon-calendar-tickets.svg) no-repeat left center / 20px;
}
body.page-template-page-calendar .calendar-container .fc-event-container,
body.single-shows .calendar-container .fc-event-container {
  padding: 5px;
}
body.page-template-page-calendar .calendar-container .fc-ltr .fc-basic-view .fc-day-top .fc-day-number,
body.single-shows .calendar-container .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
  margin: 5px;
  font-size: 20px;
}
body.page-template-page-calendar .calendar-container .fc-ltr .fc-basic-view .fc-day-top.fc-today .fc-day-number,
body.single-shows .calendar-container .fc-ltr .fc-basic-view .fc-day-top.fc-today .fc-day-number {
  color: #fff;
  background: #0071bc;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  box-sizing: border-box;
}
body.page-template-page-calendar .calendar-container .fc-unthemed td.fc-today,
body.single-shows .calendar-container .fc-unthemed td.fc-today {
  background: transparent;
}
body.page-template-page-calendar .calendar-container #calendar-filters,
body.single-shows .calendar-container #calendar-filters {
  border-radius: 4px;
  background-color: #e20d15;
  color: #fff;
  padding: 25px 40px 20px;
  margin-bottom: 10px;
}
body.page-template-page-calendar .calendar-container #calendar-filters ul,
body.single-shows .calendar-container #calendar-filters ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar .calendar-container #calendar-filters ul,
  body.single-shows .calendar-container #calendar-filters ul {
    flex-direction: row;
    justify-content: space-between;
  }
}
body.page-template-page-calendar .calendar-container #calendar-filters ul li,
body.single-shows .calendar-container #calendar-filters ul li {
  list-style: none;
  padding: 10px 0 0;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
body.page-template-page-calendar .calendar-container #calendar-filters ul li > span,
body.single-shows .calendar-container #calendar-filters ul li > span {
  min-width: 100px;
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar .calendar-container #calendar-filters ul li > span,
  body.single-shows .calendar-container #calendar-filters ul li > span {
    min-width: 0;
  }
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar .calendar-container #calendar-filters ul li,
  body.single-shows .calendar-container #calendar-filters ul li {
    padding: 0;
  }
}
body.page-template-page-calendar .calendar-container #calendar-filters ul li .switch,
body.single-shows .calendar-container #calendar-filters ul li .switch {
  margin-left: 10px;
}
body.page-template-page-calendar .calendar-container #calendar-filters ul li p,
body.single-shows .calendar-container #calendar-filters ul li p {
  margin: 0;
  font-family: 'Bitter', serif;
  font-weight: 700;
  font-size: 18px;
}
body.page-template-page-calendar .calendar-container #calendar-filters ul li:before,
body.single-shows .calendar-container #calendar-filters ul li:before {
  display: none;
}
body.page-template-page-calendar .calendar-container .switch,
body.single-shows .calendar-container .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
body.page-template-page-calendar .calendar-container .switch input,
body.single-shows .calendar-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
body.page-template-page-calendar .calendar-container .slider,
body.single-shows .calendar-container .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
body.page-template-page-calendar .calendar-container .slider:before,
body.single-shows .calendar-container .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
body.page-template-page-calendar .calendar-container input:checked + .slider,
body.single-shows .calendar-container input:checked + .slider {
  background-color: #f6891f;
}
body.page-template-page-calendar .calendar-container input:focus + .slider,
body.single-shows .calendar-container input:focus + .slider {
  box-shadow: 0 0 1px #f6891f;
}
body.page-template-page-calendar .calendar-container input:checked + .slider:before,
body.single-shows .calendar-container input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
body.page-template-page-calendar .calendar-container .slider.round,
body.single-shows .calendar-container .slider.round {
  border-radius: 34px;
}
body.page-template-page-calendar .calendar-container .slider.round:before,
body.single-shows .calendar-container .slider.round:before {
  border-radius: 50%;
}
body.page-template-page-calendar #ada,
body.single-shows #ada {
  text-align: center;
  font-size: 12px;
}
body.page-template-page-calendar #ada ul,
body.single-shows #ada ul {
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page-template-page-calendar #ada ul li,
body.single-shows #ada ul li {
  margin: 0 7px;
  padding: 0;
  list-style: none;
}
body.page-template-page-calendar #ada ul li:before,
body.single-shows #ada ul li:before {
  display: none;
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar #classes-cta .wrapper,
  body.single-shows #classes-cta .wrapper {
    display: flex;
    align-items: center;
  }
}
body.page-template-page-calendar #classes-cta .wrapper h2,
body.single-shows #classes-cta .wrapper h2 {
  padding: 0;
  font-size: 40px;
}
@media screen and (min-width: 56em) {
  body.page-template-page-calendar #classes-cta .wrapper h2,
  body.single-shows #classes-cta .wrapper h2 {
    margin: 0 60px 0 0;
  }
}
body.page-template-page-calendar #classes-cta .wrapper p,
body.single-shows #classes-cta .wrapper p {
  flex-shrink: 0;
  margin: 20px 0;
}
body.page-template-page-calendar #classes-cta .wrapper p a,
body.single-shows #classes-cta .wrapper p a {
  margin: 0;
}
body.page-template-page-calendar #upcoming-shows,
body.single-shows #upcoming-shows {
  padding-bottom: 0;
  border: none;
}
body.page-template-page-calendar #upcoming-shows h2,
body.single-shows #upcoming-shows h2 {
  padding: 0;
  margin: 0;
}
body.page-template-page-calendar #events-and-programs h2,
body.single-shows #events-and-programs h2 {
  padding: 0;
  margin: 0;
}
body.single-shows .calendar-container .fc-toolbar h2 {
  font-size: 28px;
}
body.single-shows .calendar-container .fc-widget-header {
  font-size: 14px;
}
body.single-shows .calendar-container .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  font-size: 16px;
}
body.single-shows .calendar-container .fc-ltr .fc-basic-view .fc-day-top.fc-today .fc-day-number {
  width: 25px;
  height: 25px;
}
body.single-shows .calendar-container .fc-event.type-shows {
  padding: 0 0 0 14px;
  background: url(images/icon-calendar-tickets.svg) no-repeat left center / 12px;
}
body.single-shows .calendar-container .fc-time {
  font-size: 12px;
  font-weight: 400;
}
body.single-shows .calendar-container .fc-title {
  display: none;
}
body.single-shows .calendar-container .fc-event-container {
  padding: 0 2px;
}
.filter-sold-out,
.filter-past {
  opacity: 0.3;
  pointer-events: none;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  background: #ffffff;
  background: #2b2b2b;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  min-width: 0;
  line-height: 44px;
  position: fixed;
  left: 1em;
  top: 1em;
  text-decoration: none;
  text-align: center;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.25);
  background: transparent;
  border-radius: 0;
  padding: 0 0 18px 4px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  text-indent: -9999px;
}
.mfp-close:hover {
  background: transparent;
}
.mfp-close:before,
.mfp-close:after {
  content: '';
  display: block;
  width: 44px;
  height: 1px;
  background: #7c7d80;
  position: absolute;
  top: 22px;
}
.mfp-close:hover:before,
.mfp-close:hover:after {
  background: #7c7d80/1.2;
}
.mfp-close:before {
  transform: rotate(45deg);
}
.mfp-close:after {
  transform: rotate(-45deg);
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  text-align: center;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
			 * Remove all paddings around the image on small screen
			 */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.mfp-content #popup-iframe {
  max-width: 700px;
  margin: 0 auto;
  background: white;
  padding: 2em;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  display: flex;
  align-items: center;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: calc(100% - 150px);
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (min-width: 56em) {
  .owl-dots {
    height: 45px;
  }
}
.owl-dots .owl-dot {
  display: inline-block;
  margin: 0 8px;
}
.owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  cursor: pointer;
  transition: all 0.15s ease;
  background: #ebe8eb;
  border-radius: 5px;
}
.owl-dots .owl-dot span:hover {
  opacity: 1;
}
.owl-dots .active span {
  background: #0071bc;
  opacity: 1;
}
.owl-nav {
  display: block;
  background: #2b2b2b/1.2;
  font-size: 2em;
  *zoom: 1;
  line-height: 1;
}
.owl-nav:before,
.owl-nav:after {
  content: "";
  display: table;
}
.owl-nav:after {
  clear: both;
}
.owl-nav:before,
.owl-nav:after {
  content: "";
  display: table;
}
.owl-nav:after {
  clear: both;
}
@media screen and (min-width: 56em) {
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  padding: 0 15px;
  display: block;
  width: 60px;
  height: 40px;
  color: #7c7d80;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  background: #ebe8eb;
}
.owl-nav .owl-prev {
  float: left;
}
.owl-nav .owl-next {
  float: right;
  text-align: right;
}
.owl-item li {
  margin-bottom: 0!important;
  margin-right: 0!important;
}
.owl-item img {
  display: block;
}
.owl-item p {
  display: block;
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  padding: 10px 20px;
  font-size: 0.8em;
}
.SpektrixPage {
  position: relative;
  margin: 30px auto;
  min-height: 100px;
}
/*My Account *
-----------------------------------------------*/
.LoggedInMessage {
  background: #fafafa;
  padding: 1em;
  font-weight: bold;
  text-align: center;
}
.LoggedInMessage .ctl00_ContentPlaceHolder_LoginName {
  color: #e20d15;
}
.SpektrixPage h1 {
  font-size: 2em;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  border-bottom: 1px solid #ddd;
}
.ErrorMessage {
  background-color: #e20d15;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  padding: 1em;
}
.MyAccount div.Options ul li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.MyAccount div.Options ul li a.Selected {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
.MyAccount div.Options ul li a {
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
.MyAccount div.Options ul li a.rounded {
  border-radius: 25px;
}
.MyAccount div.Options ul li a.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.MyAccount div.Options ul li a.big.rounded {
  border-radius: 50px;
}
.MyAccount div.Options ul li a.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.MyAccount div.Options ul li a.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.MyAccount div.Options ul li a.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.MyAccount div.Options ul li a.cta:before,
.MyAccount div.Options ul li a.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.MyAccount div.Options ul li a.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.MyAccount div.Options ul li a:hover,
.MyAccount div.Options ul li a:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
.MyAccount div.Options ul li a:hover.cta:after,
.MyAccount div.Options ul li a:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .MyAccount div.Options ul li a {
    min-width: 110px;
  }
}
.MyAccount div.Options ul li a svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
#ctl00_ContentPlaceHolder_OrdersButtonPanel {
  display: inline;
}
.SpektrixPage label {
  display: block;
  margin-bottom: 3px;
}
.SpektrixPage input[type="text"],
.SpektrixPage input[type="email"],
.SpektrixPage input[type="tel"],
.SpektrixPage input[type="password"],
.SpektrixPage input[type="search"],
.SpektrixPage input[type="url"],
.SpektrixPage select {
  max-width: 600px;
}
.SpektrixPage .SaveDetailsButton {
  float: left;
}
.ChangePassword {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
}
.ChangePassword.rounded {
  border-radius: 25px;
}
.ChangePassword.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.ChangePassword.big.rounded {
  border-radius: 50px;
}
.ChangePassword.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.ChangePassword.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.ChangePassword.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.ChangePassword.cta:before,
.ChangePassword.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.ChangePassword.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.ChangePassword:hover,
.ChangePassword:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
.ChangePassword:hover.cta:after,
.ChangePassword:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .ChangePassword {
    min-width: 110px;
  }
}
.ChangePassword svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Options {
  margin-bottom: 2em;
}
.DetailsEditor {
  *zoom: 1;
  margin-bottom: 1em;
}
.DetailsEditor:before,
.DetailsEditor:after {
  content: "";
  display: table;
}
.DetailsEditor:after {
  clear: both;
}
.DetailsEditor:before,
.DetailsEditor:after {
  content: "";
  display: table;
}
.DetailsEditor:after {
  clear: both;
}
.MyAccount .Buttons:first-of-type .Button {
  position: absolute;
  right: 0px;
  top: -5px;
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
.MyAccount #ctl00_ContentPlaceHolder_AccountDetailsEditor_DateOfBirth_DayDropDown {
  width: 90px;
  float: left;
  margin-right: 5px;
}
.MyAccount #ctl00_ContentPlaceHolder_AccountDetailsEditor_DateOfBirth_MonthDropDown {
  width: 90px;
  float: left;
  margin-right: 5px;
}
.MyAccount #ctl00_ContentPlaceHolder_AccountDetailsEditor_DateOfBirth_YearBox {
  min-width: 110px;
  float: left;
  margin-top: 3px;
}
/*My Account - Addresses *
-----------------------------------------------*/
#ctl00_ContentPlaceHolder_AddressList_ctl00_AddressTitle {
  display: block;
  border-bottom: 1px solid #ebe8eb;
  margin-bottom: 1em;
}
.Account_Detail.Address {
  font-weight: bold;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete {
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.rounded,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.rounded {
  border-radius: 25px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.big,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.big.rounded,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.big.rounded {
  border-radius: 50px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.small,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.small.disable,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta:before,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta:before,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:hover,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:focus,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:hover.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:hover.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:focus.cta:after,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  #ctl00_ContentPlaceHolder_AddressList_ctl00_Edit,
  #ctl00_ContentPlaceHolder_AddressList_ctl00_Delete {
    min-width: 110px;
  }
}
#ctl00_ContentPlaceHolder_AddressList_ctl00_Edit svg,
#ctl00_ContentPlaceHolder_AddressList_ctl00_Delete svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.NewAddress {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
/*My Account - Offers *
-----------------------------------------------*/
.MembershipOfferIntro {
  background: #f7f7f7;
  padding: 1em;
  text-align: center;
}
/*My Account - Orders *
-----------------------------------------------*/
.NoItems {
  background: #f7f7f7;
  padding: 1em;
  text-align: center;
}
.Pager {
  *zoom: 1;
}
.Pager:before,
.Pager:after {
  content: "";
  display: table;
}
.Pager:after {
  clear: both;
}
.Pager:before,
.Pager:after {
  content: "";
  display: table;
}
.Pager:after {
  clear: both;
}
.PagerPrevious.PagerButton {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
.PagerNext.PagerButton {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
  float: right;
}
/*My Account - Payment Cards *
-----------------------------------------------*/
.MyPaymentCards a {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
}
.SpektrixPage select,
.PaymentOptions select {
  background-image: url(http://rosetheater.org/wp-content/themes/the-rose/images/select-arrow.png);
  background-position: 92% center;
  background-size: 14px;
}
.SpektrixPage .Button,
.PaymentOptions .Button {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
}
.SpektrixPage .Button.rounded,
.PaymentOptions .Button.rounded {
  border-radius: 25px;
}
.SpektrixPage .Button.big,
.PaymentOptions .Button.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.SpektrixPage .Button.big.rounded,
.PaymentOptions .Button.big.rounded {
  border-radius: 50px;
}
.SpektrixPage .Button.small,
.PaymentOptions .Button.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.SpektrixPage .Button.small.disable,
.PaymentOptions .Button.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.SpektrixPage .Button.cta,
.PaymentOptions .Button.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.SpektrixPage .Button.cta:before,
.PaymentOptions .Button.cta:before,
.SpektrixPage .Button.cta:after,
.PaymentOptions .Button.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.SpektrixPage .Button.cta:after,
.PaymentOptions .Button.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.SpektrixPage .Button:hover,
.PaymentOptions .Button:hover,
.SpektrixPage .Button:focus,
.PaymentOptions .Button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.SpektrixPage .Button:hover.cta:after,
.PaymentOptions .Button:hover.cta:after,
.SpektrixPage .Button:focus.cta:after,
.PaymentOptions .Button:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .SpektrixPage .Button,
  .PaymentOptions .Button {
    min-width: 110px;
  }
}
.SpektrixPage .Button svg,
.PaymentOptions .Button svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.SpektrixPage .Button.rounded,
.PaymentOptions .Button.rounded {
  border-radius: 25px;
}
.SpektrixPage .Button.big,
.PaymentOptions .Button.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.SpektrixPage .Button.big.rounded,
.PaymentOptions .Button.big.rounded {
  border-radius: 50px;
}
.SpektrixPage .Button.small,
.PaymentOptions .Button.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.SpektrixPage .Button.small.disable,
.PaymentOptions .Button.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.SpektrixPage .Button.cta,
.PaymentOptions .Button.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.SpektrixPage .Button.cta:before,
.PaymentOptions .Button.cta:before,
.SpektrixPage .Button.cta:after,
.PaymentOptions .Button.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.SpektrixPage .Button.cta:after,
.PaymentOptions .Button.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.SpektrixPage .Button:hover,
.PaymentOptions .Button:hover,
.SpektrixPage .Button:focus,
.PaymentOptions .Button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.SpektrixPage .Button:hover.cta:after,
.PaymentOptions .Button:hover.cta:after,
.SpektrixPage .Button:focus.cta:after,
.PaymentOptions .Button:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .SpektrixPage .Button,
  .PaymentOptions .Button {
    min-width: 110px;
  }
}
.SpektrixPage .Button svg,
.PaymentOptions .Button svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.SpektrixPage .Container,
.PaymentOptions .Container {
  margin-bottom: 1em;
}
.SpektrixPage .Container input + label,
.PaymentOptions .Container input + label,
.SpektrixPage .Container select + label,
.PaymentOptions .Container select + label {
  font-style: italic;
}
.EventDetails .MonthList li {
  display: inline-block;
}
/*Choose Seats *
-----------------------------------------------*/
.ChooseSeats .InstanceCalendar {
  display: block;
  max-width: 300px;
}
.ChooseSeats .Ticket_Types_Selection input {
  display: inline-block;
  max-width: 100px;
}
.Basket2 .ItemEditButton,
.Basket2 .ItemDeleteButton {
  padding: 0.5em;
  font-size: 0.8em;
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
}
.Basket2 .ItemEditButton.rounded,
.Basket2 .ItemDeleteButton.rounded {
  border-radius: 25px;
}
.Basket2 .ItemEditButton.big,
.Basket2 .ItemDeleteButton.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Basket2 .ItemEditButton.big.rounded,
.Basket2 .ItemDeleteButton.big.rounded {
  border-radius: 50px;
}
.Basket2 .ItemEditButton.small,
.Basket2 .ItemDeleteButton.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Basket2 .ItemEditButton.small.disable,
.Basket2 .ItemDeleteButton.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Basket2 .ItemEditButton.cta,
.Basket2 .ItemDeleteButton.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Basket2 .ItemEditButton.cta:before,
.Basket2 .ItemDeleteButton.cta:before,
.Basket2 .ItemEditButton.cta:after,
.Basket2 .ItemDeleteButton.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Basket2 .ItemEditButton.cta:after,
.Basket2 .ItemDeleteButton.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Basket2 .ItemEditButton:hover,
.Basket2 .ItemDeleteButton:hover,
.Basket2 .ItemEditButton:focus,
.Basket2 .ItemDeleteButton:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
.Basket2 .ItemEditButton:hover.cta:after,
.Basket2 .ItemDeleteButton:hover.cta:after,
.Basket2 .ItemEditButton:focus.cta:after,
.Basket2 .ItemDeleteButton:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Basket2 .ItemEditButton,
  .Basket2 .ItemDeleteButton {
    min-width: 110px;
  }
}
.Basket2 .ItemEditButton svg,
.Basket2 .ItemDeleteButton svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Basket2 input[type=submit] {
  float: none;
}
.Basket2 .LinkButton {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
}
.Basket2 .LinkButton.rounded {
  border-radius: 25px;
}
.Basket2 .LinkButton.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Basket2 .LinkButton.big.rounded {
  border-radius: 50px;
}
.Basket2 .LinkButton.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Basket2 .LinkButton.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Basket2 .LinkButton.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Basket2 .LinkButton.cta:before,
.Basket2 .LinkButton.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Basket2 .LinkButton.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Basket2 .LinkButton:hover,
.Basket2 .LinkButton:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.Basket2 .LinkButton:hover.cta:after,
.Basket2 .LinkButton:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Basket2 .LinkButton {
    min-width: 110px;
  }
}
.Basket2 .LinkButton svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Basket2 .LinkButton.rounded {
  border-radius: 25px;
}
.Basket2 .LinkButton.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Basket2 .LinkButton.big.rounded {
  border-radius: 50px;
}
.Basket2 .LinkButton.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Basket2 .LinkButton.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Basket2 .LinkButton.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Basket2 .LinkButton.cta:before,
.Basket2 .LinkButton.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Basket2 .LinkButton.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Basket2 .LinkButton:hover,
.Basket2 .LinkButton:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.Basket2 .LinkButton:hover.cta:after,
.Basket2 .LinkButton:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Basket2 .LinkButton {
    min-width: 110px;
  }
}
.Basket2 .LinkButton svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
/*LOGIN *
-----------------------------------------------*/
.LoginLogout .LoginForm {
  margin-top: 2em;
  margin-bottom: 2em;
}
.LoginLogout .LoginForm .Container {
  margin-bottom: 1em;
}
.LoginLogout .LoginForm .Container input + label {
  font-style: italic;
}
.LoginLogout .Link {
  color: #e20d15;
  text-decoration: underline;
}
.LoginLogout label {
  display: block;
  margin-bottom: 4px;
}
.LoginLogout input {
  max-width: 300px;
}
.DetailsEditor .right,
.LoginLogout .right {
  display: inline-block;
}
.LoginLogout input[type=submit] {
  float: none;
}
.LoginLogout .Account_Link {
  font-size: 0.875em;
  margin: 0;
  font-style: italic;
}
.OptionalMessage {
  background: #fafafa;
  padding: 1em;
  font-style: italic;
  font-size: 0.875em;
}
.Checkout .DliveryView,
.Checkout .SummaryView {
  margin-bottom: 1em;
  *zoom: 1;
}
.Checkout .DliveryView:before,
.Checkout .SummaryView:before,
.Checkout .DliveryView:after,
.Checkout .SummaryView:after {
  content: "";
  display: table;
}
.Checkout .DliveryView:after,
.Checkout .SummaryView:after {
  clear: both;
}
.Checkout .DliveryView:before,
.Checkout .SummaryView:before,
.Checkout .DliveryView:after,
.Checkout .SummaryView:after {
  content: "";
  display: table;
}
.Checkout .DliveryView:after,
.Checkout .SummaryView:after {
  clear: both;
}
.Checkout .Buttons .Button {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #e20d15;
  color: #e20d15;
  background-color: transparent;
  font-size: 16px;
}
.Checkout .Buttons .Button.rounded {
  border-radius: 25px;
}
.Checkout .Buttons .Button.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Checkout .Buttons .Button.big.rounded {
  border-radius: 50px;
}
.Checkout .Buttons .Button.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Checkout .Buttons .Button.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Checkout .Buttons .Button.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Checkout .Buttons .Button.cta:before,
.Checkout .Buttons .Button.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Checkout .Buttons .Button.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Checkout .Buttons .Button:hover,
.Checkout .Buttons .Button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.Checkout .Buttons .Button:hover.cta:after,
.Checkout .Buttons .Button:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Checkout .Buttons .Button {
    min-width: 110px;
  }
}
.Checkout .Buttons .Button svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Checkout .Buttons .Button.rounded {
  border-radius: 25px;
}
.Checkout .Buttons .Button.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Checkout .Buttons .Button.big.rounded {
  border-radius: 50px;
}
.Checkout .Buttons .Button.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Checkout .Buttons .Button.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Checkout .Buttons .Button.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Checkout .Buttons .Button.cta:before,
.Checkout .Buttons .Button.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #e20d15;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Checkout .Buttons .Button.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Checkout .Buttons .Button:hover,
.Checkout .Buttons .Button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #e20d15;
  color: #e20d15;
}
.Checkout .Buttons .Button:hover.cta:after,
.Checkout .Buttons .Button:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Checkout .Buttons .Button {
    min-width: 110px;
  }
}
.Checkout .Buttons .Button svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Checkout .Buttons .Edit,
.Checkout .Button.EditButton,
.Checkout .Button.AddAddressesButton,
.Checkout .Buttons .Delivery,
.Checkout .Buttons .Billing,
.Checkout .RedeemVoucher .Button {
  padding: 0.5em;
  font-size: 0.8em;
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
}
.Checkout .Buttons .Edit.rounded,
.Checkout .Button.EditButton.rounded,
.Checkout .Button.AddAddressesButton.rounded,
.Checkout .Buttons .Delivery.rounded,
.Checkout .Buttons .Billing.rounded,
.Checkout .RedeemVoucher .Button.rounded {
  border-radius: 25px;
}
.Checkout .Buttons .Edit.big,
.Checkout .Button.EditButton.big,
.Checkout .Button.AddAddressesButton.big,
.Checkout .Buttons .Delivery.big,
.Checkout .Buttons .Billing.big,
.Checkout .RedeemVoucher .Button.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Checkout .Buttons .Edit.big.rounded,
.Checkout .Button.EditButton.big.rounded,
.Checkout .Button.AddAddressesButton.big.rounded,
.Checkout .Buttons .Delivery.big.rounded,
.Checkout .Buttons .Billing.big.rounded,
.Checkout .RedeemVoucher .Button.big.rounded {
  border-radius: 50px;
}
.Checkout .Buttons .Edit.small,
.Checkout .Button.EditButton.small,
.Checkout .Button.AddAddressesButton.small,
.Checkout .Buttons .Delivery.small,
.Checkout .Buttons .Billing.small,
.Checkout .RedeemVoucher .Button.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Checkout .Buttons .Edit.small.disable,
.Checkout .Button.EditButton.small.disable,
.Checkout .Button.AddAddressesButton.small.disable,
.Checkout .Buttons .Delivery.small.disable,
.Checkout .Buttons .Billing.small.disable,
.Checkout .RedeemVoucher .Button.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Checkout .Buttons .Edit.cta,
.Checkout .Button.EditButton.cta,
.Checkout .Button.AddAddressesButton.cta,
.Checkout .Buttons .Delivery.cta,
.Checkout .Buttons .Billing.cta,
.Checkout .RedeemVoucher .Button.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Checkout .Buttons .Edit.cta:before,
.Checkout .Button.EditButton.cta:before,
.Checkout .Button.AddAddressesButton.cta:before,
.Checkout .Buttons .Delivery.cta:before,
.Checkout .Buttons .Billing.cta:before,
.Checkout .RedeemVoucher .Button.cta:before,
.Checkout .Buttons .Edit.cta:after,
.Checkout .Button.EditButton.cta:after,
.Checkout .Button.AddAddressesButton.cta:after,
.Checkout .Buttons .Delivery.cta:after,
.Checkout .Buttons .Billing.cta:after,
.Checkout .RedeemVoucher .Button.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Checkout .Buttons .Edit.cta:after,
.Checkout .Button.EditButton.cta:after,
.Checkout .Button.AddAddressesButton.cta:after,
.Checkout .Buttons .Delivery.cta:after,
.Checkout .Buttons .Billing.cta:after,
.Checkout .RedeemVoucher .Button.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Checkout .Buttons .Edit:hover,
.Checkout .Button.EditButton:hover,
.Checkout .Button.AddAddressesButton:hover,
.Checkout .Buttons .Delivery:hover,
.Checkout .Buttons .Billing:hover,
.Checkout .RedeemVoucher .Button:hover,
.Checkout .Buttons .Edit:focus,
.Checkout .Button.EditButton:focus,
.Checkout .Button.AddAddressesButton:focus,
.Checkout .Buttons .Delivery:focus,
.Checkout .Buttons .Billing:focus,
.Checkout .RedeemVoucher .Button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
.Checkout .Buttons .Edit:hover.cta:after,
.Checkout .Button.EditButton:hover.cta:after,
.Checkout .Button.AddAddressesButton:hover.cta:after,
.Checkout .Buttons .Delivery:hover.cta:after,
.Checkout .Buttons .Billing:hover.cta:after,
.Checkout .RedeemVoucher .Button:hover.cta:after,
.Checkout .Buttons .Edit:focus.cta:after,
.Checkout .Button.EditButton:focus.cta:after,
.Checkout .Button.AddAddressesButton:focus.cta:after,
.Checkout .Buttons .Delivery:focus.cta:after,
.Checkout .Buttons .Billing:focus.cta:after,
.Checkout .RedeemVoucher .Button:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Checkout .Buttons .Edit,
  .Checkout .Button.EditButton,
  .Checkout .Button.AddAddressesButton,
  .Checkout .Buttons .Delivery,
  .Checkout .Buttons .Billing,
  .Checkout .RedeemVoucher .Button {
    min-width: 110px;
  }
}
.Checkout .Buttons .Edit svg,
.Checkout .Button.EditButton svg,
.Checkout .Button.AddAddressesButton svg,
.Checkout .Buttons .Delivery svg,
.Checkout .Buttons .Billing svg,
.Checkout .RedeemVoucher .Button svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Checkout input[type=radio]:checked + label:before {
  border-color: #e20d15;
}
.Checkout input[type=radio]:checked + label:after {
  background: #e20d15;
}
.SummaryView {
  border-bottom: 1px solid #ebe8eb;
  padding-bottom: 1em;
}
.SummarySection input[type=submit] {
  float: none;
}
.Container.Start_Date {
  display: none;
}
.Container.Issue_Number {
  display: none;
}
.Basket2 .Items {
  margin: 0;
  position: relative;
}
.Basket2 .Items .Header {
  display: block;
  height: 18px;
  color: #333;
  font-weight: 600;
  font-style: none;
  padding-bottom: 24px;
  font-size: 19px;
}
.Basket2 .Items dt.Header {
  line-height: 1.5;
  font-weight: 600;
  border-bottom: 1px solid #e3e3e3;
}
.Basket2 .Items dd.Header {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
}
.Basket2 .Items dd.Header ul {
  margin: 0!important;
  padding: 0;
  list-style-type: none;
  display: block;
  height: 18px;
}
.Basket2 .Items .Header .Quantity {
  position: absolute;
  right: 14%;
}
.Basket2 .Items .Header .Total {
  position: absolute;
  right: 0;
}
.Basket2 .Items #ctl00_ContentPlaceHolder_CmsnHeader {
  display: none;
}
.Basket2 .Items dt.Item {
  clear: both;
  margin: 15px 0 0;
}
.Basket2 .Items dt.Item span {
  display: inline-block;
  color: #222;
  font-size: 22px;
  font-weight: 600;
  width: 60%;
}
.Basket2 .Items dd.Item {
  position: relative;
  display: block;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  padding: 6px 0 6px;
  min-height: 36px;
}
.Basket2 .Items dd.Item .Quantity {
  right: 14%;
  position: absolute;
  text-align: right;
  top: -27px;
  width: 100px;
  z-index: 1;
  font-weight: 600;
  color: #333;
  font-size: 18px;
}
.Basket2 .Items dd.Item .Quantity .Label,
.Basket2 .Items dd.Item .Total .Label,
.Basket2 .Items dd.Item .Saving .Label {
  display: none;
}
.Basket2 .Items dd.Item .Total {
  right: 0;
  position: absolute;
  top: -27px;
  text-align: right;
  width: 100px;
  font-weight: 600;
  color: #333;
  font-size: 18px;
}
.Basket2 .Items dd.Item .Buttons {
  bottom: 1px;
  position: absolute;
  right: 0;
  text-align: right;
  width: auto;
}
.Basket2 .Items dd.Item .Buttons {
  bottom: 1px;
  position: absolute;
  right: 0;
  text-align: right;
  width: auto;
}
.Basket2 .Items dt.Footer {
  visibility: hidden;
  font-size: 18px;
  font-weight: 700;
  margin-right: 87px;
  padding: 7px 0;
  position: relative;
  text-align: right;
  margin: 10px 0 0 0;
  right: 112px;
  bottom: 0;
}
.Basket2 .Items dd.Footer {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  left: 120px;
  bottom: 0;
  text-align: right;
}
.Basket2 .Items .CheckoutLink {
  float: right;
  margin-top: 1em;
}
#ctl00_ContentPlaceHolder_CheckoutLink {
  float: right;
}
.SeatingAreaOptionalInstructions {
  display: none;
}
.SoldOutText {
  clear: both;
}
.Basket2 div.Savings {
  border-left: 3px solid #e20d15;
  padding-left: 20px;
  padding: 1em;
  margin-bottom: 28px;
  background: #fafafa;
}
.Basket2 div.Savings h2 {
  font-size: 1.5em;
}
.Basket2 div.Savings .Container.PromoCode > label {
  display: block;
  margin-bottom: 10px;
}
.Basket2 div.Savings input.Input_Text {
  margin: 0;
  font-size: 15px;
  padding: 7px;
  max-width: 260px;
}
.Basket2 div.Savings .Button {
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
  padding: 0.75em;
}
.Buttons {
  *zoom: 1;
}
.Buttons:before,
.Buttons:after {
  content: "";
  display: table;
}
.Buttons:after {
  clear: both;
}
.Buttons:before,
.Buttons:after {
  content: "";
  display: table;
}
.Buttons:after {
  clear: both;
}
.Buttons a {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 0.25em;
  padding: 15px 25px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  border-radius: 3px;
  border: 2px solid #7c7d80;
  color: #7c7d80;
  background-color: transparent;
  font-size: 16px;
}
.Buttons a.rounded {
  border-radius: 25px;
}
.Buttons a.big {
  font-size: 20px;
  padding: 25px;
  margin-top: 30px;
}
.Buttons a.big.rounded {
  border-radius: 50px;
}
.Buttons a.small {
  height: 25px;
  background: #e20d15;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  margin: 0 5px 0 0;
  padding-top: 3px;
  min-width: 125px;
}
.Buttons a.small.disable {
  background: #7c7d80;
  pointer-events: none;
  border-color: #7c7d80;
}
.Buttons a.cta {
  background: #b50938;
  font-size: 25px;
  border-radius: 30px;
  text-transform: uppercase;
  padding-right: 70px;
}
.Buttons a.cta:before,
.Buttons a.cta:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #7c7d80;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
}
.Buttons a.cta:after {
  width: 0;
  height: 0;
  border-width: 11px 14px;
  border-color: transparent transparent transparent #b50938;
  border-style: solid;
  background: transparent;
  border-radius: 0;
  top: 16px;
  right: 4px;
  transition: all 0.25s ease;
}
.Buttons a:hover,
.Buttons a:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #7c7d80;
  color: #7c7d80;
}
.Buttons a:hover.cta:after,
.Buttons a:focus.cta:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 38em) {
  .Buttons a {
    min-width: 110px;
  }
}
.Buttons a svg {
  fill: currentcolor;
  width: 50px;
  height: 50px;
}
.Memberships .Header {
  margin-bottom: 1em;
}
.Memberships .LoginForRenewalMessage {
  padding: 1em;
  background-color: #f7f7f7;
  border-radius: 3px;
  display: none;
}
.Memberships .Membership {
  *zoom: 1;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ebe8eb;
}
.Memberships .Membership:before,
.Memberships .Membership:after {
  content: "";
  display: table;
}
.Memberships .Membership:after {
  clear: both;
}
.Memberships .Membership:before,
.Memberships .Membership:after {
  content: "";
  display: table;
}
.Memberships .Membership:after {
  clear: both;
}
@media screen and (min-width: 38em) {
  .Memberships .Membership .WikiText {
    float: left;
    width: 50%;
    padding-right: 1em;
  }
}
.Memberships .Membership .WikiText ul {
  padding-left: 1.15em;
}
.Memberships .Membership .WikiText ul li {
  font-style: italic;
  list-style: disc;
  font-size: 0.8em;
}
@media screen and (min-width: 38em) {
  .Memberships .Membership .Details {
    float: right;
    width: 50%;
    text-align: right;
  }
}
.Memberships .Membership h1 {
  font-size: 1.25em;
}
.Memberships .Membership h2 {
  font-size: 1em;
  border: none;
  margin-bottom: 0;
}
.Memberships .Membership .Buttons input[type=submit] {
  float: none;
  padding: 0.5em;
  font-size: 0.8em;
  min-width: 100px;
  margin-left: 0.5em;
}
.Memberships .Membership .Period {
  font-style: italic;
  display: none;
}
.Memberships .Membership .Price {
  font-weight: bold;
}
.EventDetails .MonthList li a {
  padding: 0.5em;
  background-color: white;
  display: block;
  border: 2px solid #e20d15;
  border-radius: 3px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-right: 0.25em;
  padding: 0.5em 0.7em;
  color: #e20d15;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
}
.EventDetails .MonthList li a[disabled=disabled] {
  background-color: #ebe8eb/1.1;
}
/*CALENDAR *
-----------------------------------------------*/
.EventsCalendar table tr {
  border-bottom: 1px solid #eee;
  vertical-align: top;
}
.EventsCalendar table tr td {
  border-right: 1px solid #eee;
}
.CalendarDate {
  border-bottom: 1px solid #eee;
}
.Date {
  width: 14.28%;
}
.CalendarDate span {
  display: block;
  padding: 4px;
}
.Instance {
  padding: 8px;
}
/* Dropdown Calendar */
.SeatingArea {
  width: auto;
  height: auto;
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
.ButtonStyle {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  width: auto;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}
.ButtonStyle:hover {
  cursor: pointer;
  background-color: #630202;
}
form .Container {
  clear: left;
  margin: 0 0 12px;
  position: relative;
}
form .Container label {
  display: block;
  float: left;
  font-weight: 700;
  font-size: 90%;
  width: 120px;
}
form .Container label.right {
  position: absolute;
  top: 14px;
  color: #310101;
  float: none;
  font-size: 90%;
  font-weight: 400;
  left: 0;
}
form .Container input {
  margin: 0;
  width: auto;
}
form .Container input#ctl00_ContentPlaceHolder_AccountDetailsEditor1_DateOfBirth_YearBox {
  width: 40px;
}
input.Button {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  width: auto;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  *padding: 3px 0;
}
input.Button:hover {
  cursor: pointer;
  background-color: #630202;
}
input.Button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
.SeatingArea.Unreserved {
  width: auto;
  height: auto;
  text-align: center;
}
.LoginLogout .LoginForm {
  width: 360px;
}
.LoginLogout .LoginForm .Container {
  width: 360px;
}
.LoginLogout .LoginForm .Container.Password {
  margin-bottom: 0;
}
.LoginLogout .LoginForm .Container label {
  text-align: right;
  margin: 0 10px 0 0;
}
.LoginLogout .Buttons input {
  margin: 0;
  position: absolute;
  left: 100%;
  bottom: 0;
}
.LoginLogout .Account_Link {
  display: block;
  margin: 5px 0 0;
}
.ChangePassword p.ErrorMessage {
  min-height: 8px;
}
.ChangePassword .Container label {
  width: 170px;
  text-align: right;
}
.ChangePassword .Container label.left {
  margin-right: 8px;
}
.ChangePassword .Container .ValidationError,
.ChangePassword .Container .Comment {
  margin-left: 178px;
}
.ChangePassword #Buttons {
  text-align: right;
}
.ChangePassword #Buttons .Button {
  margin-right: 0;
}
body .MyAccount {
  position: relative;
}
body .MyAccount .Logout {
  position: absolute;
  right: -4px;
  top: -12px;
}
body .MyAccount .DetailsEditor .Container label.left {
  text-align: right;
  margin-top: 2px;
  padding-right: 10px;
}
body .MyAccount .DetailsEditor .Container label.right {
  text-align: right;
  padding-right: 10px;
}
body .MyAccount .Address a {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 4px 0;
  width: auto;
  font-size: 10px;
  display: inline-block;
}
body .MyAccount .Address a:hover {
  cursor: pointer;
  background-color: #630202;
}
body .MyAccount .Addresses .Address span {
  display: block;
  padding-bottom: 6px;
}
body .MyAccount .Buttons {
  display: inline-block;
  vertical-align: middle;
}
body .MyAccount .SaveDetailsButton {
  margin-top: 1em;
}
body .MyAccount .Preferences {
  margin-bottom: 10px;
}
body .MyAccount .Preferences .Container {
  margin: 0;
}
.Checkout {
  display: inline-block;
}
.Checkout .Progress {
  float: left;
  margin: 0 0 12px 0;
  min-height: 40px;
}
.Checkout .Progress ol {
  float: left;
  margin: 0;
  padding: 0;
}
.Checkout .Progress ul {
  float: left;
  margin: 0;
  padding: 0;
}
.Checkout .Progress li {
  float: left;
  list-style: none;
  margin: 4px 0 0 0;
}
.Checkout .Progress li span {
  float: left;
  text-align: center;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #ebe8eb;
  color: #fff;
  padding: 0;
  margin-right: 4px;
}
.Checkout .Progress li span span {
  margin: 0;
  padding: 20px 16px 4px 16px;
  font-size: 105%;
  font-weight: 700;
  text-transform: uppercase;
}
.Checkout .Progress li a span {
  cursor: pointer;
  background-color: #ebe8eb;
  color: #2b2b2b;
  text-decoration: none;
}
.Checkout .Progress li a span:hover {
  background-color: #630202;
  text-decoration: none;
}
.Checkout .Progress li a span:hover span {
  color: #ccc;
}
.Checkout .Progress li span.Current {
  background-color: #310101;
}
.Checkout .Progress li span.Current span {
  background-color: #e20d15;
  color: #fff;
}
.Checkout .Progress li span.Current span b {
  font-weight: 400;
}
.Checkout .Progress li span.Current:hover {
  background-color: #000;
}
.Checkout .Progress li span.Current:hover span {
  color: #fff;
}
.Checkout .Progress li a span.Current span:hover {
  background-color: checkoutProgressCurrentHoverColour;
}
.Checkout .Progress li span.Final {
  float: left;
  margin-right: 0;
}
.Checkout .Progress li span.Final span {
  background-image: none;
}
.Checkout .PaymentOptions label {
  text-align: right;
}
.Checkout .PaymentOptions .Container input {
  margin-left: 8px;
}
.Checkout .PaymentOptions .Container select {
  margin-left: 8px;
}
.Checkout .PaymentOptions .Container span.Comment {
  margin-left: 128px;
}
.Checkout .PaymentOptions .Container span.ValidationError {
  margin-left: 128px;
  padding-top: 6px;
}
.Checkout .Button {
  margin-bottom: 10px;
}
.Checkout input.Button {
  font-size: 12px;
}
.Checkout .SummaryView .Buttons {
  border-top: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}
.Checkout .Buttons {
  width: 100%;
  text-align: right;
  border-top: 1px solid #c3bfb0;
  padding-top: 12px;
  margin-top: 12px;
  clear: both;
}
.Checkout .Buttons input.Button {
  margin: 0;
}
.Checkout .Buttons input.ContinueButton {
  font-size: 14px;
}
.EventsCalendar table {
  table-layout: fixed;
  width: 100%;
}
.EventsCalendar td.Date {
  width: 14%;
  vertical-align: top;
  border-left: 1px solid #c3bfb0;
  padding: 0;
}
.EventsCalendar td.Date.Today {
  background-color: #ffc50b;
}
.EventsCalendar td.Date.Today .CalendarDate {
  background-color: #ffc50b/1.1;
}
.EventsCalendar td.Date > div {
  min-height: 120px;
}
.EventsCalendar td.Date:first-child {
  border-left: 0;
  vertical-align: top;
}
.EventsCalendar td.Date .Instance {
  padding-bottom: 0;
  line-height: 14px;
}
.EventsCalendar td.Date .Instance .Name {
  padding-bottom: 4px;
}
.EventsCalendar td.Date .Instance .Name a {
  color: #2b2b2b;
  font-size: 0.9em;
}
.EventsCalendar td.Date .Instance .Name a:hover {
  color: #19191a;
}
.EventsCalendar td.Date .Instance .Thumbnail {
  padding-bottom: 6px;
  display: none;
}
.EventsCalendar td.Date .Instance .Description {
  padding-bottom: 6px;
  display: none;
}
.EventsCalendar td.Date .Instance .MoreInfo {
  color: #630202;
  font-size: 9px;
  font-style: italic;
  line-height: 11px;
  display: none;
}
.EventsCalendar td.Date .Instance .MoreInfo:hover {
  color: #000;
}
.EventsCalendar td.Date .CalendarDate {
  font-size: 14px;
  line-height: 18px;
  color: #7c7d80;
  background-color: #f7f7f7;
}
.EventsList .WhatsOnHeading {
  display: none;
}
.EventsList .MonthList.Options,
.EventsCalendar .MonthList.Options {
  display: block;
  float: left;
}
.EventsCalendar .MonthList,
.EventsList .MonthList {
  background-color: transparent;
  margin: 0 0 12px 0;
  padding: 0;
}
.EventsCalendar .MonthList li a:hover {
  background-color: #f7f7f7;
}
.EventsList .WhatsOnHeading {
  display: block;
}
.EventsList .MonthList li,
.EventsCalendar .MonthList li {
  display: block;
  float: left;
  font-size: 110%;
  vertical-align: middle;
  text-align: center;
  margin: 4px 4px 0 0;
}
.EventsList .MonthList li a,
.EventsCalendar .MonthList li a {
  display: block;
  vertical-align: middle;
  padding: 0.25em 0.5em;
  background: #ffc50b;
  font-size: 0.8em;
  color: #ffffff;
}
.EventsList .MonthList li a:hover {
  background-color: #ffc50b/1.1;
}
.EventsList .MonthList li a.Selected,
.EventsCalendar .MonthList li a.Selected {
  color: #fff;
  background-color: #e20d15;
  cursor: default;
}
.EventsList .MonthList li a.Selected:hover,
.EventsCalendar .MonthList li a.Selected:hover {
  color: #fff;
  background-color: #310101;
}
.EventsList .SearchDescription {
  clear: both;
  font-size: 110%;
  border-bottom: 1px solid #c3bfb0;
  display: block;
  padding: 0 0 2px 0;
  color: #c70404;
  margin-bottom: 8px;
}
.EventsList .Events {
  clear: both;
}
.EventsList .Event {
  border-bottom: 1px solid #c3bfb0;
  margin-bottom: 8px;
}
.EventsList .Event .Event_Image {
  display: inline-block;
  padding: 0;
  width: 86px;
  vertical-align: top;
  margin: 0 6px 0 0;
}
.EventsList .Event .Event_Image img {
  max-width: 86px;
}
* html .EventsList .Event .Event_Image {
  display: inline;
}
.EventsList .Event .Event_Text {
  display: inline-block;
  padding-bottom: 8px;
  width: 77%;
  vertical-align: middle;
  margin: 0;
}
* html .EventsList .Event .Event_Text {
  display: inline;
}
.EventsList .Event .Event_Text .Event_Detail {
  display: block;
}
.EventsList .Event .Event_Text .Event_Name {
  display: block;
  margin-bottom: 14px;
  font-size: 130%;
}
.EventsList .Event .Event_Text .Event_Description {
  margin-bottom: 14px;
}
.EventsList .Event .Event_Text .Event_Dates {
  color: #5b3f3c;
  display: block;
  font-size: 90%;
  margin-bottom: 14px;
}
.EventsList .Event .Event_Text .Event_Dates .Dates_Heading {
  display: none;
}
.EventsList .Search {
  display: none;
}
.EventDates {
  margin-top: 0;
  vertical-align: middle;
}
select.EventDatesList {
  margin-right: 10px;
  max-width: 300px;
  float: left;
}
.SpektrixPage .EventDates input[type=submit] {
  float: left;
  margin-top: -1px;
}
.Checkout .DeliveryView {
  clear: left;
  padding: 5px 0 10px;
}
body .EditAddress .AddressEdit {
  margin-bottom: 28px;
}
body .EditAddress .AddressEdit .Container label {
  text-align: right;
  width: 80px;
}
body .EditAddress .AddressEdit .Container label.left {
  margin-right: 8px;
}
body .EditAddress .AddressEdit .Container .Comment,
body .EditAddress .AddressEdit .Container .ValidationError {
  margin-left: 88px;
}
body .EditAddress .Buttons {
  margin-top: 16px;
}
body .EditAddress .Addresses {
  margin-bottom: 20px;
}
body .EditAddress .Addresses .AddressOption {
  margin-bottom: 4px;
}
body .Buttons {
  margin-right: -4px;
}
body .Buttons a {
  text-decoration: none;
}
body .EventDetails {
  width: 100%;
}
body .EventDetails .DetailsContainer {
  margin-bottom: 20px;
}
body .Basket2 {
  width: 100%;
  overflow: hidden;
}
body .Basket2 .Items {
  margin: 0;
  position: relative;
}
body .Basket2 .Header {
  display: block;
  height: 18px;
}
body .Basket2 .Header .Commission {
  position: absolute;
  right: 28%;
}
body .Basket2 .Header .Quantity {
  position: absolute;
  right: 14%;
}
body .Basket2 .Header .Total {
  position: absolute;
  right: 0;
}
body .Basket2 dt.Header {
  font-size: 11px;
  line-height: 1.5;
  font-style: italic;
  font-weight: 700;
  border-bottom: 1px solid #c3bfb0;
}
body .Basket2 dd.Header {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
}
body .Basket2 dd.Header ul {
  margin: 0!important;
  padding: 0;
  list-style-type: none;
  display: block;
  height: 18px;
}
body .Basket2 dd.Header ul li.Saving {
  display: none;
}
body .Basket2 dd.Header span {
  font-size: 11px;
  line-height: 1.5;
  font-style: italic;
  font-weight: 700;
}
body .Basket2 .PromoItems {
  list-style: circle inside;
  margin-top: 10px;
  padding-left: 15px;
  margin-left: 0;
  font-size: 1.25em;
  border-left: 3px solid #e20d15;
}
body .Basket2 .PromoItems li {
  list-style-type: none;
  vertical-align: middle;
  text-align: left;
}
body .Basket2 .PromoItems .AddButton {
  margin-left: 20px;
}
body .Basket2 .PromoItems .AddButton .Button {
  margin-left: 20px;
}
body .Basket2 dd.Promo {
  border-bottom: 1px solid #c3bfb0;
  margin: 0;
  padding-bottom: 10px;
}
body .Basket2 dt.Promo {
  margin: 0;
  padding-top: 10px;
}
body .Basket2 .GrandTotal .Value {
  font-size: 18px;
}
body .Basket2 input.Button {
  font-size: 11px;
  margin: 7px 0 4px 6px;
}
body .Basket2 .Saving {
  color: #c70404;
  font-weight: 700;
}
body .Basket2 .Item .Saving {
  position: relative;
  top: 0;
}
body .Basket2 dt.Item {
  clear: both;
  margin: 10px 0 0;
}
body .Basket2 dt.Item span {
  display: inline-block;
  color: #333;
  width: 60%;
}
body .Basket2 dd.Item {
  position: relative;
  display: block;
  border-bottom: 1px solid #c3bfb0;
  margin: 0;
  padding: 6px 0 6px;
  min-height: 36px;
}
body .Basket2 dd.Item .Quantity .Label,
body .Basket2 dd.Item .Total .Label,
body .Basket2 dd.Item .Commission .Label {
  display: none;
}
body .Basket2 dd.Item .Quantity {
  right: 14%;
  position: absolute;
  text-align: right;
  top: -18px;
  width: 100px;
  z-index: 1;
}
body .Basket2 dd.Item .Quantity input[type="text"] {
  width: 50px;
  margin: -5px -10px 0 0;
}
body .Basket2 dd.Item .Commission {
  right: 28%;
  position: absolute;
  text-align: right;
  top: -18px;
  width: 100px;
  z-index: 1;
}
body .Basket2 dd.Item .Saving {
  right: 0;
  top: 0;
  position: absolute;
  text-align: right;
  width: 300px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 700;
}
body .Basket2 dd.Item .Saving span.Label {
  font-weight: 400;
}
body .Basket2 dd.Item .Total {
  right: 0;
  position: absolute;
  top: -18px;
  text-align: right;
  width: 100px;
}
body .Basket2 dd.Item .Details {
  color: #333;
  font-size: 14px;
  margin: 10px 0 0;
}
body .Basket2 dd.Item .ViewDetails {
  font-size: 11px;
  font-weight: 700;
  margin: 17px 0 15px;
}
body .Basket2 dd.Item .Buttons {
  bottom: -8px;
  position: absolute;
  right: 0;
  text-align: right;
  width: auto;
}
body .Basket2 dd.Item .Buttons .Button {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  width: auto;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
}
body .Basket2 dd.Item .Buttons .Button:hover {
  cursor: pointer;
  background-color: #630202;
}
body .Basket2 dt.Fee {
  padding-top: 10px;
  float: left;
}
body .Basket2 dd.Fee {
  padding-top: 10px;
  margin: 0;
  float: right;
}
body .Basket2 dd.Fee ul {
  margin: 0;
  padding: 0;
}
body .Basket2 dd.Fee .Commission {
  position: relative;
  text-align: right;
  width: 100px;
  line-height: 1.5;
}
body .Basket2 dd.Fee .Commission .Label {
  visibility: hidden;
}
body .Basket2 .OptionalMessage {
  min-height: 20px;
  margin-right: 265px;
}
body .Basket2 .Buttons {
  clear: both;
  text-align: right;
}
body .Basket2 .Buttons a {
  margin-left: 6px;
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  width: auto;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}
body .Basket2 .Buttons a:hover {
  cursor: pointer;
  background-color: #630202;
}
body .Basket2 .Breakdown li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
body .Basket2 .Footer {
  clear: both;
}
body .Basket2 .Footer .Breakdown {
  position: relative;
}
body .Basket2 .Footer .Breakdown li {
  padding: 6px 0 0 0;
}
body .Basket2 .Footer .Breakdown li span:first-child {
  font-weight: 400;
  padding-right: 5px;
}
body .Basket2 .Footer .Breakdown .Commission {
  font-size: 12px;
  line-height: 14px;
  margin-top: 0;
  position: relative;
  padding-top: 6px;
  display: block;
}
body .Basket2 .Footer .Breakdown .Saving {
  display: block;
  font-size: 12px;
  line-height: 14px;
  margin-top: 0;
  position: relative;
  padding-top: 6px;
}
body .Basket2 dt.Footer {
  visibility: hidden;
  font-size: 18px;
  font-weight: 700;
  margin-right: 87px;
  padding: 7px 0;
  position: relative;
  text-align: right;
  margin: 10px 0 0 0;
  right: 112px;
  bottom: 0;
}
body .Basket2 dd.Footer {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  left: 120px;
  bottom: 0;
  text-align: right;
}
body .Basket2 dd.Footer .Breakdown {
  line-height: 4px;
  margin: 0;
  position: relative;
  bottom: 0;
}
body .Basket2 #ctl00_ContentPlaceHolder_WhatsOnLink {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
}
body .Basket2 #ctl00_ContentPlaceHolder_WhatsOnLink:hover {
  background-color: #630202;
}
.ChooseSeats .Button {
  margin-top: 20px;
}
body .Checkout .AddressList {
  list-style-type: none;
  padding-left: 26px;
}
body .Checkout .AddressList li {
  list-style-type: none;
  margin-bottom: 1em;
  margin-top: -14px;
}
h2.BillingHeading,
h2.SummaryHeading,
h2.PaymentHeading,
h2.DeliveryHeading,
h2.MerchandiseDeliveryHeading {
  clear: both;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 12px;
}
body h2.PaymentHeading,
h2.DeliveryHeading {
  margin-top: 0.5em;
}
body .Confirmation .EventName {
  font-size: 1.3em;
  display: inline-block;
  margin-top: 18px;
}
.Confirmation .TicketsSection td {
  min-width: 120px;
}
body .Confirmation table {
  margin: 1em 0.5em;
  width: 400px;
}
body .SpektrixPage table {
  border-collapse: collapse;
}
body .SpektrixPage table tr {
  line-height: 26px;
}
body .SpektrixPage table th {
  text-align: left;
  background-color: #efeeea;
  border-top: 1px solid #c70404;
  padding: 4px 8px 6px 8px;
  line-height: 16px;
}
body .SpektrixPage table td {
  padding: 0 8px 0 8px;
}
body .SpektrixPage th.PriceBand {
  text-align: left;
  border: 0;
}
body .SpektrixPage table.PriceListTable td.PriceBand {
  text-align: left;
  font-weight: 700;
  padding: 0;
}
body .SpektrixPage table.PriceListTable td.PriceBand span {
  display: inline-block;
}
body .SpektrixPage table.PriceListTable td.PriceBand div {
  margin: -6px 6px 0 0;
  padding: 0;
  vertical-align: middle;
}
body .SpektrixPage td.PriceBand img {
  margin-right: 4px;
  margin-top: 2px;
  position: relative;
  top: 1px;
}
body .SpektrixPage table.PriceListTable th.TicketType {
  text-align: center;
  color: #333;
  font-size: 11px;
}
body .SpektrixPage table.PriceListTable {
  margin: auto;
  border-collapse: collapse;
}
body .SpektrixPage table.PriceListTable td.Price {
  vertical-align: middle;
  text-align: center;
}
body .SpektrixPage table.PriceListTable td {
  line-height: 26px;
  vertical-align: middle;
  text-align: center;
  min-width: 68px;
  background-color: #fff;
  border: 1px solid #c3bfb0;
  border-left: 0;
  border-right: 0;
  padding: 3px 4px 3px 4px;
}
body .SpektrixPage table.PriceListTable th {
  line-height: 26px;
  vertical-align: middle;
  min-width: 68px;
  background-color: #fff;
  border: 0;
  text-align: center;
  max-width: 170px;
  line-height: 1.2;
  border-bottom: 1px solid #c70404;
  padding: 3px 6px 3px 6px;
}
body .PostalDetailsView .AddressList li input.EditButton,
body .BillingView .AddressList li input.EditButton {
  display: block;
  float: none;
  left: -3px;
  margin-top: 4px;
  top: 0;
}
body .PostalDetailsView .AddressList li label,
body .BillingView .AddressList li label {
  display: block;
}
body .Checkout .SummarySection h3 {
  border-bottom: 1px solid #ebe8eb;
  margin-bottom: 6px;
  margin-top: 26px;
  padding-bottom: 2px;
  font-size: 15px;
}
body .Checkout .SummarySection h3.Tickets {
  margin-top: 10px;
}
label[for=ctl00_ContentPlaceHolder_ConfirmPassword] {
  margin-bottom: 10px;
  clear: both;
}
label[htmlFor=ctl00_ContentPlaceHolder_ConfirmPassword] {
  margin-bottom: 10px;
  clear: both;
}
.SavedMessage span {
  list-style: none outside none;
  margin: 0.5em;
  padding: 1em;
  background-color: #c70404;
  color: #fff;
}
* html #ctl00_ContentPlaceHolder_ItemsUpdate .Item .Breakdown li {
  top: -20px !important;
}
* + html #ctl00_ContentPlaceHolder_ItemsUpdate .Item .Breakdown li {
  top: -20px !important;
}
body .EditTickets th.Area {
  width: 160px;
}
body .EditTickets td.Delete {
  text-align: center;
}
body .EditTickets .Buttons {
  text-align: right;
  width: 100%;
  margin-top: 20px;
}
.Ticket_Types_Selection {
  display: block;
}
.Ticket_Types_Selection .TicketType {
  display: block;
  clear: both;
}
.Ticket_Types_Selection .TicketType label {
  margin-right: 6px;
  display: inline-block;
  float: none;
}
form .Ticket_Types_Selection .Container label {
  width: 80px;
  text-align: right;
  margin-right: 10px;
}
form .Ticket_Types_Selection .Container input {
  width: 80px;
}
body .PostalDetailsView .AddAddressesButton,
body .BillingView .AddAddressesButton {
  float: left;
  margin-right: 4px;
}
body div.Savings {
  display: block;
  clear: both;
  background-color: #ebe8eb;
  font-weight: 700;
  padding: 20px;
}
body div.Savings h2 {
  margin-top: 0;
}
body div.Savings label {
  font-weight: 400;
  width: 140px;
  line-height: 16px;
  margin-bottom: 8px;
}
body div.Savings input.Button {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  width: auto;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  margin: 16px 0 4px 0;
  float: right;
}
body div.Savings input.Button:hover {
  cursor: pointer;
  background-color: #630202;
}
body div.Savings input.Button:hover {
  margin: 16px 0 4px 0;
  float: right;
}
body div.Savings input.Input_Text {
  margin: 0;
  padding: 1px 0;
  width: 97%;
}
.SummaryView .EventList {
  line-height: 12px;
}
.SummaryView .EventList .Event_Summary {
  font-weight: 700;
}
.SummaryView .EventList .Ticket_Summary {
  font-style: italic;
  text-indent: 10px;
}
.SummaryView .MerchandiseList {
  line-height: 12px;
}
.SummaryView .MerchandiseList .MerchandiseItem_Summary {
  font-style: italic;
  text-indent: 10px;
}
.SummaryView .DonationsList {
  line-height: 12px;
}
.SummaryView .DonationsList .Fund_Name {
  font-weight: 700;
}
.SummaryView .MembershipsList {
  line-height: 12px;
}
.SummaryView .MembershipsList .Membership_Name {
  font-style: italic;
  text-indent: 10px;
}
.SummaryView .BillingAddress .Billing_Address {
  font-weight: 700;
}
.SummaryView .DonationsList .Money {
  font-style: italic;
  text-indent: 10px;
}
.SummaryView .Summary td {
  min-width: 130px;
  height: 30px;
  font-weight: 700;
}
.SummaryView .Summary td:first-child {
  text-align: right;
}
.SummaryView .Summary table {
  margin-bottom: 10px;
}
body .Basket2 .Savings:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html body .Basket2 .Savings {
  zoom: 1;
  display: block;
}
:first-child + html body .Basket2 .Savings {
  zoom: 1;
}
.SourceCodePage div {
  display: inline;
}
.SourceCodePage .Buttons {
  display: block;
  margin-top: 12px;
}
.SourceCodePage select {
  display: inline;
  margin-left: 21px;
}
.SourceCodePage input {
  display: inline;
  margin-left: 21px;
}
.SourceCodePage .Buttons input {
  margin-left: 0;
  margin-right: 12px;
}
.Confirmation h2 {
  padding-bottom: 8px;
}
.Checkout .PaymentView input.Button {
  margin-left: 4px;
  margin-bottom: 0;
}
.Checkout .PaymentView .PaymentHeading {
  margin-top: 47px;
  display: block;
  text-align: left;
}
.Confirmation .BookMoreTicketsLink {
  background-color: #c70404;
  border: medium none;
  color: #fff;
  padding: 3px 10px;
  margin: 12px 0 4px 0;
  font-size: 13px;
  display: inline-block;
}
.BookMoreTicketsLink:hover {
  background-color: #504F4F;
}
.Confirmation .SectionTotal {
  font-weight: 700;
}
.Confirmation .SummarySection table {
  font-weight: 700;
}
.Confirmation .SummarySection td:first-child {
  text-align: right;
  padding-right: 12px;
}
.Merchandise .MerchandiseRow {
  clear: both;
}
.Merchandise .MerchandiseRow .Merchandise {
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
  width: 400px;
  position: relative;
}
* html .Merchandise .MerchandiseRow .Merchandise {
  width: 390px;
  margin-bottom: 0;
}
.Merchandise .MerchandiseRow .Merchandise .WikiText {
  padding-left: 130px;
}
.Merchandise .MerchandiseRow .Merchandise .Details {
  padding-left: 130px;
}
.Merchandise .MerchandiseRow .Merchandise img {
  width: 120px;
  position: absolute;
  left: 0;
  top: 0;
}
.Merchandise .MerchandiseRow .Merchandise span br {
  display: none;
}
.Merchandise .MerchandiseRow .Merchandise .Footer {
  margin-top: 0.5em;
}
.Merchandise .MerchandiseRow .Merchandise h1 {
  border-bottom: 0 none;
  font-size: 16px;
  margin-bottom: 0.25em;
}
.Merchandise .MerchandiseRow .Merchandise h2 {
  border-bottom: 0 none;
  font-size: 12px;
  margin-bottom: 0.25em;
  margin-top: 0;
}
.Merchandise .MerchandiseRow .Merchandise .Footer .Label,
.Merchandise .MerchandiseRow .Merchandise .Footer .Value {
  font-size: 1.1em;
  font-weight: 700;
}
.Merchandise .MerchandiseRow .Merchandise .Footer .Button {
  margin-left: 8px;
  position: relative;
  top: -1px;
  top: 6px;
}
* html .Merchandise .MerchandiseRow .Merchandise .Footer .Button {
  top: 6px;
  padding: 1px 4px;
}
* + html .Merchandise .MerchandiseRow .Merchandise .Footer .Button {
  top: 6px;
}
* + html .Merchandise .MerchandiseRow .Merchandise {
  margin-bottom: 0;
}
.Memberships .WikiText .BoldText {
  font-weight: 700;
}
.Memberships .WikiText .ItalicText {
  font-style: italic;
}
.ChooseSeats .ErrorMessage {
  font-weight: 700;
}
.Container {
  margin-bottom: 8px;
}
.Comment {
  margin-left: 120px;
  display: block;
  font-size: 10px;
  color: #888;
  padding-top: 2px;
}
.ValidationError br {
  display: none;
}
.ValidationError {
  margin-left: 120px;
  position: relative;
  display: block;
}
div.ChooseSeats div.Buttons {
  text-align: center;
}
div.ChooseSeats div.Buttons input {
  margin: 20px 4px;
}
.Buttons {
  margin: 0 0 12px 0;
}
.PricesContainer {
  width: 100%;
}
.PricesHeading {
  text-align: center;
  margin: 0 0 12px 0;
  border: 0;
}
.SeatingAreaOptionalInstructions {
  width: 600px;
}
.SpektrixFooter {
  margin-right: 20px;
  margin-bottom: 20px;
}
body .SpektrixPage .View {
  clear: both;
}
.Donations div {
  float: left;
  width: 100%;
}
.Donations .GiftAid {
  margin-top: 12px;
}
.Donations .FundContainer {
  margin: 0;
}
.Donations .DonationAmount {
  margin: 0;
}
.Donations .DonationAmount label {
  float: none;
  display: inline;
  text-align: right;
  margin-right: 8px;
  width: 90px;
}
.Donations .DonationAmount input {
  vertical-align: middle;
}
.Donations .GiftAid {
  float: left;
  width: 100%;
}
.Donations input {
  margin-left: 0;
}
.Donations .Buttons {
  clear: both;
  width: 100%;
  display: block;
  margin-top: 12px;
  float: left;
  text-align: right;
}
.AddGiftVoucher .Container label {
  width: 100px;
}
.AddGiftVoucher .DateToSend input {
  width: 5em;
}
.AddGiftVoucher .From,
.AddGiftVoucher .SendTo,
.AddGiftVoucher .Message {
  margin: 0 0 0 100px;
  position: relative;
  vertical-align: top;
}
.AddGiftVoucher .To,
.AddGiftVoucher .Amount,
.AddGiftVoucher .DateToSend {
  margin: 0;
}
.AddGiftVoucher .From,
.AddGiftVoucher .SendTo,
.AddGiftVoucher .To,
.AddGiftVoucher .Amount,
.AddGiftVoucher .DateToSend {
  padding-bottom: 1em;
}
.AddGiftVoucher .From label.right {
  left: 4px;
  top: 5px;
}
.AddGiftVoucher .To input[type="text"],
.AddGiftVoucher .From input[type="text"] {
  width: 194px;
}
.AddGiftVoucher .SendTo .left,
.AddGiftVoucher .From .left,
.AddGiftVoucher .Message .left {
  font-weight: 700;
  left: -100px;
  position: absolute;
}
.AddGiftVoucher input[type="text"] {
  margin-top: 2px;
}
.AddGiftVoucher .Message textarea {
  margin-top: 2px;
  width: 194px;
}
.AddGiftVoucher .SendTo input[type="radio"] {
  clear: left;
  float: left;
  margin: 0 6px 0 0;
  width: auto;
  padding: 0;
  display: block;
  height: 22px;
}
.AddGiftVoucher .Container .MoneyTextBox {
  width: 184px;
}
.AddGiftVoucher .SendTo input[type="text"] {
  margin-left: 18px;
  position: relative;
  width: 176px;
}
.AddGiftVoucher .SendTo .ValidationError,
.AddGiftVoucher .From .ValidationError {
  margin-left: 0;
}
.AddGiftVoucher .ValidationError {
  margin-top: 2px;
  margin-left: 100px;
}
.AddGiftVoucher .VoucherExpiryText,
.AddGiftVoucher .AddAnotherVoucherText {
  margin-top: 4px;
  line-height: 14px;
  width: 184px;
}
.AddGiftVoucher .AddAnotherVoucherText {
  margin-bottom: 1em;
}
.AddGiftVoucher .SendTo label {
  float: none;
  display: block;
  font-weight: 400;
  position: relative;
  width: auto;
  line-height: 22px;
  margin-bottom: 4px;
}
.AddGiftVoucher .Buttons {
  margin-top: 26px;
  margin-right: 0;
  border-top: 1px solid #c3bfb0;
  padding-top: 4px;
  text-align: right;
}
.AddGiftVoucher .Buttons input {
  margin-right: 0;
}
.AddGiftVoucher .Comment {
  font-size: 95%;
  margin-left: 100px;
}
body .AddGiftVoucher .SendTo:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
* html body .AddGiftVoucher .SendTo {
  display: block;
}
.NewAccount .Postcode input.Button,
.EditAddress .Postcode input.Button {
  background-color: #c70404;
  border: 0 solid transparent;
  border-radius: 1;
  color: #fff;
  padding: 0.5em 0.7em;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 0;
  width: auto;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
}
.NewAccount .Postcode input.Button:hover,
.EditAddress .Postcode input.Button:hover {
  cursor: pointer;
  background-color: #630202;
}
.ForgotPassword .Container.Email {
  margin-top: 20px;
}
.ForgotPassword .Container label {
  width: 150px;
  margin-right: 10px;
  text-align: right;
}
.InstanceCalendar {
  background-color: #FAFAFA;
  border: 1px solid #CCC;
}
.InstanceCalendar .PreviousShowingButton {
  margin-right: 10px;
}
.InstanceCalendar .NextShowingButton {
  margin-left: 10px;
}
.DropDownCalendar {
  right: 0;
  top: 0;
}
.DropDownCalendar .CalendarButton {
  cursor: pointer;
  border: 0;
  height: 100%;
  width: 28px;
  margin: 0 2px 0 0;
}
.DropDownCalendar .DropDownSection {
  border: 1px solid black;
  background-color: #fff;
}
.DropDownCalendar .DropDownSection .TitleArea {
  border-bottom: 1px solid #CDCDCD;
  text-align: center;
}
.DropDownCalendar .DropDownSection .TitleArea a,
.DropDownCalendar .DropDownSection .TitleArea span {
  cursor: pointer;
}
.DropDownCalendar .DropDownSection .TitleArea .CalendarTitleSpan {
  font-weight: 700;
}
.DropDownCalendar .DropDownSection .CalendarViewport > div {
  margin: 0 5px;
}
.DropDownCalendar .DropDownSection .CalendarViewport > div > div {
  padding: 0 6px;
}
.DropDownCalendar .DropDownSection .CalendarViewport .MonthsGrid table td,
.DropDownCalendar .DropDownSection .CalendarViewport .YearsGrid table td {
  font-weight: 700;
}
.DropDownCalendar .DropDownSection .CalendarViewport .MonthsGrid table td:hover,
.DropDownCalendar .DropDownSection .CalendarViewport .YearsGrid table td:hover {
  background-color: #EFEFEF;
}
.DropDownCalendar .DropDownSection .CalendarViewport .MonthsGrid table td.EdgeCell,
.DropDownCalendar .DropDownSection .CalendarViewport .YearsGrid table td.EdgeCell {
  background-color: #EFEFEF;
}
.DropDownCalendar .DropDownSection .CalendarViewport table {
  border-collapse: collapse;
}
.DropDownCalendar .DropDownSection .CalendarViewport table tr {
  line-height: normal;
}
.DropDownCalendar .DropDownSection .CalendarViewport table th {
  font-weight: 400;
  line-height: normal;
  color: #777;
  height: 20px;
  font-size: 9pt;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td {
  line-height: normal;
  border: 1px solid #A8A8A8;
  padding: 3px;
  text-align: center;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.BlankDateCell {
  background-color: #F8F8F8;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell:hover {
  background-color: #EFEFEF;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.Selected {
  background-color: #CFCFCF;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.Selected:hover {
  background-color: #EFEFEF;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.InPast {
  color: #BFBFBF;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.InPast:hover {
  background-color: #fff;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.SoldOut {
  color: #B8B8B8;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.SeatsAvailable {
  color: #007800;
  font-weight: 700;
  text-decoration: underline;
}
.DropDownCalendar .DropDownSection .Calendars .YearOrDecadeArea {
  width: 554px;
  padding: 0;
}
.DropDownCalendar .DropDownSection .Calendars .YearOrDecadeArea > div {
  padding: 6px;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea {
  margin: 0 10px 8px 10px;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .Title {
  font-weight: 700;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .Perfomance .Button {
  font-weight: 700;
  background-color: #EFEFEF;
  padding: 1px 6px;
  border-radius: 4px;
  border: 1px solid #8E8E8E;
  margin-bottom: 3px;
  line-height: 1.4;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .Perfomance .BookingInfo {
  width: 140px;
  padding: 2px 6px 0 8px;
  line-height: 1.4;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .TodayButton {
  padding-bottom: 0;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .BookingsAvailable:hover .Button {
  background-color: #DFDFDF;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .BookingInfo {
  text-decoration: underline;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .NoBookings .Button {
  color: #ADADAD;
  background-color: #fff;
  border: 1px solid #EFEFEF;
}
.DropDownCalendar .DropDownSection .AdditionalInfoArea .ExpandingArea .NoBookings .BookingInfo {
  color: #000;
  text-decoration: none;
}
.DropDownCalendar .DropDownSection span {
  padding-bottom: 6px;
}
.DropDownCalendar .DropDownSection span.ChooseMonth {
  margin: 0;
  font-weight: 700;
}
.EventsList .Event .Event_Text .Event_Dates {
  display: none;
}
#ctl00_ContentPlaceHolder_GiftAidDiv {
  display: none;
}
/*FIRST STAGE+ PACKAGE *
-----------------------------------------------*/
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  tab-size: 4;
  hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #999;
  color: #ebe8eb;
}
.namespace {
  opacity: 0.7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
  color: #ffffff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
  color: #ebe8eb;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
  color: #ebe8eb;
  color: #c2d3c5;
}
.token.function {
  color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
  color: #e90;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.pattern-section {
  padding: 2em;
}
.pattern-section-title {
  color: #7c7d80;
  text-align: left;
  font-size: 1.5em;
  border-bottom: 2px solid #7c7d80;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 700;
}
.page-id-2666 .page-header h1 {
  color: #ffffff;
}
.page-id-2666 .pattern-section {
  border-bottom: 1px solid #f7f7f7;
}
pre {
  white-space: pre-wrap;
  max-width: 100%;
  border-radius: 3px;
  background: #2b2b2b;
  border: 1px solid #f7f7f7;
}
pre code {
  background-color: transparent;
}
code,
.code {
  font-family: "Monaco", "Courier", monospace;
  border-radius: 3px;
  font-size: 0.8em;
  color: #ffffff;
}
.xx-pattern {
  margin: 2.5em 0;
  overflow: hidden;
  border-radius: 3px;
  clear: both;
  border: 1px solid #ebe8eb;
}
.xx-pattern-details {
  background: #fafafa;
}
.xx-pattern-description {
  padding: 0.5em 0.8em;
  font-style: italic;
  background: #ffffff;
  border-bottom: 1px solid #ebe8eb;
}
.xx-pattern-description p {
  margin-bottom: 0.5em;
}
.xx-pattern-description code {
  margin: 0 0.25em;
  padding: 0.25em 0.5em;
  border-radius: 0;
  background: #ebe8eb;
  background: #2f2f2f;
  border-radius: 2px;
}
.xx-pattern-preview {
  *zoom: 1;
  padding: 1.1em 1em;
}
.xx-pattern-preview:before,
.xx-pattern-preview:after {
  content: "";
  display: table;
}
.xx-pattern-preview:after {
  clear: both;
}
.xx-pattern-preview:before,
.xx-pattern-preview:after {
  content: "";
  display: table;
}
.xx-pattern-preview:after {
  clear: both;
}
.xx-pattern-name {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #ebe8eb;
  text-transform: uppercase;
  color: #7c7d80;
}
.xx-pattern-name,
.xx-pattern-preview {
  padding: 0.5em 0.8em;
}
.xx-pattern-name,
a.xx-pattern-link {
  text-decoration: none;
  font-size: 14px;
}
.xx-pattern-details .highlight {
  display: block;
  margin: 0;
  padding: 1em;
  font-size: 0.85em;
  border-bottom: 1px solid #ebe8eb;
  border-top: none;
}
.xx-pattern-preview {
  padding: 1.5em 0.8em;
  background: #fff;
}
.color-swatches {
  padding: 0;
}
.color-swatches li:before {
  display: none;
}
.color-swatch {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 0.5em 0.5em 0.5em 0;
  text-align: center;
  background: #fafafa;
  border: 1px solid #ebe8eb;
}
@media screen and (min-width: 38em) {
  .color-swatch {
    width: 158px;
  }
}
.swatch {
  padding-bottom: 4em;
}
.swatch-details {
  padding: 1em;
  font-size: 0.8em;
}
#backgrounds [class*='bg-'] {
  text-align: center;
}
#radio .gfield_radio,
#checkbox .gfield_checkbox {
  padding: 1em;
}

/*Modal *
-----------------------------------------------*/


.remodal.general-modal{
  padding: 15px;
  border:2px solid #000;
  max-width:650px;
}

.remodal.general-modal.no-image{
  max-width:400px;
}

.remodal.general-modal.no-image .modal-columns{
  display:block;
}

.remodal.general-modal .remodal-close{
  min-width:0;
  
}
.remodal.general-modal .remodal-close:hover:before{
  background:#000;
  color:#fff;
}

.remodal.general-modal .remodal-close:before{
    border-radius:100%;
    border:2px solid #000;
    font-size:30px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    background:#fff;
    right: 0;
    left: auto;
    
    
  
}

.remodal.general-modal h2{
  border-bottom:none;
  margin-bottom:20px;
  font-size:1.8em;
}

.remodal.general-modal .modal-columns{
  display:grid;
  grid-template-columns: 6fr 6fr;
  gap:30px;
}

.remodal.general-modal .btn{
  background:#cf3027;
  color:#fff;
  font-family:'Bree Serif', serif;
}

.remodal.general-modal .btn:hover{
  background:transparent;
  color:#cf3027;
}

.remodal.general-modal .image{
  max-height:365px;
}

.remodal.general-modal .modal-columns img{
  display:block;
  margin-bottom:0!important;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.remodal.general-modal .modal-columns .modal-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 0;
}

@media all and (max-width: 560px){
  .remodal.general-modal .modal-columns{
    grid-template-columns: 12fr
  }
  .remodal.general-modal{
    max-width: 350px;
  }
  .remodal.general-modal .modal-columns .modal-content{
    padding:0;
  }
}
/*# sourceMappingURL=style.css.map */