/*  ========================================================================== */
/*  @group Southbank Centre */
/*  ========================================================================== */
/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
}
.lt-ie8 audio,
.lt-ie8 canvas,
.lt-ie8 video {
  display: inline;
  zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/*
 * Prevents `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;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  /* 3 */
}
.lt-ie8 legend {
  margin-left: -7px;
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  /* 3 */
}
.lt-ie8 button,
.lt-ie8 input,
.lt-ie8 select,
.lt-ie8 textarea {
  vertical-align: middle;
}
/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  /* 4 */
}
.lt-ie8 button,
.lt-ie8 html input[type="button"],
.lt-ie8 input[type="reset"],
.lt-ie8 input[type="submit"] {
  overflow: visible;
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
.lt-ie8 input[type="checkbox"],
.lt-ie8 input[type="radio"] {
  height: 13px;
  /* 3 */
  width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 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;
}
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*  ========================================================================== */
/*  @group Base */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Font Face */
/*  ========================================================================== */
/**
     * Load WOFF of display family only
     * @font-face crashing iPad
     */
@font-face {
  font-family: 'SBC Lutz';
  src: url('/sites/all/themes/mademedia/fonts/sbclutz.eot?#iefix') format('embedded-opentype'), url('/sites/all/themes/mademedia/fonts/sbclutz.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*  ========================================================================== */
/*  @group Typography */
/*  ========================================================================== */
body {
  font: 1em / 1.5 sans-serif;
}
/*  ========================================================================== */
/*  @group Typography - Font Stacks */
/*  ========================================================================== */
/* Default font stack */
body,
caption,
th,
td,
button input,
textarea,
select,
option,
legend,
fieldset {
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
}
/* Display family */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
}
/* Monospace font stack, for code samples and preformatted content */
pre,
code,
kbd,
samp {
  font-family: Monaco, Andale Mono, Courier New, monospace;
}
/*  ========================================================================== */
/*  @group Typography - Headings */
/*  ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  border-bottom: 0 none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-weight: normal;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  word-spacing: -0.03em;
  -webkit-font-smoothing: antialiased;
}
h1 {
  font-size: 22px;
  font-size: 1.375rem;
}
h2 {
  font-size: 19px;
  font-size: 1.1875rem;
}
h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
h4 {
  font-size: 16px;
  font-size: 1rem;
}
h5 {
  font-size: 14px;
  font-size: 0.875rem;
}
h6 {
  font-size: 12px;
  font-size: 0.75rem;
}
/*  ========================================================================== */
/*  @group Typography - Links */
/*  ========================================================================== */
a {
  color: #242424;
  text-decoration: none;
  word-wrap: break-word;
}
.title a {
  font-weight: normal;
}
a:visited {
  color: #242424;
}
a:active {
  color: #000000;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
/**
     * Add cursor style to elements which data-href
     */
[data-href] {
  cursor: pointer;
}
/*  ========================================================================== */
/*  @group Typography - Text Elements */
/*  ========================================================================== */
p {
  margin: 0 0 1em 0;
}
.smaller {
  font-size: 12px;
  font-size: 0.75rem;
}
.smallprint {
  font-size: 0.85em;
}
ul,
ol,
dl {
  margin: 0;
  padding-left: 20px;
}
dl {
  padding-left: 0;
}
ul li {
  list-style-image: none;
}
ul a {
  font-weight: normal;
}
/**
     * Remove vertical spacing from nested lists.
     */
li > ul,
li > ol {
  margin-bottom: 0;
}
/* Text Marking */
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
/**
     * Position subscript and superscript content without affecting line-height: h5bp.com/k
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Keep together - stop text from wrapping */
.inline-block {
  display: inline-block;
}
/*  ========================================================================== */
/*  @group Embedded Content */
/*  ========================================================================== */
img,
embed,
object,
video {
  max-width: 100%;
  _width: 100%;
  max-height: 100%;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/**
     * Correct overflow displayed oddly in IE9
     */
svg:not(:root) {
  overflow: hidden;
}
/**
     * Drupal WYSIWYG image classes
     */
.image_left {
  float: left;
  margin: 0 10px 10px 0;
}
.image_right {
  float: right;
  margin: 0 0 10px 10px;
}
/*  ========================================================================== */
/*  @group Figures */
/*  ========================================================================== */
figure {
  margin: 0;
}
/*  ========================================================================== */
/*  @group Quotes */
/*  ========================================================================== */
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
q {
  font-style: italic;
}
blockquote {
  margin: 0;
}
blockquote p {
  margin: 0 0 .5em 0;
}
cite {
  font-weight: bold;
}
cite::before {
  content: "\2014";
}
.quote blockquote {
  margin: 0;
}
.quote blockquote p {
  margin: 0 0 .5em 0;
}
.quote figcaption {
  font-weight: bold;
}
.quote figcaption::before {
  content: "\2014\2009 \a0";
}
/*  ========================================================================== */
/*  @group Tables */
/*  ========================================================================== */
table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}
tbody,
tr,
td {
  border: 0 none;
}
td {
  vertical-align: top;
}
/* @group Global Layout Styles
---------------------------------------------------------------------- */
body {
  color: #333333;
  background-color: #e9e9e9;
}
body.page-simple {
  background-color: #ffffff;
}
/** @group Content Areas
    ---------------------------------------------------------------------- */
.content-area {
  clear: both;
  position: relative;
  margin: 0 15px;
  /**
         * Content area is set to fade in when tiles are ready,
         * add a min-height so the transition is smooth.
         */
  min-height: 310px;
}
/*@end Content Areas */
/** @group Header / Banner
    -------------------------------------------------------- */
.banner .branding,
.banner .area-navigation {
  float: left;
}
.banner .branding {
  margin: 0 5px 0 0;
}
.area-header {
  margin: 0 0 5px 0;
  padding: 0;
  background-color: #ffffff;
}
.area-header .section {
  position: relative;
  margin: 0 20px;
  padding: 15px 0;
}
/** @group Sticky Header
        -------------------------------------------------------- */
@media only screen and (min-width: 45em) and (min-height: 35em) {
  .no-touch .area-header.affix {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
  }
  .no-touch .has-festival-map .area-header.affix {
    position: static;
  }
}
/* @end Sticky Header */
/** @group Branding
        -------------------------------------------------------- */
/**
         * Image replace logo
         */
.branding .logo {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  display: block;
  width: 212px;
  height: 55px;
  background: url('/sites/all/themes/mademedia/images/logo.png') no-repeat 0 0;
}
.lt-ie8 .branding .logo {
  text-indent: -9999px;
}
.branding .logo:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.svg .branding .logo {
  background: url('/sites/all/themes/mademedia/images/logo.svg');
}
/* @end Branding */
/* @end Header */
/** @group Footer
    -------------------------------------------------------- */
.footer {
  clear: both;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #ffffff;
  margin-top: 10px;
}
.footer .unit-supporters {
  clear: both;
  float: left;
  margin-top: 20px;
}
.footer .unit-social {
  float: right;
  margin-top: 45px;
}
.footer-content {
  padding: 0;
  margin: 0 15px;
}
/**
     * Copyright notice
     */
.footer .unit-copyright {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  margin: 0 5px;
  padding: 20px 0 10px;
  color: #737373;
  border-bottom: 1px solid #eeeeee;
}
/**
     * Social links
     */
.footer .area-footer-social {
  margin: 10px 25px 0;
}
.footer .area-footer-social .by-made {
  float: right;
  margin: 20px 0;
}
/** @group Supporter / Funder Logos
        -------------------------------------------------------- */
.supporter-arts-council,
.supporter-lottery {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  float: left;
  display: block;
  height: 43px;
  width: 200px;
  background: url('/sites/all/themes/mademedia/images/footer-logos.png') no-repeat 0 0;
}
.lt-ie8 .supporter-arts-council,
.lt-ie8 .supporter-lottery {
  text-indent: -9999px;
}
.supporter-arts-council:before,
.supporter-lottery:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.supporter-lottery {
  width: 77px;
  margin-left: 33px;
  background-position: -233px 0;
}
/* @end Supporter / Funder Logos */
/* @end Footer */
/* @end Global Layout Styles */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 5px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #333333;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #333333;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #333333;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #333333;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #333333;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 7px 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.popover-content .description {
  margin-bottom: 10px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 10px 10px 0;
}
.modal-header .modal-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
}
.modal-header .modal-title {
  width: 80%;
  float: left;
}
.modal-header .close {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  float: right;
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url(/sites/all/themes/mademedia/images/icons/icon-modal-close.png) no-repeat 0 0;
  margin: 0 0 5px;
}
.lt-ie8 .modal-header .close {
  text-indent: -9999px;
}
.modal-header .close:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.modal-header .close:hover {
  background-position: 0 -32px;
}
.modal-body {
  clear: both;
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  margin: 10px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  margin: 10px;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media only screen and (max-width: 740px) {
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
}
/*!
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('/sites/all/themes/mademedia/fonts/fontawesome-webfont.eot?v=3.0.1');
  src: url('/sites/all/themes/mademedia/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/sites/all/themes/mademedia/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/sites/all/themes/mademedia/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="fa-icon-"],
[class*=" fa-icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
[class^="fa-icon-"]:before,
[class*=" fa-icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="fa-icon-"],
a [class*=" fa-icon-"] {
  display: inline-block;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.fa-icon-glass:before {
  content: "\f000";
}
.fa-icon-music:before {
  content: "\f001";
}
.fa-icon-search:before {
  content: "\f002";
}
.fa-icon-envelope:before {
  content: "\f003";
}
.fa-icon-heart:before {
  content: "\f004";
}
.fa-icon-star:before {
  content: "\f005";
}
.fa-icon-star-empty:before {
  content: "\f006";
}
.fa-icon-user:before {
  content: "\f007";
}
.fa-icon-film:before {
  content: "\f008";
}
.fa-icon-th-large:before {
  content: "\f009";
}
.fa-icon-th:before {
  content: "\f00a";
}
.fa-icon-th-list:before {
  content: "\f00b";
}
.fa-icon-ok:before {
  content: "\f00c";
}
.fa-icon-remove:before {
  content: "\f00d";
}
.fa-icon-zoom-in:before {
  content: "\f00e";
}
.fa-icon-zoom-out:before {
  content: "\f010";
}
.fa-icon-off:before {
  content: "\f011";
}
.fa-icon-signal:before {
  content: "\f012";
}
.fa-icon-cog:before {
  content: "\f013";
}
.fa-icon-trash:before {
  content: "\f014";
}
.fa-icon-home:before {
  content: "\f015";
}
.fa-icon-file:before {
  content: "\f016";
}
.fa-icon-time:before {
  content: "\f017";
}
.fa-icon-road:before {
  content: "\f018";
}
.fa-icon-download-alt:before {
  content: "\f019";
}
.fa-icon-download:before {
  content: "\f01a";
}
.fa-icon-upload:before {
  content: "\f01b";
}
.fa-icon-inbox:before {
  content: "\f01c";
}
.fa-icon-play-circle:before {
  content: "\f01d";
}
.fa-icon-repeat:before {
  content: "\f01e";
}
/* \f020 doesn't work in Safari. all shifted one down */
.fa-icon-refresh:before {
  content: "\f021";
}
.fa-icon-list-alt:before {
  content: "\f022";
}
.fa-icon-lock:before {
  content: "\f023";
}
.fa-icon-flag:before {
  content: "\f024";
}
.fa-icon-headphones:before {
  content: "\f025";
}
.fa-icon-volume-off:before {
  content: "\f026";
}
.fa-icon-volume-down:before {
  content: "\f027";
}
.fa-icon-volume-up:before {
  content: "\f028";
}
.fa-icon-qrcode:before {
  content: "\f029";
}
.fa-icon-barcode:before {
  content: "\f02a";
}
.fa-icon-tag:before {
  content: "\f02b";
}
.fa-icon-tags:before {
  content: "\f02c";
}
.fa-icon-book:before {
  content: "\f02d";
}
.fa-icon-bookmark:before {
  content: "\f02e";
}
.fa-icon-print:before {
  content: "\f02f";
}
.fa-icon-camera:before {
  content: "\f030";
}
.fa-icon-font:before {
  content: "\f031";
}
.fa-icon-bold:before {
  content: "\f032";
}
.fa-icon-italic:before {
  content: "\f033";
}
.fa-icon-text-height:before {
  content: "\f034";
}
.fa-icon-text-width:before {
  content: "\f035";
}
.fa-icon-align-left:before {
  content: "\f036";
}
.fa-icon-align-center:before {
  content: "\f037";
}
.fa-icon-align-right:before {
  content: "\f038";
}
.fa-icon-align-justify:before {
  content: "\f039";
}
.fa-icon-list:before {
  content: "\f03a";
}
.fa-icon-indent-left:before {
  content: "\f03b";
}
.fa-icon-indent-right:before {
  content: "\f03c";
}
.fa-icon-facetime-video:before {
  content: "\f03d";
}
.fa-icon-picture:before {
  content: "\f03e";
}
.fa-icon-pencil:before {
  content: "\f040";
}
.fa-icon-map-marker:before {
  content: "\f041";
}
.fa-icon-adjust:before {
  content: "\f042";
}
.fa-icon-tint:before {
  content: "\f043";
}
.fa-icon-edit:before {
  content: "\f044";
}
.fa-icon-share:before {
  content: "\f045";
}
.fa-icon-check:before {
  content: "\f046";
}
.fa-icon-move:before {
  content: "\f047";
}
.fa-icon-step-backward:before {
  content: "\f048";
}
.fa-icon-fast-backward:before {
  content: "\f049";
}
.fa-icon-backward:before {
  content: "\f04a";
}
.fa-icon-play:before {
  content: "\f04b";
}
.fa-icon-pause:before {
  content: "\f04c";
}
.fa-icon-stop:before {
  content: "\f04d";
}
.fa-icon-forward:before {
  content: "\f04e";
}
.fa-icon-fast-forward:before {
  content: "\f050";
}
.fa-icon-step-forward:before {
  content: "\f051";
}
.fa-icon-eject:before {
  content: "\f052";
}
.fa-icon-chevron-left:before {
  content: "\f053";
}
.fa-icon-chevron-right:before {
  content: "\f054";
}
.fa-icon-plus-sign:before {
  content: "\f055";
}
.fa-icon-minus-sign:before {
  content: "\f056";
}
.fa-icon-remove-sign:before {
  content: "\f057";
}
.fa-icon-ok-sign:before {
  content: "\f058";
}
.fa-icon-question-sign:before {
  content: "\f059";
}
.fa-icon-info-sign:before {
  content: "\f05a";
}
.fa-icon-screenshot:before {
  content: "\f05b";
}
.fa-icon-remove-circle:before {
  content: "\f05c";
}
.fa-icon-ok-circle:before {
  content: "\f05d";
}
.fa-icon-ban-circle:before {
  content: "\f05e";
}
.fa-icon-arrow-left:before {
  content: "\f060";
}
.fa-icon-arrow-right:before {
  content: "\f061";
}
.fa-icon-arrow-up:before {
  content: "\f062";
}
.fa-icon-arrow-down:before {
  content: "\f063";
}
.fa-icon-share-alt:before {
  content: "\f064";
}
.fa-icon-resize-full:before {
  content: "\f065";
}
.fa-icon-resize-small:before {
  content: "\f066";
}
.fa-icon-plus:before {
  content: "\f067";
}
.fa-icon-minus:before {
  content: "\f068";
}
.fa-icon-asterisk:before {
  content: "\f069";
}
.fa-icon-exclamation-sign:before {
  content: "\f06a";
}
.fa-icon-gift:before {
  content: "\f06b";
}
.fa-icon-leaf:before {
  content: "\f06c";
}
.fa-icon-fire:before {
  content: "\f06d";
}
.fa-icon-eye-open:before {
  content: "\f06e";
}
.fa-icon-eye-close:before {
  content: "\f070";
}
.fa-icon-warning-sign:before {
  content: "\f071";
}
.fa-icon-plane:before {
  content: "\f072";
}
.fa-icon-calendar:before {
  content: "\f073";
}
.fa-icon-random:before {
  content: "\f074";
}
.fa-icon-comment:before {
  content: "\f075";
}
.fa-icon-magnet:before {
  content: "\f076";
}
.fa-icon-chevron-up:before {
  content: "\f077";
}
.fa-icon-chevron-down:before {
  content: "\f078";
}
.fa-icon-retweet:before {
  content: "\f079";
}
.fa-icon-shopping-cart:before {
  content: "\f07a";
}
.fa-icon-folder-close:before {
  content: "\f07b";
}
.fa-icon-folder-open:before {
  content: "\f07c";
}
.fa-icon-resize-vertical:before {
  content: "\f07d";
}
.fa-icon-resize-horizontal:before {
  content: "\f07e";
}
.fa-icon-bar-chart:before {
  content: "\f080";
}
.fa-icon-twitter-sign:before {
  content: "\f081";
}
.fa-icon-facebook-sign:before {
  content: "\f082";
}
.fa-icon-camera-retro:before {
  content: "\f083";
}
.fa-icon-key:before {
  content: "\f084";
}
.fa-icon-cogs:before {
  content: "\f085";
}
.fa-icon-comments:before {
  content: "\f086";
}
.fa-icon-thumbs-up:before {
  content: "\f087";
}
.fa-icon-thumbs-down:before {
  content: "\f088";
}
.fa-icon-star-half:before {
  content: "\f089";
}
.fa-icon-heart-empty:before {
  content: "\f08a";
}
.fa-icon-signout:before {
  content: "\f08b";
}
.fa-icon-linkedin-sign:before {
  content: "\f08c";
}
.fa-icon-pushpin:before {
  content: "\f08d";
}
.fa-icon-external-link:before {
  content: "\f08e";
}
.fa-icon-signin:before {
  content: "\f090";
}
.fa-icon-trophy:before {
  content: "\f091";
}
.fa-icon-github-sign:before {
  content: "\f092";
}
.fa-icon-upload-alt:before {
  content: "\f093";
}
.fa-icon-lemon:before {
  content: "\f094";
}
.fa-icon-phone:before {
  content: "\f095";
}
.fa-icon-check-empty:before {
  content: "\f096";
}
.fa-icon-bookmark-empty:before {
  content: "\f097";
}
.fa-icon-phone-sign:before {
  content: "\f098";
}
.fa-icon-twitter:before {
  content: "\f099";
}
.fa-icon-facebook:before {
  content: "\f09a";
}
.fa-icon-github:before {
  content: "\f09b";
}
.fa-icon-unlock:before {
  content: "\f09c";
}
.fa-icon-credit-card:before {
  content: "\f09d";
}
.fa-icon-rss:before {
  content: "\f09e";
}
.fa-icon-hdd:before {
  content: "\f0a0";
}
.fa-icon-bullhorn:before {
  content: "\f0a1";
}
.fa-icon-bell:before {
  content: "\f0a2";
}
.fa-icon-certificate:before {
  content: "\f0a3";
}
.fa-icon-hand-right:before {
  content: "\f0a4";
}
.fa-icon-hand-left:before {
  content: "\f0a5";
}
.fa-icon-hand-up:before {
  content: "\f0a6";
}
.fa-icon-hand-down:before {
  content: "\f0a7";
}
.fa-icon-circle-arrow-left:before {
  content: "\f0a8";
}
.fa-icon-circle-arrow-right:before {
  content: "\f0a9";
}
.fa-icon-circle-arrow-up:before {
  content: "\f0aa";
}
.fa-icon-circle-arrow-down:before {
  content: "\f0ab";
}
.fa-icon-globe:before {
  content: "\f0ac";
}
.fa-icon-wrench:before {
  content: "\f0ad";
}
.fa-icon-tasks:before {
  content: "\f0ae";
}
.fa-icon-filter:before {
  content: "\f0b0";
}
.fa-icon-briefcase:before {
  content: "\f0b1";
}
.fa-icon-fullscreen:before {
  content: "\f0b2";
}
.fa-icon-group:before {
  content: "\f0c0";
}
.fa-icon-link:before {
  content: "\f0c1";
}
.fa-icon-cloud:before {
  content: "\f0c2";
}
.fa-icon-beaker:before {
  content: "\f0c3";
}
.fa-icon-cut:before {
  content: "\f0c4";
}
.fa-icon-copy:before {
  content: "\f0c5";
}
.fa-icon-paper-clip:before {
  content: "\f0c6";
}
.fa-icon-save:before {
  content: "\f0c7";
}
.fa-icon-sign-blank:before {
  content: "\f0c8";
}
.fa-icon-reorder:before {
  content: "\f0c9";
}
.fa-icon-list-ul:before {
  content: "\f0ca";
}
.fa-icon-list-ol:before {
  content: "\f0cb";
}
.fa-icon-strikethrough:before {
  content: "\f0cc";
}
.fa-icon-underline:before {
  content: "\f0cd";
}
.fa-icon-table:before {
  content: "\f0ce";
}
.fa-icon-magic:before {
  content: "\f0d0";
}
.fa-icon-truck:before {
  content: "\f0d1";
}
.fa-icon-pinterest:before {
  content: "\f0d2";
}
.fa-icon-pinterest-sign:before {
  content: "\f0d3";
}
.fa-icon-google-plus-sign:before {
  content: "\f0d4";
}
.fa-icon-google-plus:before {
  content: "\f0d5";
}
.fa-icon-money:before {
  content: "\f0d6";
}
.fa-icon-caret-down:before {
  content: "\f0d7";
}
.fa-icon-caret-up:before {
  content: "\f0d8";
}
.fa-icon-caret-left:before {
  content: "\f0d9";
}
.fa-icon-caret-right:before {
  content: "\f0da";
}
.fa-icon-columns:before {
  content: "\f0db";
}
.fa-icon-sort:before {
  content: "\f0dc";
}
.fa-icon-sort-down:before {
  content: "\f0dd";
}
.fa-icon-sort-up:before {
  content: "\f0de";
}
.fa-icon-envelope-alt:before {
  content: "\f0e0";
}
.fa-icon-linkedin:before {
  content: "\f0e1";
}
.fa-icon-undo:before {
  content: "\f0e2";
}
.fa-icon-legal:before {
  content: "\f0e3";
}
.fa-icon-dashboard:before {
  content: "\f0e4";
}
.fa-icon-comment-alt:before {
  content: "\f0e5";
}
.fa-icon-comments-alt:before {
  content: "\f0e6";
}
.fa-icon-bolt:before {
  content: "\f0e7";
}
.fa-icon-sitemap:before {
  content: "\f0e8";
}
.fa-icon-umbrella:before {
  content: "\f0e9";
}
.fa-icon-paste:before {
  content: "\f0ea";
}
.fa-icon-lightbulb:before {
  content: "\f0eb";
}
.fa-icon-exchange:before {
  content: "\f0ec";
}
.fa-icon-cloud-download:before {
  content: "\f0ed";
}
.fa-icon-cloud-upload:before {
  content: "\f0ee";
}
.fa-icon-user-md:before {
  content: "\f0f0";
}
.fa-icon-stethoscope:before {
  content: "\f0f1";
}
.fa-icon-suitcase:before {
  content: "\f0f2";
}
.fa-icon-bell-alt:before {
  content: "\f0f3";
}
.fa-icon-coffee:before {
  content: "\f0f4";
}
.fa-icon-food:before {
  content: "\f0f5";
}
.fa-icon-file-alt:before {
  content: "\f0f6";
}
.fa-icon-building:before {
  content: "\f0f7";
}
.fa-icon-hospital:before {
  content: "\f0f8";
}
.fa-icon-ambulance:before {
  content: "\f0f9";
}
.fa-icon-medkit:before {
  content: "\f0fa";
}
.fa-icon-fighter-jet:before {
  content: "\f0fb";
}
.fa-icon-beer:before {
  content: "\f0fc";
}
.fa-icon-h-sign:before {
  content: "\f0fd";
}
.fa-icon-plus-sign-alt:before {
  content: "\f0fe";
}
.fa-icon-double-angle-left:before {
  content: "\f100";
}
.fa-icon-double-angle-right:before {
  content: "\f101";
}
.fa-icon-double-angle-up:before {
  content: "\f102";
}
.fa-icon-double-angle-down:before {
  content: "\f103";
}
.fa-icon-angle-left:before {
  content: "\f104";
}
.fa-icon-angle-right:before {
  content: "\f105";
}
.fa-icon-angle-up:before {
  content: "\f106";
}
.fa-icon-angle-down:before {
  content: "\f107";
}
.fa-icon-desktop:before {
  content: "\f108";
}
.fa-icon-laptop:before {
  content: "\f109";
}
.fa-icon-tablet:before {
  content: "\f10a";
}
.fa-icon-mobile-phone:before {
  content: "\f10b";
}
.fa-icon-circle-blank:before {
  content: "\f10c";
}
.fa-icon-quote-left:before {
  content: "\f10d";
}
.fa-icon-quote-right:before {
  content: "\f10e";
}
.fa-icon-spinner:before {
  content: "\f110";
}
.fa-icon-circle:before {
  content: "\f111";
}
.fa-icon-reply:before {
  content: "\f112";
}
.fa-icon-github-alt:before {
  content: "\f113";
}
.fa-icon-folder-close-alt:before {
  content: "\f114";
}
.fa-icon-folder-open-alt:before {
  content: "\f115";
}
/*! jQuery UI - v1.9.0 - 2012-10-09
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  zoom: 1;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1;
}
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: normal;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  z-index: 100;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
/* vertical centre icon */
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
span.ui-spinner {
  background: none;
}
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  -o-box-shadow: 0 0 5px #aaa;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
  color: #444444;
}
.ui-widget-content a {
  color: #444444;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #dddddd url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_highlight-soft_50_dddddd_1x100.png') 50% 50% repeat-x;
  color: #444444;
  font-weight: normal;
}
.ui-widget-header a {
  color: #444444;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #dddddd;
  background: #f6f6f6 url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #0073ea;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #0073ea;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #0073ea;
  background: #0073ea url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_highlight-soft_25_0073ea_1x100.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #dddddd;
  background: #ffffff url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #ff0084;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ff0084;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #ffffff url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_flat_55_ffffff_40x100.png') 50% 50% repeat-x;
  color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff0084;
  background: #ffffff url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_flat_55_ffffff_40x100.png') 50% 50% repeat-x;
  color: #222222;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #222222;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #222222;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_ff0084_256x240.png');
}
.ui-widget-content .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_ff0084_256x240.png');
}
.ui-widget-header .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_0073ea_256x240.png');
}
.ui-state-default .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_666666_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_0073ea_256x240.png');
}
.ui-state-active .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_454545_256x240.png');
}
.ui-state-highlight .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_0073ea_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-icons_ff0084_256x240.png');
}
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -khtml-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  -khtml-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -khtml-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -khtml-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* Overlays */
.ui-widget-overlay {
  background: #eeeeee url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_flat_0_eeeeee_40x100.png') 50% 50% repeat-x;
  opacity: .8;
  filter: alpha(opacity=80);
}
.ui-widget-shadow {
  margin: -4px 0 0 -4px;
  padding: 4px;
  background: #aaaaaa url('/sites/all/themes/mademedia/css/less/components/vendor/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
  opacity: .6;
  filter: alpha(opacity=60);
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
/*  ========================================================================== */
/*  @group Icons */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Navigation Icons */
/*  ========================================================================== */
.icon-menu,
.icon-filter,
.icon-calendar {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  width: 13px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url('../images/icons/icon-nav-sprite.png');
}
.lt-ie8 .icon-menu,
.lt-ie8 .icon-filter,
.lt-ie8 .icon-calendar {
  display: inline;
  vertical-align: auto;
}
.svg .icon-menu,
.svg .icon-filter,
.svg .icon-calendar {
  background-image: url('../images/icons/icon-nav-sprite.svg');
}
.icon-menu {
  background-position: -30px -345px;
}
a:hover .icon-menu,
.active .icon-menu {
  background-position: -44px -345px;
}
.icon-filter {
  background-position: -58px -345px;
}
.icon-calendar {
  background-position: -1px -346px;
}
a:hover .icon-calendar,
.active .icon-calendar {
  background-position: -15px -346px;
}
/*  ========================================================================== */
/*  @group Social Icons */
/*  ========================================================================== */
.social-twitter,
.social-facebook,
.social-mail {
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.8;
  height: 18px;
  margin-left: 10px;
}
.social-twitter,
.social-facebook,
.social-mail,
.social-twitter:visited,
.social-facebook:visited,
.social-mail:visited {
  color: #ff00a2;
}
.social-twitter span,
.social-facebook span,
.social-mail span {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  position: relative;
  top: 3px;
  background: url('../images/icons/social-sprite1-alt.png') -166px -90px no-repeat;
}
.lt-ie8 .social-twitter span,
.lt-ie8 .social-facebook span,
.lt-ie8 .social-mail span {
  text-indent: -9999px;
}
.social-twitter span:before,
.social-facebook span:before,
.social-mail span:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.lt-ie8 .social-twitter span,
.lt-ie8 .social-facebook span,
.lt-ie8 .social-mail span {
  display: inline;
  vertical-align: auto;
}
.social-mail span {
  background-position: -166px -86px;
  top: 4px;
}
.social-facebook,
.social-facebook:visited {
  color: #3e5799;
}
.social-facebook span {
  background-position: -166px -122px;
}
.social-twitter,
.social-twitter:visited {
  color: #3eaaec;
}
.social-twitter span {
  background-position: -166px -104px;
}
/*  ========================================================================== */
/*  @group By Made */
/*  ========================================================================== */
.by-made {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  clear: both;
  display: block;
  height: 10px;
  width: 40px;
  background: url('../images/logo-made.gif') no-repeat 0 0;
}
.lt-ie8 .by-made {
  text-indent: -9999px;
}
.by-made:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*  ========================================================================== */
/*  @group Buttons */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Buttons - Button Mixin */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Buttons - Core */
/*  ========================================================================== */
.button,
.btn {
  color: #242424;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  border-bottom: none;
}
.button:link,
.btn:link,
.button:visited,
.btn:visited {
  color: #242424;
  background-color: #ffffff;
}
.button:hover,
.btn:hover,
.button:active,
.btn:active {
  color: #333333;
  background-color: #ffffff;
  border-bottom: none;
}
.btn-submit::-moz-focus-inner,
.btn-toggle::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn-submit,
.btn-toggle,
.btn-submit:visited,
.btn-toggle:visited {
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1em;
  font-weight: normal;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  padding: 4px 15px 5px 5px;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #37424a url('../images/icons/icon-submit.png') right 5px no-repeat;
}
.btn-submit:hover,
.btn-toggle:hover {
  color: #333333;
  background-color: #f9e300;
  background-position: right -20px;
}
.btn-submit:active,
.btn-toggle:active {
  position: relative;
  top: 1px;
  left: 1px;
}
.btn-toggle,
.btn-toggle:hover {
  padding-right: 10px;
  background-image: none;
}
/*  ========================================================================== */
/*  @group Buttons - More */
/*  ========================================================================== */
.button-more,
.button-buy,
.button-view,
.button-continue {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 38px;
  height: 26px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: #fff;
  padding: 5px 3px 3px 3px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  color: #333333;
}
.button-more span,
.button-buy span,
.button-view span,
.button-continue span {
  position: absolute;
  bottom: 2px;
}
.has-photo .button-more,
.has-photo .button-buy,
.has-photo .button-view,
.has-photo .button-continue,
.type-intro .button-more,
.type-intro .button-buy,
.type-intro .button-view,
.type-intro .button-continue {
  right: 10px;
}
.button-more:link,
.button-buy:link,
.button-view:link,
.button-continue:link,
.button-more:visited,
.button-buy:visited,
.button-view:visited,
.button-continue:visited {
  color: #333333;
}
.button-more:hover,
.button-buy:hover,
.button-view:hover,
.button-continue:hover,
.button-more:active,
.button-buy:active,
.button-view:active,
.button-continue:active {
  color: #333333;
}
.button-more span:after,
.button-buy span:after,
.button-view span:after,
.button-continue span:after {
  font-size: 10px;
  font-size: 0.625rem;
  content: "\>";
  position: relative;
  top: 1px;
  padding-left: 2px;
}
.button-more--rev {
  border: 1px solid #333333;
}
.type-intro .button-buy,
.type-intro .button-view,
.type-intro .button-more {
  background-position: -51px 0;
}
.type-intro .button-buy:hover,
.type-intro .button-view:hover,
.type-intro .button-more:hover {
  background-position: -51px -49px;
}
.type-plan .button-buy,
.type-plan .button-view,
.type-plan .button-more {
  background-position: -102px 0;
}
.type-plan .button-buy:hover,
.type-plan .button-view:hover,
.type-plan .button-more:hover {
  background-position: -102px -49px;
}
/*  ========================================================================== */
/*  @group Buttons - CTAs */
/*  ========================================================================== */
.button-cta,
.button-cta:link,
.button-cta:visited {
  color: #ff00a2 !important;
  background: #ffffff;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.15;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  width: 35px;
  height: 35px;
  padding: 3px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  /* Offset extra 5px on photo and intro tiles */
}
.button-cta .has-photo,
.button-cta:link .has-photo,
.button-cta:visited .has-photo {
  right: 10px;
}
.button-cta span,
.button-cta:link span,
.button-cta:visited span {
  position: absolute;
  bottom: 2px;
}
.button-cta:hover {
  color: #000000 !important;
}
.button-cta span:after {
  font-size: 12px;
  font-size: 0.75rem;
  content: "\>";
  margin: 0 0 0 .1em;
  font-weight: bold;
}
.button-cta-slim,
.button-cta-slim:link,
.button-cta-slim:visited {
  display: inline-block;
  color: #d0103a;
  background: transparent;
  border: 1px solid #d0103a;
  font-size: 10px;
  font-size: 0.625rem;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  height: 16px;
  line-height: 15px;
  padding-left: 5px;
  padding-right: 5px;
}
.button-cta-slim:after {
  font-size: 12px;
  font-size: 0.75rem;
  content: "\>";
  position: relative;
  top: 1px;
}
/*  ========================================================================== */
/*  @group Buttons - Actions */
/*  ========================================================================== */
.button-continue {
  cursor: pointer;
  width: 102px;
  height: 98px;
  background-position: -153px 0;
}
.button-continue:hover {
  background-position: -255px 0;
}
.button-view {
  background-image: url('/sites/all/themes/mademedia/images/btn-view.png');
}
.button-buy {
  background-image: url('/sites/all/themes/mademedia/images/btn-buy.png');
}
.btn-find-address {
  border-right: 0;
  background-image: none;
}
.btn-remove {
  padding-left: 17px;
  background: url('/sites/all/themes/mademedia/images/icons/icon-remove.png') left center no-repeat;
}
/*  ========================================================================== */
/*  @group Buttons - Category Tags */
/*  ========================================================================== */
.button-category,
.button-category:link,
.button-category:visited,
.button-category--rev,
.button-category--rev:link,
.button-category--rev:visited {
  color: #ffffff;
  background: #333333;
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-font-smoothing: antialiased;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  height: 1.75em;
  line-height: 1.85em;
  padding-left: .5em;
  padding-right: .5em;
}
.button-category:empty,
.button-category:link:empty,
.button-category:visited:empty,
.button-category--rev:empty,
.button-category--rev:link:empty,
.button-category--rev:visited:empty {
  display: none;
}
.button-category--rev,
.button-category:hover {
  color: #333333;
  background: #ffffff;
}
.button-category--rev:hover {
  outline: solid 1px #fff;
}
/** @group Forms
-------------------------------------------------------- */
/** @group Common form styles
    -------------------------------------------------------- */
form {
  /**
         * Default text field styling
         */
  /**
         * Reset search field default styling
         */
  /**
         * Sumbmit buttons
         */
  /*
         * Disabled submits
         */
  /**
         * Default form item spacing
         */
}
form input[type="text"],
form input[type="url"],
form input[type="search"],
form input[type="password"],
form .form-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 5px 5px 3px;
  border: 1px solid #c3c3c3;
  background-color: #dcdcdc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
form input[type="text"]:active,
form input[type="url"]:active,
form input[type="search"]:active,
form input[type="password"]:active,
form .form-text:active,
form input[type="text"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="password"]:focus,
form .form-text:focus {
  outline: none;
  border-color: #959595;
}
form input[type="text"]::-webkit-input-placeholder,
form input[type="url"]::-webkit-input-placeholder,
form input[type="search"]::-webkit-input-placeholder,
form input[type="password"]::-webkit-input-placeholder,
form .form-text::-webkit-input-placeholder {
  padding: 0;
}
form input[type="text"]::-moz-placeholder,
form input[type="url"]::-moz-placeholder,
form input[type="search"]::-moz-placeholder,
form input[type="password"]::-moz-placeholder,
form .form-text::-moz-placeholder {
  padding: 0;
}
form input[type="search"] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
form input[type="search"]::-webkit-search-cancel-button,
form input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
form input[type="submit"]::-moz-focus-inner,
form .form-submit::-moz-focus-inner {
  padding: 0;
  border: 0;
}
form input[type="submit"],
form .form-submit,
form input[type="submit"]:visited,
form .form-submit:visited {
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1em;
  font-weight: normal;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  padding: 4px 15px 5px 5px;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #37424a url('../images/icons/icon-submit.png') right 5px no-repeat;
}
form input[type="submit"]:hover,
form .form-submit:hover {
  color: #333333;
  background-color: #f9e300;
  background-position: right -20px;
}
form input[type="submit"]:active,
form .form-submit:active {
  position: relative;
  top: 1px;
  left: 1px;
}
form .form-submit.btn-disabled,
form .form-submit.btn-disabled:link,
form .form-submit.btn-disabled:visited .form-submit.btn-disabled:hover {
  cursor: default;
  color: #ffffff;
  background-color: #37424a;
  background-image: none;
  padding-right: 5px;
}
form .form-submit.btn-disabled:active {
  position: static;
}
form .form-item,
form .form-checkboxes,
form .form-radios {
  margin: 1em 0 .5em;
}
form .smaller {
  margin-top: 1em;
}
form .form-item .description {
  margin-top: .5em;
  color: #595959;
}
form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
form select {
  font-size: 12px;
  font-size: 0.75rem;
}
form .form-checkbox {
  float: left;
  margin: .2em .5em 0 0;
}
form .checkboxes-split {
  width: 50%;
  float: left;
}
form .checkboxes-split .form-item {
  margin: 0 0 .3em 0;
}
/* @end Common form styles */
/** @group Form Helpers
    -------------------------------------------------------- */
.help {
  cursor: pointer;
  position: relative;
}
.help span {
  /**
         * JS enabled on hover
         */
  display: none;
  width: 10em;
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 10;
  font-size: 12px;
  font-size: 0.75rem;
  color: #333333;
  background: #ffffff;
  border: 1px solid #eeeeee;
  margin-left: .5em;
  padding: 5px 10px;
}
/* @end Form Helpers */
/** @group Custom Select Boxes
    -------------------------------------------------------- */
.customStyleSelectBox {
  color: #ffffff;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: normal;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0 7px;
  height: 25px;
  line-height: 24px;
  background: #d9244a url('../images/icons/icon-nav-sprite.png') no-repeat right -290px;
}
.svg .customStyleSelectBox {
  background-image: url('../images/icons/icon-nav-sprite.svg');
}
.customStyleSelectBox,
.customStyleSelectBoxInner {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.lt-ie8 .customStyleSelectBox,
.lt-ie8 .customStyleSelectBoxInner {
  display: inline;
  vertical-align: auto;
}
.customStyleSelectBoxInner {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
/* @end Custom Select Boxes */
/** @group Form overrides
    -------------------------------------------------------- */
#tessitura-login-form p,
#tessitura-register-form p,
#tessitura-login-form #step1,
#tessitura-register-form #step1,
#tessitura-login-form #step2,
#tessitura-register-form #step2,
#tessitura-login-form #step3,
#tessitura-register-form #step3,
#tessitura-login-form #step4,
#tessitura-register-form #step4 {
  clear: both;
}
#tessitura-login-form label,
#tessitura-register-form label {
  margin-top: 0.5em;
}
#tessitura-login-form .form-item,
#tessitura-register-form .form-item {
  clear: both;
  margin: 0;
}
#tessitura-login-form .form-item .form-item,
#tessitura-register-form .form-item .form-item,
#tessitura-login-form .help,
#tessitura-register-form .help {
  float: left;
}
#tessitura-login-form .help,
#tessitura-register-form .help {
  margin: 28px 0 0 10px;
}
#tessitura-login-form .form-submit,
#tessitura-register-form .form-submit {
  clear: left;
}
#tessitura-login-form .form-submit,
#tessitura-register-form .form-submit,
#tessitura-login-form .form-submit + p,
#tessitura-register-form .form-submit + p {
  clear: left;
  margin: 1em 0;
}
#tessitura-login-form .form-submit + p,
#tessitura-register-form .form-submit + p {
  font-size: 12px;
  font-size: 0.75rem;
}
/**
     * User login form
     */
#user-login #edit-name-wrapper {
  margin-top: 0;
}
/**
     * Login form
     */
#tessitura-login-form .form-submit {
  float: left;
  margin-right: .5em;
}
/**
     * Register form
     */
#tessitura-register-form .form-text {
  margin-bottom: 1em;
}
#tessitura-register-form .btn-find-address {
  float: left;
  clear: both;
  margin: 0 0 .5em 0;
}
#tessitura-register-form #step2,
#tessitura-register-form #step3,
#tessitura-register-form #step4 {
  padding: 1em 0;
}
/**
     * Giftaid
     */
#giftaid {
  margin-bottom: 1em;
  border: 1px solid #eeeeee;
  padding: 10px;
}
#giftaid div {
  clear: both;
}
#giftaid p {
  font-size: 12px;
  font-size: 0.75rem;
}
/**
     * Name a pipe
     */
#name-a-pipe-form .form-item label {
  width: 92px;
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
}
.lt-ie8 #name-a-pipe-form .form-item label {
  display: inline;
  vertical-align: auto;
}
#name-a-pipe-form #edit-pipe-publish-wrapper label {
  width: 100%;
}
#name-a-pipe-form .form-item .help {
  float: right;
  margin-top: -22px;
}
#name-a-pipe-form .form-item .help span {
  width: 15em;
}
#name-a-pipe-form .form-item {
  margin: 0 0 1em 0;
}
#name-a-pipe-form .form-item .form-item {
  margin-bottom: 0;
}
/**
     * My Details Form
     *
     * Style fixes for the My Details form when
     * used outside of the ticketpath.
     * e.g., /membership/members-area/my-details
     */
.section-membership #tessitura-mydetails-form {
  margin-bottom: 2em;
}
.section-membership #tessitura-mydetails-form .form-item .form-item {
  float: left;
  width: 75%;
}
.section-membership #tessitura-mydetails-form .form-item .help {
  width: 20%;
  float: left;
  margin: 22px 0 0 5%;
}
.section-membership #tessitura-mydetails-form .form-item,
.section-membership #tessitura-mydetails-form .form-checkboxes,
.section-membership #tessitura-mydetails-form .form-radios {
  margin: 0 0 .5em;
}
.section-membership #tessitura-mydetails-form h3,
.section-membership #tessitura-mydetails-form p,
.section-membership #tessitura-mydetails-form .form-submit,
.section-membership #tessitura-mydetails-form .padding15b {
  clear: both;
}
.section-membership #tessitura-mydetails-form #step2,
.section-membership #tessitura-mydetails-form #step3,
.section-membership #tessitura-mydetails-form #step4 {
  overflow: auto;
  clear: both;
  padding-top: 2em;
}
.section-membership #tessitura-mydetails-form #qas {
  margin: 1.5em 0 1em;
}
.section-membership #tessitura-mydetails-form #edit-qas-postcode-wrapper {
  float: none;
  clear: both;
}
.section-membership #tessitura-mydetails-form #edit-qas-address-wrapper {
  float: none;
  width: 100%;
}
.section-membership #tessitura-mydetails-form #edit-qas-select {
  margin: 0 0.5em 1.5em 0;
}
.section-membership #tessitura-mydetails-form #giftaid {
  margin: 1em 0;
}
.section-membership #tessitura-mydetails-form #giftaid a,
.section-membership #tessitura-mydetails-form #giftaid a:link,
.section-membership #tessitura-mydetails-form #giftaid a:hover {
  border: none;
}
.section-membership #tessitura-mydetails-form #edit-giftaid-wrapper {
  margin-bottom: 0;
}
/* @end Form overrides */
/* @end Forms */
#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
  color: #fff;
  font-weight: 200;
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
}
#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 2000;
  text-align: left;
  visibility: hidden;
  display: none;
}
#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}
#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
  max-width: 710px;
  background: #fff;
}
#sb-wrapper-inner {
  position: relative;
  border: 15px solid #fff;
  overflow: hidden;
  height: 100px;
}
#sb-body {
  position: relative;
  height: 100%;
}
#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}
#sb-player.html {
  height: 100%;
  overflow: auto;
}
#sb-body img {
  border: none;
}
#sb-loading {
  position: relative;
  height: 100%;
}
#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}
#sb-loading-inner span {
  background: url('../images/icons/icon-modal-loading.gif') no-repeat;
  padding-left: 34px;
  display: inline-block;
}
#sb-body,
#sb-loading {
  background-color: #ffffff;
}
#sb-title,
#sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#sb-title,
#sb-title-inner {
  height: 26px;
  line-height: 26px;
}
#sb-title-inner {
  font-size: 18px;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  line-height: 1.3;
  padding: 7px 15px;
  color: #000;
  float: left;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
#sb-info,
#sb-info-inner {
  height: auto;
  line-height: 100%;
}
#sb-info-inner {
  position: relative;
  font-size: 14px;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  line-height: 1.3;
  padding: 0px 15px 7px;
  color: #000;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 55%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat;
}
#sb-nav-close {
  background-image: url('../images/icons/icon-modal-close.png');
  float: right;
  position: relative;
  height: 16px;
  width: 16px;
  margin: 10px 15px;
}
#sb-nav-close:hover,
#sb-nav-close:active {
  background-position: 0px -32px;
}
#sb-nav-next {
  background-image: url('../images/icons/icon-modal-next.png');
}
#sb-nav-previous {
  background-image: url('../images/icons/icon-modal-previous.png');
}
#sb-nav-play {
  background-image: url('../images/icons/icon-modal-play.png');
}
#sb-nav-pause {
  background-image: url('../images/icons/icon-modal-pause.png');
}
#sb-counter {
  float: left;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}
div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link,
div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}
/*  ========================================================================== */
/*  @group Tiles */
/*  ========================================================================== */
/**
	 * Tiles are the main building block of the site
	 *
	 * All tiles have a base .tile class, one or more type classes (e.g, .type-info) and an optional modifier class (e.g., .flex)
	 * Tiles can also have a category modifier added (e.g, category-classical) which add change the colour based on Southbank's colour scheme.
	 * Colour scheme variable are defined in _variables.less
	 *
	 * Example Markup
	 * <article class="tile type-info category-classical">
	 *     <header class="tile-header">
	 *         <div class="field-content">
	 *             <h2 class="title">{Title here}</h2>
	 *         </div>
	 *     </header>
	 *     <div class="tile-body">
	 *         <div class="field-content">
	 *             {Content here}
	 *         </div>
	 *     </div>
	 * </article>
	 */
/* @group Tile Defaults */
/* ----------------------------------------------------- */
.tile,
.box {
  float: left;
  margin: 5px;
  width: 310px;
  height: 310px;
  position: relative;
  color: #333333;
  background-color: #ffffff;
}
.tile .field-content,
.box .field-content {
  padding: 5px 10px;
}
.tile .tile-link,
.box .tile-link {
  cursor: pointer;
  display: block;
  height: 100%;
  font-weight: normal;
  font-weight: inherit;
}
.tile .tile-header .title,
.box .tile-header .title,
.tile .tile-back .title,
.box .tile-back .title {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: 0;
}
.tile .tile-header .title-label,
.box .tile-header .title-label,
.tile .tile-back .title-label,
.box .tile-back .title-label {
  font-weight: bold;
  text-transform: uppercase;
}
.tile .tile-header .prefix,
.box .tile-header .prefix,
.tile .tile-back .prefix,
.box .tile-back .prefix,
.tile .tile-header .suffix,
.box .tile-header .suffix,
.tile .tile-back .suffix,
.box .tile-back .suffix {
  margin: 0;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.tile .tile-header .date,
.box .tile-header .date,
.tile .tile-back .date,
.box .tile-back .date,
.tile .tile-header .archived,
.box .tile-header .archived,
.tile .tile-back .archived,
.box .tile-back .archived,
.tile .tile-header .prefix,
.box .tile-header .prefix,
.tile .tile-back .prefix,
.box .tile-back .prefix,
.tile .tile-header .suffix,
.box .tile-header .suffix,
.tile .tile-back .suffix,
.box .tile-back .suffix {
  font-weight: normal;
  font-family: arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.tile .tile-header .archived,
.box .tile-header .archived,
.tile .tile-back .archived,
.box .tile-back .archived {
  font-weight: bold;
  text-transform: uppercase;
}
.tile .tile-header .summary,
.box .tile-header .summary,
.tile .tile-back .summary,
.box .tile-back .summary {
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-font-smoothing: antialiased;
  margin-top: 1em;
}
.tile .tile-header,
.box .tile-header {
  color: #ffffff;
  background: #353637;
  background: rgba(53, 54, 55, 0.8);
  padding-top: 2px;
}
.tile .tile-header a,
.box .tile-header a,
.tile .tile-header a:link,
.box .tile-header a:link,
.tile .tile-header a:visited,
.box .tile-header a:visited {
  color: #ffffff;
  border-color: #ababab;
}
.tile .tile-header a,
.box .tile-header a {
  font-weight: normal;
}
.tile .tile-header .field-content,
.box .tile-header .field-content {
  padding: 5px 10px;
}
.tile .tile-back .field-content,
.box .tile-back .field-content {
  padding: 7px 10px;
}
.tile .tile-back .title,
.box .tile-back .title {
  font-size: 16px;
  font-size: 1rem;
}
.tile .tile-back .tile-link,
.box .tile-back .tile-link {
  display: block;
  height: 100%;
  color: #ffffff;
  color: inherit;
  font-weight: normal;
  font-weight: inherit;
}
.tile .tile-back .button-category,
.box .tile-back .button-category {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.tile .tile-body,
.box .tile-body {
  line-height: 1.5;
}
.tile .tile-body .button,
.box .tile-body .button {
  float: right;
}
.tile .area-addthis,
.box .area-addthis {
  display: block;
  margin-top: 10px;
  min-height: 30px;
}
.tile .area-addthis a,
.box .area-addthis a,
.tile .area-addthis a:hover,
.box .area-addthis a:hover {
  border: none;
}
/**
 * Make .box classes look like tiles
 *
 * .box classes are required for the Tessitura package builder module.
 * The markup comes from the tessitura module so does not conform to the rest of the tile markup.
 */
.box p {
  padding: 0 10px;
}
.box form {
  padding: 0 10px 10px;
}
.box form p {
  padding: 0;
}
.box #tessitura-packages-packages-form p {
  margin: 10px 0 5px;
}
.box #tessitura-packages-packages-form .form-radios .option {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.box .h2 {
  color: #ffffff;
  background: #353637;
  padding: 5px 10px;
}
.box .h2 a,
.box .h2 a:link,
.box .h2 a:visited {
  color: #ffffff;
  border-color: #ababab;
}
.box .tile-header {
  padding: 7px 10px 5px;
}
/* @end Tile Defaults */
/* @group Tile Types */
/* ----------------------------------------------------- */
/**
 * Common tile type styles
 */
.type-small,
.type-social {
  margin: 5px;
  width: 150px;
  height: 150px;
}
.type-small .tile-header .title,
.type-social .tile-header .title {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.type-medium,
.type-more {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-medium .tile-header .field-content,
.type-more .tile-header .field-content,
.type-medium .tile-body .field-content,
.type-more .tile-body .field-content {
  padding: 5px 7px;
}
.type-medium .tile-header .title,
.type-more .tile-header .title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.1;
}
.type-medium.long-runner {
  margin: 5px;
  width: 150px;
  height: 150px;
}
.type-medium.long-runner .tile-header .title {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.type-hero .tile-body img,
.type-superhero .tile-body img,
.type-large .tile-body img,
.type-medium .tile-body img {
  width: inherit;
  max-width: 100%;
  height: auto;
}
.type-small .tile-header .field-content,
.type-medium .tile-header .field-content,
.type-large .tile-header .field-content,
.type-hero .tile-header .field-content {
  padding: 5px 7px;
}
.type-small,
.type-medium,
.type-small .tile-front,
.type-medium .tile-front,
.type-small .tile-back,
.type-medium .tile-back {
  background: #353637;
}
.type-small:hover .tile-back,
.type-medium:hover .tile-back {
  background: rgba(53, 54, 55, 0.8);
}
.type-small .tile-header .title {
  max-height: 28px;
  overflow: hidden;
}
.type-medium .tile-header .title {
  max-height: 32px;
  overflow: hidden;
}
.type-medium .tile-header .summary {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.type-small .tile-back .title {
  font-size: 12px;
  font-size: 0.75rem;
}
.type-small .tile-back .summary {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
}
.type-category-title .tile-header .title {
  max-height: 100%  !important;
}
.type-more a,
.type-more a:hover {
  cursor: pointer;
}
.type-more a {
  background-color: transparent;
  border: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #ffffff url('/sites/all/themes/mademedia/images/btn-sprite1.png') -357px 137px no-repeat;
}
.lt-ie8 .type-more a {
  text-indent: -9999px;
}
.type-more a:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.type-more a:hover {
  background-position: -587px 137px;
}
.type-more.view-all a {
  background-position: -1277px 137px;
}
.type-more.view-all a:hover {
  background-position: -1507px 137px;
}
.type-more.venue a {
  background-position: -817px bottom;
}
.type-more.venue a:hover {
  background-position: -1047px bottom;
}
.type-more.is-loading a {
  background-color: #333333;
  background-image: url('../images/loader-ajax.gif');
  background-position: center 40%;
  background-repeat: no-repeat;
}
.type-more.is-loading a .block-link {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.lt-ie8 .type-more.is-loading a .block-link {
  text-indent: -9999px;
}
.type-more.is-loading a .block-link:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.backgroundsize .type-more.is-loading a {
  background-size: 30px;
}
.type-more.is-loading a:after {
  content: "Loading";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 55%;
  color: #fff;
  font-size: 26px;
  text-align: center;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  letter-spacing: -0.02em;
  word-spacing: -0.03em;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  box-sizing: border-box;
}
.type-more-alt {
  margin: 5px;
  width: 150px;
  height: 150px;
}
.type-more-alt a {
  background-position: -357px 55px;
}
.type-more-alt a:hover {
  background-position: -587px 55px;
}
.type-large {
  margin: 5px;
  width: 310px;
  height: 310px;
}
.type-large .tile-header .title {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1em;
}
.type-hero {
  margin: 5px;
  width: 470px;
  height: 470px;
}
.type-hero .tile-header .date,
.type-hero .tile-back .date {
  font-size: 14px;
  font-size: 0.875rem;
}
.type-hero .tile-body img {
  float: right;
}
.type-hero .tile-header .title,
.type-hero .tile-back .title {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1;
}
.type-superhero {
  margin: 5px;
  width: 630px;
  height: 630px;
}
.type-superhero .tile-header .date,
.type-superhero .tile-back .date {
  font-size: 14px;
  font-size: 0.875rem;
}
.type-superhero .tile-body img {
  float: right;
}
.type-superhero .tile-header {
  margin-bottom: 15px;
}
.type-superhero .tile-header .title,
.type-superhero .tile-back .title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #ffffff;
}
.type-superhero-wide {
  margin: 5px;
  width: 950px;
  height: 470px;
}
.type-superhero-wide .tile-header {
  color: #ffffff;
  background: #333333;
  margin-bottom: 15px;
}
.type-full-width {
  height: auto;
  min-height: auto;
  width: 100%;
}
.type-full-width.category-takeover {
  height: auto;
}
.type-full-width.category-takeover .tile-body .field-content {
  padding-bottom: 80px;
  max-width: 400px;
}
.type-error {
  font-weight: bold;
  background-color: #f9e300;
}
.type-error p {
  margin-bottom: 0;
}
.lt-ie9 .type-large .tile-header .title,
.ua-windows_nt-5 .type-large .tile-header .title,
.lt-ie9 .type-hero .tile-header .title,
.ua-windows_nt-5 .type-hero .tile-header .title {
  font-size: 16px;
  font-size: 1rem;
}
.lt-ie9 .type-medium .tile-header .title,
.ua-windows_nt-5 .type-medium .tile-header .title {
  font-size: 14px;
  font-size: 0.875rem;
}
.lt-ie9 .type-small .tile-header .title,
.ua-windows_nt-5 .type-small .tile-header .title {
  font-size: 12px;
  font-size: 0.75rem;
}
/*  ========================================================================== */
/*  @group Calendar - Type Performance */
/*  ========================================================================== */
.type-calendar {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-calendar .tile-header .field-content,
.type-calendar .tile-body .field-content {
  padding: 5px 7px;
}
.type-calendar .tile-header .title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.1;
}
@media only screen and (max-width: 480px) {
  .type-calendar {
    margin: 5px;
    width: 310px;
    height: 310px;
  }
  .type-calendar .ui-datepicker {
    width: 310px;
    height: 270px;
    margin: 0;
  }
}
/*  ========================================================================== */
/*  @group Type Intro */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Type Intro - Default */
/*  ========================================================================== */
/**
     * Type intro is a tile-group, where the container acts as an
     * isotope tile and blocks within the group are styled to look like tiles.
     */
.type-intro {
  margin: 5px;
  width: 470px;
  height: 470px;
  color: #ffffff;
  background-color: transparent;
}
.type-intro a,
.type-intro a:link,
.type-intro a:visited {
  color: #ffffff;
  border-color: #ababab;
}
.type-intro a {
  font-weight: normal;
}
.type-intro a:hover {
  text-decoration: none;
}
.type-intro .tile-header {
  background: transparent;
}
.type-intro .tile-header .title {
  margin: 0 0 10px 0;
}
.type-intro .intro-leader {
  margin: 5px;
  width: 470px;
  height: 230px;
  margin: 0 0 10px 0;
  position: relative;
}
.type-intro .intro-leader .title {
  font-size: 20px;
  font-size: 1.25rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.type-intro .intro-leader .tile-header,
.type-intro .intro-leader .tile-body .field-content {
  position: absolute;
  width: 100%;
}
.type-intro .intro-leader .tile-header {
  top: 0;
  z-index: 1;
}
.type-intro .intro-leader .tile-body {
  padding: 0;
  margin: 0;
}
.type-intro .intro-leader .tile-body .field-content {
  color: #ffffff;
  font-weight: bold;
  right: -5px;
  bottom: 0;
}
.type-intro .intro-leader .tile-aside {
  display: none;
}
.type-intro .intro-leader:hover .tile-aside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #d0103a;
  background-color: rgba(208, 16, 58, 0.8);
  z-index: 100;
}
.type-intro .intro-leader .tile-aside-title {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  top: 7px;
  left: 10px;
  margin: 0;
}
.type-intro .intro-description,
.type-intro .intro-quicklinks {
  float: left;
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-intro .intro-description {
  margin: 0 5px 0 0;
  background-color: #d0103a;
}
.type-intro .intro-description .tile-header .field-content {
  padding-top: 7px;
}
.type-intro .intro-description .tile-link {
  display: block;
  height: 100%;
}
.type-intro .intro-description .description-body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}
.type-intro .intro-quicklinks {
  margin: 0 0 0 5px;
  background-color: #333333;
}
.type-intro .intro-quicklinks .tile-body {
  margin: 0;
}
.type-intro .intro-quicklinks .unit-quicklinks a,
.type-intro .intro-quicklinks .unit-quicklinks a:link {
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 480px) {
  .type-intro {
    width: 310px;
    height: auto;
  }
  .type-intro .tile-header .title {
    font-size: 16px;
    font-size: 1rem;
  }
  .type-intro .intro-leader,
  .type-intro .intro-quicklinks {
    display: none;
  }
  .type-intro .intro-description {
    width: 310px;
    height: auto;
    margin: 0;
  }
}
/*  ========================================================================== */
/*  @group Type Intro - No Image */
/*  ========================================================================== */
.type-intro.no-image {
  margin: 5px;
  width: 230px;
  height: 470px;
}
.type-intro.no-image .intro-leader {
  display: none;
}
.type-intro.no-image .intro-description {
  margin: 0 0 10px 0;
}
.type-intro.no-image .intro-quicklinks {
  margin: 0 0 5px 0;
}
@media only screen and (max-width: 740px) {
  .type-intro.no-image {
    margin: 5px;
    width: 470px;
    height: 230px;
  }
  .type-intro.no-image .intro-description,
  .type-intro.no-image .intro-quicklinks {
    float: left;
    margin: 5px;
    width: 230px;
    height: 230px;
    margin: 0;
  }
  .type-intro.no-image .intro-description {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .type-intro.no-image {
    width: 310px;
    height: auto;
  }
  .type-intro.no-image .intro-description {
    width: 310px;
    height: auto;
    margin: 0;
  }
}
/*  ========================================================================== */
/*  @group Type Intro - Festivals */
/*  ========================================================================== */
@media only screen and (max-width: 480px) {
  .node-type-festivals .type-intro {
    height: auto;
    min-height: 0;
  }
  .node-type-festivals .type-intro .intro-description {
    margin: 0;
    width: auto;
    height: auto;
  }
}
/*  ========================================================================== */
/*  @group Type Social */
/*  ========================================================================== */
.type-social {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-social,
.type-social .type-header {
  background-color: transparent;
}
.type-social .social-mail,
.type-social .social-facebook,
.type-social .social-twitter {
  background-color: transparent;
  border: 0;
  height: 115px;
  display: block;
  overflow: hidden;
  margin: 0;
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-social-tile-sprite.png') 0 0 no-repeat;
}
.lt-ie8 .type-social .social-mail,
.lt-ie8 .type-social .social-facebook,
.lt-ie8 .type-social .social-twitter {
  text-indent: -9999px;
}
.type-social .social-mail:before,
.type-social .social-facebook:before,
.type-social .social-twitter:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.svg .type-social .social-mail,
.svg .type-social .social-facebook,
.svg .type-social .social-twitter {
  background-image: url('/sites/all/themes/mademedia/images/icons/icon-social-tile-sprite.svg');
}
.type-social .social-facebook,
.type-social .social-twitter {
  width: 115px;
  margin-top: 5px;
}
.type-social .social-facebook {
  float: left;
  background-position: 0 -120px;
}
.type-social .social-twitter {
  float: right;
  background-position: -115px -120px;
}
.front .type-social.has-photo .tile-header {
  padding-top: 0;
}
/*  ========================================================================== */
/*  @group Search */
/*  ========================================================================== */
.type-search {
  margin: 5px;
  width: 230px;
  height: 230px;
  font-size: 16px;
  font-size: 1rem;
  background: #37424a;
}
.type-search .tile-header {
  background: #37424a;
}
.type-search .tile-header .title {
  font-size: 19px;
  font-size: 1.1875rem;
}
.type-search form select {
  float: left;
  width: 160px;
  margin-right: 5px;
}
.type-search form [type="submit"] {
  color: #37424a;
  background: #ffffff url('/sites/all/themes/mademedia/images/icons/icon-bullet-alt.png') center right no-repeat;
  border-color: #ffffff;
  margin-top: 0;
  position: relative;
  top: -2px;
}
/*  ========================================================================== */
/*  @group Content Tiles */
/*  ========================================================================== */
.type-content,
.type-content-wide,
.type-disqus,
.box {
  margin: 5px;
  width: 470px;
  height: 630px;
  min-height: 470px;
  background: #ffffff;
}
.type-content .tile-header,
.type-content-wide .tile-header,
.type-disqus .tile-header,
.box .tile-header {
  background: #37424a;
}
.type-content .tile-header .title,
.type-content-wide .tile-header .title,
.type-disqus .tile-header .title,
.box .tile-header .title {
  color: #ffffff;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.2;
}
.type-content .tile-header .subtitle,
.type-content-wide .tile-header .subtitle,
.type-disqus .tile-header .subtitle,
.box .tile-header .subtitle {
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  text-transform: none;
  margin: .1em 0 0 0;
}
.type-content .tile-body,
.type-content-wide .tile-body,
.type-disqus .tile-body,
.box .tile-body {
  font-size: 14px;
  font-size: 0.875rem;
}
.type-content .tile-body .field-content,
.type-content-wide .tile-body .field-content,
.type-disqus .tile-body .field-content,
.box .tile-body .field-content {
  padding: 10px 10px 10px 10px;
  padding-right: 7%;
}
.type-content .tile-body h2,
.type-content-wide .tile-body h2,
.type-disqus .tile-body h2,
.box .tile-body h2 {
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
  text-transform: none;
}
.type-content .area-book,
.type-content-wide .area-book,
.type-disqus .area-book,
.box .area-book {
  background-color: #37424a;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.type-content .area-book .form-submit,
.type-content-wide .area-book .form-submit,
.type-disqus .area-book .form-submit,
.box .area-book .form-submit {
  color: #FFF;
  background-color: #6da400;
  border-color: #6da400;
  margin-left: 5px;
}
.type-content .area-book form,
.type-content-wide .area-book form,
.type-disqus .area-book form,
.box .area-book form {
  margin: 10px;
}
.type-content .bookingmenu .form-item,
.type-content-wide .bookingmenu .form-item,
.type-disqus .bookingmenu .form-item,
.box .bookingmenu .form-item,
.type-content .bookingmenu .singledate,
.type-content-wide .bookingmenu .singledate,
.type-disqus .bookingmenu .singledate,
.box .bookingmenu .singledate {
  width: 55%;
}
.type-content .area-addthis,
.type-content-wide .area-addthis,
.type-disqus .area-addthis,
.box .area-addthis {
  clear: both;
}
.type-content .inline-file div,
.type-content-wide .inline-file div,
.type-disqus .inline-file div,
.box .inline-file div {
  margin-bottom: 10px;
}
.type-content-wide,
.box + .box {
  margin: 5px;
  width: 630px;
  height: 630px;
  height: auto;
}
/*  @group Content Tiles: Type Content */
/*  ========================================================================== */
.type-content ul,
.type-content-wide ul,
.copy ul,
.box ul {
  padding: 0;
  margin-bottom: 10px;
}
.type-content li,
.type-content-wide li,
.copy li,
.box li {
  padding-left: 10px;
  list-style-type: none;
  background: url('/sites/all/themes/mademedia/images/icons/icon-bullet-small.gif') 4px 8px no-repeat;
}
.type-content a,
.type-content-wide a,
.copy a,
.box a {
  font-weight: bold;
  border-bottom: 1px dotted #a3a3a3;
}
.type-content a:hover,
.type-content-wide a:hover,
.copy a:hover,
.box a:hover {
  border-bottom: 1px solid;
}
.type-content th,
.type-content-wide th,
.copy th,
.box th {
  background-color: #eeeeee;
  border-bottom: 1px solid #ffffff;
}
.type-content td,
.type-content-wide td,
.copy td,
.box td,
.type-content th,
.type-content-wide th,
.copy th,
.box th {
  padding: 5px;
}
.type-content td,
.type-content-wide td,
.copy td,
.box td {
  border-bottom: 1px solid #eeeeee;
}
.type-content tr:first-child,
.type-content-wide tr:first-child,
.copy tr:first-child,
.box tr:first-child {
  font-weight: bold;
}
.type-content tr:last-child,
.type-content-wide tr:last-child,
.copy tr:last-child,
.box tr:last-child,
.type-content tr:last-child td,
.type-content-wide tr:last-child td,
.copy tr:last-child td,
.box tr:last-child td,
.type-content tr:last-child th,
.type-content-wide tr:last-child th,
.copy tr:last-child th,
.box tr:last-child th {
  border-bottom: 0 none;
}
.type-content iframe,
.type-content-wide iframe,
.copy iframe,
.box iframe {
  max-width: 100%;
}
.type-content-medium {
  margin: 5px;
  width: 710px;
  height: 950px;
  height: auto;
}
.type-content-series {
  height: auto;
}
/*  @group Content Tiles:  Content Full */
/*  ========================================================================== */
.type-content-full {
  margin: 5px;
  width: 950px;
  height: 950px;
  height: auto;
}
/*  @group Content Tiles:  Content Summary */
/*  ========================================================================== */
/**
         * Fixed height square content block,
         * Example Use: Membership & Support Us landing pages
         */
.type-content-summary {
  margin: 5px;
  width: 470px;
  height: 470px;
}
.type-content-summary .tile-body .field-content {
  line-height: 1.4;
  padding: 5px 10px 10px;
}
.type-content-summary .tile-body .field-content p,
.type-content-summary .tile-body .field-content ul {
  margin-bottom: .6em;
}
.type-content-summary .tile-body .field-content .area-addthis {
  margin-top: .5em;
}
/*  @group Content Tiles: Type Disqus */
/*  ========================================================================== */
.type-disqus .field-content {
  padding-top: 0;
}
.type-disqus .tile-body .field-content {
  padding-top: 0;
  padding-right: 10px;
}
.type-disqus .tile-body .field-content ul li {
  background-image: none;
}
#disqus_thread li {
  list-style: none;
}
/*  @group Content Tiles: South Eastern Booking */
/*  ========================================================================== */
#widget-southeastern {
  position: relative;
  left: -20px;
  right: -20px;
  max-width: none;
}
@media only screen and (max-width: 1160px) {
  #widget-southeastern {
    width: 490px;
    height: 700px;
  }
}
@media only screen and (max-width: 470px) {
  #widget-southeastern {
    width: 330px;
    height: 760px;
  }
}
@media only screen and (min-width: 1161px) {
  #widget-southeastern {
    width: 620px;
    height: 740px;
    left: 0;
    right: 0;
  }
}
/*  ========================================================================== */
/*  @group Custom */
/*  ========================================================================== */
.type-custom-embed {
  max-width: 1590px;
  width: 100%;
  height: auto;
}
.type-custom-html {
  margin: 5px;
  width: 470px;
  height: 470px;
}
.type-custom-html .field-content {
  padding: 10px;
}
/*  ========================================================================== */
/*  @group Tiles - Productions */
/*  ========================================================================== */
.type-production-hero {
  margin: 5px;
  width: 470px;
  height: 470px;
}
.type-production-hero .tile-header .field-content {
  padding: 10px 7px 15px;
}
.type-production-hero .tile-header .title,
.type-production-hero .tile-back .title {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
}
.type-production-hero .tile-header .date,
.type-production-hero .tile-back .date {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 740px) {
  .type-production-hero .tile-header .field-content {
    padding: 5px 7px 10px;
  }
  .type-production-hero .tile-header .title,
  .type-production-hero .tile-back .title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
  }
  .type-production-hero .tile-header .date,
  .type-production-hero .tile-back .date {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
/*  ========================================================================== */
/*  @group Type Info */
/*  ========================================================================== */
/**
 * Information tile
 * E.g., Production detail pages, information tiles
 *
 * Example Usage:
 * <article class="tile type-info category-classical">
 *     {Tile markup}
 * </article>
 */
.type-info {
  color: #ffffff;
  background-color: #333333;
}
.type-info a,
.type-info a:link,
.type-info a:visited {
  color: #ffffff;
  border-color: #ababab;
}
.type-info .tile-header {
  background-color: #333333;
  padding-top: 7px;
  padding-bottom: 0;
}
.type-info .tile-header .field-content {
  padding-bottom: 0;
}
.type-info .tile-header .title {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.1;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  margin: -5px 0 5px;
}
.type-info .tile-header .title a {
  font-weight: bold;
}
.type-info .tile-header .prefix,
.type-info .tile-header .subtitle,
.type-info .tile-header .date,
.type-info .tile-header .venue,
.type-info .tile-header .venue a,
.type-info .tile-header .venue a:link,
.type-info .tile-header .venue a:visited {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
  font-weight: bold;
  text-transform: none;
  margin: 0;
}
.type-info .tile-header .prefix,
.type-info .tile-header .date,
.type-info .tile-header .venue {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.type-info .tile-header .date,
.type-info .tile-header .venue,
.type-info .tile-header .venue a,
.type-info .tile-header .venue a:link,
.type-info .tile-header .venue a:visited {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8);
}
.type-info .tile-header .date {
  display: block;
  margin-bottom: .3em;
}
.type-info .tile-header .prefix {
  margin-bottom: 0.5em;
  text-transform: none;
}
.type-info .tile-header .subtitle {
  font-weight: bold;
}
.type-info .tile-header .venue {
  margin: 0 0 0 0;
}
.type-info .intro {
  font-size: 14px;
  font-size: 0.875rem;
  padding-right: 15px;
}
.type-info .production-terms {
  *zoom: 1;
  margin-bottom: 0.5em;
}
.type-info .production-terms:before,
.type-info .production-terms:after {
  content: "";
  display: table;
}
.type-info .production-terms:after {
  clear: both;
}
.lt-ie8 .type-info .production-terms {
  zoom: 1;
}
.type-info .production-terms:before,
.type-info .production-terms:after {
  content: "";
  display: table;
}
.type-info .production-terms:after {
  clear: both;
}
.lt-ie8 .type-info .production-terms {
  zoom: 1;
}
.type-info .production-terms li,
.type-info .production-terms li a {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
}
.lt-ie8 .type-info .production-terms li,
.lt-ie8 .type-info .production-terms li a {
  display: inline;
  vertical-align: auto;
}
.type-info .production-terms li {
  margin: 0 2px 2px 0;
}
.type-info .production-terms li a {
  white-space: nowrap;
}
.type-info .production-terms .button-category--rev:hover,
.type-info .production-terms .button-category:hover {
  background: none;
}
.type-info .production-extra {
  font-size: 12px;
  font-size: 0.75rem;
  *zoom: 1;
}
.type-info .production-extra:before,
.type-info .production-extra:after {
  content: "";
  display: table;
}
.type-info .production-extra:after {
  clear: both;
}
.lt-ie8 .type-info .production-extra {
  zoom: 1;
}
.type-info .production-extra:before,
.type-info .production-extra:after {
  content: "";
  display: table;
}
.type-info .production-extra:after {
  clear: both;
}
.lt-ie8 .type-info .production-extra {
  zoom: 1;
}
.type-info .area-addthis {
  width: 100%;
  position: absolute;
  left: 10px;
  bottom: 5px;
}
.type-info .area-addthis .addthis_button_facebook_like {
  margin-right: .5em;
}
.lt-ie9 .type-info .tile-header .title,
.ua-windows_nt-5 .type-info .tile-header .title {
  font-size: 20px;
  font-size: 1.25rem;
}
/*  ========================================================================== */
/*  @group Type Info Tickets */
/*  ========================================================================== */
/**
 * Ticket info
 * Example use: Main booking tile on production detail templates
 */
.type-ticket-info {
  color: #ffffff;
  background: #6da400;
  /**
     * Reset legacy theme / tessitura module form styles
     */
}
.type-ticket-info .tile-header {
  color: #ffffff;
  background: #6da400;
  margin-bottom: 0;
}
.type-ticket-info .tile-header .title {
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: -0.05em;
}
.type-ticket-info .tile-body {
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
}
.type-ticket-info .tile-body .field-content {
  padding-top: 0;
}
.type-ticket-info ul {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
}
.type-ticket-info ul li {
  list-style: none;
  margin: 0;
  *zoom: 1;
}
.type-ticket-info ul li:before,
.type-ticket-info ul li:after {
  content: "";
  display: table;
}
.type-ticket-info ul li:after {
  clear: both;
}
.lt-ie8 .type-ticket-info ul li {
  zoom: 1;
}
.type-ticket-info ul li:before,
.type-ticket-info ul li:after {
  content: "";
  display: table;
}
.type-ticket-info ul li:after {
  clear: both;
}
.lt-ie8 .type-ticket-info ul li {
  zoom: 1;
}
.type-ticket-info ul li strong,
.type-ticket-info ul li strong span {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
}
.lt-ie8 .type-ticket-info ul li strong,
.lt-ie8 .type-ticket-info ul li strong span {
  display: inline;
  vertical-align: auto;
}
.type-ticket-info ul li strong {
  width: 35%;
  font-weight: bold;
}
.type-ticket-info ul li strong span {
  width: 65%;
  float: right;
  padding-top: 2px;
}
.type-ticket-info .booking-table {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0 0 5px;
  -webkit-font-smoothing: antialiased;
}
.type-ticket-info .booking-table td {
  vertical-align: top;
  padding-right: 20px;
}
.type-ticket-info .booking-table td strong {
  font-weight: normal;
}
.type-ticket-info .booking-table td + td {
  font-weight: bold;
  padding-right: 0;
}
.type-ticket-info .bookingmenu {
  width: 290px;
  position: absolute;
  left: 10px;
  bottom: 5px;
}
.type-ticket-info .bookingmenu .singledate,
.type-ticket-info .bookingmenu .form-item {
  float: left;
  margin-top: 54px;
  width: 195px;
  padding-right: 5px;
}
.type-ticket-info .bookingmenu .form-select {
  width: 100%;
}
.type-ticket-info .bookingmenu .singledate {
  width: auto;
  margin: 62px 0 0;
  -webkit-font-smoothing: antialiased;
}
.type-ticket-info .booking-message {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  margin-top: 55px;
}
.lt-ie8 .type-ticket-info .booking-message {
  display: inline;
  vertical-align: auto;
}
.type-ticket-info .availability-message {
  clear: both;
  display: block;
  padding-top: 5px;
}
.type-ticket-info .bookingaction,
.type-ticket-info [type="image"] {
  background: transparent;
  border-right: 0 none;
  padding: 0;
}
.type-ticket-info .bookingmenu .form-submit {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  font-size: 0px;
  font-size: 0rem;
  color: transparent;
  float: right;
  width: 75px;
  height: 75px;
  background: #ffffff url('/sites/all/themes/mademedia/images/btn-booking.png') 0 0 no-repeat;
}
.lt-ie8 .type-ticket-info .bookingmenu .form-submit {
  text-indent: -9999px;
}
.type-ticket-info .bookingmenu .form-submit:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.type-ticket-info .bookingmenu .form-submit:link,
.type-ticket-info .bookingmenu .form-submit:visited {
  color: #ff00a2;
}
.type-ticket-info .bookingmenu .form-submit:hover,
.type-ticket-info .bookingmenu .form-submit:active {
  color: #333333;
}
.type-ticket-info .bookingmenu .form-submit:hover {
  background-position: 0 -75px;
  background-color: #fff;
}
.type-ticket-info .bookingmenu .form-submit-members {
  background: #ffffff url('/sites/all/themes/mademedia/images/btn-booking-members.png') 0 0 no-repeat;
}
.type-ticket-info .form-submit.btn-disabled,
.type-ticket-info .form-submit.btn-disabled:hover {
  display: none;
}
.type-ticket-info .bookingmenu .field-singledate .form-submit {
  margin-top: 8px;
}
.type-ticket-info #madetheme-promocode-form {
  *zoom: 1;
  width: 290px;
  padding: 0 0 10px;
  color: #ffffff;
  /**
         * Form Overrides
         */
}
.type-ticket-info #madetheme-promocode-form:before,
.type-ticket-info #madetheme-promocode-form:after {
  content: "";
  display: table;
}
.type-ticket-info #madetheme-promocode-form:after {
  clear: both;
}
.lt-ie8 .type-ticket-info #madetheme-promocode-form {
  zoom: 1;
}
.type-ticket-info #madetheme-promocode-form:before,
.type-ticket-info #madetheme-promocode-form:after {
  content: "";
  display: table;
}
.type-ticket-info #madetheme-promocode-form:after {
  clear: both;
}
.lt-ie8 .type-ticket-info #madetheme-promocode-form {
  zoom: 1;
}
.type-ticket-info #madetheme-promocode-form .title {
  font-size: 13px;
  font-size: 0.8125rem;
}
.type-ticket-info #madetheme-promocode-form .form-info {
  font-size: 10px;
  font-size: 0.625rem;
  color: #ffffff;
}
.type-ticket-info #madetheme-promocode-form .form-info:hover {
  color: #ffffff;
  text-decoration: underline;
}
.type-ticket-info #madetheme-promocode-form label {
  display: block;
}
.type-ticket-info #madetheme-promocode-form .form-item,
.type-ticket-info #madetheme-promocode-form .form-submit {
  float: left;
  margin: 5px 10px 0 0;
}
.type-ticket-info #madetheme-promocode-form .form-item {
  float: left;
  margin: 5px 5px 0 0;
}
.type-ticket-info #madetheme-promocode-form .form-submit {
  font-size: 11px;
  font-size: 0.6875rem;
  float: right;
  margin: 5px 0 0 0;
  padding: 5px 5px;
  background-image: none;
  background-color: #5f9000;
  -webkit-font-smoothing: antialiased;
}
.type-ticket-info #madetheme-promocode-form .form-submit:hover {
  background-color: #f9e300;
}
.type-ticket-info #madetheme-promocode-form .form-text {
  width: 195px;
  color: #ffffff;
  background-color: #7bb800;
  font-size: 14px;
  font-size: 0.875rem;
  border: none;
  line-height: 1em;
  padding: 2px 3px;
}
.type-ticket-info #madetheme-promocode-form .form-text::-webkit-input-placeholder {
  color: #f2f2f2;
  padding: 3px 0 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.type-ticket-info #madetheme-promocode-form .form-text::-moz-placeholder {
  color: #f2f2f2;
  padding: 3px 0 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/*  ========================================================================== */
/*  @group Tile - Packages */
/*  ========================================================================== */
.type-package-builder {
  height: auto;
  min-height: 310px;
}
.type-package-builder .tile-body .field-content {
  padding: 10px;
}
iframe.packageiframe {
  border: 0 none;
  width: 100%;
  height: 100%;
  min-height: 300px;
}
/*  ========================================================================== */
/*  @group Cast */
/*  ========================================================================== */
.unit-cast {
  margin: 1em;
  max-width: 75em;
}
.unit-cast .cast-content {
  *zoom: 1;
}
.unit-cast .cast-content:before,
.unit-cast .cast-content:after {
  content: "";
  display: table;
}
.unit-cast .cast-content:after {
  clear: both;
}
.lt-ie8 .unit-cast .cast-content {
  zoom: 1;
}
.unit-cast .cast-content:before,
.unit-cast .cast-content:after {
  content: "";
  display: table;
}
.unit-cast .cast-content:after {
  clear: both;
}
.lt-ie8 .unit-cast .cast-content {
  zoom: 1;
}
.unit-cast .cast-title {
  margin-bottom: 0;
}
.unit-cast .cast-subtitle {
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
  text-transform: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  margin: .1em 0 .5em;
}
.unit-cast .cast-photo {
  float: left;
  width: 22.5%;
  margin-right: 2.5%;
}
.unit-cast .cast-description {
  float: left;
  width: 75%;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 480px) {
  .unit-cast .cast-photo img {
    width: 100%;
  }
  .unit-cast .cast-photo,
  .unit-cast .cast-description {
    float: none;
    width: 100%;
    display: block;
    margin: 0 0 .5em 0;
  }
}
.unit-cast-full {
  margin: 0;
}
/*  ========================================================================== */
/*  @group Type CTAs */
/*  ========================================================================== */
.type-cta {
  margin: 5px;
  width: 150px;
  height: 150px;
  position: relative;
  background-color: #ffffff;
}
.type-cta .tile-header {
  background: transparent;
  position: absolute;
  bottom: 0;
}
.type-cta .tile-header .title {
  font-size: 18px;
  font-size: 1.125rem;
  color: #d0103a;
}
.type-cta .tile-header .title:after {
  font-size: 18px;
  font-size: 1.125rem;
  content: "\>";
  margin: 0 0 0 .2em;
  font-weight: bold;
}
.type-cta .tile-link:hover {
  color: #000000;
}
.type-cta.has-photo .tile-header {
  padding-top: 0px;
}
.type-cta-rev .tile-header .title:after {
  content: "";
}
.type-cta-rev .tile-header .title:before {
  font-size: 18px;
  font-size: 1.125rem;
  content: "\<";
  margin: 0 .2em 0 0;
  font-weight: bold;
}
.type-packages {
  background-color: #d0103a;
}
.type-packages .tile-header .title {
  color: #ffffff;
}
.type-cta-primary {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-cta-primary .tile-header .field-content {
  padding-bottom: 7px;
}
.type-cta-primary .tile-header .title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}
.type-cta-primary .tile-header .title:before,
.type-cta-primary .tile-header .title:after {
  font-size: 24px;
  font-size: 1.5rem;
}
.type-cta-primary .tile-link:hover {
  color: #000000;
}
.type-cta-mail {
  margin: 5px;
  width: 150px;
  height: 70px;
}
.type-cta-mail a {
  background-color: transparent;
  border: 0;
  display: block;
  overflow: hidden;
  width: 150px;
  height: 70px;
  background: #ffffff url('/sites/all/themes/mademedia/images/icons/icon-social-mail.png') no-repeat 0 0;
}
.lt-ie8 .type-cta-mail a {
  text-indent: -9999px;
}
.type-cta-mail a:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*  ========================================================================== */
/*  @group Feature Boxes */
/*  ========================================================================== */
.type-feature-box {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-feature-box,
.type-feature-box .tile-header {
  color: #333333;
  background-color: #ffffff;
}
@media only screen and (max-width: 480px) {
  .type-feature-box {
    height: auto;
    width: 310px;
  }
}
/*  ========================================================================== */
/*  @group Type Category Title */
/*  ========================================================================== */
/**
 * Example use: Day tile in what's on calendar or 'What's On' text tiles on festival pages;
 */
.type-category-title {
  color: #ffffff;
  background: #333333;
}
.type-category-title .tile-link {
  display: block;
  height: 100%;
}
.type-category-title .tile-header .title {
  font-size: 18px;
  font-size: 1.125rem;
}
.type-category-title .tile-body {
  font-size: 14px;
  font-size: 0.875rem;
}
.type-series-whatson-intro .tile-body {
  position: absolute;
  bottom: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
}
.type-series-whatson-intro .tile-body p {
  margin-bottom: 0;
}
.type-series-whatson-intro .tile-body p + p {
  margin-top: .75em;
}
.type-series-whatson-intro .tile-body .field-content {
  padding: 5px 7px 7px;
}
.type-category-title.type-medium .tile-header .title {
  font-size: 24px;
  font-size: 1.5rem;
}
.type-category-title-media {
  margin: 5px;
  width: 150px;
  height: 150px;
}
/*  @group Overrides */
/*  ========================================================================== */
.lt-ie9 .type-category-title .tile-header .title,
.ua-windows_nt-5 .type-category-title .tile-header .title {
  font-size: 18px;
  font-size: 1.125rem;
}
.lt-ie9 .type-category-title.type-medium .tile-header .title,
.ua-windows_nt-5 .type-category-title.type-medium .tile-header .title {
  font-size: 24px;
  font-size: 1.5rem;
}
/*  ========================================================================== */
/*  @group Type Footer */
/*  ========================================================================== */
.type-footer {
  margin: 5px;
  width: 230px;
  height: 182px;
}
.type-footer a:hover {
  text-decoration: underline;
}
.type-footer .menu,
.type-footer .title {
  padding-left: 0;
}
.type-footer .title {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
  margin: 15px 0 10px;
}
.type-footer-1,
.type-footer-3,
.type-footer-4 {
  margin: 5px;
  width: 150px;
  height: 182px;
}
@media only screen and (min-width: 1240px) {
  .type-footer-1,
  .type-footer-3,
  .type-footer-4 {
    margin: 5px;
    width: 230px;
    height: 182px;
  }
}
/*  ========================================================================== */
/*  @group Watch & Listen / Media Gallery */
/*  ========================================================================== */
[class^="type-media-"],
[class*=" type-media-"] {
  width: 150px;
  height: 150px;
  float: left;
  margin: 5px;
}
.area-gallery {
  margin: 5px;
  width: 310px;
  height: 310px;
  height: auto;
  background: transparent;
}
.type-media-title {
  background-color: #333333;
}
.type-media-title .tile-header {
  background: #333333;
}
.type-media-title .tile-header .field-content {
  padding: 5px 7px;
}
.type-media-title .tile-header .title {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.type-media-image,
.type-media-audio,
.type-media-video,
.type-media-embed {
  margin: 5px;
  width: 150px;
  height: 150px;
}
.type-media-image .tile-header .title,
.type-media-audio .tile-header .title,
.type-media-video .tile-header .title,
.type-media-embed .tile-header .title {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  max-height: 30px;
  overflow: hidden;
}
.type-media-image .tile-body img,
.type-media-audio .tile-body img,
.type-media-video .tile-body img,
.type-media-embed .tile-body img {
  width: inherit;
  max-width: 100%;
  height: auto;
}
.type-media-single {
  margin: 5px;
}
.type-media-image .tile-body,
.type-media-audio .tile-body,
.type-media-video .tile-body,
.type-media-embed .tile-body {
  position: relative;
  display: block;
}
.type-media-image .tile-header .field-content,
.type-media-audio .tile-header .field-content,
.type-media-video .tile-header .field-content,
.type-media-embed .tile-header .field-content {
  padding: 5px 7px;
}
.type-media-audio,
.type-media-video,
.type-media-video-alt,
.type-media-embed {
  background-color: #333333;
}
.type-media-audio .play,
.type-media-video .play,
.type-media-video-alt .play,
.type-media-embed .play {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 45px;
  left: 48px;
  background: url('/sites/all/themes/mademedia/images/icons/icon-play.png') 0 0 no-repeat;
}
.type-media-audio:hover .play,
.type-media-video:hover .play,
.type-media-video-alt:hover .play,
.type-media-embed:hover .play {
  background-position: 0 -50px;
}
.type-media-video-alt {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-media-video-alt .play {
  top: 81px;
  left: 75px;
}
.type-media-audio .play {
  background: url('/sites/all/themes/mademedia/images/icons/icon-play-audio.png') 0 0 no-repeat;
}
.type-media-hero {
  margin: 5px;
  width: 310px;
  height: 310px;
}
.type-media-hero .play {
  top: 125px;
  left: 135px;
}
/*  ========================================================================== */
/*  @group Listing Intro */
/*  ========================================================================== */
.type-listing-intro {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-listing-intro,
.type-listing-intro .tile-header,
.type-listing-intro .tile-body {
  color: #ffffff;
  background-color: #d0103a;
}
.type-listing-intro .tile-header {
  height: 30%;
}
.type-listing-intro .tile-header .title {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.1;
}
.type-listing-intro .tile-body {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.type-listing-intro .tile-body a {
  font-weight: bold;
  border-bottom: 1px dotted;
}
.type-listing-intro .tile-body a:hover {
  border-bottom: 1px solid;
}
.type-listing-intro .tile-body a,
.type-listing-intro .tile-body a:visited,
.type-listing-intro .tile-body a:hover,
.type-listing-intro .tile-body a:active {
  color: #ffffff;
}
@media only screen and (max-width: 480px) {
  .type-listing-intro {
    width: 310px;
    height: auto;
  }
}
/**
	 * Listing intro - Slim modifier
	 * Removes fixed height of tile-header
	 */
.type-listing-intro-slim .tile-header {
  height: auto;
}
/*  ========================================================================== */
/*  @group Type Aside */
/*  ========================================================================== */
/* Comments, blog posts, Twitter and Facebook, related links */
/**
 * Common aside styles
 */
[class^="type-aside"],
[class*=" type-aside"] {
  margin: 5px;
  width: 310px;
  height: 150px;
  font-size: 12px;
  font-size: 0.75rem;
}
[class^="type-aside"] .tile-header,
[class*=" type-aside"] .tile-header {
  background: transparent;
}
[class^="type-aside"] .tile-header .title,
[class*=" type-aside"] .tile-header .title {
  color: #333333;
}
/**
 * Aside social tiles common.
 */
.type-aside-blog,
.type-aside-comment,
.type-aside-twitter,
.type-aside-facebook {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-aside-blog .tile-body,
.type-aside-comment .tile-body,
.type-aside-twitter .tile-body,
.type-aside-facebook .tile-body {
  font-family: arial, sans-serif;
}
.type-aside-blog .tile-body .field-content,
.type-aside-comment .tile-body .field-content,
.type-aside-twitter .tile-body .field-content,
.type-aside-facebook .tile-body .field-content {
  padding-right: 20px;
}
.type-aside-blog a,
.type-aside-comment a,
.type-aside-twitter a,
.type-aside-facebook a {
  border-bottom: 1px dotted #999999;
}
.type-aside-blog a:hover,
.type-aside-comment a:hover,
.type-aside-twitter a:hover,
.type-aside-facebook a:hover {
  border-color: #ababab;
}
.type-aside-blog .tile-header,
.type-aside-comment .tile-header,
.type-aside-twitter .tile-header,
.type-aside-facebook .tile-header {
  margin-bottom: .5em;
}
.type-aside-blog .tile-header .field-content,
.type-aside-comment .tile-header .field-content,
.type-aside-twitter .tile-header .field-content,
.type-aside-facebook .tile-header .field-content {
  padding: 10px;
}
.type-aside-blog .tile-body .field-content,
.type-aside-comment .tile-body .field-content,
.type-aside-twitter .tile-body .field-content,
.type-aside-facebook .tile-body .field-content {
  padding-right: 20px;
}
/* @group Asides: Type Aside Blog & Comment */
/* ----------------------------------------------------- */
.type-aside-blog,
.type-aside-comment {
  background: #ffffff;
}
.type-aside-blog .tile-header,
.type-aside-comment .tile-header {
  background: transparent;
}
.type-aside-blog .tile-body .title,
.type-aside-comment .tile-body .title {
  font-size: 13px;
  font-size: 0.8125rem;
}
.type-aside-blog .tile-body .byline,
.type-aside-comment .tile-body .byline {
  font-weight: normal;
}
.type-aside-blog .tile-body .excerpt,
.type-aside-comment .tile-body .excerpt {
  font-size: 13px;
  font-size: 0.8125rem;
}
.type-aside-comment .tile-body .byline {
  display: block;
  font-weight: normal;
}
.type-aside-comment .quote blockquote {
  font-style: normal;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 0;
}
.type-aside-comment .quote blockquote p {
  margin: 0 0 .5em 0;
}
.type-aside-comment .quote figcaption {
  font-weight: bold;
}
.type-aside-comment .quote figcaption::before {
  content: "\2014\2009 \a0";
}
.type-aside-blog .tile-body .date {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "SBC Akkurat", Helmet, Freesans, sans-serif;
  font-weight: bold;
  text-transform: none;
  margin: 0 0 5px;
}
.type-aside-blog .tile-body .excerpt p,
.type-aside-blog .tile-body .more {
  margin: 0;
}
.type-aside-blog .tile-body .more {
  font-weight: bold;
}
/* @end Asides: Type Aside Blog & Comment */
/* @group Asides: Type Aside Twitter & Facebook */
/* ----------------------------------------------------- */
/**
     * Facebook / Twitter common
     */
.type-aside-twitter,
.type-aside-facebook {
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
}
.type-aside-twitter a,
.type-aside-facebook a,
.type-aside-twitter a:link,
.type-aside-facebook a:link,
.type-aside-twitter a:visited,
.type-aside-facebook a:visited {
  color: #ffffff;
  border-color: #ababab;
}
.type-aside-twitter .title a,
.type-aside-facebook .title a {
  border: none;
}
.type-aside-twitter .tile-header .title,
.type-aside-facebook .tile-header .title {
  color: #ffffff;
}
.type-aside-twitter .tile-body .field-content,
.type-aside-facebook .tile-body .field-content {
  padding: 0 10px 5px;
}
.type-aside-twitter .tile-body .field-content ul,
.type-aside-facebook .tile-body .field-content ul {
  padding-top: 0;
}
.type-aside-twitter {
  background-color: #3eaaec;
}
.type-aside-twitter .tile-header .title {
  padding-left: 20px;
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-twitter.png') center left no-repeat;
}
.type-aside-twitter .twitter-handle {
  margin: .5em 0 0 0;
}
.type-aside-twitter .field-cycle div {
  max-width: 85%;
}
.type-aside-facebook {
  background: #3e5799;
}
.type-aside-facebook,
.type-aside-facebook .tile-header .title,
.type-aside-facebook .tile-body {
  color: #ffffff;
}
.type-aside-facebook .tile-header .title {
  padding-left: 20px;
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-facebook.png') center left no-repeat;
}
.type-aside-facebook .tile-body .title {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: .5em;
}
.type-aside-facebook .tile-body .excerpt {
  font-size: 13px;
  font-size: 0.8125rem;
}
.type-aside-facebook .tile-body .excerpt p,
.type-aside-facebook .tile-body .more {
  margin: 0;
}
.type-aside-facebook .tile-body .more {
  font-weight: bold;
}
/* @end Asides: Type Aside Twitter & Facebook */
/* @group Asides: Festival Social */
/* ----------------------------------------------------- */
.area-series-social .type-aside-blog,
.area-series-social .type-aside-comment,
.area-series-social .type-aside-twitter,
.area-series-social .type-aside-facebook {
  margin: 5px;
  width: 310px;
  height: 150px;
}
.area-series-social .type-aside-blog .tile-header,
.area-series-social .type-aside-comment .tile-header,
.area-series-social .type-aside-twitter .tile-header,
.area-series-social .type-aside-facebook .tile-header {
  margin-bottom: 0;
}
.area-series-social .type-aside-blog .tile-body .title,
.area-series-social .type-aside-facebook .tile-body .title {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.area-series-social .type-aside-blog .tile-body .field-content,
.area-series-social .type-aside-facebook .tile-body .field-content {
  padding-top: 0;
}
/* @end Asides: Festival Social */
/* @group Asides: Related Links */
/* ----------------------------------------------------- */
.type-aside-related,
.type-aside-visitor {
  margin: 5px;
  width: 150px;
  height: 150px;
  min-height: 150px;
}
.type-aside-related,
.type-aside-visitor,
.type-navigation {
  background: #37424a;
  -webkit-font-smoothing: antialiased;
}
.type-aside-related .field-content,
.type-aside-visitor .field-content,
.type-navigation .field-content {
  margin: 0;
  padding: 0;
}
.type-aside-related .tile-header .title,
.type-aside-visitor .tile-header .title,
.type-navigation .tile-header .title {
  color: #ffffff;
}
.type-aside-related .tile-body,
.type-aside-visitor .tile-body,
.type-navigation .tile-body {
  font-size: 14px;
  font-size: 0.875rem;
}
.type-aside-related ul,
.type-aside-visitor ul,
.type-navigation ul {
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 0;
  padding-top: 5px;
  list-style: none;
}
.type-aside-related ul li,
.type-aside-visitor ul li,
.type-navigation ul li {
  list-style: none;
  padding: 0 10px;
  background: none;
  border-bottom: 1px solid #3e4a53;
}
.type-aside-related ul li ul,
.type-aside-visitor ul li ul,
.type-navigation ul li ul {
  padding-top: 0;
}
.type-aside-related ul li ul li,
.type-aside-visitor ul li ul li,
.type-navigation ul li ul li {
  border: none;
  list-style-image: none;
}
.type-aside-related ul li ul li a,
.type-aside-visitor ul li ul li a,
.type-navigation ul li ul li a {
  padding-top: 0;
  padding-bottom: 2px;
}
.type-aside-related ul .last,
.type-aside-visitor ul .last,
.type-navigation ul .last {
  border-bottom: none;
}
.type-aside-related ul a,
.type-aside-visitor ul a,
.type-navigation ul a {
  color: #f9e300;
  font-weight: bold;
  line-height: 1.3;
  padding: 5px 0 6px;
}
.type-aside-related ul a:hover,
.type-aside-visitor ul a:hover,
.type-navigation ul a:hover,
.type-aside-related ul a:active,
.type-aside-visitor ul a:active,
.type-navigation ul a:active,
.type-aside-related ul .active,
.type-aside-visitor ul .active,
.type-navigation ul .active,
.type-aside-related ul .active a:hover,
.type-aside-visitor ul .active a:hover,
.type-navigation ul .active a:hover {
  color: #ffffff;
}
/* @end Asides: Related Links */
/* @group Asides: Type Navigation */
/* ----------------------------------------------------- */
.type-navigation {
  margin: 5px;
  width: 150px;
  height: 150px;
  height: auto;
  background: #333333;
}
.type-navigation .tile-header {
  background-color: #353637;
}
.type-navigation .tile-header .title {
  font-size: 19px;
  font-size: 1.1875rem;
  padding-top: 2px;
}
.type-navigation ul,
.type-navigation li {
  list-style: none;
  list-style-image: none;
}
.type-navigation ul {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 0;
}
.type-navigation ul li {
  padding: 0 5px 0 7px;
}
.type-navigation ul ul {
  padding-top: 5px;
}
.type-navigation ul ul li {
  padding-bottom: 3px;
  border: 0 none;
  background: url('/sites/all/themes/mademedia/images/icons/icon-bullet-small-inverse.png') 2px 7px no-repeat;
}
/* @end Asides: Type Navigation */
/* @group Asides: Type Aside Related */
/* ----------------------------------------------------- */
.type-aside-related .tile-header .field-content {
  padding-top: 8px;
}
.type-aside-related .field-content ul {
  padding-top: 0;
}
.type-aside-related .field-content ul li {
  border-bottom: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
/* @end Asides: Type Aside Related */
/* @group Aside: Type Aside Visitor */
/* ----------------------------------------------------- */
.type-aside-visitor .tile-header .title {
  font-size: 12px;
  font-size: 0.75rem;
}
.type-aside-visitor .tile-body li {
  padding-bottom: 0;
}
.type-aside-visitor .tile-body a {
  display: block;
  padding: 4px 0;
}
.type-aside-visitor .tile-body span {
  position: relative;
  top: -5px;
}
.type-aside-visitor .tile-body .icon {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  overflow: hidden;
  top: 0;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  background: #f9e300 url('/sites/all/themes/mademedia/images/icons/icons-visitor-info.png') 0 0 no-repeat;
}
.lt-ie8 .type-aside-visitor .tile-body .icon {
  display: inline;
  vertical-align: auto;
}
.type-aside-visitor .tile-body .visit .icon {
  background-position: 0 0;
}
.type-aside-visitor .tile-body .tickets .icon {
  background-position: 0 -18px;
}
.type-aside-visitor .tile-body .eating .icon {
  background-position: 0 -36px;
}
.type-aside-visitor .tile-body .access .icon {
  background-position: 0 -54px;
}
.type-aside-visitor .tile-body a:hover .icon {
  background-color: #fff;
}
.type-aside-related .tile-header .field-content,
.type-aside-visitor .tile-header .field-content {
  padding: 5px 7px;
}
.type-aside-related .tile-body ul,
.type-aside-visitor .tile-body ul {
  padding-top: 0;
}
.type-aside-related .tile-body ul li,
.type-aside-visitor .tile-body ul li {
  padding: 0 7px;
}
/* @end Aside: Type Aside Visitor */
/*  ========================================================================== */
/*  @group Type Search Results */
/*  ========================================================================== */
.type-search-result,
.type-search-result .tile-header,
.type-search-result .tile-header a {
  color: #333333;
  background-color: #f9e300;
}
.type-search-result .tile-header .title {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
  line-height: 1.2;
}
.type-search-result .tile-body {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  overflow: hidden;
  max-height: 65%;
}
.type-search-result .tile-body a {
  font-weight: normal;
}
/*  ========================================================================== */
/*  @group Carousels */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Carousels - Flexslider Base */
/*  ========================================================================== */
.flexslider {
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
/**
	 * Captions
	 */
.flex-caption {
  padding: 2px 6px;
  color: #333333;
  font-family: arial, sans-serif;
  background: #ddd;
  background: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
}
/**
	 * Controls
	 */
.flex-control-nav {
  width: auto;
  padding: 3px 3px 1px;
  background: #ddd;
  background: transparent;
}
.flex-control-nav li {
  margin: 0 2px;
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
}
.lt-ie8 .flex-control-nav li {
  display: inline;
  vertical-align: auto;
}
.flex-control-paging li a {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  display: block;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 2px solid #000;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.lt-ie8 .flex-control-paging li a {
  text-indent: -9999px;
}
.flex-control-paging li a:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
  border-color: #fff !important;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/**
	 * Direction Nav
	 */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  background-color: transparent;
  border: 0;
  -webkit-transition: all 0.5 ease-out;
  -moz-transition: all 0.5 ease-out;
  transition: all 0.5 ease-out;
  display: block;
  width: 30px;
  height: 75px;
  margin: -38px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #ffffff;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.4);
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
}
.lt-ie8 .flex-direction-nav a {
  text-indent: -9999px;
}
.flex-direction-nav a:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.ie8 .flex-direction-nav a {
  display: none;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.flex-direction-nav .flex-prev {
  left: 0;
  background-image: url('/sites/all/themes/mademedia/images/icons/icon-previous.png');
}
.flex-direction-nav .flex-next {
  right: 0;
  background-image: url('/sites/all/themes/mademedia/images/icons/icon-next.png');
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
/**
	 * Asked to be available on all browsers
	 */
.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  display: block;
}
/*  ========================================================================== */
/*  @group Carousels - Common */
/*  ========================================================================== */
.unit-carousel-details {
  *zoom: 1;
  position: absolute;
  bottom: 7px;
  right: 10px;
  z-index: 100;
}
.unit-carousel-details:before,
.unit-carousel-details:after {
  content: "";
  display: table;
}
.unit-carousel-details:after {
  clear: both;
}
.lt-ie8 .unit-carousel-details {
  zoom: 1;
}
.unit-carousel-details:before,
.unit-carousel-details:after {
  content: "";
  display: table;
}
.unit-carousel-details:after {
  clear: both;
}
.lt-ie8 .unit-carousel-details {
  zoom: 1;
}
.unit-carousel-details .flex-caption {
  float: left;
  margin-right: 5px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  max-width: 448px;
}
.unit-carousel-details .flex-control-nav {
  float: right;
}
/*  ========================================================================== */
/*  @group Carousels - Tile Carousel */
/*  ========================================================================== */
.type-carousel {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-carousel .unit-carousel-item {
  height: auto;
}
.ie8 .type-carousel .unit-carousel-item {
  height: 100%;
}
/*  ========================================================================== */
/*  @group Carousels - Hero Tile Carousel */
/*  ========================================================================== */
.type-carousel-hero {
  margin: 5px;
  width: 470px;
  height: 470px;
}
.type-carousel-hero .unit-carousel-item {
  height: auto;
}
.ie8 .type-carousel-hero .unit-carousel-item {
  height: 100%;
}
.type-carousel-hero .tile-header .tile-header-details {
  padding-top: 10px;
  height: 65px;
}
.type-carousel-hero .tile-header .date {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.1;
}
.type-carousel-hero .tile-header .title,
.type-carousel-hero .tile-header .suffix {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.type-carousel-hero .tile-header .title {
  font-size: 24px;
  font-size: 1.5rem;
}
.type-carousel-hero .tile-header .suffix {
  max-width: 365px;
}
.type-carousel-hero .unit-carousel-details {
  width: 100%;
  right: 0;
  bottom: 5px;
}
.type-carousel-hero .flex-control-nav {
  position: relative;
  float: right;
  margin-right: 5px;
}
.type-carousel-hero .flex-control-nav li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: normal;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
  overflow: visible;
  padding: 0;
  margin-bottom: 2px;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-font-smoothing: antialiased;
}
.type-carousel-hero .flex-control-nav li a:before {
  display: none;
}
.type-carousel-hero .flex-control-nav li a:hover,
.type-carousel-hero .flex-control-nav li a.flex-active {
  color: #333333;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #ffffff;
}
.type-carousel-hero .has-video {
  background-color: #333333;
}
.type-carousel-hero .has-video .fluid-width-video-wrapper {
  width: 470px;
  height: 470px;
  display: none;
  margin: 0;
  padding: 0 !important;
}
.type-carousel-hero .has-video .fluid-width-video-wrapper iframe {
  height: 428px;
  border-bottom: 1px solid #454545;
}
.type-carousel-hero .video-shown .fluid-width-video-wrapper {
  display: block;
}
.type-carousel-hero .has-video-placeholder .unit-carousel-item {
  cursor: pointer;
}
.type-carousel-hero .has-video-placeholder .unit-carousel-item .play {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 210px;
  left: 210px;
  background: url('/sites/all/themes/mademedia/images/icons/icon-play.png') 0 0 no-repeat;
}
.type-carousel-hero .has-video-placeholder .unit-carousel-item:hover .play {
  background-position: 0 -50px;
}
@media only screen and (max-width: 480px) {
  .type-carousel-hero .tile-header .tile-header-details {
    padding-top: 5px;
    height: 55px;
  }
  .type-carousel-hero .tile-header .date {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .type-carousel-hero .tile-header .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .type-carousel-hero .tile-header .suffix {
    max-width: 220px;
  }
  .type-carousel-hero .has-video .fluid-width-video-wrapper {
    width: 310px;
    height: 310px;
  }
  .type-carousel-hero .has-video .fluid-width-video-wrapper iframe {
    height: 268px;
    border-bottom: 1px solid #454545;
  }
  .type-carousel-hero .has-video-placeholder .unit-carousel-item .play {
    top: 135px;
    left: 135px;
  }
}
/*  ========================================================================== */
/*  @group Carousels - Festivals (Legacy) */
/*  ========================================================================== */
.unit-carousel {
  margin: 5px;
  max-width: 1590px;
}
.unit-carousel .unit-carousel-link {
  display: block;
}
.unit-carousel .unit-carousel-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  height: 470px;
  max-width: 1590px;
  max-height: 470px;
}
.lt-ie9 .unit-carousel {
  max-width: 1190px;
}
.lt-ie9 .unit-carousel .unit-carousel-item {
  height: 400px;
}
@media only screen and (min-width: 1400px) {
  .unit-carousel {
    width: 1350px;
  }
}
/*  ========================================================================== */
/*  @group Carousels - Series (New) */
/*  ========================================================================== */
.type-series-carousel,
.series-carousel {
  margin: 5px;
  width: 710px;
  height: 470px;
  max-width: 710px;
  width: 100%;
  float: left;
  position: relative;
  background: #242424;
}
.type-series-carousel .unit-carousel-item,
.series-carousel .unit-carousel-item {
  height: auto;
}
.ie8 .type-series-carousel .unit-carousel-item,
.ie8 .series-carousel .unit-carousel-item {
  height: 100%;
}
.type-series-carousel .flex-caption,
.series-carousel .flex-caption {
  line-height: 20px;
}
.type-series-carousel .flex-control-nav,
.series-carousel .flex-control-nav {
  position: absolute;
  margin-right: 5px;
  bottom: 0;
}
.type-series-carousel .flex-control-nav li a,
.series-carousel .flex-control-nav li a {
  font-weight: bold;
  cursor: pointer;
  width: 15px;
  height: 15px;
  line-height: 15px;
  overflow: visible;
  padding: 1px;
  margin-bottom: 2px;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  background: #242424;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-font-smoothing: antialiased;
}
.type-series-carousel .flex-control-nav li a:before,
.series-carousel .flex-control-nav li a:before {
  display: none;
}
.type-series-carousel .flex-control-nav li a:hover,
.series-carousel .flex-control-nav li a:hover,
.type-series-carousel .flex-control-nav li a.flex-active,
.series-carousel .flex-control-nav li a.flex-active {
  color: #333333;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #ffffff;
}
.type-series-carousel .slides,
.series-carousel .slides {
  height: 100%;
}
.type-series-carousel .slides > li,
.series-carousel .slides > li {
  height: 100%;
}
.type-series-carousel .slides img,
.series-carousel .slides img {
  width: 100%;
  height: 100%;
}
.type-series-carousel .slides .fluid-width-video-wrapper,
.series-carousel .slides .fluid-width-video-wrapper {
  height: 100%;
  padding: 0 !important;
}
.type-series-carousel .slides .fluid-width-video-wrapper iframe,
.series-carousel .slides .fluid-width-video-wrapper iframe {
  width: 100%;
  height: 430px;
}
.type-series-carousel .slides .has-both .fluid-width-video-wrapper,
.series-carousel .slides .has-both .fluid-width-video-wrapper {
  position: absolute;
  visibility: hidden;
}
.type-series-carousel .slides .has-both .unit-carousel-item,
.series-carousel .slides .has-both .unit-carousel-item {
  position: relative;
  cursor: pointer;
}
.type-series-carousel .slides .has-both .unit-carousel-item .play,
.series-carousel .slides .has-both .unit-carousel-item .play {
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  top: 200px;
  left: 320px;
  background: url('/sites/all/themes/mademedia/images/icons/icon-play-festival.png') 0 0 no-repeat;
}
.type-series-carousel .slides .has-both .unit-carousel-item:hover .play,
.series-carousel .slides .has-both .unit-carousel-item:hover .play {
  background-position: 0 -70px;
}
.type-series-carousel .slides .video-shown .fluid-width-video-wrapper,
.series-carousel .slides .video-shown .fluid-width-video-wrapper {
  border-bottom: 1px solid #3e3e3e;
}
.type-series-carousel .unit-carousel-details,
.series-carousel .unit-carousel-details {
  width: 100%;
  right: 0;
  bottom: 5px;
}
.type-series-carousel .unit-carousel-details .flex-caption,
.series-carousel .unit-carousel-details .flex-caption {
  float: left;
  margin-left: 10px;
}
.type-series-carousel .unit-carousel-details .flex-control-nav,
.series-carousel .unit-carousel-details .flex-control-nav {
  position: relative;
  float: right;
}
.type-series-carousel .flexslider {
  height: 100%;
}
.section-whatson .type-whatson-carousel.has-photo .tile-header {
  top: inherit;
  bottom: 0;
}
.section-whatson .type-whatson-carousel.has-photo .tile-header .field-content {
  position: relative;
  width: auto;
  right: 0;
}
/**
	 * IE9 Overrides
	 */
.lt-ie9 .type-series-carousel,
.ua-ie-9 .type-series-carousel,
.lt-ie9 .series-carousel,
.ua-ie-9 .series-carousel {
  z-index: 100;
}
/**
	 * IE8 Overrides
	 */
.lt-ie9 .type-series-carousel .has-video-placeholder .unit-carousel-item,
.lt-ie9 .series-carousel .has-video-placeholder .unit-carousel-item {
  width: 100%;
}
/*  ========================================================================== */
/*  @group Carousel  - Series (New) - Breakpoints */
/*  ========================================================================== */
@media only screen and (min-width: 767px) and (max-width: 1006px) {
  .node-type-series .type-series-carousel,
  .node-type-series-info .type-series-carousel,
  .node-type-series .series-carousel,
  .node-type-series-info .series-carousel {
    width: 470px;
    height: 310px;
  }
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper iframe {
    height: 270px;
  }
  .node-type-series .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series .series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .series-carousel .slides .has-both .unit-carousel-item .play {
    top: 120px;
    left: 200px;
  }
}
@media only screen and (min-width: 741px) and (max-width: 766px) {
  .node-type-series .type-series-carousel,
  .node-type-series-info .type-series-carousel,
  .node-type-series .series-carousel,
  .node-type-series-info .series-carousel {
    width: 449px;
    height: 297px;
    margin: 5px 0px 5px 5px;
    overflow: hidden;
  }
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper iframe {
    height: 255px;
  }
  .node-type-series .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series .series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .series-carousel .slides .has-both .unit-carousel-item .play {
    top: 120px;
    left: 200px;
  }
}
@media only screen and (max-width: 740px) {
  .node-type-series .series-primary .series-primary-container,
  .section-series-whatson .series-primary .series-primary-container,
  .node-type-series-info .series-primary .series-primary-container,
  .node-type-watch-and-listen .series-primary .series-primary-container {
    max-width: 100%;
  }
  .node-type-series .series-primary .series-primary-container .type-medium,
  .section-series-whatson .series-primary .series-primary-container .type-medium,
  .node-type-series-info .series-primary .series-primary-container .type-medium,
  .node-type-watch-and-listen .series-primary .series-primary-container .type-medium {
    width: 230px;
    height: auto;
    position: relative;
    margin: 5px;
  }
  .node-type-series .series-primary .series-primary-container .type-medium img,
  .section-series-whatson .series-primary .series-primary-container .type-medium img,
  .node-type-series-info .series-primary .series-primary-container .type-medium img,
  .node-type-watch-and-listen .series-primary .series-primary-container .type-medium img {
    width: 100%;
    height: auto;
  }
  .node-type-series .series-primary .series-primary-container.hides-intro,
  .section-series-whatson .series-primary .series-primary-container.hides-intro,
  .node-type-series-info .series-primary .series-primary-container.hides-intro,
  .node-type-watch-and-listen .series-primary .series-primary-container.hides-intro {
    margin: 5px;
    width: 470px;
  }
  .node-type-series .series-primary .series-primary-container.hides-intro .type-medium,
  .section-series-whatson .series-primary .series-primary-container.hides-intro .type-medium,
  .node-type-series-info .series-primary .series-primary-container.hides-intro .type-medium,
  .node-type-watch-and-listen .series-primary .series-primary-container.hides-intro .type-medium {
    width: 470px;
    float: none;
    margin: 5px 0 0;
  }
  .node-type-series .type-series-carousel,
  .section-series-whatson .type-series-carousel,
  .node-type-series-info .type-series-carousel,
  .node-type-watch-and-listen .type-series-carousel,
  .node-type-series .series-carousel,
  .section-series-whatson .series-carousel,
  .node-type-series-info .series-carousel,
  .node-type-watch-and-listen .series-carousel {
    height: 210px;
    width: 310px;
  }
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper,
  .section-series-whatson .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-watch-and-listen .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper,
  .section-series-whatson .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-watch-and-listen .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .section-series-whatson .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-watch-and-listen .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper iframe,
  .section-series-whatson .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-watch-and-listen .series-carousel .slides .fluid-width-video-wrapper iframe {
    height: 230px;
  }
  .node-type-series .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .section-series-whatson .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-watch-and-listen .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series .series-carousel .slides .has-both .unit-carousel-item .play,
  .section-series-whatson .series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-watch-and-listen .series-carousel .slides .has-both .unit-carousel-item .play {
    top: 70px;
    left: 120px;
  }
  .node-type-series .type-series-carousel .slides img,
  .section-series-whatson .type-series-carousel .slides img,
  .node-type-series-info .type-series-carousel .slides img,
  .node-type-watch-and-listen .type-series-carousel .slides img,
  .node-type-series .series-carousel .slides img,
  .section-series-whatson .series-carousel .slides img,
  .node-type-series-info .series-carousel .slides img,
  .node-type-watch-and-listen .series-carousel .slides img {
    width: auto;
  }
  .type-series-carousel .unit-carousel-details .flex-caption,
  .series-carousel .unit-carousel-details .flex-caption {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    margin-top: 3px;
    max-width: 175px;
  }
}
@media only screen and (min-width: 471px) and (max-width: 740px) {
  .node-type-series .series-primary .series-primary-container .type-medium,
  .node-type-series-info .series-primary .series-primary-container .type-medium {
    width: 230px;
    position: relative;
    float: right;
    margin: 5px;
  }
  .node-type-series .series-primary .series-primary-container .type-series-intro,
  .node-type-series-info .series-primary .series-primary-container .type-series-intro {
    float: left;
  }
  .node-type-series .series-primary .series-primary-container.hides-intro .type-medium,
  .node-type-series-info .series-primary .series-primary-container.hides-intro .type-medium {
    width: 100%;
    float: none;
    margin: 5px 0 0;
  }
  .node-type-series .type-series-carousel,
  .node-type-series-info .type-series-carousel,
  .node-type-series .series-carousel,
  .node-type-series-info .series-carousel {
    height: 318px;
    width: 470px;
  }
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper iframe {
    height: 280px;
  }
  .node-type-series .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .type-series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series .series-carousel .slides .has-both .unit-carousel-item .play,
  .node-type-series-info .series-carousel .slides .has-both .unit-carousel-item .play {
    top: 120px;
    left: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .node-type-series .series-primary .series-primary-container,
  .node-type-series-info .series-primary .series-primary-container,
  .section-series-whatson .series-primary .series-primary-container,
  .node-type-watch-and-listen .series-primary .series-primary-container,
  .node-type-series .series-primary .series-primary-container .type-medium,
  .node-type-series-info .series-primary .series-primary-container .type-medium,
  .section-series-whatson .series-primary .series-primary-container .type-medium,
  .node-type-watch-and-listen .series-primary .series-primary-container .type-medium {
    width: 310px;
  }
  .node-type-series .series-primary .series-primary-container.hides-intro,
  .node-type-series-info .series-primary .series-primary-container.hides-intro,
  .section-series-whatson .series-primary .series-primary-container.hides-intro,
  .node-type-watch-and-listen .series-primary .series-primary-container.hides-intro {
    margin: 5px;
  }
  .node-type-series .series-primary .series-primary-container.hides-intro,
  .node-type-series-info .series-primary .series-primary-container.hides-intro,
  .section-series-whatson .series-primary .series-primary-container.hides-intro,
  .node-type-watch-and-listen .series-primary .series-primary-container.hides-intro,
  .node-type-series .series-primary .series-primary-container.hides-intro .type-medium,
  .node-type-series-info .series-primary .series-primary-container.hides-intro .type-medium,
  .section-series-whatson .series-primary .series-primary-container.hides-intro .type-medium,
  .node-type-watch-and-listen .series-primary .series-primary-container.hides-intro .type-medium {
    width: 310px;
  }
  .node-type-series .type-series-carousel,
  .node-type-series-info .type-series-carousel,
  .section-series-whatson .type-series-carousel,
  .node-type-watch-and-listen .type-series-carousel,
  .node-type-series .series-carousel,
  .node-type-series-info .series-carousel,
  .section-series-whatson .series-carousel,
  .node-type-watch-and-listen .series-carousel {
    width: 310px;
    height: 210px;
  }
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper,
  .section-series-whatson .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-watch-and-listen .type-series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper,
  .section-series-whatson .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-watch-and-listen .series-carousel .slides .fluid-width-video-wrapper,
  .node-type-series .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .section-series-whatson .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-watch-and-listen .type-series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-series-info .series-carousel .slides .fluid-width-video-wrapper iframe,
  .section-series-whatson .series-carousel .slides .fluid-width-video-wrapper iframe,
  .node-type-watch-and-listen .series-carousel .slides .fluid-width-video-wrapper iframe {
    height: 175px;
  }
}
/*  ========================================================================== */
/*  @group Accordions */
/*  ========================================================================== */
div.accordion {
  margin: 0 0 1em 0;
}
div.accordion .title {
  cursor: pointer;
  color: #ffffff;
  background: #333333;
  border: 1px solid #ffffff;
}
div.accordion p {
  margin: 0;
  padding: 0.4em;
}
/*  ========================================================================== */
/*  @group Support & Membership */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Support Common */
/*  ========================================================================== */
.type-support-level,
.type-support-summary,
.type-support-detail,
.type-support-detail-full {
  margin: 5px;
  width: 230px;
  height: 230px;
}
.type-support-level .tile-link,
.type-support-summary .tile-link,
.type-support-detail .tile-link,
.type-support-detail-full .tile-link {
  cursor: pointer;
  display: block;
  height: 100%;
  font-weight: normal;
  font-weight: inherit;
}
.type-support-level .tile-header,
.type-support-summary .tile-header,
.type-support-detail .tile-header,
.type-support-detail-full .tile-header {
  height: 30%;
}
.type-support-level .tile-header .title,
.type-support-summary .tile-header .title,
.type-support-detail .tile-header .title,
.type-support-detail-full .tile-header .title {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.1;
}
.type-support-level .tile-header .prefix,
.type-support-summary .tile-header .prefix,
.type-support-detail .tile-header .prefix,
.type-support-detail-full .tile-header .prefix {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  -webkit-font-smoothing: subpixel-antialiased;
  margin: 5px 0 0.2em;
}
.type-support-level .tile-header .price,
.type-support-summary .tile-header .price,
.type-support-detail .tile-header .price,
.type-support-detail-full .tile-header .price {
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  line-height: 1.1;
  text-transform: none;
  margin: 10px 0 5px;
}
.type-support-level .tile-body,
.type-support-summary .tile-body,
.type-support-detail .tile-body,
.type-support-detail-full .tile-body {
  font-size: 13px;
  font-size: 0.8125rem;
}
@media only screen and (max-width: 480px) {
  .type-support-level,
  .type-support-summary,
  .type-support-detail,
  .type-support-detail-full {
    margin: 5px;
    width: 310px;
    height: 310px;
    min-height: 150px;
    height: auto;
  }
}
/*  ========================================================================== */
/*  @group Support Details */
/*  ========================================================================== */
.type-support-detail,
.type-support-detail-full {
  margin: 5px;
  width: 230px;
  height: 470px;
}
.type-support-detail .tile-header,
.type-support-detail-full .tile-header {
  position: relative;
}
.type-support-detail .tile-body img,
.type-support-detail-full .tile-body img {
  height: 41px;
  width: auto;
  position: absolute;
  bottom: 5px;
  left: 6px;
}
.type-support-summary .tile-body img {
  height: 41px;
  width: auto;
  position: absolute;
  bottom: 5px;
  left: 6px;
}
@media only screen and (max-width: 480px) {
  .type-support-detail,
  .type-support-detail-full {
    margin: 5px;
    width: 310px;
    height: 470px;
    min-height: 230px;
    height: auto;
  }
}
.type-support-summary .tile-body p,
.type-support-detail .tile-body p,
.type-support-detail-full .tile-body p,
.type-support-summary .tile-body ul,
.type-support-detail .tile-body ul,
.type-support-detail-full .tile-body ul {
  line-height: 1.2;
}
.type-support-summary .tile-body p,
.type-support-detail .tile-body p,
.type-support-detail-full .tile-body p {
  margin-bottom: .5em;
}
.type-support-summary .tile-body ul li,
.type-support-detail .tile-body ul li,
.type-support-detail-full .tile-body ul li {
  margin-bottom: .4em;
  list-style-image: url('../images/icons/icon-checkmark-inverse.png');
}
.type-support-summary .tile-body .field-content,
.type-support-detail .tile-body .field-content,
.type-support-detail-full .tile-body .field-content {
  padding-right: 10px;
}
/*  ========================================================================== */
/*  @group Support Summaries (Expandable) */
/*  ========================================================================== */
.type-support-summary.is-expandable .tile-header {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.type-support-summary.is-expandable .tile-body {
  display: none;
}
.type-support-summary.is-expanded {
  margin: 5px;
  width: 230px;
  height: 470px;
}
.type-support-summary.is-expanded .tile-header {
  height: 30%;
}
.type-support-summary.is-expanded .tile-body {
  display: block;
  height: 240px;
}
.type-support-summary.is-expanded .tile-body .field-content {
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  .type-support-summary.is-expandable .tile-header {
    position: static;
  }
  .type-support-summary.is-expanded {
    margin: 5px;
    width: 310px;
    height: 390px;
  }
  .type-support-summary.is-expanded .tile-header {
    height: 150px;
  }
  .type-support-summary.is-expanded .tile-body {
    height: 240px;
  }
}
/*  ========================================================================== */
/*  @group  Tile Modifiers */
/*  ========================================================================== */
/**
 * Modifier classes should come **after** base tile tile definitions.
 * Modifer classes augment tile styles, e.g, auto height, or positioned images.
 */
/**
 * Give a tile a flexible height
 */
.tile.flex,
.box {
  height: auto;
}
/**
 * If a tile has a booking link
 */
.tile.has-booking-link .tile-header {
  min-height: 48px;
}
/**
 * If a tile has a photo, put the image in the background and position the tile content on top of it.
 *
 * TODO: If this is the rule, rather than the execption, move into base tile styles.
 */
.tile.has-photo,
.type-production,
.type-production-hero,
.type-media-image,
.type-media-video,
.type-media-audio,
.type-media-embed {
  position: relative;
}
.tile.has-photo .tile-header,
.type-production .tile-header,
.type-production-hero .tile-header,
.type-media-image .tile-header,
.type-media-video .tile-header,
.type-media-audio .tile-header,
.type-media-embed .tile-header,
.tile.has-photo .tile-body .field-content,
.type-production .tile-body .field-content,
.type-production-hero .tile-body .field-content,
.type-media-image .tile-body .field-content,
.type-media-video .tile-body .field-content,
.type-media-audio .tile-body .field-content,
.type-media-embed .tile-body .field-content {
  position: absolute;
  width: 100%;
}
.tile.has-photo .tile-header,
.type-production .tile-header,
.type-production-hero .tile-header,
.type-media-image .tile-header,
.type-media-video .tile-header,
.type-media-audio .tile-header,
.type-media-embed .tile-header {
  top: 0;
  z-index: 1;
}
.tile.has-photo .tile-body,
.type-production .tile-body,
.type-production-hero .tile-body,
.type-media-image .tile-body,
.type-media-video .tile-body,
.type-media-audio .tile-body,
.type-media-embed .tile-body {
  padding: 0;
}
.tile.has-photo .tile-body .field-content,
.type-production .tile-body .field-content,
.type-production-hero .tile-body .field-content,
.type-media-image .tile-body .field-content,
.type-media-video .tile-body .field-content,
.type-media-audio .tile-body .field-content,
.type-media-embed .tile-body .field-content {
  color: #ffffff;
  font-weight: bold;
  right: -5px;
  bottom: 0;
}
.tile.has-placeholder .tile-body {
  height: 100%;
}
.tile.has-placeholder .tile-body .tile-link {
  height: 100%;
  display: block;
}
.type-media-image .tile-header,
.type-media-video .tile-header,
.type-media-audio .tile-header,
.type-media-embed .tile-header,
.type-media-image.has-photo .tile-header,
.type-media-video.has-photo .tile-header,
.type-media-audio.has-photo .tile-header,
.type-hero.has-photo.has-photo .tile-header,
.type-media-embed.has-photo .tile-header,
.type-large.has-photo .tile-header,
.type-medium.has-photo .tile-header,
.type-small.has-photo .tile-header,
.type-production .tile-header,
.type-production-hero .tile-header,
.type-production.has-photo .tile-header,
.type-production-hero.has-photo .tile-header,
.type-performance-calendar .tile-header,
.type-performance-calendar.has-photo .tile-header {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
}
.type-media-image .tile-body .field-content,
.type-media-video .tile-body .field-content,
.type-media-audio .tile-body .field-content,
.type-media-embed .tile-body .field-content,
.type-media-image.has-photo .tile-body .field-content,
.type-media-video.has-photo .tile-body .field-content,
.type-media-audio.has-photo .tile-body .field-content,
.type-hero.has-photo.has-photo .tile-body .field-content,
.type-media-embed.has-photo .tile-body .field-content,
.type-large.has-photo .tile-body .field-content,
.type-medium.has-photo .tile-body .field-content,
.type-small.has-photo .tile-body .field-content,
.type-production .tile-body .field-content,
.type-production-hero .tile-body .field-content,
.type-production.has-photo .tile-body .field-content,
.type-production-hero.has-photo .tile-body .field-content,
.type-performance-calendar .tile-body .field-content,
.type-performance-calendar.has-photo .tile-body .field-content {
  top: 0;
  bottom: auto;
  right: -5px;
}
.type-media-image .tile-body .field-content .button-more,
.type-media-video .tile-body .field-content .button-more,
.type-media-audio .tile-body .field-content .button-more,
.type-media-embed .tile-body .field-content .button-more,
.type-media-image.has-photo .tile-body .field-content .button-more,
.type-media-video.has-photo .tile-body .field-content .button-more,
.type-media-audio.has-photo .tile-body .field-content .button-more,
.type-hero.has-photo.has-photo .tile-body .field-content .button-more,
.type-media-embed.has-photo .tile-body .field-content .button-more,
.type-large.has-photo .tile-body .field-content .button-more,
.type-medium.has-photo .tile-body .field-content .button-more,
.type-small.has-photo .tile-body .field-content .button-more,
.type-production .tile-body .field-content .button-more,
.type-production-hero .tile-body .field-content .button-more,
.type-production.has-photo .tile-body .field-content .button-more,
.type-production-hero.has-photo .tile-body .field-content .button-more,
.type-performance-calendar .tile-body .field-content .button-more,
.type-performance-calendar.has-photo .tile-body .field-content .button-more,
.type-media-image .tile-body .field-content .button-continue,
.type-media-video .tile-body .field-content .button-continue,
.type-media-audio .tile-body .field-content .button-continue,
.type-media-embed .tile-body .field-content .button-continue,
.type-media-image.has-photo .tile-body .field-content .button-continue,
.type-media-video.has-photo .tile-body .field-content .button-continue,
.type-media-audio.has-photo .tile-body .field-content .button-continue,
.type-hero.has-photo.has-photo .tile-body .field-content .button-continue,
.type-media-embed.has-photo .tile-body .field-content .button-continue,
.type-large.has-photo .tile-body .field-content .button-continue,
.type-medium.has-photo .tile-body .field-content .button-continue,
.type-small.has-photo .tile-body .field-content .button-continue,
.type-production .tile-body .field-content .button-continue,
.type-production-hero .tile-body .field-content .button-continue,
.type-production.has-photo .tile-body .field-content .button-continue,
.type-production-hero.has-photo .tile-body .field-content .button-continue,
.type-performance-calendar .tile-body .field-content .button-continue,
.type-performance-calendar.has-photo .tile-body .field-content .button-continue {
  bottom: auto;
}
.type-hero .tile-header .field-content,
.type-large .tile-header .field-content,
.type-medium .tile-header .field-content,
.type-small .tile-header .field-content {
  top: auto;
  bottom: 5px;
  right: -5px;
  z-index: 10;
}
/**
 * Tile booking link positioning
 */
.tile.has-booking-link .tile-header .tile-header-details {
  width: 75%;
}
.tile.has-booking-link .tile-header .field-content .button-more,
.tile.has-booking-link .tile-back .button-more,
.tile.has-booking-link .tile-header .field-content .button-continue,
.tile.has-booking-link .tile-back .button-continue {
  bottom: 10px;
  right: 10px;
}
/*  ========================================================================== */
/*  @group Tile Transitions */
/*  ========================================================================== */
/**
 * Show transition
 */
.no-touch [data-transition="show"] {
  position: relative;
}
.no-touch [data-transition="show"] .tile-front,
.no-touch [data-transition="show"] .tile-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-touch [data-transition="show"] .tile-front {
  z-index: 900;
}
.no-touch [data-transition="show"] .tile-back {
  z-index: 800;
}
.no-touch [data-transition="show"] .tile-front .tile-header {
  display: block;
}
.no-touch [data-transition="show"] .tile-back {
  color: #ffffff;
  background: #333333;
  background: rgba(51, 51, 51, 0.8);
}
.no-touch [data-transition="show"] .tile-back .summary {
  display: none;
}
.no-touch [data-transition="show"].type-feature-hero:hover .tile-front,
.no-touch [data-transition="show"].type-production-hero:hover .tile-front,
.no-touch [data-transition="show"].type-performance-calendar:hover .tile-front {
  z-index: 800;
}
.no-touch [data-transition="show"].type-feature-hero:hover .tile-back,
.no-touch [data-transition="show"].type-production-hero:hover .tile-back,
.no-touch [data-transition="show"].type-performance-calendar:hover .tile-back {
  z-index: 900;
}
.no-touch [data-transition="show"].type-feature-hero:hover .tile-front .tile-header,
.no-touch [data-transition="show"].type-production-hero:hover .tile-front .tile-header,
.no-touch [data-transition="show"].type-performance-calendar:hover .tile-front .tile-header {
  display: none;
}
.no-touch [data-transition="show"].type-feature-hero:hover .tile-back .summary,
.no-touch [data-transition="show"].type-production-hero:hover .tile-back .summary,
.no-touch [data-transition="show"].type-performance-calendar:hover .tile-back .summary {
  display: block;
}
@media only screen and (min-width: 470px) {
  .no-touch [data-transition="show"].type-feature-production:hover .tile-front,
  .no-touch [data-transition="show"].type-production:hover .tile-front,
  .no-touch [data-transition="show"].type-performance-calendar:hover .tile-front {
    z-index: 800;
  }
  .no-touch [data-transition="show"].type-feature-production:hover .tile-back,
  .no-touch [data-transition="show"].type-production:hover .tile-back,
  .no-touch [data-transition="show"].type-performance-calendar:hover .tile-back {
    z-index: 900;
  }
  .no-touch [data-transition="show"].type-feature-production:hover .tile-front .tile-header,
  .no-touch [data-transition="show"].type-production:hover .tile-front .tile-header,
  .no-touch [data-transition="show"].type-performance-calendar:hover .tile-front .tile-header {
    display: none;
  }
  .no-touch [data-transition="show"].type-feature-production:hover .tile-back .summary,
  .no-touch [data-transition="show"].type-production:hover .tile-back .summary,
  .no-touch [data-transition="show"].type-performance-calendar:hover .tile-back .summary {
    display: block;
  }
}
.touch [data-transition="show"] .tile-back {
  display: none;
}
@media only screen and (max-width: 995px) {
  .node-type-series [data-transition="show"].type-production:hover .tile-front {
    z-index: 900;
  }
  .node-type-series [data-transition="show"].type-production:hover .tile-back {
    z-index: 800;
  }
  .node-type-series [data-transition="show"].type-production:hover .tile-front .tile-header {
    display: block;
  }
  .node-type-series [data-transition="show"].type-production:hover .tile-back .summary {
    display: none;
  }
}
.no-cssanimations [data-transition="show"].type-feature-production:hover .tile-front,
.no-cssanimations [data-transition="show"].type-production:hover .tile-front {
  z-index: 800;
}
.no-cssanimations [data-transition="show"].type-feature-production:hover .tile-back,
.no-cssanimations [data-transition="show"].type-production:hover .tile-back {
  z-index: 900;
}
.no-cssanimations [data-transition="show"].type-feature-production:hover .tile-front .tile-header,
.no-cssanimations [data-transition="show"].type-production:hover .tile-front .tile-header {
  display: none;
}
.no-cssanimations [data-transition="show"].type-feature-production:hover .tile-back .summary,
.no-cssanimations [data-transition="show"].type-production:hover .tile-back .summary {
  display: block;
}
/**
 * Flip transition
 * @requires CSS3 3D transitions,
 *           fallback to swap z-index.
 */
[data-transition="flip"] {
  position: relative;
  -webkit-perspective: 600px;
  background-color: transparent !important;
}
[data-transition="flip"]:hover {
  z-index: 999;
}
[data-transition="flip"] .tile-front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
[data-transition="flip"]:hover .tile-front {
  z-index: 900;
  -webkit-transform: rotateY(180deg);
}
[data-transition="flip"] .tile-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
[data-transition="flip"]:hover .tile-header {
  display: none;
}
[data-transition="flip"]:hover .tile-back {
  z-index: 998;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotateX(0deg) rotateY(0deg);
}
/** @group Navigation
-------------------------------------------------------- */
/* @group Nav Abstraction */
/* ----------------------------------------------------- */
/* Based on http://csswizardry.com/2011/09/the-nav-abstraction/ */
.unit-navigation,
.unit-link-list,
.pagination,
.pager,
#listings,
[class^="unit-navigation-"],
[class*=" unit-navigation-"] {
  margin: 0;
  padding: 0;
}
.unit-navigation ul,
.unit-link-list ul,
.pagination ul,
.pager ul,
#listings ul,
[class^="unit-navigation-"] ul,
[class*=" unit-navigation-"] ul {
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.unit-navigation ul:before,
.unit-link-list ul:before,
.pagination ul:before,
.pager ul:before,
#listings ul:before,
[class^="unit-navigation-"] ul:before,
[class*=" unit-navigation-"] ul:before,
.unit-navigation ul:after,
.unit-link-list ul:after,
.pagination ul:after,
.pager ul:after,
#listings ul:after,
[class^="unit-navigation-"] ul:after,
[class*=" unit-navigation-"] ul:after {
  content: "";
  display: table;
}
.unit-navigation ul:after,
.unit-link-list ul:after,
.pagination ul:after,
.pager ul:after,
#listings ul:after,
[class^="unit-navigation-"] ul:after,
[class*=" unit-navigation-"] ul:after {
  clear: both;
}
.lt-ie8 .unit-navigation ul,
.lt-ie8 .unit-link-list ul,
.lt-ie8 .pagination ul,
.lt-ie8 .pager ul,
.lt-ie8 #listings ul,
.lt-ie8 [class^="unit-navigation-"] ul,
.lt-ie8 [class*=" unit-navigation-"] ul {
  zoom: 1;
}
.unit-navigation ul:before,
.unit-link-list ul:before,
.pagination ul:before,
.pager ul:before,
#listings ul:before,
[class^="unit-navigation-"] ul:before,
[class*=" unit-navigation-"] ul:before,
.unit-navigation ul:after,
.unit-link-list ul:after,
.pagination ul:after,
.pager ul:after,
#listings ul:after,
[class^="unit-navigation-"] ul:after,
[class*=" unit-navigation-"] ul:after {
  content: "";
  display: table;
}
.unit-navigation ul:after,
.unit-link-list ul:after,
.pagination ul:after,
.pager ul:after,
#listings ul:after,
[class^="unit-navigation-"] ul:after,
[class*=" unit-navigation-"] ul:after {
  clear: both;
}
.lt-ie8 .unit-navigation ul,
.lt-ie8 .unit-link-list ul,
.lt-ie8 .pagination ul,
.lt-ie8 .pager ul,
.lt-ie8 #listings ul,
.lt-ie8 [class^="unit-navigation-"] ul,
.lt-ie8 [class*=" unit-navigation-"] ul {
  zoom: 1;
}
.unit-navigation li,
.unit-link-list li,
.pagination li,
.pager li,
#listings li,
[class^="unit-navigation-"] li,
[class*=" unit-navigation-"] li,
.unit-navigation .pager-item,
.unit-link-list .pager-item,
.pagination .pager-item,
.pager .pager-item,
#listings .pager-item,
[class^="unit-navigation-"] .pager-item,
[class*=" unit-navigation-"] .pager-item {
  margin: 0;
  float: left;
  list-style: none;
  background-image: none;
}
.unit-navigation a,
.unit-link-list a,
.pagination a,
.pager a,
#listings a,
[class^="unit-navigation-"] a,
[class*=" unit-navigation-"] a {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
}
.lt-ie8 .unit-navigation a,
.lt-ie8 .unit-link-list a,
.lt-ie8 .pagination a,
.lt-ie8 .pager a,
.lt-ie8 #listings a,
.lt-ie8 [class^="unit-navigation-"] a,
.lt-ie8 [class*=" unit-navigation-"] a {
  display: inline;
  vertical-align: auto;
}
/* @end Nav Abstraction */
/* @group Unit Link List */
/* ----------------------------------------------------- */
.unit-link-list li,
#listings li {
  float: none;
  display: list-item;
}
.unit-link-list li a,
#listings li a {
  display: block;
}
/* @end Link List */
/* @end Link List */
/* @group Unit Quicklinks */
/* ----------------------------------------------------- */
.unit-quicklinks {
  height: 100%;
  background-color: #333333;
}
.unit-quicklinks li {
  list-style: none;
  padding: 0 10px;
  background: none;
  border-bottom: 1px solid #3e4a53;
}
.unit-quicklinks li:last-child {
  border-bottom: none;
}
.unit-quicklinks a,
.unit-quicklinks a:link,
.unit-quicklinks a:visited {
  color: #f9e300;
  font-weight: bold;
  line-height: 1.3;
  padding: 7px 0 8px;
  -webkit-font-smoothing: antialiased;
}
.unit-quicklinks a:hover,
.unit-quicklinks a:active {
  color: #ffffff;
}
/* @end Unit Quicklinks */
/* @group Pagination */
/* ----------------------------------------------------- */
.pagination {
  *zoom: 1;
  border: solid #eeeeee;
  border-width: 1px 0;
  padding: 10px 0 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.pagination:before,
.pagination:after {
  content: "";
  display: table;
}
.pagination:after {
  clear: both;
}
.lt-ie8 .pagination {
  zoom: 1;
}
.pagination p {
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  float: left;
  padding: 0;
  margin-bottom: 0;
}
.pagination p strong {
  font-weight: normal;
}
.pagination .float-right {
  clear: both;
  float: none;
}
.pagination .float-left-page {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  float: left;
  padding: .3em .5em .3em 0;
}
.lt-ie8 .pagination .float-left-page {
  display: inline;
  vertical-align: auto;
}
.pagination .pager {
  font-size: 12px;
  font-size: 0.75rem;
  clear: none;
  float: left;
}
.pagination .pager li {
  padding-left: 0;
  background: none;
}
.pagination .pager a,
.pagination .pager .pager-current {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  font-weight: normal;
  padding: .3em .5em .3em 0;
}
.lt-ie8 .pagination .pager a,
.lt-ie8 .pagination .pager .pager-current {
  display: inline;
  vertical-align: auto;
}
.pagination .pager .pager-current {
  font-weight: bold;
  padding: .25em .5em 0 0;
}
/* @end Pagination */
/* @group Global Navigation Common */
/* ----------------------------------------------------- */
/**
     * Primary, secondary and filter navigation, common styles
     */
.unit-navigation-primary li,
.unit-navigation-secondary li,
.unit-navigation-festival li,
.unit-navigation-festival-legacy li,
.unit-navigation-filter li,
.unit-navigation-toggle li {
  margin: 0 0 0 5px;
}
.unit-navigation-primary li:first-child,
.unit-navigation-secondary li:first-child,
.unit-navigation-festival li:first-child,
.unit-navigation-festival-legacy li:first-child,
.unit-navigation-filter li:first-child,
.unit-navigation-toggle li:first-child {
  margin-left: 0;
}
.unit-navigation-primary a,
.unit-navigation-secondary a,
.unit-navigation-festival a,
.unit-navigation-festival-legacy a,
.unit-navigation-filter a,
.unit-navigation-toggle a {
  color: #fff;
  background-color: #333333;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  height: 25px;
  line-height: 23px;
  margin: 0;
  padding: 0 10px;
}
.unit-navigation-primary .active,
.unit-navigation-secondary .active,
.unit-navigation-festival .active,
.unit-navigation-festival-legacy .active,
.unit-navigation-filter .active,
.unit-navigation-toggle .active,
.unit-navigation-primary .active-trail > a,
.unit-navigation-secondary .active-trail > a,
.unit-navigation-festival .active-trail > a,
.unit-navigation-festival-legacy .active-trail > a,
.unit-navigation-filter .active-trail > a,
.unit-navigation-toggle .active-trail > a {
  color: #333333;
  background-color: #f9e300;
}
.unit-navigation-primary a:hover,
.unit-navigation-secondary a:hover,
.unit-navigation-festival a:hover,
.unit-navigation-festival-legacy a:hover,
.unit-navigation-filter a:hover,
.unit-navigation-toggle a:hover,
.unit-navigation-primary a:active,
.unit-navigation-secondary a:active,
.unit-navigation-festival a:active,
.unit-navigation-festival-legacy a:active,
.unit-navigation-filter a:active,
.unit-navigation-toggle a:active {
  color: #333333;
  background-color: #f9e300;
  text-decoration: none;
}
.unit-navigation-primary .icon,
.unit-navigation-secondary .icon,
.unit-navigation-festival .icon,
.unit-navigation-festival-legacy .icon,
.unit-navigation-filter .icon,
.unit-navigation-toggle .icon {
  margin-top: -1px;
}
/* @end Global Navigation Common */
/* @group Primary Navigation */
/* ----------------------------------------------------- */
.unit-navigation-primary a {
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  padding: 0 7px;
}
.unit-navigation-primary .active {
  color: #333333;
  background-color: #f9e300;
}
.unit-navigation-primary .unit-search {
  display: none;
}
.unit-search-alt {
  display: none;
}
/* @end Primary Navigation */
/* @group Secondary Navigation */
/* ----------------------------------------------------- */
/**
     * Secondary navigation overrides
     */
.unit-navigation-secondary li,
.unit-navigation-filter li {
  margin: 5px 0 0 5px;
}
.unit-navigation-secondary li:first-child,
.unit-navigation-filter li:first-child {
  margin-left: 0;
}
.unit-navigation-secondary a,
.unit-navigation-filter a {
  color: #fff;
  background-color: #333333;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  height: 25px;
  line-height: 23px;
  margin: 0;
  padding: 0 10px;
}
/* @end Secondary Navigation */
/* @group Filter Navigation */
/* ----------------------------------------------------- */
.unit-navigation-filter {
  /**
         * Custom select box default styling,
         * uses mixins defined in _forms.less
         * along with custom select default styling
         */
  /**
         * Custom select box hover state
         */
  /**
         * Custom select box disabled state,
         * As were using a hidden <select> to get
         * reliable cross-browser stlying a disabled class
         * is added to the <select>s parent list item
         * to allow us to style the custom select box.
         */
}
.unit-navigation-filter li {
  margin: 0 0 5px 0;
}
.unit-navigation-filter .customStyleSelectBox,
.unit-navigation-filter a {
  color: #ffffff;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: normal;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0 7px;
  height: 25px;
  line-height: 24px;
  background: #d9244a url('../images/icons/icon-nav-sprite.png') no-repeat right -290px;
}
.svg .unit-navigation-filter .customStyleSelectBox,
.svg .unit-navigation-filter a {
  background-image: url('../images/icons/icon-nav-sprite.svg');
}
.unit-navigation-filter a,
.unit-navigation-filter a:link {
  background-image: none;
}
.unit-navigation-filter li:hover .customStyleSelectBox,
.unit-navigation-filter .customStyleSelectBox:hover,
.unit-navigation-filter .customStyleSelectBox.changed,
.unit-navigation-filter .composer .customStyleSelectBox,
.unit-navigation-filter .active .customStyleSelectBox {
  color: #333333;
  background-color: #f9e300;
  background-position: right -320px;
}
.unit-navigation-filter .disabled .customStyleSelectBox,
.unit-navigation-filter .disabled .customStyleSelectBox:hover,
.unit-navigation-filter .disabled.composer .customStyleSelectBox,
.unit-navigation-filter .disabled:hover .customStyleSelectBox {
  color: #ffffff;
  border-right: 0;
  background-image: none;
  background-color: #e47c92;
}
/* @group Filter Navigation: Filter Selects */
/* ----------------------------------------------------- */
/**
         * Set explicit widths on custom selects
         */
/* @group Filter Navigation: Filter Titles */
/* ----------------------------------------------------- */
.unit-navigation-filter .filter-title,
.unit-navigation-filter .filter-clear {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  height: 25px;
  line-height: 25px;
  padding: 0 5px 0 0;
  border-right: 0 none;
}
.lt-ie8 .unit-navigation-filter .filter-title,
.lt-ie8 .unit-navigation-filter .filter-clear {
  display: inline;
  vertical-align: auto;
}
.unit-navigation-filter .filter-title-home {
  padding: 0 10px;
}
.unit-navigation-filter .filter-clear,
.unit-navigation-filter .filter-clear:link {
  color: #333333;
  padding: 0 0 0 15px;
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-clear.png') no-repeat left 7px;
}
.unit-navigation-filter .filter-clear:hover,
.unit-navigation-filter .filter-clear:link:hover {
  background-color: transparent;
}
/* @end Filter Navigation: Filter Titles */
/* @end Filter Navigation */
/* @group Tertiary Navigation */
/* ----------------------------------------------------- */
/* @group Tertiary Navigation: Tools */
/* ----------------------------------------------------- */
.area-navigation-tools {
  *zoom: 1;
  width: auto;
  float: right;
  margin: 0;
  overflow: visible;
  position: absolute;
  z-index: 100;
  right: 0;
}
.area-navigation-tools:before,
.area-navigation-tools:after {
  content: "";
  display: table;
}
.area-navigation-tools:after {
  clear: both;
}
.lt-ie8 .area-navigation-tools {
  zoom: 1;
}
/* @group Tertiary Navigation: Global Search */
/* ----------------------------------------------------- */
.unit-search {
  clear: both;
  float: right;
  margin-top: 2px;
}
.unit-search form {
  position: relative;
}
.unit-search label {
  display: none;
}
.unit-search #edit-search {
  width: 90px;
  padding-right: 24px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.unit-search .form-submit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  width: 24px;
  height: 24px;
  background: url('/sites/all/themes/mademedia/images/icons/icon-search.png') center center no-repeat;
}
.unit-search .form-submit:hover {
  background-color: transparent;
  background-position: center center;
}
.unit-search .form-submit:active {
  position: absolute;
  top: 1px;
  left: auto;
  right: 0;
}
.area-modal-search .unit-search #edit-search {
  width: 355px;
}
/* @end Tertiary Navigation: Global Search */
/* @group Tertiary Navigation: Modal Search */
/* ----------------------------------------------------- */
/**
         * On search results pages the global search switches to a larger modal search bar.
         */
.area-modal-search {
  *zoom: 1;
  position: absolute;
  bottom: 15px;
  left: 217px;
}
.area-modal-search:before,
.area-modal-search:after {
  content: "";
  display: table;
}
.area-modal-search:after {
  clear: both;
}
.lt-ie8 .area-modal-search {
  zoom: 1;
}
.area-modal-search:before,
.area-modal-search:after {
  content: "";
  display: table;
}
.area-modal-search:after {
  clear: both;
}
.lt-ie8 .area-modal-search {
  zoom: 1;
}
.area-modal-search .unit-search {
  margin-left: 0;
}
.area-modal-search .unit-search .form-text {
  width: 195px;
  padding-right: 25px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* @end Tertiary Navigation: Modal Search */
/* @end Tertiary Navigation */
/*  ========================================================================== */
/*  @group Navigation - Toggle */
/*  ========================================================================== */
.unit-navigation-toggle {
  display: none;
}
.unit-navigation-toggle a {
  line-height: 26px;
  padding: 0 7px;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 995px) {
  .unit-navigation-toggle {
    float: left;
    display: block;
  }
  .unit-navigation-toggle li {
    float: none;
    margin: 0 0 5px 0;
  }
  .unit-navigation-toggle li a {
    width: 78px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .unit-navigation-toggle li a .icon {
    margin-top: -2px;
  }
  .unit-navigation-toggle .toggle-filter {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .unit-navigation-toggle .toggle-filter {
    display: inline-block;
  }
}
/*  ========================================================================== */
/*  @group Navigation - Search */
/*  ========================================================================== */
.unit-search-sort .form-submit {
  display: none;
}
/*  ========================================================================== */
/*  @group Cookie Prompt */
/*  ========================================================================== */
#cookies-prompt {
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 1001;
  color: #fff;
  background-color: #101010;
}
#cookies-prompt .cookies-prompt-inner {
  margin: 15px 20px;
  max-width: 800px;
}
#cookies-prompt h2 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
}
#cookies-prompt p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #999;
}
#cookies-prompt a {
  color: #fff;
  font-weight: normal;
}
#cookies-prompt a:hover {
  color: #f9e300;
  text-decoration: underline;
}
#cookies-prompt button {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  color: black;
  background: #f9e300;
  border: none;
  padding: 3px 7px;
}
#cookies-prompt button:hover {
  color: #000;
  background: #fff;
}
#cookies-prompt button:active {
  position: relative;
  top: 1px;
  left: 1px;
}
/** @group Press Releases
-------------------------------------------------------- */
#press-releases li {
  *zoom: 1;
  font-size: 12px;
  font-size: 0.75rem;
  background: none;
  padding: 10px 0;
  border-bottom: 1px dotted #eeeeee;
}
#press-releases li:before,
#press-releases li:after {
  content: "";
  display: table;
}
#press-releases li:after {
  clear: both;
}
.lt-ie8 #press-releases li {
  zoom: 1;
}
#press-releases li:last-child {
  border-bottom: 0 none;
}
#press-releases li a {
  display: block;
  width: 80%;
  margin-right: 5%;
  float: left;
}
#press-releases li span {
  color: #bebebe;
  display: block;
  width: 15%;
  float: right;
  text-align: right;
}
#press-releases .press-sort-title,
#press-releases .press-sort-date {
  text-transform: uppercase;
  display: block;
  width: auto;
  margin: 0;
}
#press-releases .press-sort-title.sort-desc,
#press-releases .press-sort-date.sort-desc {
  padding-right: 10px;
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-disclosure-up.gif') right center no-repeat;
}
#press-releases .press-sort-title.sort-asc,
#press-releases .press-sort-date.sort-asc {
  padding-right: 10px;
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-disclosure-down.gif') right center no-repeat;
}
#press-releases .press-sort-title {
  float: left;
}
#press-releases .press-sort-date {
  float: right;
  text-align: right;
}
#frm-press-releases .form-item {
  width: auto;
  margin-top: 0;
}
/**
 * Reset link border styles on press-releases
 */
.pager a,
.pager a:hover,
#press-releases a,
#frm-press-releases a {
  border: none;
}
/* @end Press Releases */
/*  ========================================================================== */
/*  @group What's On - Filters */
/*  ========================================================================== */
.area-whatson-filters {
  clear: both;
}
.production-loader {
  position: fixed;
  width: 100%;
  height: 30%;
  top: 0;
  left: 0;
  display: table;
  z-index: 3000;
}
.production-loader.is-hiiden {
  display: none;
}
.production-loader .production-loader__inner {
  display: table-cell;
  vertical-align: middle;
}
.production-loader .production-loader__inner span {
  width: 60px;
  height: 60px;
  margin: auto;
  background-image: url(../images/production-loader.gif);
  background-size: 40px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999999px;
  overflow: hidden;
  display: block;
  border-radius: 300px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/*  ========================================================================== */
/*  @group What's On - Filters - Filter Groups */
/*  ========================================================================== */
.unit-whatson-filter-group {
  width: 230px;
  height: 470px;
  background: transparent;
}
.unit-whatson-filter-group .filter-group__content {
  max-width: 230px;
  background: transparent;
  margin: 5px;
}
.unit-whatson-filter-group .filter-group__content .tile-body {
  height: 100%;
}
@media only screen and (max-width: 740px) {
  .unit-whatson-filter-group {
    *zoom: 1;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .unit-whatson-filter-group:before,
  .unit-whatson-filter-group:after {
    content: "";
    display: table;
  }
  .unit-whatson-filter-group:after {
    clear: both;
  }
  .lt-ie8 .unit-whatson-filter-group {
    zoom: 1;
  }
  .unit-whatson-filter-group:before,
  .unit-whatson-filter-group:after {
    content: "";
    display: table;
  }
  .unit-whatson-filter-group:after {
    clear: both;
  }
  .lt-ie8 .unit-whatson-filter-group {
    zoom: 1;
  }
  .unit-whatson-filter-group .filter-group__content {
    height: auto;
    max-width: 470px;
    width: 100%;
  }
  .unit-whatson-filter-group .unit-whatson-calendar,
  .unit-whatson-filter-group .unit-whatson-filters {
    width: 230px;
    float: left;
  }
  .unit-whatson-filter-group .unit-whatson-calendar {
    margin-right: 10px;
    margin-bottom: 0;
  }
  .area-whatson-upcoming .unit-whatson-filter-group.tile {
    height: auto;
    margin: 0 5px 5px;
  }
}
@media only screen and (max-width: 480px) {
  .unit-whatson-filter-group {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .area-whatson-upcoming .unit-whatson-filter-group.tile {
    margin: 0;
  }
}
.unit-whatson-filters {
  color: #ffffff;
  background: #bd193e;
  height: 230px;
}
.unit-whatson-filters .unit-navigation-filter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
}
.unit-whatson-filters .unit-navigation-filter {
  min-height: 230px;
}
.unit-whatson-filters .unit-navigation-filter.is-loading {
  background: transparent url('../images/loader-filters.gif') no-repeat center center;
}
.unit-whatson-filters .unit-navigation-filter .filter-title {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  line-height: 1.1;
  margin: 2px 0 5px;
  height: auto;
  width: 100%;
}
.unit-whatson-filters .unit-navigation-filter .clear-filters {
  font-size: 9px;
  font-size: 0.5625rem;
  color: #bd193e;
  background: #ffffff;
  height: 16px;
  line-height: 16px;
  position: relative;
  top: -1px;
  float: right;
}
.unit-whatson-filters .unit-navigation-filter .filter-item {
  border: 1px solid #90132f;
  display: block;
  clear: both;
  float: none;
}
.js .unit-whatson-filters .unit-navigation-filter .form-select {
  width: 210px;
  height: 40px;
}
.unit-whatson-filters .unit-navigation-filter .customStyleSelectBox {
  width: 100%;
}
.unit-whatson-filters.toggle-active {
  display: block;
}
@media only screen and (max-width: 480px) {
  .area-whatson-filters--mobile {
    margin-top: 5px;
  }
  .area-whatson-filters--mobile .unit-whatson-filters {
    height: auto;
  }
  .area-whatson-filters--mobile .unit-whatson-calendar {
    margin-bottom: 0;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
  }
  .area-whatson-filters--mobile .ui-datepicker,
  .area-whatson-filters--mobile .whatson-calendar__links {
    width: 100%;
  }
  .area-whatson-filters--mobile .whatson-calendar__links {
    display: table;
    height: 100%;
    max-height: 30px;
  }
  .area-whatson-filters--mobile .whatson-calendar__links li {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .area-whatson-filters--mobile .whatson-calendar__links li a {
    display: block;
    height: 100%;
  }
  .js .area-whatson-filters--mobile .unit-navigation-filter .form-select {
    width: 280px;
    height: 35px;
  }
}
/*  ========================================================================== */
/*  @group Filter - Filter Panes */
/*  ========================================================================== */
.area-filter-pane {
  *zoom: 1;
  margin: 5px 20px 5px;
}
.area-filter-pane:before,
.area-filter-pane:after {
  content: "";
  display: table;
}
.area-filter-pane:after {
  clear: both;
}
.lt-ie8 .area-filter-pane {
  zoom: 1;
}
.area-filter-pane:before,
.area-filter-pane:after {
  content: "";
  display: table;
}
.area-filter-pane:after {
  clear: both;
}
.lt-ie8 .area-filter-pane {
  zoom: 1;
}
.area-filter-pane,
.area-filter-pane-search {
  margin: 10px 5px 5px;
}
.area-filter-pane .filter-title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2;
  float: left;
  display: block;
  margin-bottom: 0;
  margin-right: 10px;
}
.area-filter-pane .filter-title.has-suffix .filter-title__prefix {
  color: #666666;
}
.area-filter-pane .unit-view-toggle {
  float: right;
  margin-top: 0;
}
.area-filter-pane .unit-view-toggle .form-submit {
  display: none;
}
.area-filter-pane .unit-view-toggle select {
  width: 120px;
}
.area-filter-pane .unit-view-toggle .unit-navigation-filter li {
  margin-top: 0;
  margin-bottom: 0;
}
.unit-view-toggle .unit-navigation-filter li {
  margin-left: 1px;
}
.unit-view-toggle .unit-navigation-filter li:first-child {
  margin-left: 0;
}
.unit-view-toggle .unit-navigation-filter .item-upcoming a,
.unit-view-toggle .unit-navigation-filter .item-day-planner a {
  background-image: url('../images/icons/icon-whatson-mode-sprite.png');
  background-repeat: no-repeat;
  padding-left: 25px;
}
.unit-view-toggle .unit-navigation-filter .item-upcoming a {
  background-position: 7px -93px;
}
.unit-view-toggle .unit-navigation-filter .item-day-planner a {
  background-position: 7px 7px;
}
.unit-view-toggle .unit-navigation-filter a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #a3a3a3;
}
.unit-view-toggle .unit-navigation-filter .active a,
.unit-view-toggle .unit-navigation-filter a:hover {
  color: #ffffff;
  background-color: #d0103a;
}
@media only screen and (max-width: 740px) {
  .unit-view-toggle .unit-navigation-filter {
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .area-filter-pane,
  .area-filter-search {
    margin: 5px 5px 0;
  }
  .area-filter-pane .filter-title {
    display: block;
    width: 100%;
    margin: 0 0 3px 0;
  }
  .area-filter-pane .unit-view-toggle {
    float: none;
    clear: both;
  }
  .area-filter-pane .unit-view-toggle .unit-navigation-filter {
    display: table;
    width: 100%;
  }
  .area-filter-pane .unit-view-toggle .unit-navigation-filter a {
    width: 100%;
    margin-right: 2px;
    border-left: 1px solid #e9e9e9;
  }
  .area-filter-pane .unit-view-toggle .unit-navigation-filter li {
    display: table-cell;
    width: 33.333%;
    margin: 0;
  }
  .area-filter-pane .unit-view-toggle .unit-navigation-filter li:first-child a {
    border-left: 0;
  }
}
/*  ========================================================================== */
/*  @group Filters - Filter Bar */
/*  ========================================================================== */
/**
     * Filter Bar
     */
.unit-filter-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  margin: 5px;
  margin-bottom: 5px;
}
.unit-filter-bar__label,
.unit-filter-bar__filters {
  float: left;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 10px;
  text-transform: uppercase;
}
.unit-filter-bar__label {
  color: #666666;
  margin: 3px 0 0 0;
  padding-right: 0;
}
.unit-filter-bar__filters li {
  list-style: none;
}
@media only screen and (max-width: 768px) {
  .unit-filter-bar__label,
  .unit-filter-bar__filters {
    padding: 7px 10px;
  }
  .unit-filter-bar__label {
    padding-bottom: 0;
  }
}
/**
     * Active filter (pill)
     */
.active-filter {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 5px;
}
.lt-ie8 .active-filter {
  display: inline;
  vertical-align: auto;
}
.active-filter:first-child {
  margin-left: 0;
}
.active-filter__name,
.active-filter__close {
  font-size: 10px;
  font-size: 0.625rem;
  height: 21px;
  line-height: 21px;
  padding-left: .75em;
  padding-right: .75em;
  display: inline-block;
  color: #ffffff;
  background-color: #d0103a;
}
.active-filter__name {
  margin-right: 2px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.active-filter__close,
.active-filter__close:link,
.active-filter__close:visited {
  color: #ffffff;
  padding-left: .5em;
  padding-right: .75em;
  border-radius: 0 1em 1em 0;
}
.active-filter__close .close,
.active-filter__close:link .close,
.active-filter__close:visited .close {
  font-weight: bold;
  position: relative;
  top: -1px;
}
.active-filter__close:hover {
  color: #333333;
  background: #f9e300;
}
.clear-filters {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 21px;
  text-transform: uppercase;
  height: 21px;
  padding-left: .75em;
  padding-right: .75em;
  color: #ffffff;
  background-color: #d0103a;
}
.lt-ie8 .clear-filters {
  display: inline;
  vertical-align: auto;
}
.clear-filters,
.clear-filters:link,
.clear-filters:visited {
  color: #ffffff;
  padding-left: .75em;
  padding-right: .75em;
  border-radius: 1em;
}
.clear-filters:hover {
  color: #333333;
  background: #f9e300;
}
/*  ========================================================================== */
/*  @group What's On Filters - Filter Loader */
/*  ========================================================================== */
.filter-loader {
  display: none;
  margin: 5px;
  width: 230px;
  height: 230px;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  color: #ffffff;
  background: #333333 url('/sites/all/themes/mademedia/images/loader-ajax.gif') center no-repeat;
}
.filter-loader.is-loading {
  display: block;
}
.page-whatson-calendar .filter-loader {
  margin: 5px;
  width: 150px;
  height: 150px;
}
/*  ========================================================================== */
/*  @group What's On - Calendar Widget */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group What's On - Calendar Widget - Datepicker */
/*  ========================================================================== */
/*  @overrides jQuery UI */
.unit-whatson-calendar {
  background: #ffffff;
  margin-bottom: 10px;
  height: 230px;
  position: relative;
}
.whatson-calendar__links {
  *zoom: 1;
  padding: 0;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #e9e9e9;
  display: table;
  height: 100%;
  max-height: 30px;
}
.whatson-calendar__links:before,
.whatson-calendar__links:after {
  content: "";
  display: table;
}
.whatson-calendar__links:after {
  clear: both;
}
.lt-ie8 .whatson-calendar__links {
  zoom: 1;
}
.whatson-calendar__links:before,
.whatson-calendar__links:after {
  content: "";
  display: table;
}
.whatson-calendar__links:after {
  clear: both;
}
.lt-ie8 .whatson-calendar__links {
  zoom: 1;
}
.whatson-calendar__links li {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.whatson-calendar__links li a {
  display: block;
  height: 100%;
}
.whatson-calendar__links .calendar-link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  list-style: none;
  display: block;
  width: 33.333%;
  border-left: 1px solid #e9e9e9;
}
.whatson-calendar__links .calendar-link:first-child {
  border-left: 0 none;
}
.whatson-calendar__links .calendar-link a,
.whatson-calendar__links .calendar-link a:visited {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  color: #666666;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  display: inline-block;
  padding: 5px 10px;
}
.whatson-calendar__links .calendar-link a:hover,
.whatson-calendar__links .calendar-link a:active,
.whatson-calendar__links .calendar-link.active a {
  color: #ffffff;
  background-color: #666666;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4) inset;
  -webkit-font-smoothing: antialiased;
}
.whatson-calendar__links .calendar-link a:active {
  background-color: #4d4d4d;
}
.ui-datepicker {
  margin: 5px;
  width: 230px;
  height: 150px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
}
.ui-datepicker,
.ui-datepicker td,
.ui-datepicker th {
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 14px;
  font-size: 0.875rem;
}
.ui-datepicker-header {
  color: #333333;
  background: #ffffff;
  border: 0 none;
  border-bottom: 1px solid #e9e9e9;
  font-weight: normal;
}
.ui-datepicker-header .ui-datepicker-month {
  cursor: pointer;
}
.ui-datepicker-header .ui-datepicker-year {
  display: none;
}
.ui-datepicker-header .ui-state-hover {
  border-color: transparent;
  background: transparent;
}
.ui-datepicker-calendar thead {
  color: #000000;
  background-color: #ffffff;
}
.ui-datepicker-calendar th {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 3px 3px 4px;
  text-transform: uppercase;
}
.ui-datepicker-calendar tr {
  border-bottom: 0 none;
}
.ui-datepicker-calendar td {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
  padding: 1px 0;
  text-align: center;
}
.ui-datepicker-calendar .ui-state-default {
  border: 1px solid transparent;
  background-image: none;
  background-color: transparent;
  color: #bd193e;
}
.ui-datepicker-calendar .in-past a {
  color: #d9d9d9;
}
.ui-datepicker-calendar .ui-datepicker-other-month.in-past a {
  color: #bcbcbc;
}
.ui-datepicker-calendar .ui-priority-secondary {
  opacity: 1;
  filter: alpha(opacity=70);
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  color: #bd193e;
  background-color: transparent;
  border: 1px solid #bd193e;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-hover {
  color: #ffffff;
  background-color: #666666;
  border: 1px solid #666666;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
}
.ui-widget-header .ui-icon {
  display: inline-block;
  background-image: url('../images/icons/icon-calendar-sprite.png');
  width: 1em;
  height: 12px;
}
.ui-datepicker-prev .ui-icon {
  background-position: left 4px;
}
.ui-datepicker-next .ui-icon {
  background-position: right -10px;
}
/*  ========================================================================== */
/*  @group What's On - Calendar Widget - Datepicker (Breakpoints) */
/*  ========================================================================== */
@media only screen and (max-width: 480px) {
  .unit-whatson-calendar {
    height: 100%;
  }
  .ui-datepicker-calendar .ui-datepicker-header {
    padding: 20px 0;
  }
  .ui-datepicker-calendar th {
    padding: 8px 3px;
  }
  .ui-datepicker-calendar td a {
    padding: 5px 0;
  }
  .whatson-calendar__links {
    position: static;
    display: block;
    height: 40px;
    max-height: none;
    overflow: auto;
  }
  .whatson-calendar__links .calendar-link {
    height: 40px;
  }
  .whatson-calendar__links .calendar-link a,
  .whatson-calendar__links .calendar-link a:visited {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
}
/*  ========================================================================== */
/*  @group What's On - Upcoming */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group What's On - Day Planner */
/*  ========================================================================== */
/**
     * Constrain width of day planner section
     */
.page-whatson-calendar .area-header .section,
.page-whatson-calendar .footer .footer-content {
  max-width: 1340px;
}
.page-whatson-calendar .content-area {
  max-width: 1350px;
}
/*  ========================================================================== */
/*  @group What's On - Day Planner - Structure */
/*  ========================================================================== */
.area-whatson-day-planner {
  min-height: 480px;
  display: table;
  width: 100%;
}
.area-whatson-day-planner .unit-whatson-filter-group,
.area-whatson-day-planner .unit-dayplanner-listing {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 740px) {
  .area-whatson-day-planner {
    display: block;
  }
  .area-whatson-day-planner .unit-whatson-filter-group,
  .area-whatson-day-planner .unit-dayplanner-listing {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .area-whatson-day-planner .unit-whatson-filter-group {
    height: 240px;
  }
}
@media only screen and (max-width: 480px) {
  .area-whatson-day-planner {
    position: relative;
  }
}
.whatson-day-planner-filters .stuck {
  position: fixed;
  top: 0;
  z-index: 100;
}
@media only screen and (max-width: 740px) {
  .whatson-day-planner-filters .stuck {
    position: static;
  }
}
/*  ========================================================================== */
/*  @group What's On - Day Planner - Day Header */
/*  ========================================================================== */
.unit-day-header {
  *zoom: 1;
  height: 40px;
  padding: 0 10px;
  margin: 5px;
  margin-top: 10px;
  margin-bottom: 2px;
  color: #ffffff;
  background: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.unit-day-header:before,
.unit-day-header:after {
  content: "";
  display: table;
}
.unit-day-header:after {
  clear: both;
}
.lt-ie8 .unit-day-header {
  zoom: 1;
}
.unit-day-header:before,
.unit-day-header:after {
  content: "";
  display: table;
}
.unit-day-header:after {
  clear: both;
}
.lt-ie8 .unit-day-header {
  zoom: 1;
}
.unit-day-header .title,
.unit-day-header .result-count {
  float: left;
  line-height: 40px;
}
.unit-day-header .title {
  width: 75%;
  font-size: 20px;
  font-size: 1.25rem;
}
.unit-day-header .title .prefix {
  opacity: 0.8;
}
.unit-day-header .result-count {
  width: 25%;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: right;
}
.csspositionsticky .unit-day-header,
.csspositionsticky .unit-whatson-filter-group .tile-body {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}
.no-csspositionsticky .unit-day-header.stuck,
.no-csspositionsticky .unit-whatson-filter-group .tile-body.stuck {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  z-index: 100;
  margin-top: 0 !important;
}
@media only screen and (max-width: 740px) {
  .unit-whatson-filter-group .tile-body {
    position: static !important;
  }
}
.unit-day-header:first-child {
  margin-top: 5px;
}
@media only screen and (max-width: 768px) {
  .unit-day-header .title {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .unit-day-header {
    height: 32px;
    margin-top: 5px;
  }
  .unit-day-header .title,
  .unit-day-header .result-count {
    line-height: 32px;
  }
  .unit-day-header .title {
    font-size: 16px;
    font-size: 1rem;
  }
}
/*  ========================================================================== */
/*  @group What's On - Day Planner - Listing */
/*  ========================================================================== */
.unit-dayplanner-listing {
  width: auto;
  min-width: 480px;
  position: relative;
  margin-left: 240px;
  -webkit-backface-visibility: hidden;
}
@media only screen and (max-width: 740px) {
  .unit-dayplanner-listing {
    min-width: 0;
  }
}
.unit-load-more--listing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 2.5em;
  line-height: 2.5;
  padding-left: .75em;
  padding-right: .75em;
  margin: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  text-align: center;
  color: #333333;
  background-color: #ffffff;
}
.unit-load-more--listing .block-link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #333333;
}
.unit-load-more--listing.is-loading {
  background: #333333 url('../images/loader-ajax.gif') center center no-repeat;
}
.unit-load-more--listing.is-loading .block-link {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.lt-ie8 .unit-load-more--listing.is-loading .block-link {
  text-indent: -9999px;
}
.unit-load-more--listing.is-loading .block-link:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.backgroundsize .unit-load-more--listing.is-loading {
  background-size: 22px;
}
.unit-listing-loader {
  position: absolute;
  top: 7.5em;
  left: 50%;
  -webkit-font-smoothing: antialiased;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  color: #ffffff;
  background: #333333 url('../images/loader-ajax.gif') 10px center no-repeat;
  height: 3.5em;
  padding-left: 55px;
  padding-right: 15px;
  line-height: 3.5em;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.backgroundsize .unit-listing-loader {
  background-size: 20px;
  padding-left: 40px;
}
@media only screen and (max-width: 740px) {
  .unit-listing-loader {
    top: 300px;
    left: 33.333%;
  }
}
@media only screen and (max-width: 480px) {
  .unit-listing-loader {
    top: 75px;
    left: 20%;
  }
}
/*  ========================================================================== */
/*  @group What's On - Day Planner - Listing Results */
/*  ========================================================================== */
.unit-list-result {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 2px 5px;
  overflow: hidden;
  color: #333333;
  background-color: #37424a;
}
.unit-list-result.no-category,
.unit-list-result .result-positioning.no-category {
  background-color: #37424a;
}
.unit-list-result .result-extra {
  display: none;
}
.unit-list-result .result-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 113px;
  padding: 10px 5px;
  padding-left: 10px;
}
.unit-list-result.has-photo {
  min-height: 123px;
  *zoom: 1;
}
.unit-list-result.has-photo:before,
.unit-list-result.has-photo:after {
  content: "";
  display: table;
}
.unit-list-result.has-photo:after {
  clear: both;
}
.lt-ie8 .unit-list-result.has-photo {
  zoom: 1;
}
.unit-list-result.has-photo:before,
.unit-list-result.has-photo:after {
  content: "";
  display: table;
}
.unit-list-result.has-photo:after {
  clear: both;
}
.lt-ie8 .unit-list-result.has-photo {
  zoom: 1;
}
.unit-list-result.has-photo .result-inner {
  display: table;
  width: 100%;
}
.unit-list-result.has-photo .result-media,
.unit-list-result.has-photo .result-content {
  display: table-cell;
  vertical-align: top;
}
.unit-list-result.has-photo .result-media {
  width: 113px;
  height: 113px;
  padding: 5px;
}
.unit-list-result.has-photo .result-media img {
  width: 100%;
  height: 100%;
}
.unit-list-result.has-photo .result-content {
  padding-left: 5px;
}
.unit-list-result .title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  max-width: 800px;
  padding-right: 1em;
}
.unit-list-result .date,
.unit-list-result .suffix,
.unit-list-result .venue {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1;
  margin: 0;
}
.unit-list-result .date {
  font-weight: bold;
}
.unit-list-result .suffix,
.unit-list-result .venue {
  margin: .2em 0 0 0;
}
.unit-list-result .date,
.unit-list-result .venue {
  color: #666666;
}
.unit-list-result .venue {
  margin-bottom: .3em;
}
.unit-list-result .event-copy {
  max-width: 60em;
  padding-right: 1em;
  margin: .2em 0 .75em;
}
.unit-list-result .category-links {
  *zoom: 1;
  position: absolute;
  top: 7px;
  right: 10px;
  padding: 0;
}
.unit-list-result .category-links:before,
.unit-list-result .category-links:after {
  content: "";
  display: table;
}
.unit-list-result .category-links:after {
  clear: both;
}
.lt-ie8 .unit-list-result .category-links {
  zoom: 1;
}
.unit-list-result .category-links:before,
.unit-list-result .category-links:after {
  content: "";
  display: table;
}
.unit-list-result .category-links:after {
  clear: both;
}
.lt-ie8 .unit-list-result .category-links {
  zoom: 1;
}
.unit-list-result .category-links li {
  list-style: none;
  display: block;
  float: left;
  margin-right: 3px;
  margin-bottom: 1px;
}
.unit-list-result .category-links li:last-child {
  margin-right: 0;
}
.unit-list-result .button-more {
  position: absolute;
  bottom: 7px;
  right: 10px;
}
.unit-list-result .result-inner {
  margin-left: 5px;
  background-color: #ffffff;
}
.no-js .unit-list-result--production:hover,
.no-touch .unit-list-result--production:hover {
  overflow: visible;
  z-index: 10;
}
.no-js .unit-list-result--production:hover .result-inner,
.no-touch .unit-list-result--production:hover .result-inner {
  cursor: pointer;
  color: #ffffff;
  background-color: transparent;
}
.no-js .unit-list-result--production:hover .date,
.no-touch .unit-list-result--production:hover .date,
.no-js .unit-list-result--production:hover .suffix,
.no-touch .unit-list-result--production:hover .suffix,
.no-js .unit-list-result--production:hover .venue,
.no-touch .unit-list-result--production:hover .venue,
.no-js .unit-list-result--production:hover .title,
.no-touch .unit-list-result--production:hover .title,
.no-js .unit-list-result--production:hover .title .alt,
.no-touch .unit-list-result--production:hover .title .alt {
  color: #ffffff;
}
.no-js .unit-list-result--production:hover .suffix,
.no-touch .unit-list-result--production:hover .suffix,
.no-js .unit-list-result--production:hover .venue,
.no-touch .unit-list-result--production:hover .venue {
  display: none;
}
.no-js .unit-list-result--production:hover .result-extra,
.no-touch .unit-list-result--production:hover .result-extra {
  display: block;
}
.no-js .unit-list-result--production:hover .button-more,
.no-touch .unit-list-result--production:hover .button-more {
  color: #333333;
  background-color: #ffffff;
  border-color: #ffffff;
}
@media only screen and (max-width: 1025px) {
  .unit-list-result {
    min-height: 150px;
  }
  .unit-list-result .result-inner,
  .unit-list-result.has-photo,
  .unit-list-result.has-photo .result-inner {
    min-height: 150px;
  }
  .unit-list-result .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .unit-list-result .event-copy {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 740px) {
  .unit-list-result {
    height: auto;
    overflow: auto;
    min-height: 110px;
  }
  .unit-list-result .result-inner,
  .unit-list-result.has-photo,
  .unit-list-result.has-photo .result-inner {
    min-height: 110px;
  }
  .unit-list-result .category-links {
    position: static;
    margin-top: 2px;
  }
  .unit-list-result .date,
  .unit-list-result .suffix,
  .unit-list-result .venue {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .unit-list-result .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .unit-list-result .result-positioning {
    overflow: hidden;
  }
  .unit-list-result .result-content {
    min-height: 110px;
    padding: 5px;
    padding-left: 10px;
  }
  .unit-list-result .result-extra {
    display: none;
  }
  .unit-list-result .button-more {
    bottom: 5px;
    right: 5px;
  }
  .unit-list-result.has-photo {
    min-height: 0;
    height: auto;
  }
  .unit-list-result.has-photo .result-media {
    width: 100px;
    height: 100px;
  }
  .unit-list-result.has-photo .result-media img {
    width: 100%;
  }
  .unit-list-result.has-photo .result-content {
    padding-left: 5px;
  }
  .no-js .unit-list-result--production:hover,
  .no-touch .unit-list-result--production:hover {
    height: auto;
  }
  .no-js .unit-list-result--production:hover .result-inner .result-extra,
  .no-touch .unit-list-result--production:hover .result-inner .result-extra {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .unit-list-result {
    min-height: 90px;
  }
  .unit-list-result .result-inner,
  .unit-list-result.has-photo,
  .unit-list-result.has-photo .result-inner {
    min-height: 90px;
  }
  .unit-list-result .title {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 3px;
  }
  .unit-list-result .venue {
    margin-bottom: 0;
  }
  .unit-list-result .result-content {
    min-height: 0;
    padding: 5px;
    padding-left: 10px;
  }
  .unit-list-result .category-links {
    margin-top: 0;
    line-height: 1;
  }
  .unit-list-result .category-links li {
    margin-right: 0;
  }
  .unit-list-result .category-links li .button-category:before {
    content: ',';
    margin-right: .2em;
  }
  .unit-list-result .category-links li:first-child .button-category:before {
    display: none;
  }
  .unit-list-result .category-links .button-category {
    background: transparent !important;
    padding: 0;
    height: auto;
    line-height: 1;
  }
  .unit-list-result .category-links .button-category:hover {
    border: 0 none !important;
  }
  .unit-list-result .button-more {
    display: none;
  }
  .unit-list-result.has-photo .result-media {
    width: 80px;
    height: 80px;
  }
  .unit-list-result.has-photo .result-media img {
    width: 100%;
  }
  .unit-list-result.has-photo .result-content {
    padding-left: 5px;
  }
  .no-js .unit-list-result--production:hover .category-links .button-category,
  .no-touch .unit-list-result--production:hover .category-links .button-category {
    color: #ffffff !important;
  }
  .no-js .unit-list-result--production:hover .result-inner .result-extra,
  .no-touch .unit-list-result--production:hover .result-inner .result-extra {
    display: none;
  }
}
/*  ========================================================================== */
/*  @group What's On - Day Planner - List Results Prefix (Venue/Series) */
/*  ========================================================================== */
.unit-list-result--prefix {
  color: #ffffff;
  background-color: #37424a;
}
.unit-list-result--prefix .date,
.unit-list-result--prefix .venue {
  color: #ffffff;
}
.unit-list-result--prefix .no-category {
  color: #ffffff;
  background-color: #37424a;
}
.unit-list-result--prefix .result-inner {
  background-color: #37424a;
  margin-left: 0;
}
.unit-list-result--prefix .button-more,
.unit-list-result--prefix .button-more:link,
.unit-list-result--prefix .button-more:visited {
  color: #333333;
  background: #ffffff;
  border: 0 none;
}
/*  ========================================================================== */
/*  @group What's On - Day Planner - Listing Subhead */
/*  ========================================================================== */
.unit-list-result--subhead {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin: 15px;
}
@media only screen and (max-width: 768px) {
  .unit-list-result--subhead {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 10px 15px;
  }
}
@media only screen and (max-width: 480px) {
  .unit-list-result--subhead {
    font-size: 16px;
    font-size: 1rem;
  }
}
/** @group Booking
-------------------------------------------------------- */
.bookingmenu fieldset strong {
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-weight: normal;
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.bookingmenu .singledate {
  font-size: 14px;
  font-size: 0.875rem;
}
.bookingmenu .form-item,
.bookingmenu .singledate {
  margin-top: 10px;
  width: 55%;
  clear: left;
  float: left;
}
.bookingmenu .form-item {
  margin: 0 5px 0 0;
}
.bookingmenu .form-select {
  width: 100%;
}
.bookingmenu .form-submit,
.bookingmenu .form-submit-members {
  border: none;
  border-color: #6da400;
  background-color: #6da400;
}
.bookingmenu .form-submit:hover,
.bookingmenu .form-submit-members:hover {
  border-color: #f9e300;
  background-color: #f9e300;
}
.bookingmenu .form-submit.btn-disabled:hover {
  color: #ffffff;
  background-color: #37424a;
}
.bookingmenu .availability-message,
.bookingmenu .booking-message {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.bookingmenu .no-performances {
  display: none;
}
/* @end Booking */
/** @group Package Builder
-------------------------------------------------------- */
#listings {
  clear: both;
  /**
     * For booking links,
     * No styling hooks provided by the module
     */
}
#listings > li {
  *zoom: 1;
  clear: both;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: 5px solid #e9e9e9;
}
#listings > li:before,
#listings > li:after {
  content: "";
  display: table;
}
#listings > li:after {
  clear: both;
}
.lt-ie8 #listings > li {
  zoom: 1;
}
#listings > li:last-child {
  border-bottom: none;
}
#listings .event-img {
  float: left;
  padding: 0;
}
#listings .event-img img {
  margin: 0 0 0 10px;
}
.lt-ie9 #listings .event-img {
  width: 150px;
}
#listings div {
  width: 70%;
  float: right;
}
#listings .event-img + div {
  margin-right: 20px;
}
#listings .event-venue,
#listings .event-title,
#listings .event-date,
#listings .event-copy,
#listings .event-tags {
  margin: 0;
  padding: 0;
}
#listings .event-date {
  text-transform: uppercase;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
}
#listings .event-title {
  font-weight: bold;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
#listings .event-copy {
  margin: 10px 0;
  font-size: 12px;
  font-size: 0.75rem;
}
#listings .event-tags {
  margin-bottom: 10px;
}
#listings .event-tags a {
  display: inline;
}
#listings .event-title a,
#listings .event-img a,
#listings .event-title a:hover,
#listings .event-img a:hover {
  border: none;
}
#listings .event-img img {
  width: 150px;
  height: 150px;
}
#listings .btn-submit,
#listings .btn-submit:hover {
  border-bottom: none;
}
#listings li li,
#listings li li a,
#listings li li img {
  vertical-align: baseline;
  zoom: 1;
  display: inline-block;
  margin-left: 0;
}
.lt-ie8 #listings li li,
.lt-ie8 #listings li li a,
.lt-ie8 #listings li li img {
  display: inline;
  vertical-align: auto;
}
#listings .package-actions li {
  padding-left: 0;
}
#listings .package,
#listings .package-info,
#listings .package-info div {
  clear: both;
  width: 100%;
}
#listings .package {
  border: solid #eeeeee;
  border-width: 1px 0 0;
}
#listings .package a {
  display: inline;
}
#listings .package .btn-remove {
  margin-left: 5px;
}
#listings .package form,
#listings .package .p3 {
  margin-bottom: 0;
}
#listings .package .p1,
#listings .package .p2 {
  font-size: 12px;
  font-size: 0.75rem;
  width: 40%;
  float: left;
  padding-top: 0.5em;
  margin-bottom: 0.5em;
}
#listings .package .p1 {
  margin-right: 5%;
}
#listings .package .p2 {
  float: right;
  text-align: right;
  margin-left: 5%;
}
#listings .package .p3 {
  clear: left;
  float: left;
  cursor: pointer;
}
#listings .package .form-submit {
  float: right;
}
#listings .package-info {
  display: none;
}
#listings .package-info .close {
  font-weight: bold;
  cursor: pointer;
}
.package-list {
  width: 960px;
  /* Fix widths till ticketing is made responsive */
}
.package-list .build-package {
  width: 320px;
  float: left;
  font-size: 12px;
  font-size: 0.75rem;
}
.package-list .build-package .box {
  width: auto;
}
.package-list .build-package .build-selected {
  font-size: 14px;
  font-size: 0.875rem;
}
.package-list .build-package .package-cancel {
  font-size: 12px;
  font-size: 0.75rem;
}
.package-list .btn-submit,
.package-list .btn-submit:hover {
  border-bottom: none;
}
.package-list .package-events {
  width: 640px;
  float: right;
}
.package-list .package-events .box {
  width: auto;
}
.package-list .pagination,
.package-list .event-tags {
  display: none;
}
#selectpackage {
  font-size: 13px;
  font-size: 0.8125rem;
}
#selectpackage h3 {
  font-size: 1.2em;
  margin: 0 0 0.3em 0;
}
#selectpackage .form-radios {
  margin: 0 0 1.5em;
}
#selectpackage .form-radios .form-item {
  margin: 0 0 0.5em 0;
}
#selectpackage .form-item {
  margin: 0 0 1.5em 0;
}
#tessitura-packages-sortby-form #edit-order-wrapper {
  margin-top: 0;
}
.package-events .package-actions li + li .btn-submit,
.package-events .package-actions li + li .btn-submit:visited {
  background-color: #6da400;
  border-right-color: #6da400;
}
.package-events .package-actions li + li .btn-submit:hover {
  background-color: #f9e300;
  border-right-color: #f9e300;
}
/* @end Package Builder */
/*  ========================================================================== */
/*  @group BlocksOffice */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group BlocksOffice - Toolbar */
/*  ========================================================================== */
/**
	 * Account Navigation
	 */
.unit-navigation-account {
  float: right;
  margin: 0 0 10px 0;
  font-family: arial, sans-serif;
}
.unit-navigation-account li,
.unit-navigation-account .last {
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  border-left: 1px solid #dddddd;
}
.unit-navigation-account li.first {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
.unit-navigation-account .item-basket {
  margin-left: 0;
  border-left: 0 none;
}
.unit-navigation-account a,
.unit-navigation-account a:visited {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.unit-navigation-account a:hover,
.unit-navigation-account a:active {
  color: #333333;
  text-decoration: underline;
}
.unit-navigation-account .links {
  float: left;
}
.unit-navigation-account.is-logged-in .logged-out {
  display: none;
}
.unit-navigation-account.is-logged-out .logged-in {
  display: none;
}
/**
	 * Basket
	 */
.unit-mini-basket {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6da400;
  float: left;
  margin-left: 10px;
}
.unit-mini-basket .basket-checkout {
  background: transparent url('/sites/all/themes/mademedia/images/icons/icon-cart.png') left center no-repeat;
  padding-left: 16px;
}
.unit-mini-basket .itemcount {
  color: #6da400;
}
.unit-mini-basket .expiry {
  display: none;
}
@media only screen and (max-width: 740px) {
  .area-navigation-tools .unit-navigation-account {
    margin-top: 0;
    margin-right: -5px;
  }
  .unit-navigation-account .item-basket {
    display: block;
    clear: both;
    padding: 0;
    margin: 5px 0 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .area-navigation-tools .unit-navigation-account {
    margin-top: 0;
    margin-right: -5px;
  }
  .unit-navigation-account .item-basket {
    display: inline-block;
    clear: none;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
  }
}
/*  ========================================================================== */
/*  @group BlocksOffice - Timer */
/*  ========================================================================== */
#unit-timer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  width: auto;
  float: none;
  margin: -10px 0 5px 0;
  padding: 6px 10px 10px 30px;
  border-bottom: 1px solid #eeeeee;
  background: url('/sites/all/themes/mademedia/images/icons/icon-stopwatch.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
}
#unit-timer p {
  line-height: 1;
  margin-bottom: 0;
}
#unit-timer .minutes,
#unit-timer .seconds,
#unit-timer a {
  font-weight: bold;
}
#basket-countdown {
  font-family: arial, sans-serif;
  color: #333333;
  letter-spacing: 0;
}
.oldie #basket-countdown {
  letter-spacing: normal;
}
/*  ========================================================================== */
/*  @group BlocksOffice - Booking Widgets */
/*  ========================================================================== */
iframe.unit-booking-widget {
  overflow: hidden;
  border: 0 none;
  height: 100px;
}
.type-ticket-info iframe.unit-booking-widget {
  background-color: #6da400;
}
/*  ========================================================================== */
/*  @group Category Colours */
/*  ========================================================================== */
/**
 * NOTE: No componente styles should be defined after this point,
 * Category classes should act as modifiers to components
 *
 * Colour scheme variable are defined in _variables.less
 */
/**
 * Default Category Styles
 */
.category-glance,
.category-related,
.category-booking,
.category-classical,
.category-classical-music,
.category-dance,
.category-dance---world,
.category-performance,
.category-gigs,
.category-literature,
.category-writers-poets-speakers,
.category-writers-poets--speakers,
.category-jazz-and-blues,
.category-visual-arts,
.category-art,
.category-winter,
.category-highlight,
.category-other,
.category-basic {
  color: #ffffff;
}
.category-glance .tile-header,
.category-related .tile-header,
.category-booking .tile-header,
.category-classical .tile-header,
.category-classical-music .tile-header,
.category-dance .tile-header,
.category-dance---world .tile-header,
.category-performance .tile-header,
.category-gigs .tile-header,
.category-literature .tile-header,
.category-writers-poets-speakers .tile-header,
.category-writers-poets--speakers .tile-header,
.category-jazz-and-blues .tile-header,
.category-visual-arts .tile-header,
.category-art .tile-header,
.category-winter .tile-header,
.category-highlight .tile-header,
.category-other .tile-header,
.category-basic .tile-header,
.category-glance .tile-header a,
.category-related .tile-header a,
.category-booking .tile-header a,
.category-classical .tile-header a,
.category-classical-music .tile-header a,
.category-dance .tile-header a,
.category-dance---world .tile-header a,
.category-performance .tile-header a,
.category-gigs .tile-header a,
.category-literature .tile-header a,
.category-writers-poets-speakers .tile-header a,
.category-writers-poets--speakers .tile-header a,
.category-jazz-and-blues .tile-header a,
.category-visual-arts .tile-header a,
.category-art .tile-header a,
.category-winter .tile-header a,
.category-highlight .tile-header a,
.category-other .tile-header a,
.category-basic .tile-header a,
.category-glance .tile-body,
.category-related .tile-body,
.category-booking .tile-body,
.category-classical .tile-body,
.category-classical-music .tile-body,
.category-dance .tile-body,
.category-dance---world .tile-body,
.category-performance .tile-body,
.category-gigs .tile-body,
.category-literature .tile-body,
.category-writers-poets-speakers .tile-body,
.category-writers-poets--speakers .tile-body,
.category-jazz-and-blues .tile-body,
.category-visual-arts .tile-body,
.category-art .tile-body,
.category-winter .tile-body,
.category-highlight .tile-body,
.category-other .tile-body,
.category-basic .tile-body {
  color: #ffffff;
}
/*  ========================================================================== */
/*  @group Production Categories */
/*  ========================================================================== */
/* At a glance */
.category-glance .tile-header,
.category-glance .tile-front,
.category-glance .tile-back {
  background-color: #37424a;
  background-color: rgba(55, 66, 74, 0.8);
}
/* Related */
.category-related .tile-header,
.category-related .tile-front,
.category-related .tile-back {
  background-color: #353637;
  background-color: rgba(53, 54, 55, 0.8);
}
/* Booking and Access */
.category-booking .tile-header {
  background-color: #6da400;
  background-color: rgba(109, 164, 0, 0.8);
}
/* Venue / Series Prefix */
.category-prefix {
  background-color: #ffffff;
}
/**
     * Classical Music
     */
.category-classical-music,
.category-classical {
  background-color: #ff7900;
}
.category-classical-music .tile-front,
.category-classical .tile-front {
  background-color: #ff7900;
}
.category-classical-music .alt,
.category-classical .alt {
  color: #ff7900;
}
.category-classical-music .tile-header,
.category-classical .tile-header,
.category-classical-music:hover .tile-back,
.category-classical:hover .tile-back {
  background-color: #ff7900;
  background-color: rgba(255, 121, 0, 0.8);
}
/**
     * Performance
     */
.category-performance {
  background-color: #7ab800;
}
.category-performance .tile-front {
  background-color: #7ab800;
}
.category-performance .alt {
  color: #7ab800;
}
.category-performance .tile-header,
.category-performance:hover .tile-back {
  background-color: #7ab800;
  background-color: rgba(122, 184, 0, 0.8);
}
/**
     * Dance
     */
.category-dance,
.category-dance---world,
.category-contemporary {
  background-color: #009b48;
}
.category-dance .tile-front,
.category-dance---world .tile-front,
.category-contemporary .tile-front {
  background-color: #009b48;
}
.category-dance .alt,
.category-dance---world .alt,
.category-contemporary .alt {
  color: #009b48;
}
.category-dance .tile-header,
.category-dance---world .tile-header,
.category-contemporary .tile-header,
.category-dance:hover .tile-back,
.category-dance---world:hover .tile-back,
.category-contemporary:hover .tile-back {
  background-color: #009b48;
  background-color: rgba(0, 155, 72, 0.8);
}
/**
     * Gigs
     */
.category-gigs,
.category-jazz-and-blues {
  background-color: #00a9e0;
}
.category-gigs .tile-front,
.category-jazz-and-blues .tile-front {
  background-color: #00a9e0;
}
.category-gigs .alt,
.category-jazz-and-blues .alt {
  color: #00a9e0;
}
.category-gigs .tile-header,
.category-jazz-and-blues .tile-header,
.category-gigs:hover .tile-back,
.category-jazz-and-blues:hover .tile-back {
  background-color: #00a9e0;
  background-color: rgba(0, 169, 224, 0.8);
}
/**
     * Literature and Spoken word
     */
.category-literature,
.category-writers-poets-speakers,
.category-writers-poets--speakers {
  background-color: #006983;
}
.category-literature .tile-front,
.category-writers-poets-speakers .tile-front,
.category-writers-poets--speakers .tile-front {
  background-color: #006983;
}
.category-literature .alt,
.category-writers-poets-speakers .alt,
.category-writers-poets--speakers .alt {
  color: #006983;
}
.category-literature .tile-header,
.category-writers-poets-speakers .tile-header,
.category-writers-poets--speakers .tile-header,
.category-literature:hover .tile-back,
.category-writers-poets-speakers:hover .tile-back,
.category-writers-poets--speakers:hover .tile-back {
  background-color: #006983;
  background-color: rgba(0, 105, 131, 0.8);
}
/**
     * Visual Arts
     */
.category-art,
.category-visual-arts {
  background-color: #e0119d;
}
.category-art .tile-front,
.category-visual-arts .tile-front {
  background-color: #e0119d;
}
.category-art .alt,
.category-visual-arts .alt {
  color: #e0119d;
}
.category-art .tile-header,
.category-visual-arts .tile-header {
  background-color: #e0119d;
  background-color: rgba(224, 17, 157, 0.8);
}
.category-art:hover .tile-back,
.category-visual-arts:hover .tile-back {
  background-color: #e0119d;
  background-color: rgba(224, 17, 157, 0.8);
}
/* Winter / Udderbelly */
.category-winter {
  background-color: #4b08a2;
}
.category-winter .tile-front {
  background-color: #4b08a2;
}
.category-winter .alt {
  color: #4b08a2;
}
.category-winter .tile-header,
.category-winter:hover .tile-back {
  background-color: #4b08a2;
  background-color: rgba(75, 8, 162, 0.8);
}
/* Highlight */
.category-highlight {
  color: #333333;
  background-color: #f9e300;
}
.category-highlight .tile-front {
  color: #333333;
  background-color: #f9e300;
}
.category-highlight .tile-header,
.category-highlight:hover .tile-back {
  color: #333333;
  background-color: #f9e300;
  background-color: rgba(249, 227, 0, 0.9);
}
.category-highlight .tile-header a,
.category-highlight:hover .tile-back a,
.category-highlight .tile-header a:link,
.category-highlight:hover .tile-back a:link,
.category-highlight .tile-header .date,
.category-highlight:hover .tile-back .date {
  color: #333333;
}
.category-highlight .tile-header a .title {
  color: #000000;
}
/*  ========================================================================== */
/*  @group Button Categories */
/*  ========================================================================== */
/**
     * `.buton-category` category colour overrides.
     */
.button-category--rev.category-classical-music,
.button-category--rev:link.category-classical-music,
.button-category--rev:visited.category-classical-music,
.button-category--rev.category-classical,
.button-category--rev:link.category-classical,
.button-category--rev:visited.category-classical {
  color: #ff7900;
  background-color: #ffffff;
}
.button-category--rev.category-performance,
.button-category--rev:link.category-performance,
.button-category--rev:visited.category-performance {
  color: #7ab800;
  background-color: #ffffff;
}
.button-category--rev.category-dance,
.button-category--rev:link.category-dance,
.button-category--rev:visited.category-dance,
.button-category--rev.category-dance---world,
.button-category--rev:link.category-dance---world,
.button-category--rev:visited.category-dance---world,
.button-category--rev.category-contemporary,
.button-category--rev:link.category-contemporary,
.button-category--rev:visited.category-contemporary {
  color: #009b48;
  background-color: #ffffff;
}
.button-category--rev.category-gigs,
.button-category--rev:link.category-gigs,
.button-category--rev:visited.category-gigs,
.button-category--rev.category-jazz-and-blues,
.button-category--rev:link.category-jazz-and-blues,
.button-category--rev:visited.category-jazz-and-blues {
  color: #00a9e0;
  background-color: #ffffff;
}
.button-category--rev.category-talks-and-debates,
.button-category--rev:link.category-talks-and-debates,
.button-category--rev:visited.category-talks-and-debates,
.button-category--rev.category-talks-and-events,
.button-category--rev:link.category-talks-and-events,
.button-category--rev:visited.category-talks-and-events,
.button-category--rev.category-writers-poets-speakers,
.button-category--rev:link.category-writers-poets-speakers,
.button-category--rev:visited.category-writers-poets-speakers,
.button-category--rev.category-writers-poets--speakers,
.button-category--rev:link.category-writers-poets--speakers,
.button-category--rev:visited.category-writers-poets--speakers,
.button-category--rev.category-literature,
.button-category--rev:link.category-literature,
.button-category--rev:visited.category-literature {
  color: #006983;
  background-color: #ffffff;
}
.button-category--rev.category-art,
.button-category--rev:link.category-art,
.button-category--rev:visited.category-art,
.button-category--rev.category-visual-arts,
.button-category--rev:link.category-visual-arts,
.button-category--rev:visited.category-visual-arts {
  color: #e0119d;
  background-color: #ffffff;
}
.button-category--rev.category-winter,
.button-category--rev:link.category-winter,
.button-category--rev:visited.category-winter {
  color: #4b08a2;
  background-color: #ffffff;
}
.button-category--rev.category-free,
.button-category--rev:link.category-free,
.button-category--rev:visited.category-free {
  color: #6e267b;
  background-color: #ffffff;
}
.button-category.category-classical-music,
.button-category--rev:hover.category-classical-music,
.button-category--rev:active.category-classical-music,
.button-category.category-classical,
.button-category--rev:hover.category-classical,
.button-category--rev:active.category-classical {
  color: #ffffff;
  background-color: #ff7900;
}
.button-category.category-performance,
.button-category--rev:hover.category-performance,
.button-category--rev:active.category-performance {
  color: #ffffff;
  background-color: #7ab800;
}
.button-category.category-dance,
.button-category--rev:hover.category-dance,
.button-category--rev:active.category-dance,
.button-category.category-dance---world,
.button-category--rev:hover.category-dance---world,
.button-category--rev:active.category-dance---world,
.button-category.category-contemporary,
.button-category--rev:hover.category-contemporary,
.button-category--rev:active.category-contemporary {
  color: #ffffff;
  background-color: #009b48;
}
.button-category.category-gigs,
.button-category--rev:hover.category-gigs,
.button-category--rev:active.category-gigs,
.button-category.category-jazz-and-blues,
.button-category--rev:hover.category-jazz-and-blues,
.button-category--rev:active.category-jazz-and-blues {
  color: #ffffff;
  background-color: #00a9e0;
}
.button-category.category-talks-and-debates,
.button-category--rev:hover.category-talks-and-debates,
.button-category--rev:active.category-talks-and-debates,
.button-category.category-talks-and-events,
.button-category--rev:hover.category-talks-and-events,
.button-category--rev:active.category-talks-and-events,
.button-category.category-writers-poets-speakers,
.button-category--rev:hover.category-writers-poets-speakers,
.button-category--rev:active.category-writers-poets-speakers,
.button-category.category-writers-poets--speakers,
.button-category--rev:hover.category-writers-poets--speakers,
.button-category--rev:active.category-writers-poets--speakers,
.button-category.category-literature,
.button-category--rev:hover.category-literature,
.button-category--rev:active.category-literature {
  color: #ffffff;
  background-color: #006983;
}
.button-category.category-art,
.button-category--rev:hover.category-art,
.button-category--rev:active.category-art,
.button-category.category-visual-arts,
.button-category--rev:hover.category-visual-arts,
.button-category--rev:active.category-visual-arts {
  color: #ffffff;
  background-color: #e0119d;
}
.button-category.category-winter,
.button-category--rev:hover.category-winter,
.button-category--rev:active.category-winter {
  color: #ffffff;
  background-color: #4b08a2;
}
.button-category.category-free,
.button-category--rev:hover.category-free,
.button-category--rev:active.category-free {
  color: #ffffff;
  background-color: #6e267b;
}
/*  ========================================================================== */
/*  @group Support & Membership Categories */
/*  ========================================================================== */
/**
     * Core Support & Membership Colours
     */
.category-support-membership,
.category-support-circles,
.category-support-corporate,
.category-support-trusts,
.category-support-individual,
.category-support-all,
.category-support-other,
.category-support-none {
  color: #ffffff;
}
.category-support-membership .tile-header,
.category-support-circles .tile-header,
.category-support-corporate .tile-header,
.category-support-trusts .tile-header,
.category-support-individual .tile-header,
.category-support-all .tile-header,
.category-support-other .tile-header,
.category-support-none .tile-header,
.category-support-membership .tile-header a,
.category-support-circles .tile-header a,
.category-support-corporate .tile-header a,
.category-support-trusts .tile-header a,
.category-support-individual .tile-header a,
.category-support-all .tile-header a,
.category-support-other .tile-header a,
.category-support-none .tile-header a,
.category-support-membership .tile-header .title,
.category-support-circles .tile-header .title,
.category-support-corporate .tile-header .title,
.category-support-trusts .tile-header .title,
.category-support-individual .tile-header .title,
.category-support-all .tile-header .title,
.category-support-other .tile-header .title,
.category-support-none .tile-header .title,
.category-support-membership .tile-body,
.category-support-circles .tile-body,
.category-support-corporate .tile-body,
.category-support-trusts .tile-body,
.category-support-individual .tile-body,
.category-support-all .tile-body,
.category-support-other .tile-body,
.category-support-none .tile-body {
  color: #ffffff;
}
.category-support-membership .tile-body,
.category-support-circles .tile-body,
.category-support-corporate .tile-body,
.category-support-trusts .tile-body,
.category-support-individual .tile-body,
.category-support-all .tile-body,
.category-support-other .tile-body,
.category-support-none .tile-body {
  color: #ffffff;
}
.category-support-membership .tile-body a,
.category-support-circles .tile-body a,
.category-support-corporate .tile-body a,
.category-support-trusts .tile-body a,
.category-support-individual .tile-body a,
.category-support-all .tile-body a,
.category-support-other .tile-body a,
.category-support-none .tile-body a,
.category-support-membership .tile-body a:link,
.category-support-circles .tile-body a:link,
.category-support-corporate .tile-body a:link,
.category-support-trusts .tile-body a:link,
.category-support-individual .tile-body a:link,
.category-support-all .tile-body a:link,
.category-support-other .tile-body a:link,
.category-support-none .tile-body a:link,
.category-support-membership .tile-body a:visited,
.category-support-circles .tile-body a:visited,
.category-support-corporate .tile-body a:visited,
.category-support-trusts .tile-body a:visited,
.category-support-individual .tile-body a:visited,
.category-support-all .tile-body a:visited,
.category-support-other .tile-body a:visited,
.category-support-none .tile-body a:visited {
  color: #ffffff;
  border-color: #ababab;
}
/*  @group Membership Colours */
/*  ========================================================================== */
.category-support-membership,
.category-support-membership .tile-header {
  background-color: #df6a7b;
}
.category-support-membership-level-1,
.category-support-membership-level-1 .tile-header {
  background-color: #df6a7b;
}
.category-support-membership-level-2,
.category-support-membership-level-2 .tile-header {
  background-color: #532d33;
}
.category-support-membership-level-3,
.category-support-membership-level-3 .tile-header {
  background-color: #532d33;
}
/*  @group Supporters Circles Colours */
/*  ========================================================================== */
.category-support-circles,
.category-support-circles .tile-header {
  background-color: #d0103a;
}
.category-support-circles-level-1,
.category-support-circles-level-1 .tile-header {
  background-color: #d0103a;
}
.category-support-circles-level-2,
.category-support-circles-level-2 .tile-header {
  background-color: #ee2551;
}
.category-support-circles-level-3,
.category-support-circles-level-3 .tile-header {
  background-color: #f46c8a;
}
.category-support-circles-level-4,
.category-support-circles-level-4 .tile-header {
  background-color: #f79baf;
}
/*  @group Corporate Colours */
/*  ========================================================================== */
.category-support-corporate,
.category-support-corporate .tile-header {
  background-color: #7e3c70;
}
.category-support-corporate-level-1,
.category-support-corporate-level-1 .tile-header {
  background-color: #7e3c70;
}
.category-support-corporate-level-2,
.category-support-corporate-level-2 .tile-header {
  background-color: #9b6a90;
}
.category-support-corporate-level-3,
.category-support-corporate-level-3 .tile-header {
  background-color: #a77fa0;
}
/*  @group Trusts & Foundations Colours */
/*  ========================================================================== */
.category-support-trusts,
.category-support-trusts .tile-header {
  background-color: #1b6a93;
}
/*  @group Individual Support Colours */
/*  ========================================================================== */
.category-support-individual,
.category-support-individual .tile-header {
  background-color: #30d3ea;
}
/*  @group All Ways To Support Colours */
/*  ========================================================================== */
.category-support-all,
.category-support-other,
.category-support-none,
.category-support-all .tile-header,
.category-support-other .tile-header,
.category-support-none .tile-header {
  background-color: #222222;
}
/*  ========================================================================== */
/*  @group Basic Categories */
/*  ========================================================================== */
/* Other */
.category-other,
.category-other .tile-front {
  background-color: #37424a;
}
.category-other .tile-header,
.category-other:hover .tile-back {
  background-color: #37424a;
  background-color: rgba(55, 66, 74, 0.8);
}
/* Basic */
.category-basic,
.category-basic .tile-front {
  background-color: #f9e300;
}
.category-basic .tile-header,
.category-basic:hover .tile-back {
  background-color: #f9e300;
}
.area-general-search-results .category-basic,
.area-general-search-results .category-basic .tile-header {
  background-color: #37424a;
}
/*  ========================================================================== */
/*  @group Category Colour Overrides  */
/*  ========================================================================== */
/**
     * Content tiles should always be white.
     */
.type-content,
.type-content-wide,
.type-content-full,
.box {
  background-color: #ffffff;
}
.type-content .tile-header,
.type-content-wide .tile-header,
.type-content-full .tile-header,
.box .tile-header,
.type-content .tile-header .title,
.type-content-wide .tile-header .title,
.type-content-full .tile-header .title,
.box .tile-header .title,
.type-content .tile-body,
.type-content-wide .tile-body,
.type-content-full .tile-body,
.box .tile-body,
.type-content .padding15,
.type-content-wide .padding15,
.type-content-full .padding15,
.box .padding15 {
  color: #333333;
}
.type-content .tile-header,
.type-content-wide .tile-header,
.type-content-full .tile-header,
.box .tile-header {
  background-color: transparent;
}
/*  ========================================================================== */
/*  @group Templates */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Festivals */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Festivals - Sponsor Branding */
/*  ========================================================================== */
.area-sponsor-branding {
  padding-left: 15px;
  margin-bottom: 5px;
}
.area-sponsor-branding .unit-sponsor-image {
  margin: 5px;
  margin-top: -5px;
  margin-bottom: 0;
}
/*  ========================================================================== */
/*  @group Festivals - Navigation */
/*  ========================================================================== */
.unit-navigation-festival-legacy,
.unit-navigation-festival {
  margin: 5px 5px 0;
}
.unit-navigation-festival-legacy li,
.unit-navigation-festival li {
  margin: 0 5px 5px 0;
}
.unit-navigation-festival-legacy a,
.unit-navigation-festival a {
  font-size: 11px;
  font-size: 0.6875rem;
  height: 25px;
  line-height: 23px;
  margin: 0;
  padding: 0 10px;
}
.unit-navigation-festival {
  margin: 0;
}
.unit-navigation-festival li {
  float: none;
  margin: 0;
  margin-bottom: 5px;
}
.unit-navigation-festival li.last {
  margin-bottom: 0;
}
.unit-navigation-festival li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: auto;
  line-height: 1.1;
  padding: 7px 10px;
}
.unit-navigation-festival li ul li {
  margin: 0;
}
.unit-navigation-festival li li a {
  color: #ffffff;
  background-color: #4d4d4d;
  margin-top: 1px;
}
.unit-navigation-festival li li li a {
  color: #ffffff;
  background-color: #333333;
}
.unit-navigation-festival li li ul {
  margin-left: 20px;
}
.unit-navigation-festival li.expanded > a:after,
.unit-navigation-festival li.collapsed > a:after {
  font-family: "Arial Unicode MS", "Lucida Sans Unicode", "Times New Roman", sans-serif;
  font-size: 15px;
  position: absolute;
  right: 12px;
}
.unit-navigation-festival li.collapsed > a:after {
  content: '\25E2';
  font-size: 13px;
  margin-top: -3px;
  line-height: 100%;
  -webkit-margin-before: 0px;
}
.unit-navigation-festival li.expanded > a:after {
  content: '\25BE';
  font-size: 18px;
  margin-top: -4px;
  line-height: 100%;
}
/*  ========================================================================== */
/*  @group Festivals - Type Stack */
/*  ========================================================================== */
/**(Series Page Intro Tile and Navigation Stack) **/
.type-stack,
.type-stack-medium,
.series-primary-container {
  background: none;
}
.type-stack .type-medium,
.type-stack-medium .type-medium,
.series-primary-container .type-medium {
  margin-bottom: 10px;
}
.type-stack .type-medium:last-child,
.type-stack-medium .type-medium:last-child,
.series-primary-container .type-medium:last-child {
  margin-bottom: 0;
}
.type-stack-medium {
  margin: 5px;
  width: 230px;
  height: 470px;
  height: auto;
}
.type-stack-medium .type-medium {
  background: transparent;
}
.type-stack-medium .type-series-intro {
  min-height: 230px;
  height: auto;
}
/**
	 * Fluid width Series node header instead of Masonry header
	 */
.series-primary {
  *zoom: 1;
}
.series-primary:before,
.series-primary:after {
  content: "";
  display: table;
}
.series-primary:after {
  clear: both;
}
.lt-ie8 .series-primary {
  zoom: 1;
}
.series-primary:before,
.series-primary:after {
  content: "";
  display: table;
}
.series-primary:after {
  clear: both;
}
.lt-ie8 .series-primary {
  zoom: 1;
}
.series-primary .type-medium {
  background: transparent;
}
.series-primary-container {
  max-width: 240px;
  position: relative;
  float: left;
}
/**
	 * Override styles for series page & series info page
	 */
.node-type-series .type-stack-medium .type-medium,
.node-type-series-info .type-stack-medium .type-medium,
.node-type-series .series-primary-container .type-medium,
.node-type-series-info .series-primary-container .type-medium {
  height: auto;
}
/**
	 * Override styles for Watch and Listen page & Productions
	 */
.node-type-watch-and-listen .type-stack-medium,
.node-type-series-info .type-stack-medium,
.section-series-whatson .type-stack-medium {
  margin: 0;
  width: 240px;
  min-height: 480px;
}
.node-type-watch-and-listen .type-stack-medium.hides-intro,
.node-type-series-info .type-stack-medium.hides-intro,
.section-series-whatson .type-stack-medium.hides-intro {
  min-height: 240px;
}
.node-type-watch-and-listen .type-stack-medium .type-medium,
.node-type-series-info .type-stack-medium .type-medium,
.section-series-whatson .type-stack-medium .type-medium {
  float: left;
  width: 230px;
  height: auto;
  position: relative;
  margin: 5px;
}
.node-type-watch-and-listen .type-stack-medium .type-medium img,
.node-type-series-info .type-stack-medium .type-medium img,
.section-series-whatson .type-stack-medium .type-medium img {
  width: 100%;
  height: auto;
}
.node-type-series-info #content-area {
  max-width: 960px;
}
.node-type-series-info .type-stack-medium,
.node-type-series-info .type-stack-medium.hides-intro {
  min-height: 950px;
}
.node-type-series-info .type-content-wide {
  width: 710px;
}
@media only screen and (min-width: 767px) and (max-width: 1006px) {
  .node-type-series-info .type-content-wide {
    width: 470px;
  }
}
@media only screen and (max-width: 740px) {
  .node-type-series-info .type-content-wide {
    width: 470px;
  }
}
@media only screen and (max-width: 480px) {
  .node-type-series-info .type-content-wide {
    width: 310px;
  }
}
.node-type-series-info-legacy #content-area {
  max-width: 1200px;
}
/**
	 * Watch & Listen Overrides
	 */
.node-type-watch-and-listen .type-stack-medium.hides-intro {
  min-height: 320px;
}
/*  ========================================================================== */
/*  @group Festivals -  Layout */
/*  ========================================================================== */
.node-type-series .area-tiles-primary {
  width: 100%;
  max-width: 640px;
  float: left;
}
.lt-ie9 .node-type-series .area-tiles-primary {
  width: 480px;
}
.node-type-series .area-tiles-primary .type-content {
  width: 630px;
}
.lt-ie9 .node-type-series .area-tiles-primary .type-content {
  width: 470px;
}
.node-type-series .area-tiles-series-primary {
  max-width: 480px;
}
.node-type-series .area-tiles-series-primary .type-content {
  width: 470px;
}
.node-type-series .tile-link {
  display: block;
  height: 100%;
}
.node-type-series .type-media-title,
.node-type-series .type-media-image,
.node-type-series .type-media-video,
.node-type-series .type-media-audio {
  margin: 5px;
}
.node-type-series .type-cta .tile-body h2.title {
  margin: 5px;
}
/*  ========================================================================== */
/*  @group Festivals - Breakpoints (max-width) */
/*  ========================================================================== */
@media only screen and (min-width: 1400px) {
  .area-tiles-secondary {
    max-width: 720px;
  }
  .type-custom-priceless {
    margin: 5px;
    width: 630px;
    height: 470px;
  }
}
@media only screen and (max-width: 740px) {
  /**
		 * Override styles for Watch and Listen page & Productions
		 */
  .node-type-series-info .type-stack-medium.hides-intro,
  .section-series-whatson .type-stack-medium.hides-intro,
  .node-type-watch-and-listen .type-stack-medium.hides-intro {
    width: 470px;
    height: auto;
    min-height: 0;
    margin: 0 5px;
  }
  .node-type-series-info .type-stack-medium.hides-intro .type-medium,
  .section-series-whatson .type-stack-medium.hides-intro .type-medium,
  .node-type-watch-and-listen .type-stack-medium.hides-intro .type-medium {
    width: 100%;
    float: none;
    margin: 5px 0;
  }
  .node-type-watch-and-listen .type-stack-medium {
    width: 480px;
    height: auto;
    min-height: 0;
  }
  .node-type-watch-and-listen .type-stack-medium .type-medium {
    display: block;
    width: 230px;
    float: left;
  }
}
@media only screen and (max-width: 480px) {
  .node-type-series-info .type-stack-medium,
  .section-series-whatson .type-stack-medium,
  .node-type-watch-and-listen .type-stack-medium {
    width: 310px;
    min-height: 0;
    margin: 0 5px;
  }
  .node-type-series-info .type-stack-medium .type-medium,
  .section-series-whatson .type-stack-medium .type-medium,
  .node-type-watch-and-listen .type-stack-medium .type-medium {
    width: 100%;
    float: none;
    margin: 5px 0;
  }
  .node-type-series-info .type-stack-medium .type-series-intro,
  .section-series-whatson .type-stack-medium .type-series-intro,
  .node-type-watch-and-listen .type-stack-medium .type-series-intro {
    margin-bottom: 10px;
  }
  .node-type-series-info .type-stack-medium.hides-intro {
    width: 310px;
  }
}
/*  ========================================================================== */
/*  @group Festivals - IE 8 Overrides */
/*  ========================================================================== */
.lt-ie9 .node-type-series .series-primary,
.ua-ie-9 .node-type-series .series-primary {
  max-width: 965px;
}
.lt-ie9 .node-type-series .area-tiles-series-secondary,
.ua-ie-9 .node-type-series .area-tiles-series-secondary {
  max-width: 480px;
}
/*  ========================================================================== */
/*  @group FON Map */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group Global Map Styles */
/*  ========================================================================== */
.type-festival-map {
  max-width: 1430px;
  margin: 0 5px 5px;
}
.type-festival-map .map-inner {
  position: relative;
}
.type-festival-map .map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.type-festival-map .map-bg {
  max-height: none;
}
/*  ========================================================================== */
/*  @group Area Festival Map */
/*  ========================================================================== */
.area-festival-map .map-nav {
  display: none;
  padding: .5em 0;
  text-align: center;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-font-smoothing: antialiased;
  line-height: 1.3;
  color: #fed802;
  background-color: #333333;
}
.area-festival-map .map-tabs {
  *zoom: 1;
  list-style: none;
  margin: 5px 5px 0;
  padding-left: 0;
}
.area-festival-map .map-tabs:before,
.area-festival-map .map-tabs:after {
  content: "";
  display: table;
}
.area-festival-map .map-tabs:after {
  clear: both;
}
.lt-ie8 .area-festival-map .map-tabs {
  zoom: 1;
}
.area-festival-map .map-tabs:before,
.area-festival-map .map-tabs:after {
  content: "";
  display: table;
}
.area-festival-map .map-tabs:after {
  clear: both;
}
.lt-ie8 .area-festival-map .map-tabs {
  zoom: 1;
}
.area-festival-map .map-tabs li,
.area-festival-map .map-tabs a {
  display: block;
  float: left;
}
.area-festival-map .map-tabs li {
  margin-left: .3em;
}
.area-festival-map .map-tabs li:first-child {
  margin-left: 0;
}
.area-festival-map .map-tabs a {
  padding: .5em 1em;
  text-align: center;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #444444;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
}
.area-festival-map .map-tabs .current a,
.area-festival-map .map-tabs a:hover {
  color: #444444;
  background-color: #fed802;
}
.area-festival-map .marker,
.area-festival-map .hotspot-illustration {
  position: absolute;
}
.area-festival-map .marker {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  display: none;
  width: 50px;
  height: 50px;
  background: transparent url(/sites/all/themes/mademedia/images/fon/marker.png) no-repeat 0 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  z-index: 500;
  cursor: pointer;
  outline: 0;
}
.lt-ie8 .area-festival-map .marker {
  text-indent: -9999px;
}
.area-festival-map .marker:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.area-festival-map .marker:hover {
  background-position: 0 -50px;
  color: #63cdf6;
}
.area-festival-map .tooltip-inner {
  color: #333333;
  background-color: #fed802;
  font-family: "SBC Lutz", "Lutz Headline", Helmet, Freesans, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.area-festival-map .tooltip.top .tooltip-arrow {
  border-top-color: #fed802;
}
.area-festival-map .tooltip.right .tooltip-arrow {
  border-right-color: #fed802;
}
.area-festival-map .tooltip.left .tooltip-arrow {
  border-left-color: #fed802;
}
.area-festival-map .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fed802;
}
.area-festival-map .popover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  background: transparent url(/sites/all/themes/mademedia/images/fon/popover-large.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  padding: 0;
  width: 280px;
  height: 280px;
  max-width: 280px;
  text-align: left;
  white-space: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.area-festival-map .modal-title,
.area-festival-map .popover-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
  color: #333333;
}
.area-festival-map .modal-title:empty,
.area-festival-map .popover-title:empty {
  display: none;
}
.area-festival-map .popover-title {
  width: 65%;
  margin: 0 auto;
  padding: 45px 0 0;
  text-align: center;
}
.area-festival-map .popover-content {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  color: #444444;
  padding: 0;
}
.area-festival-map .popover-social {
  margin: 0 auto .5em;
  padding: 10px 10px 0;
  background-color: transparent;
  border: 0 none;
  overflow: hidden;
}
.area-festival-map .popover-description {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
  margin-bottom: 10px;
}
.area-festival-map .popover-actions {
  position: absolute;
  bottom: 35px;
  left: 32.5%;
}
.area-festival-map .modal-actions .btn-submit,
.area-festival-map .popover-actions .btn-submit,
.area-festival-map .modal-actions .btn-submit:visited,
.area-festival-map .popover-actions .btn-submit:visited {
  color: #ffffff;
  background-color: #63cdf6;
}
.area-festival-map .modal-actions .btn-submit:hover,
.area-festival-map .popover-actions .btn-submit:hover {
  color: #333333;
  background-color: #63cdf6;
}
.area-festival-map .popover .arrow,
.area-festival-map .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 0 none;
}
.area-festival-map .popover.top {
  margin-top: -72px;
}
.area-festival-map .popover.top .arrow {
  margin: 0;
  left: 0;
  bottom: -72px;
  width: 100%;
  height: 85px;
  background: url('/sites/all/themes/mademedia/images/fon/arrow-down.png') 45.5% 0 no-repeat;
}
.area-festival-map .popover.bottom {
  margin-top: 68px;
}
.area-festival-map .popover.bottom .arrow {
  margin: 0;
  left: 0;
  top: -75px;
  width: 100%;
  height: 85px;
  background: url('/sites/all/themes/mademedia/images/fon/arrow-up.png') 45.5% 0 no-repeat;
}
.area-festival-map .popover.right {
  margin-left: 62px;
  margin-top: 0;
}
.area-festival-map .popover.right .arrow {
  margin: 0;
  top: 0;
  left: -75px;
  width: 85px;
  height: 100%;
  background: url('/sites/all/themes/mademedia/images/fon/arrow-left.png') 0 center no-repeat;
}
.area-festival-map .popover.left {
  margin-left: -65px;
}
.area-festival-map .popover.left .arrow {
  margin: 0;
  top: 0;
  right: -75px;
  width: 85px;
  height: 100%;
  background: url('/sites/all/themes/mademedia/images/fon/arrow-right.png') 0 center no-repeat;
}
.area-festival-map .popover .addthis_toolbox {
  width: 93%;
  margin: 0 auto;
}
.area-festival-map .popover .addthis_button_tweet {
  width: 80px !important;
}
.area-festival-map .modal {
  background-color: #444444;
  background-color: #fed802;
}
.area-festival-map .modal .btn-submit,
.area-festival-map .modal .btn-submit:visited {
  color: #ffffff;
  background-color: #63cdf6;
}
.area-festival-map .modal .btn-submit:hover {
  background-color: #63cdf6;
}
.area-festival-map .modal .close {
  background-image: url('/sites/all/themes/mademedia/images/fon/icon-modal-close.png');
}
.area-festival-map .modal-social {
  margin-bottom: .5em;
}
.area-festival-map .modal-social .addthis_button_tweet,
.area-festival-map .modal-social .addthis_button_facebook {
  padding: 0;
}
.area-festival-map .modal-description {
  max-height: 100%;
  overflow: scroll;
}
/*  @group State */
/*  ========================================================================== */
.markers-loaded .marker {
  display: block;
}
.area-festival-map-shop .marker {
  background: transparent url(/sites/all/themes/mademedia/images/fon/marker-shop.png) no-repeat 0 0;
}
/*  ========================================================================== */
/*  @group UA Overrides */
/*  ========================================================================== */
.lt-ie9 .area-festival-map .tooltip-inner {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}
/*  ========================================================================== */
/*  @group Animations */
/*  ========================================================================== */
@-webkit-keyframes bouncePin {
  0% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bouncePin {
  0% {
    -moz-transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-6%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes bouncePin {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6%);
  }
  100% {
    transform: translateY(0);
  }
}
.area-festival-map .marker.bounce {
  -webkit-animation: bouncePin 2s linear infinite;
  -moz-animation: bouncePin 2s linear infinite;
  animation: bouncePin 2s linear infinite;
}
/*  ========================================================================== */
/*  @group Map Breakpoints */
/*  ========================================================================== */
/*  @group Breakpoint - Medium */
/*  ========================================================================== */
@media only screen and (max-width: 740px) {
  .has-festival-map #header,
  .has-festival-map .footer,
  .has-festival-map .area-sponsor-branding {
    display: none;
  }
  .has-festival-map .area-header {
    margin-bottom: 0;
  }
  .has-festival-map .footer {
    margin-top: 0;
  }
  .has-festival-map .content-area {
    width: 100%;
    margin: 0 auto;
  }
  .has-festival-map .content-area .area-navigation {
    display: none;
  }
  .has-festival-map .content-area .area-tiles,
  .has-festival-map .content-area .type-festival-map {
    margin: 0;
  }
  .type-festival-map {
    cursor: move;
    overflow: hidden;
    width: 100%;
  }
  .type-festival-map .map-bg,
  .type-festival-map .map-overlay {
    max-width: none;
    max-height: none;
  }
  .area-festival-map .map-nav {
    display: block;
  }
  .area-festival-map .map-tabs {
    margin: 0;
    background-color: #333333;
  }
  .area-festival-map .map-tabs li {
    margin-left: 0;
  }
  .area-festival-map .map-tabs a {
    padding: .5em 1em;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #fed802;
    background-color: transparent;
  }
  .touch .type-festival-map {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
/*  @group Breakpoint - Small */
/*  ========================================================================== */
@media only screen and (max-width: 470px) {
  .type-festival-map {
    width: 100%;
  }
  .type-festival-map .map-inner,
  .type-festival-map .map-bg {
    height: 420px;
    width: auto;
  }
  .area-festival-map .map-nav {
    display: block;
  }
}
/* @group Hayward Gallery, Node Child List Styles */
/* ----------------------------------------------------- */
.view-nodehierarchy-children-list .views-row {
  float: left;
  width: 22.5%;
  padding: 0;
  margin-right: 2.5%;
  min-height: 130px;
  position: relative;
}
.view-nodehierarchy-children-list .views-row .field-content {
  padding: 0;
}
.view-nodehierarchy-children-list .views-row img {
  width: 130px;
  height: auto;
  margin-top: 20px;
}
.view-nodehierarchy-children-list .views-row .views-field-title {
  font-size: 12px;
  margin: 0 0 10px;
  line-height: 1.2;
  width: 130px;
  color: #fff;
  background-color: #444;
  position: absolute;
  top: 0;
}
.view-nodehierarchy-children-list .views-row .views-field-title a {
  color: #fff;
  border: none;
}
.view-nodehierarchy-children-list .views-row .views-field-title .field-content {
  display: block;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  padding: 5px 7px;
}
/* @end Hayward Gallery, Node Child List Styles */
/*  ========================================================================== */
/*  @group State */
/*  ========================================================================== */
/*  ========================================================================== */
/*  @group State - Visibility */
/*  ========================================================================== */
.hidden,
.js-hidden,
.is-hidden {
  display: none !important;
  visibility: hidden;
}
.js-contextual,
.is-contextual {
  display: none !important;
}
.js-fallback {
  display: none;
}
.no-js .js-fallback {
  display: block;
}
.is-active {
  display: block !important;
  visibility: visible;
}
.is-shown {
  display: block !important;
  visibility: visible;
  -webkit-animation: target-fade 1.5s 1;
  -moz-animation: target-fade 1.5s 1;
}
.visuallyhidden,
.is-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.is-visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.is-visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible,
.is-invisible {
  visibility: hidden;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.lt-ie8 .ir {
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.float-left,
.float-left-page {
  float: left;
}
.float-right {
  float: right;
}
/**
    * Clearfix
    */
.cf,
.clearfix,
.group,
.section,
.unit,
.tile,
.tile-header,
.tile-body,
.area-header,
.area-header .section,
.footer,
.footer-content {
  *zoom: 1;
}
.cf:before,
.clearfix:before,
.group:before,
.section:before,
.unit:before,
.tile:before,
.tile-header:before,
.tile-body:before,
.area-header:before,
.area-header .section:before,
.footer:before,
.footer-content:before,
.cf:after,
.clearfix:after,
.group:after,
.section:after,
.unit:after,
.tile:after,
.tile-header:after,
.tile-body:after,
.area-header:after,
.area-header .section:after,
.footer:after,
.footer-content:after {
  content: "";
  display: table;
}
.cf:after,
.clearfix:after,
.group:after,
.section:after,
.unit:after,
.tile:after,
.tile-header:after,
.tile-body:after,
.area-header:after,
.area-header .section:after,
.footer:after,
.footer-content:after {
  clear: both;
}
.lt-ie8 .cf,
.lt-ie8 .clearfix,
.lt-ie8 .group,
.lt-ie8 .section,
.lt-ie8 .unit,
.lt-ie8 .tile,
.lt-ie8 .tile-header,
.lt-ie8 .tile-body,
.lt-ie8 .area-header,
.lt-ie8 .area-header .section,
.lt-ie8 .footer,
.lt-ie8 .footer-content {
  zoom: 1;
}
.clear {
  display: block;
  clear: both;
}
/*  ========================================================================== */
/*  @group State - Responsive Helpers */
/*  ========================================================================== */
.is-tablet,
.tablet {
  display: none !important;
}
.is-mobile,
.mobile {
  display: none !important;
}
.is-desktop,
.desktop {
  display: block !important;
}
@media only screen and (max-width: 740px) {
  .is-desktop,
  .desktop,
  .is-mobile,
  .mobile {
    display: none !important;
  }
  .is-tablet,
  .tablet {
    display: block !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-desktop,
  .desktop,
  .is-tablet,
  .tablet {
    display: none !important;
  }
  .is-mobile,
  .mobile {
    display: block !important;
  }
}
/*  ========================================================================== */
/*  @group State - Animations */
/*  ========================================================================== */
.csstransitions .content-area {
  opacity: 0;
  visibility: hidden;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.csstransitions .content-area.isotope-ready {
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*  ========================================================================== */
/*  @group Isotope */
/*  ========================================================================== */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/** @group IE Styles
-------------------------------------------------------- */
/** @group All OldIE
    -------------------------------------------------------- */
.lt-ie9 {
  /**
         * Global Overrides
         */
  /**
         * Layout Overrides
         */
  /**
         * Footer Social Icon Overrides
         */
  /**
         * In IE, when the parent <select> is given an explicit width
         * the select drop-down gets truncated, allow drop-down to expand to full width
         */
  /**
         * Tile Overrides
         */
}
.lt-ie9 h1,
.lt-ie9 h2,
.lt-ie9 h3,
.lt-ie9 h4,
.lt-ie9 h5,
.lt-ie9 h6 {
  font-weight: bold;
}
.lt-ie9 .banner .area-header .section {
  min-width: 950px;
  max-width: 1910px;
  margin: 0 20px;
}
.lt-ie9 .content-area,
.lt-ie9 .footer .footer-content {
  min-width: 960px;
  max-width: 1920px;
  margin: 0 15px;
}
.lt-ie9 .social-twitter,
.lt-ie9 .social-facebook,
.lt-ie9 .social-mail {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.lt-ie9 .unit-navigation-filter .composer {
  display: none;
}
.lt-ie9 .has-full-filter .unit-navigation-filter .composer {
  display: block;
}
.lt-ie9 #shadowbox_container {
  display: none;
}
.lt-ie9 .filter-artform select,
.lt-ie9 .filter-composer select,
.lt-ie9 .filter-venue select,
.lt-ie9 .filter-series select {
  width: auto;
}
.lt-ie9 .type-content-wide {
  margin: 5px;
  width: 470px;
  height: 470px;
  height: auto;
}
.lt-ie9 .node-type-series-info .type-content-wide {
  width: 710px;
}
/* @end All OldIE */
/** @group IE 7
    -------------------------------------------------------- */
.ie7 {
  /**
         * Search form overrides
         */
  /**
         * Footer Social Icon Overrides
         */
  /**
         * Form Overrides
         */
  /**
         * Tile Overrides
         */
  /**
         * Category Overrides
         */
}
.ie7 .area-navigation-tools {
  width: 180px;
  margin-top: 15px;
  margin-right: 5px;
}
.ie7 .unit-search {
  margin-top: 0;
}
.ie7 .unit-search .form-submit {
  top: 2px;
}
.ie7 .social-twitter span,
.ie7 .social-facebook span,
.ie7 .social-mail span {
  position: relative;
  top: 1px;
  left: 5px;
}
.ie7 form input[type="submit"],
.ie7 form .form-submit {
  padding: 4px 15px 3px 5px;
}
.ie7 .type-ticket-info #madetheme-promocode-form .form-item .form-text {
  width: 170px !important;
}
.ie7 .type-ticket-info #madetheme-promocode-form .form-submit {
  margin-right: 5px;
}
.ie7 .category-glance .tile-header {
  background-color: #37424a;
}
.ie7 .category-related .tile-header {
  background-color: #353637;
}
.ie7 .category-booking .tile-header {
  background-color: #6da400;
}
.ie7 .category-classical-music .tile-header,
.ie7 .category-classical .tile-header {
  background-color: #ff7900;
}
.ie7 .category-performance .tile-header {
  background-color: #7ab800;
}
.ie7 .category-dance .tile-header {
  background-color: #009b48;
}
.ie7 .category-gigs .tile-header {
  background-color: #00a9e0;
}
.ie7 .category-jazz-and-blues .tile-header {
  background-color: #00a9e0;
}
.ie7 .category-writers-poets-speakers .tile-header,
.ie7 .category-writers-poets--speakers .tile-header,
.ie7 .category-literature .tile-header {
  background-color: #006983;
}
.ie7 .category-art .tile-header,
.ie7 .category-visual-arts .tile-header {
  background-color: #e0119d;
}
.ie7 .category-winter .tile-header {
  background-color: #4b08a2;
}
.ie7 .category-highlight .tile-header {
  background-color: #f9e300;
}
.ie7 .category-other .tile-header {
  background-color: #37424a;
}
/* @end IE 7 */
/* @end IE Styles */
/** @group IE & All Windows XP
-------------------------------------------------------- */
.lt-ie9,
.ua-windows_nt-5 {
  /**
     * Font Rendering Overrides
     * Early versions of IE and Windows XP (with clear type disabled)
     * renter the Southbank webfonts very poorly so override with a
     * websafe font-family here.
     */
  /**
     * SBC Lutz webfont doesn't use a bold weight,
     * so we need to explicitly set one here for headings
     */
  /**
     * Navigation Overrides
     */
  /**
     * Tile Overrides
     */
}
.lt-ie9 body,
.ua-windows_nt-5 body,
.lt-ie9 caption,
.ua-windows_nt-5 caption,
.lt-ie9 th,
.ua-windows_nt-5 th,
.lt-ie9 td,
.ua-windows_nt-5 td,
.lt-ie9 button,
.ua-windows_nt-5 button,
.lt-ie9 input,
.ua-windows_nt-5 input,
.lt-ie9 textarea,
.ua-windows_nt-5 textarea,
.lt-ie9 select,
.ua-windows_nt-5 select,
.lt-ie9 option,
.ua-windows_nt-5 option,
.lt-ie9 legend,
.ua-windows_nt-5 legend,
.lt-ie9 fieldset,
.ua-windows_nt-5 fieldset,
.lt-ie9 h1,
.ua-windows_nt-5 h1,
.lt-ie9 h2,
.ua-windows_nt-5 h2,
.lt-ie9 h3,
.ua-windows_nt-5 h3,
.lt-ie9 h4,
.ua-windows_nt-5 h4,
.lt-ie9 h5,
.ua-windows_nt-5 h5,
.lt-ie9 h6,
.ua-windows_nt-5 h6 {
  font-family: arial, sans-serif !important;
}
.lt-ie9 h1,
.ua-windows_nt-5 h1,
.lt-ie9 h2,
.ua-windows_nt-5 h2,
.lt-ie9 h3,
.ua-windows_nt-5 h3,
.lt-ie9 h4,
.ua-windows_nt-5 h4,
.lt-ie9 h5,
.ua-windows_nt-5 h5,
.lt-ie9 h6,
.ua-windows_nt-5 h6 {
  font-weight: bold;
}
.lt-ie9 .unit-navigation-primary a,
.ua-windows_nt-5 .unit-navigation-primary a {
  line-height: 25px;
}
.lt-ie9 .unit-navigation-filter .customStyleSelectBox,
.ua-windows_nt-5 .unit-navigation-filter .customStyleSelectBox,
.lt-ie9 .unit-navigation-filter a,
.ua-windows_nt-5 .unit-navigation-filter a {
  letter-spacing: normal;
}
.lt-ie9 .tile .tile-header .title,
.ua-windows_nt-5 .tile .tile-header .title {
  font-weight: bold;
}
.lt-ie9 .tile .tile-body,
.ua-windows_nt-5 .tile .tile-body {
  letter-spacing: normal;
}
/* @end IE & All Windows XP */
@charset "UTF-8";
body {
  -webkit-backface-visibility: hidden;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible!important;
  -o-animation-name: flip;
  backface-visibility: visible!important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible!important;
  -o-animation-name: flipInX;
  backface-visibility: visible!important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible!important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible!important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible!important;
  -o-animation-name: flipInY;
  backface-visibility: visible!important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible!important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible!important;
  -o-animation-name: flipOutY;
  backface-visibility: visible!important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: .25s;
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  animation-duration: 0.25s;
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.wiggle {
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: 0.75s;
}