/* Minification failed. Returning unminified contents.
(10899,20): run-time error CSS1031: Expected selector, found '&'
(10899,20): run-time error CSS1025: Expected comma or open brace, found '&'
(11174,12): run-time error CSS1036: Expected expression, found ';'
(17750,17): run-time error CSS1039: Token not allowed after unary operator: '-color-state-dark-active'
 */
html {
    overflow-y: scroll;
}

.interior-page a:link,
a:visited {
    color: #605937;
    text-decoration: none;
    z-index: 0;
}

.interior-page a.no-underline {
    text-decoration: none;
}

.interior-page a:link,
a:visited {
    color: #605937;
    font-weight: bold;
    text-decoration: none;
    transition: color .5s;
}

code {
    border: 1px solid #951316;
    border-left: 1rem solid #951316;
    display: block;
    font-family: Consolas, Courier New, monospace;
    font-size: 0.75em;
    padding: 1rem 0.8rem 1rem 1.2rem;
    margin: 10px 5px;
}

dt {
    display: inline-block;
    font-size: 1.8em; /* 30 px */
    font-weight: bold;
    width: 23.666667%;
    text-align: right;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    clear: left;
    margin-top: 0.2em;
}

dd {
    display: inline-block;
    padding-left: 5px;
    vertical-align: baseline;
    width: 76.333333%;
    float: left;
    padding-right: 15px;
    margin-top: 0.5em;
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h6,
#content h1, #content h2, #content h3, #content h4, #content h6 {
    margin-bottom: 8px;
    margin-top: 20px;
}

#main-content h1, #content h1 {
    color: #665c44;
    font-family: 'Oswald', sans-serif;
    font-size: 1.8em; /* 36px */
    font-weight: bold;
}

#main-content h2, #content h2 {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 2.115em; /* 34px */
    font-weight: bold;
    padding: 5px 0;
    text-transform: uppercase;
}

#main-content h3, #content h3 {
    color: #84817b;
    font-size: 1.2em; /* 24px */
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

#main-content h4, #content h4 {
    color: #333333;
    font-family: 'EB Garamond', serif;
    font-size: 1.5em; /* 24px */
    font-weight: bold;
}

#main-content h5, #content h5 {
    background-color: #605937;
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
    text-transform: uppercase;
    margin-top: 1em;
}

h5.accent {
    border-bottom: 4px solid;
    padding-top: 10px;
    padding-bottom: 6px;
}

h5.accent-black {
    border-color: #5d5c5a;
}

h5.accent-blue {
    border-color: #3399cc;
}

h5.accent-pink {
    border-color: #cc3399;
}

h5.accent-purple {
    border-color: #af498a;
}

h5.accent-red {
    border-color: #951316;
}

h5.accent-green {
    border-color: #336600;
}

h5.accent-orange {
    border-color: #ff6600;
}

h5.accent-yellow {
    border-color: #ffcc00;
}

#main-content h6, #content h6 {
    font-family: 'EB Garamond', serif;
    font-size: 1.25em;
}

/*img {
    max-width: 100%;
}
*/

a.mobile-show {
    display: none;
}

@media (max-width: 479px) { /* EXTRA SMALL */
    a.mobile-show {
        display: block;
    }

    a.mobile-hide {
        display: none;
    }
}


/*p {*/
/* font-size: 0.875em; */ /* 14px */
/*margin: 0 0 1em;
    line-height: 1.3em;
}

.bodyfont {
    font-size: 0.875em;*/ /* 14px */
/*line-height: 1.3em;
}

p.reverse-margin {
    margin: 0 0 1em;
}*/

sup {
    font-size: smaller;
    position: relative;
    top: -0.2em;
    vertical-align: baseline;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

ul {
    list-style-image: url(/images/ims/bullet.png);
    list-style-position: outside;
    padding-left: 28px;
}

html#chromeless, body#chromeless {
    background-color: #fff;
}

    body#chromeless #content {
        margin: 10px;
    }

#content ul {
    margin-bottom: 1em;
}

    #content ul.without-margin {
        margin-bottom: 0;
    }

/*ul > li {
    margin: .3em 0;
    font-size: 0.875em;*/ /* 14px */
/*line-height: 1.3em;
}

ul.red-list > li {
    list-style-image: url(/images/ims/bullet_red.png);
}

ul.orange-list > li {
    list-style-image: url(/images/ims/bullet_orange.png);
}

ul.green-list > li {
    list-style-image: url(/images/ims/bullet_green.png);
}*/

legend {
    display: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e1dfda;
    margin: 0;
    padding: 0;
}

.breadcrumbs span {
    font-size: 0.7em;
}

.button {
    border-spacing: 5px;
    border: none;
    display: table;
    margin: 3px 0 0 0;
    padding: 3px 4px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

input.button {
    padding: 8px;
}

.social-buttons input.button {
    padding: 3px;
}

.singleLine {
    white-space: nowrap;
}

.button .text {
    padding-right: 15px;
}

    .button .text.min-padding {
        padding-right: 5px;
    }

.button.wide {
    width: 175px;
}

.button,
a:link.button,
a:visited.button {
    color: #fff;
    font-size: 0.875em; /* 14px */
    font-weight: bold;
}

    .button span {
        display: table-cell;
        vertical-align: middle;
    }

    .button.sold-out {
        background-color: #666666;
        margin-top: 2.25em;
    }

    .button.tout-link {
        height: 47px;
        margin: 5px 0 0;
        position: relative;
        width: 100%;
    }

    .button.tout-text-link {
        margin-top: 0;
        padding-top: 10px;
        text-align: center;
    }

    .button.tout-link,
    a:link.button.tout-link,
    a:visited.button.tout-link {
        font-size: 0.8em;
    }

    .button.tout-text-link,
    a:link.button.tout-text-link,
    a:visited.button.tout-text-link {
        font-size: 1em;
    }


    .button.tout-link > span.text {
        display: block;
        height: 100%;
        position: absolute;
        left: 10px;
        top: 0;
    }

        .button.tout-link > span.text > span {
            bottom: 0;
            display: block;
            height: 1em;
            margin: auto 0;
            position: absolute;
            left: 0;
            top: 0;
            white-space: nowrap;
        }

    .button.tout-link > span.icon {
        left: auto;
        right: 0;
        height: 100%;
        position: absolute;
        width: 54px;
        top: 0;
    }

        .button.tout-link > span.icon > span {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

.calloutLink {
    color: #fff;
    font-size: 0.875em;
    font-weight: bold;
    margin-bottom: 3px;
    padding: 12px 8px;
    text-transform: uppercase;
    width: 175px;
}

.center-vertical {
    bottom: 0;
    position: absolute;
    top: 0;
}

.bg-darker {
    background-color: #666666;
}

.bg-dark {
    background-color: #999999;
}

.bg-normal {
    background-color: #bbaf8c;
}

.bg-light {
    background-color: #dcd6c2;
}

.bg-lighter {
    background-color: #e1dfd9;
}

.fs-xx-small {
    font-size: 10px !important;
}

.fs-x-small {
    font-size: 12px !important;
}

.fs-small {
    font-size: 14px !important;
}

.fs-medium {
    font-size: 22px !important;
}

.fs-large {
    font-size: 24px !important;
}

.fs-x-large {
    font-size: 28px !important;
}

.fs-xx-large {
    font-size: 34px !important;
}

.fs-xxx-large {
    font-size: 36px !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.md-margin {
    margin: 1em;
}

.md-margin-top {
    margin-top: 1em;
}

.md-margin-bottom {
    margin-bottom: 1em;
}

.md-margin-left {
    margin-left: 1em;
}

.md-margin-right {
    margin-right: 1em;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-list-style {
    list-style: none !important;
}



.no-transition {
    transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -o-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-duration: 0 !important;
    -moz-transition-duration: 0 !important;
    -ms-transition-duration: 0 !important;
    -o-transition-duration: 0 !important;
    -webkit-transition-duration: 0 !important;
}

.notice {
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    color: #941317;
}

.smallnotice {
    font-style: italic;
}

.note {
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.superBold {
    font-weight: bold;
    font-size: 1.1em;
}

.subheader {
    font-family: 'lorabold', serif;
    font-size: 1.1em;
}

.caps {
    text-transform: uppercase;
}

.serif {
    font-family: 'lorabold', serif;
}

/* UTILITY CLASSES */
.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.divider {
    padding-bottom: .5em;
    border-bottom: 1px solid #e1dfda;
    margin-bottom: 15px;
}

.subhead {
    margin-top: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

/* IMAGE UTILITIES */

.img-responsive {
    max-width: 100%;
    height: auto;
}

.img-fullsize {
    width: 100%;
}

/* IMAGE WIDTH CUTOFFS */
.img-min-550 {
    min-width: 550px;
}

/* EMBEDDED FLICKR CONTENT */
.flickr {
    width: 100%;
}

/* FORM ELEMENTS*/
.nospace {
    white-space: nowrap;
}

.formLabel {
    /*font-family: 'lorabold', serif;*/
    font-weight: bold;
    margin-top: 0.7em;
    text-transform: uppercase;
}

.formField {
    margin-top: 0.7em;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: #e1dfda;
    border: none;
    padding: 5px 5px;
    margin-top: 2px;
    font-weight: normal;
}

#divForm .input-group {
    padding: 10px 20px 10px 0;
}

#divForm input, #divForm textarea {
    width: 100%;
}

#divForm select {
    width: 100%;
    height: 90%;
}

select {
    height: 32px;
    font-size: .90em;
    min-width: 50px;
    font-family: Arial, sans-serif;
}

input {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: Arial, sans-serif;
}

.labelWithInput {
    line-height: 26px;
}

input[type="radio"] {
    line-height: 26px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 5px;
    line-height: 26px;
}


.inline-form-label {
    margin-right: 15px;
}

/* VALIDATION */
span.required,
label.error {
    color: #951316;
    font-weight: bold;
}

label.error {
    font-size: 12px !important; /* see .fs-small */
    float: left;
    margin-top: .5em;
}

/* Screen Reader / Visually Hidden Text / Actually Hidden */

.sr-only, .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

    .sr-only.focusable, .visually-hidden.focusable {
        position: static;
        overflow: visible;
        clip: auto;
        margin: 0;
        width: auto;
        height: auto;
    }

        .visually-hidden.focusable#skip-to-content {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }


/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
        background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 150ms infinite linear;
            -moz-animation: spinner 150ms infinite linear;
            -ms-animation: spinner 150ms infinite linear;
            -o-animation: spinner 150ms infinite linear;
            animation: spinner 150ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
        }

@media all and (max-width: 600px) {
    body {
        font-size: 14px; /* 16 * 0.875 */
    }

    .button.wide {
        width: 145px;
    }

    .fs-xx-small {
        font-size: 8.75px !important;
    }
    /* 10 * 0.875 */
    .fs-x-small {
        font-size: 10.5px !important;
    }
    /* 12 * 0.875 */
    .fs-small {
        font-size: 12.25px !important;
    }
    /* 14 * 0.875 */
    .fs-medium {
        font-size: 19.25px !important;
    }
    /* 22 * 0.875 */
    .fs-large {
        font-size: 21px !important;
    }
    /* 24 * 0.875 */
    .fs-x-large {
        font-size: 24.5px !important;
    }
    /* 28 * 0.875 */
    .fs-xx-large {
        font-size: 29.75px !important;
    }
    /* 34 * 0.875 */
    .fs-xxx-large {
        font-size: 31.5px !important;
    }
    /* 36 * 0.875 */

    dt {
        width: 25%;
    }

    dd {
        width: 75%;
    }
}



@media (max-width: 479px) { /* EXTRA SMALL */
    .button {
        padding: 3px 1px;
    }

        .button .text {
            padding-right: 5px;
        }

    .subheader {
        font-size: 1em;
    }

    dt {
        width: 31.33333333%;
        font-size: 1.2em;
        padding-right: 10px;
    }

    dd {
        margin-top: 0.2em;
        margin-bottom: 0.4em;
        width: 68.666667%;
    }
}

@media (min-width: 480px) and (max-width: 767px) { /* SMALL */

}

@media (min-width: 768px) and (max-width: 959px) { /* MEDIUM */

}

@media (min-width: 960px) and (max-width: 1099px) { /* LARGE */

}

@media (min-width: 1100px) { /* EXTRA LARGE */

}

/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}

img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
*/

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.solid-col {
    margin-left: -12px;
}

.xl-stacked {
    margin-bottom: 15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-2h, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
    position: relative;
    min-height: 1px;
    /*margin-left: auto;*/
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-1, .col-xs-2, .col-xs-2h, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.no-padding {
    padding-left: 0px;
}

.no-paddingLeft {
    padding-left: 0px !important;
}

.no-paddingRight {
    padding-right: 0px;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}
/* CUSTOM */
.col-xs-2h {
    width: 20%
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: 0%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: 0%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 480px) {

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2h, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12,
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: 0%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: 0%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 768px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: 0%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: 0%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 960px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: 0%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: 0%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

/*** CUSTOM ***/
@media (min-width: 1100px) {
    .xl-stacked {
        margin-bottom: 0px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: 0%;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: 0%;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

.clr-left {
    clear: left;
}

.clr-right {
    clear: right;
}

.clr-both {
    clear: both;
}

.margin-top {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.text-margin-bottom {
    margin-bottom: 8px;
}

.text-margin-top {
    margin-top: 8px;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
    display: none !important;
}

@media (max-width: 479px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }

    /* Custom */
    .clr-left-xs {
        clear: left;
    }

    .clr-right-xs {
        clear: right;
    }

    .clr-both-xs {
        clear: both;
    }

    .margin-top-xs {
        margin-top: 15px;
    }

    .margin-bottom-xs {
        margin-bottom: 15px;
    }

    .no-paddingLeft-xs {
        padding-left: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

    /* Custom */
    .clr-left-sm {
        clear: left;
    }

    .clr-right-sm {
        clear: right;
    }

    .clr-both-sm {
        clear: both;
    }

    .margin-top-sm {
        margin-top: 15px;
    }

    .margin-bottom-sm {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }

    /* Custom */
    .clr-left-md {
        clear: left;
    }

    .clr-right-md {
        clear: right;
    }

    .clr-both-md {
        clear: both;
    }

    .margin-top-md {
        margin-top: 15px;
    }

    .margin-bottom-md {
        margin-bottom: 15px;
    }
}

@media (min-width: 960px) and (max-width: 1099px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }

    /* Custom */
    .clr-left-lg {
        clear: left;
    }

    .clr-right-lg {
        clear: right;
    }

    .clr-both-lg {
        clear: both;
    }

    .margin-top-lg {
        margin-top: 15px;
    }

    .margin-bottom-lg {
        margin-bottom: 15px;
    }
}

@media (min-width: 1100px) {
    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl,
    td.visible-xl {
        display: table-cell !important;
    }

    /* Custom */
    .clr-left-xl {
        clear: left;
    }

    .clr-right-xl {
        clear: right;
    }

    .clr-both-xl {
        clear: both;
    }

    .clr-none-xl {
        clear: none;
    }

    .margin-top-xl {
        margin-top: 15px;
    }

    .margin-bottom-xl {
        margin-bottom: 15px;
    }
}

@media (max-width: 479px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 960px) and (max-width: 1099px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1100px) {
    .hidden-xl {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/* ==================== Tout Container ==================== */
.tout-container
{
	margin: 0 auto;
}

@media (min-width:960px)
{
	.tout-container > *:first-child
	{
		margin-top: 0px;
	}
}

/* ==================== Tout Grid ==================== */
.tout
{
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 230px;
}

.tout-xs-1-1, .tout-xs-1-2, .tout-xs-1-x, .tout-xs-2-1, .tout-xs-2-2, .tout-xs-2-x, .tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x
{
	width: 230px;
}

.tout-xs-1-1, .tout-xs-2-1, .tout-xs-x-1
{
	height: 151px;
}

.tout-xs-1-2, .tout-xs-2-2, .tout-xs-x-2
{
	height: 312px;
}

.tout-xs-1-x, .tout-xs-2-x, .tout-xs-x-x
{
	height: auto;
}

@media (min-width: 480px)
{
	.tout
	{
		margin-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		width: 240px;
	}

	.tout-xs-2-1, .tout-xs-2-2, .tout-xs-2-x, .tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x
	{
		width: 480px;
	}
	
	.tout-xs-1-2, .tout-xs-2-2, .tout-xs-x-2
	{
		height: 317px;
	}

    .tout-sm-1-1, .tout-sm-1-2, .tout-sm-1-x
	{
		width: 240px;
	}
	
    .tout-sm-2-1, .tout-sm-2-2, .tout-sm-2-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x
    {
        width: 480px;
    }

    .tout-sm-1-1, .tout-sm-2-1, .tout-sm-x-1
    {
        height: 151px;
    }

    .tout-sm-1-2, .tout-sm-2-2, .tout-sm-x-2
    {
        height: 317px;
    }

	.tout-sm-1-x, .tout-sm-2-x, .tout-sm-x-x
	{
		height: auto;
	}
}

@media (min-width: 720px)
{
	.tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x
	{
		width: 720px;
	}
	
	.tout-md-1-1, .tout-md-1-2, .tout-md-1-x
	{
		width: 240px;
	}
	
	.tout-md-2-1, .tout-md-2-2, .tout-md-2-x
	{
		width: 480px;
	}

    .tout-md-x-1, .tout-md-x-2, .tout-md-x-x
    {
        width: 720px;
    }

	.tout-md-1-1, .tout-md-2-1, .tout-md-x-1
	{
		height: 151px;
	}
	
	.tout-md-1-2, .tout-md-2-2, .tout-md-x-2
	{
		height: 317px;
	}
	
	.tout-md-1-x, .tout-md-2-x, .tout-md-x-x
	{
		height: auto;
	}
}

@media (min-width: 960px)
{	
	.tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x, .tout-md-x-1, .tout-md-x-2, .tout-md-x-x
	{
		width: 480px;
	}
	
	.tout-lg-1-1, .tout-lg-1-2, .tout-lg-1-x
	{
		width: 240px;
	}

    .tout-lg-2-1, .tout-lg-2-2, .tout-lg-2-x, .tout-lg-x-1, .tout-lg-x-2, .tout-lg-x-x
    {
        width: 480px;
    }

	.tout-lg-1-1, .tout-lg-2-1, .tout-lg-x-1
	{
		height: 151px;
	}
	
	.tout-lg-1-2, .tout-lg-2-2, .tout-lg-x-2
	{
		height: 317px;
	}
	
	.tout-lg-1-x, .tout-lg-2-x, .tout-lg-x-x
	{
		height: auto;
	}
}
/* ==================== Breadcrumbs ==================== */

#breadcrumbs {
    text-align: right;
    display: block;
    font-size: .85em;
}

    #breadcrumbs > ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #breadcrumbs > ul > li {
            display: inline-block;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            #breadcrumbs > ul > li + li + li:before {
                content: "\00BB";
                display: inline-block;
                margin: 0 0.25em;
                vertical-align: top;
                line-height: 1em;
            }

            #breadcrumbs > ul > li > a {
                font-weight: normal;
            }

/* ==================== Logo and Tagline ==================== */
#logo_tagline {
    display: table;
    height: 100%; /* 54px / 16px */
}

#logo,
#tagline {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

#logo {
    padding: 0 0.375em;
    text-align: center;
    width: 7.25em; /* 104px / 16px */
}

    #logo img {
        max-height: 100%;
    }

#tagline > p {
    border-left: solid 1px #646464; /* COLOR */
    font-family: sans-serif; /* Temporary */
    margin: 0;
    padding: 0.675em;
    text-transform: uppercase;
    font-size: .77em;
}

/* ==================== Main Menu ==================== */
#btn-menu {
    background: transparent;
    color: white;
    cursor: pointer;
    border: 0 none;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 1em;
    padding: 0 10px;
    outline: none;
    margin: 0;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    z-index: 2;
}

#btn-menu-text {
    display: none;
}

#btn-menu-icon {
    display: inline-block;
    vertical-align: middle;
}

#btn-menu-icon-container {
    display: inline-block;
    width: 7px;
    overflow: hidden;
    height: 16px;
    white-space: nowrap;
}

    #btn-menu-icon-container span:first-child {
        margin-left: 0%;
        transition: margin-left 0.5s;
        -webkit-transition: margin-left 0.5s;
        -moz-transition: margin-left 0.5s;
        -ms-transition: margin-left 0.5s;
        -o-transition: margin-left 0.5s;
    }

#container-menu {
    pointer-events: all;
}

#wrapper-menu {
    height: 0;
    pointer-events: all;
    position: relative;
    left: 0;
    right: 0;
    /* top: 4.375em; */
}

#wrapper-menu-accordion {
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

#menu > ul {
    list-style: none;
    padding: 0;
}

    #menu > ul > li {
        font-size: 1em;
        margin: 0;
        transition: background 0.5s;
        -moz-transition: background 0.5s;
        -webkit-transition: background 0.5s;
        -ms-transition: background 0.5s;
        -o-transition: background 0.5s;
    }

        #menu > ul > li > a {
            color: white;
            display: block;
            padding: 10px;
            text-decoration: none;
            white-space: nowrap;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            touch-action: manipulation;
            -ms-touch-action: manipulation;
        }

@media (min-width: 480px) {
    #btn-menu {
        padding: 0 15px;
    }

    #menu > ul > li > a {
        padding: 10px 15px;
    }
}

@media (max-width: 959px) {
    #wrapper-menu {
        background: black; /* COLOR Temporary */
        overflow: hidden;
        z-index: 100;
        transition: height 0.5s;
        -moz-transition: height 0.5s;
        -webkit-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
    }

    #wrapper-menu-accordion {
        bottom: 0;
    }

    #menu {
        background: #232018; /* COLOR Temporary */
    }
}

@media (min-width: 960px) /* LARGE */
{
    #btn-menu {
        left: 17.5em;
        padding: 0px;
        right: auto;
    }

    #btn-menu-text {
        display: inline-block;
        font-size: 0.875em;
        overflow: hidden;
        text-transform: uppercase;
        vertical-align: middle;
        width: 3em;
        transition: width 0.5s;
        -moz-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
    }

    #wrapper-menu {
        top: 0;
        position: absolute;
        /* z-index: inherit; */
    }

    #wrapper-menu-accordion {
        height: 4.375em;
        top: 0;
    }

    #container-menu {
        height: 100%;
        left: 47em;
        overflow: visible;
        position: absolute;
        top: 0;
        width: auto;
        /*transition: width 0.75s;
        -moz-transition: width 0.75s;
        -webkit-transition: width 0.75s;
        -ms-transition: width 0.75s;
        -o-transition: width 0.75s;*/
    }

    #menu {
        height: 100%;
        right: 0;
        position: absolute;
        top: 0;
    }

        #menu > ul {
            display: table;
            height: 100%;
        }

            #menu > ul > li {
                display: table-cell;
                height: 100%;
                vertical-align: middle;
            }

                #menu > ul > li > a {
                    cursor: hand;
                    font-size: 0.875em;
                    font-weight: normal;
                    padding: 15px 10px;
                }

                #menu > ul > li,
                #menu > ul > li + li > a {
                    transition-delay: 0.1s;
                    -moz-transition-delay: 0.1s;
                    -webkit-transition-delay: 0.1s;
                    -ms-transition-delay: 0.1s;
                    -o-transition-delay: 0.1s;
                }

                    #menu > ul > li + li > a {
                        border-left: solid 1px #333333; /* COLOR Temporary */
                        transition: border-color 0.5s;
                        -moz-transition: border-color 0.5s;
                        -webkit-transition: border-color 0.5s;
                        -ms-transition: border-color 0.5s;
                        -o-transition: border-color 0.5s;
                    }

                    #menu > ul > li + li:hover > a,
                    #menu > ul > li:hover + li > a,
                    #menu > ul > li + li.active > a,
                    #menu > ul > li.active + li > a {
                        border-color: transparent;
                    }

    .nav-mobile-link {
        display: none !important;
    }
}

@media (min-width: 1100px) {
    #btn-menu-text {
        font-size: 1em;
    }

    #menu > ul > li > a {
        font-size: 1em;
        padding: 15px;
    }

    #container-menu {
        height: 100%;
        left: 54em;
        overflow: visible;
        position: absolute;
        top: 0;
        width: auto;
        /*transition: width 0.75s;
        -moz-transition: width 0.75s;
        -webkit-transition: width 0.75s;
        -ms-transition: width 0.75s;
        -o-transition: width 0.75s;*/
    }
}

/* ==================== Main Menu Submenu ==================== */

.submenu-container {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.5s;
    -moz-transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
}

.submenu-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
}

.submenu-bg,
.submenu-fg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.submenu-bg {
    background: #918362; /* COLOR Temporary */
}

.submenu-fg > ul {
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 100%;
}

    .submenu-fg > ul > li {
        display: block;
        font-size: 1em;
        margin: 0;
    }

        .submenu-fg > ul > li > a {
            color: white;
            display: block;
            padding: 10px 20px;
            text-decoration: none;
            font-size: 0.875em;
            font-weight: normal;
        }

            .submenu-fg > ul > li > a:hover {
                text-decoration: underline;
            }

@media (min-width: 960px) {
    .submenu-container {
        top: 4.375em;
        position: absolute;
    }

    .submenu-bg {
        background: black;
        /*opacity: 0.90;*/
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    }

    .submenu-fg > ul {
        padding: 10px;
        width: auto;
    }

        .submenu-fg > ul > li > a {
            font-weight: bold;
        }
}

/* ==================== Main Menu Events Submenu ==================== */

#submenu-events > li > a {
    display: table;
    width: 100%;
}

    #submenu-events > li > a > span.sub-evt-icn {
        display: none;
    }

    #submenu-events > li > a > span.sub-evt-txt {
        display: table-cell;
        vertical-align: middle;
    }

@media (min-width: 960px) {
    #submenu-events {
        white-space: normal;
        width: 15.625em; /* 250px */
    }

        #submenu-events > li > a {
            padding: 10px 0;
        }

            #submenu-events > li > a > span.sub-evt-icn {
                display: table-cell;
                height: 3.75em; /* 60px */
                text-align: center;
                vertical-align: middle;
                width: 6.25em; /* 100px */
            }
}

/* ==================== Header Links Wrapper ==================== */
#wrapper-links {
    overflow: hidden;
    padding: 10px;
    pointer-events: all;
}

@media (min-width: 480px) {
    #wrapper-links {
        padding: 10px 15px;
    }
}

@media (min-width: 960px) {
    #wrapper-links {
        padding: 0 15px;
        position: absolute;
        right: 0;
        top: 0;
    }
}

/* ==================== User Links ==================== */
#links-user {
    float: left;
    width: 40%;
}

    #links-user > ul {
        background: #5c5c5c; /* Color Temporary */
        font-size: 0.75em;
        list-style: none;
        text-align: center;
        width: 10em;
        padding: 0;
    }

        #links-user > ul > li {
            margin: .5em 0;
            display: inline-block;
            font-size: 1em;
            white-space: nowrap;
        }

            #links-user > ul > li > a {
                color: white;
                font-weight: normal;
                margin: 0 0.5em;
                text-decoration: none;
            }

                #links-user > ul > li > a:hover {
                    text-decoration: underline;
                }

            #links-user > ul > li + li:before {
                color: #848484; /* COLOR Temporary */
                content: "|";
            }

@media (min-width: 960px) {
    #links-user {
        float: right;
        width: auto;
    }
}

/* ==================== Cart Links ==================== */
#links-cart {
    float: left;
    width: 20%;
    text-align: center;
}

    #links-cart > a {
        color: white;
        display: block;
        font-size: 0.875em;
        font-weight: normal;
        padding: 0.328125em 0;
        text-decoration: none;
        white-space: nowrap;
    }

        #links-cart > a > span /* Temporary */ {
            display: inline-block;
            vertical-align: middle;
            /* width: 1em; */
            /* height: 1em; */
            /* background: #888888; */
            margin-right: 5px;
        }

@media (min-width: 960px) {
    #links-cart {
        float: right;
        margin-right: 10px;
        width: auto;
    }
}

/* ==================== Social Links ==================== */
#links-social {
    float: left;
    text-align: right;
    width: 40%;
}

    #links-social > ul {
        display: inline-block;
        font-size: 0.75em;
        height: 2em;
        list-style: none;
        text-align: center;
        white-space: nowrap;
        width: 10em;
        padding: 0;
    }

        #links-social > ul > li {
            background: #5c5c5c; /* COLOR Temporary */
            display: inline-block;
            float: left;
            font-size: 1em;
            height: 2em;
            margin: 0 0 0 0.666666666em;
            width: 2em;
        }

            #links-social > ul > li > a {
                display: block;
                height: 100%;
                width: 100%;
                line-height: 2em;
            }

            #links-social > ul > li:first-child {
                margin-left: 0;
            }

            #links-social > ul > li > a > span /* Temporary */ {
                /* background: white; */
                /* display: inline-block; */
                /* height: 75%; */
                /* margin: 12.5%; */
                /* width: 75%; */
                vertical-align: middle;
            }

@media (min-width: 960px) {
    #links-social {
        clear: right;
        float: right;
        margin-top: 10px;
        width: auto;
    }
}

/* ==================== Site Search ==================== */
/*#wrapper-search {
    padding: 10px;
    pointer-events: all;
}

#form-search {
    display: table;
    width: 100%;
}

#search-input,
#search-button {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}*/

/*#search-button {
    padding-left: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 34px;
}*/

/*#search-keywords-bg {
    background: white;
    border-radius: 0.8em;
    font-size: 1em;
    height: 1.6em;
    padding: 0 0.8em;
}

#search-keywords {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    outline: 0 none;
    width: 100%;
}*/

/*#search-button > button {
    background: transparent;
    border: 0 none;
    cursor: pointer;
    height: 24px;
    margin: 0;
    outline: none;
    padding: 0;
}*/

/*@media (min-width: 480px) {
    #wrapper-search {
        padding: 10px 15px;
    }
}

@media (min-width: 960px) {
    #wrapper-search {
        padding: 0px;
        position: absolute;
        right: 9em;*/ /* 149px */
/*top: 2.25em;*/ /* 31px */
/*z-index: 1;
    }

    #form-search {
        display: block;
        width: auto;
    }

    #search-input,
    #search-button {
        display: inline-block;
        text-align: left;
    }

    #search-input {
        height: 1.6em;
        overflow: hidden;
        position: relative;
        width: 0;
        transition: width 0.5s;
        -webkit-transition: width 0.5s;
        -moz-transition: width 0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
    }

    #search-button {
        margin-left: 4px;
        padding-left: 0px;
        width: 22px;
    }

    #search-keywords-bg {
        position: absolute;
        right: 0;
        width: 250px;
    }
}*/

/* ==================== Event Name ==================== */

#event-name {
    color: white;
    display: block;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation;
    -ms-touch-action: manipulation;
}

@media (min-width: 960px) {
    #event-name {
        display: none;
    }
}

/* ==================== Event Sidebar Logo ==================== */
#logo_event_date {
    width: 100%;
}

#logo-event {
    display: none;
}

@media (min-width: 960px) {
    #logo-event {
        display: table-cell;
        height: 215px;
        padding: 10px; /* 10px / 16px */
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

        #logo-event > a {
            display: inline-block;
            min-width: 92px;
            width: 65%;
        }

            #logo-event > a > img {
                width: 100%;
            }
}

/* ==================== Event Sidebar Date ==================== */

#event-date {
    display: none;
}

@media (min-width: 960px) {
    #event-date {
        color: white;
        display: block;
        margin: 1em 0 0 0;
        text-align: center;
        vertical-align: top;
    }
}

/* ==================== Event Nav Handle ==================== */
@media (max-width: 959px) {
    #event-nav-handle {
        /* bottom: -0.9375em; */ /* 15px */
        display: block;
        height: 0.9375em; /* 15px */
        left: 0;
        margin: 0 auto;
        right: 0;
        position: absolute;
        width: 5em; /* 80px */
        z-index: 100;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        touch-action: manipulation;
        -ms-touch-action: manipulation;
        background: #888888; /* COLOR Temporary */
        background: url(/styles/ims/v1/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmE2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #888888 0%, #a6a6a6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#a6a6a6));
        background: -webkit-linear-gradient(top, #888888 0%,#a6a6a6 100%);
        background: -o-linear-gradient(top, #888888 0%,#a6a6a6 100%);
        background: -ms-linear-gradient(top, #888888 0%,#a6a6a6 100%);
        background: linear-gradient(to bottom, #888888 0%,#a6a6a6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#a6a6a6',GradientType=0 );
    }

    #event-nav-handle-container {
        bottom: 0;
        display: block;
        height: 7px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 13px;
        overflow: hidden;
    }

        #event-nav-handle-container > span {
            display: block;
            height: 7px;
        }

            #event-nav-handle-container > span:first-child {
                margin-top: -7px;
                transition: margin-top 0.5s;
                -webkit-transition: margin-top 0.5s;
                -moz-transition: margin-top 0.5s;
                -ms-transition: margin-top 0.5s;
                -o-transition: margin-top 0.5s;
            }
}

@media (min-width: 960px) {
    #event-nav-handle {
        display: none;
    }
}

/* ==================== Event Sidebar ==================== */

@media (min-width: 960px) {
    #event-sidebar,
    #nav-event > ul > li > a > span.text,
    #nav-event > ul > li > a > span.icon {
        transition: width 0.5s;
        -moz-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
    }
}

/* ==================== Event Navigation ==================== */

#nav-event-container {
    position: absolute;
    top: 215px;
    width: 100%;
}

#nav-event > ul {
    padding: 0;
}

    #nav-event > ul > li {
        border-top: solid 1px black; /* COLOR Temporary */
        display: block;
        font-size: 1em;
        margin: 0;
    }

        #nav-event > ul > li > a {
            color: white;
            display: block;
            height: 38px;
            text-decoration: none;
            font-weight: bold;
            position: relative;
            width: 100%;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            touch-action: manipulation;
            -ms-touch-action: manipulation;
            transition: background-color 0.5s;
            -webkit-transition: background-color 0.5s;
            -moz-transition: background-color 0.5s;
            -ms-transition: background-color 0.5s;
            -o-transition: background-color 0.5s;
        }

            #nav-event > ul > li > a > span.text {
                display: block;
                height: 100%;
                position: absolute;
                overflow: visible;
                width: 0;
                left: 0;
            }

                #nav-event > ul > li > a > span.text > span,
                #nav-event > ul > li > a > span.icon {
                    bottom: 0;
                    display: block;
                    height: 1em;
                    margin: auto 0;
                    padding: 0 10px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    white-space: nowrap;
                }

            #nav-event > ul > li > a > span.icon {
                height: 100%;
                line-height: 38px;
                padding: 0;
                position: absolute;
                text-align: center;
                /* width: 100%; */
                width: 57px;
                right: 0;
                left: auto;
            }

            #nav-event > ul > li > a > span > span.sprite /* Temporary */ {
                vertical-align: middle;
                position: relative;
                top: -2px;
            }

.nav-mobile-link span.text {
    font-size: 1.2em;
}

@media (min-width: 480px) {
    #nav-event > ul > li > a > span.text > span {
        padding: 0 15px;
    }

    #nav-event > ul > li > a > span.icon {
        /* padding: 0 15px; */
    }
}

@media (min-width: 601px) {
    #nav-event > ul > li > a > span.icon {
        /* padding: 0 15px; */
    }
}

@media (max-width: 959px) {
    #nav-event-container {
        height: 0;
        /* border-bottom: solid 2px #888888; */ /* COLOR Temporary */
        overflow: hidden;
        pointer-events: all;
        position: relative;
        top: 0;
        width: 100%;
        transition: height 0.5s;
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
    }

    #nav-event {
        bottom: 0;
        position: absolute;
        width: 100%;
    }
}

@media (min-width: 960px) {
    #nav-event {
        /* margin: 30px 0; */
    }

        #nav-event > ul > li {
            border-top: none;
            margin: 1px 0;
        }

            #nav-event > ul > li > a {
                cursor: default;
            }

                #nav-event > ul > li > a > span.text > span,
                #nav-event > ul > li > a > span.icon {
                    left: auto;
                    right: 0;
                }

                #nav-event > ul > li > a > span.text {
                    overflow: hidden;
                }

                #nav-event > ul > li > a > span.icon {
                    text-align: center;
                    width: 100%;
                }

                #nav-event > ul > li > a > span.text > span {
                    width: 285px;
                }
}

/* ==================== Event Subnavigation ==================== */
#event-sidebar-flyout-wrapper, #event-sidebar-flyout {
    height: 233px;
    position: absolute;
    right: 0;
}

#event-sidebar-flyout-wrapper {
    width: 0;
    top: 216px;
    overflow: hidden;
    /*opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/
    transition: width 0.5s, right 0.5s;
    -moz-transition: width 0.5s, right 0.5s;
    -ms-transition: width 0.5s, right 0.5s;
    -o-transition: width 0.5s, right 0.5s;
    -webkit-transition: width 0.5s, right 0.5s;
}

#event-sidebar-flyout {
    width: 400px;
    top: 0;
}

.nav-event-sub-nav > ul {
    bottom: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

    .nav-event-sub-nav > ul > li {
        font-size: 1em;
        margin: 0;
        line-height: .9em;
    }

        .nav-event-sub-nav > ul > li > a {
            color: white;
            display: block;
            font-weight: normal;
            padding: 10px 20px;
            text-decoration: none;
        }

            .nav-event-sub-nav > ul > li > a:hover {
                text-decoration: underline;
            }

@media (min-width: 480px) {
    .nav-event-sub-nav > ul > li > a {
        padding: 10px 30px;
    }
}

@media (max-width: 959px) {
    .sld-cont-vert {
        position: relative;
        height: 0;
        overflow: hidden;
        transition: height 0.5s;
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
    }
}

@media (min-width: 960px) {
    .sld-cont-horz {
        position: absolute;
        top: 0;
        height: 233px;
        right: 0;
        width: 0;
        overflow: hidden;
        transition: width 0.5s, right 0.5s;
        -moz-transition: width 0.5s, right 0.5s;
        -ms-transition: width 0.5s, right 0.5s;
        -o-transition: width 0.5s, right 0.5s;
        -webkit-transition: width 0.5s, right 0.5s;
    }

    .nav-event-sub-nav > ul {
        /*background: transparent !important;
        opacity: 0;*/
        right: 0;
        top: 0;
        width: 400px;
        /*        transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;*/
    }

    #nav-event > ul > li.is-nav-event-item-open ul {
        opacity: 1;
    }

    .nav-event-sub-nav > ul > li {
        list-style-image: none;
        float: left;
        width: 50%;
    }

        .nav-event-sub-nav > ul > li > a {
            background: transparent;
            padding: 12.5px 15px;
            font-size: 0.75em;
            font-weight: bold;
        }
}

/* ==================== Sponsors ==================== */
#sponsors {
    position: relative;
}

    #sponsors > #sponsor-viewport {
        height: 100%;
        position: absolute;
        overflow: hidden;
    }

        #sponsors > #sponsor-viewport > #sponsors-sponsors {
            height: 100%;
        }

            #sponsors > #sponsor-viewport > #sponsors-sponsors > ul {
                height: 100%;
                line-height: 68px;
                list-style-image: none;
                padding: 0;
            }

                #sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li {
                    display: inline-block;
                    list-style-image: none;
                    margin-left: 20px;
                    margin-right: 20px;
                    text-align: center;
                    vertical-align: middle;
                }

                    #sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li:first-child {
                        margin-left: 0;
                    }

                    #sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li:last-child {
                        margin-right: 0;
                    }

                    #sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li > a {
                    }

                        #sponsors > #sponsor-viewport > #sponsors-sponsors > ul > li > a:hover {
                            filter: alpha(opacity=100);
                            opacity: 1;
                        }

    #sponsors > #sponsors-scrollLeft,
    #sponsors > #sponsors-scrollRight {
        padding: 0 10px;
        position: absolute;
        top: 25px;
    }

        #sponsors > #sponsors-scrollLeft.disabled,
        #sponsors > #sponsors-scrollRight.disabled {
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

        #sponsors > #sponsors-scrollLeft:hover,
        #sponsors > #sponsors-scrollRight:hover {
            cursor: pointer;
        }

    #sponsors > #sponsors-scrollLeft {
        left: 0;
    }

    #sponsors > #sponsors-scrollRight {
        right: 0;
    }

    #sponsors .overlayed {
        opacity: 0.4;
        transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
    }

        #sponsors .overlayed:hover {
            opacity: 1;
        }

@media all and (min-width: 960px) {
    #sponsors > #sponsor-viewport {
        margin-left: 3%;
        width: 94%;
    }
}

@media all and (min-width: 1280px) {
    #sponsors > #sponsor-viewport {
        margin-left: 4%;
        width: 93%;
    }
}

@media all and (max-width: 959px) {
    #sponsors > #sponsor-viewport {
        margin-left: 4%;
        width: 92%;
    }
}

@media all and (max-width: 768px) {
    #sponsors > #sponsor-viewport > #sponsors-sponsors > ul {
        border-spacing: 44px 0;
    }
}

@media all and (max-width: 480px) {
    #sponsors > #sponsor-viewport {
        margin-left: 7%;
        width: 85%;
    }
}

@media all and (max-width: 321px) {
    #sponsors > #sponsor-viewport {
        margin-left: 9%;
        width: 82%;
    }
}

/* ==================== Footer Links ==================== */
#footer-links > ul {
    font-size: 0.75em;
    margin-top: 0.9375em;
}

    #footer-links > ul > li {
        list-style: none;
        margin: 0.25em 0;
        font-family: 'open_sansregular', sans-serif;
        font-size: 1em;
    }

        #footer-links > ul > li > a {
            color: #c9c9c9; /* Temporary COLOR */
            font-size: 1em;
            font-weight: normal;
            text-decoration: none;
        }

            #footer-links > ul > li > a:hover {
                text-decoration: underline;
            }

        #footer-links > ul > li:first-child > a {
            color: white;
            font-size: 1.16666em;
            font-weight: bold;
        }

/* ==================== Footer Anchor Home ==================== */
#footer-anchor-home {
    clear: none;
    float: left;
}

    #footer-anchor-home a {
        color: white;
        font-size: 0.875em;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
    }

        #footer-anchor-home a:hover {
            text-decoration: underline;
        }

/* ==================== Footer Contact and Privacy Policy Links ==================== */
#footer_contact_privacy {
    font-size: 0.75em; /* 12px / 16px */
    padding-top: 0.25em; /* 4px / 16px */
    text-align: right;
}

    #footer_contact_privacy a {
        color: white;
        display: inline-block;
        font-weight: normal;
        text-decoration: none;
    }

        #footer_contact_privacy a:hover {
            text-decoration: underline;
        }

        #footer_contact_privacy a:before {
            clear: none;
            color: #333333; /* COLOR */
            content: "|";
            margin: 0 0.50em;
            display: inline-block;
        }

        #footer_contact_privacy a:first-child:before {
            content: none;
        }

/* ==================== Corporate Info ==================== */
#corporate-info {
    color: #717171; /* COLOR */
    font-size: 0.75em; /* 12px / 16px */
    padding-top: 0.25em;
}

    #corporate-info div {
        display: inline-block;
    }

        #corporate-info div:before {
            clear: none;
            content: " - ";
            float: left;
            margin: 0 0.25em;
        }

        #corporate-info div:first-child:before {
            content: none;
        }

@media (max-width: 479px) {
    #corporate-info div:before {
        content: none;
    }
}

@media (max-width: 959px) {
    #breadcrumbs {
        display: none;
    }
}

@media (max-width: 767px) {
    #corporate-info {
        text-align: center;
    }
}

.thumbnailDiv:hover {
    cursor: pointer;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ----------------------------------------------------
   created with http://www.codeandweb.com/texturepacker 
   ----------------------------------------------------
   $TexturePacker:SmartUpdate:df6335ff1a7a750e448a45562b0c91ef:e554faf5fc5cca1e87fbf8038fd4b858:61e53af8b0b91020742bc548d44c899f$
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/

.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(/styles/ims/v1/sprites.png?v4);}

.arrow-down-black {width:15px; height:9px; background-position: -594px -23px}
.arrow-up-black {width:15px; height:9px; background-position: -422px -115px}
.arrowDown_inverse {width:8px; height:6px; background-position: -375px -120px}
.arrowLeft {width:6px; height:14px; background-position: -584px -101px}
.arrowLeftGrey {width:9px; height:13px; background-position: -593px -112px}
.arrowLeftLarge {width:15px; height:19px; background-position: -520px -46px}
.arrowLeft_inverse {width:6px; height:8px; background-position: -517px -118px}
.arrowRight {width:6px; height:14px; background-position: -585px -42px}
.arrowRightGrey {width:9px; height:13px; background-position: -593px -96px}
.arrowRightLarge {width:15px; height:19px; background-position: -507px -24px}
.arrowRight_gray {width:10px; height:12px; background-position: -574px -86px}
.arrowRight_inverse {width:6px; height:8px; background-position: -508px -118px}
.arrowUp_inverse {width:8px; height:6px; background-position: -364px -120px}
.binocular_inverse {width:16px; height:17px; background-position: -288px -66px}
.boles_icon {width:39px; height:39px; background-position: -133px -87px}
.calendar {width:16px; height:18px; background-position: -538px -89px}
.cart {width:20px; height:16px; background-position: -542px -110px}
.cart_inverse {width:16px; height:13px; background-position: -588px -80px}
.fanVisionArrow {width:18px; height:23px; background-position: -450px -58px}
.fin_flag_sm {width:29px; height:18px; background-position: -542px -23px}
.forbes_icon {width:39px; height:39px; background-position: -91px -87px}
.ger_flag_sm {width:29px; height:18px; background-position: -538px -46px}
.get-your-gear {width:39px; height:33px; background-position: -322px -86px}
.hospitality-large {width:30px; height:34px; background-position: -289px -86px}
.icn-nav-arrow-down {width:13px; height:7px; background-position: -594px -52px}
.icn-nav-arrow-up {width:13px; height:7px; background-position: -526px -118px}
.icn-nav-cart {width:20px; height:16px; background-position: -461px -109px}
.icn-nav-eventinfo {width:23px; height:23px; background-position: -428px -85px}
.icn-nav-faninfo {width:27px; height:19px; background-position: -508px -96px}
.icn-nav-history {width:20px; height:25px; background-position: -398px -58px}
.icn-nav-hospitality {width:24px; height:26px; background-position: -401px -86px}
.icn-nav-menu-close {width:7px; height:16px; background-position: -584px -23px}
.icn-nav-menu-open {width:7px; height:16px; background-position: -574px -23px}
.icn-nav-mobile-nav {width:34px; height:24px; background-position: -395px -31px}
.icn-nav-news {width:24px; height:19px; background-position: -507px -2px}
.icn-nav-search {width:22px; height:21px; background-position: -471px -52px}
.icn-nav-tickets {width:23px; height:24px; background-position: -432px -31px}
.icn-sm-fb {width:8px; height:17px; background-position: -307px -66px}
.icn-sm-flickr {width:18px; height:10px; background-position: -401px -115px}
.icn-sm-insta {width:16px; height:16px; background-position: -569px -67px}
.icn-sm-pinterest {width:14px; height:18px; background-position: -557px -89px}
.icn-sm-twitter {width:18px; height:15px; background-position: -440px -111px}
.icn-sm-youtube {width:12px; height:16px; background-position: -570px -44px}
.icn_3D {width:75px; height:81px; background-position: -156px -2px}
.icn_KidsClub {width:33px; height:29px; background-position: -38px -96px}
.icn_alert {width:26px; height:26px; background-position: -424px -2px}
.icn_camping {width:77px; height:53px; background-position: -315px -2px}
.icn_directions {width:78px; height:61px; background-position: -234px -2px}
.icn_facebook {width:14px; height:27px; background-position: -74px -96px}
.icn_hospitality {width:71px; height:82px; background-position: -82px -2px}
.icn_success {width:26px; height:26px; background-position: -395px -2px}
.icn_wheelchair {width:77px; height:91px; background-position: -2px -2px}
.ims-circle {width:35px; height:35px; background-position: -227px -86px}
.ims-circle-small {width:25px; height:25px; background-position: -346px -58px}
.info {width:21px; height:21px; background-position: -496px -50px}
.l_quote {width:24px; height:17px; background-position: -261px -66px}
.location {width:21px; height:35px; background-position: -265px -86px}
.mail {width:27px; height:23px; background-position: -453px -2px}
.marker_deselected {width:23px; height:40px; background-position: -201px -86px}
.marker_selected {width:23px; height:40px; background-position: -175px -86px}
.media {width:37px; height:18px; background-position: -534px -2px}
.mediaArrowLeft {width:15px; height:30px; background-position: -20px -96px}
.mediaArrowRight {width:15px; height:30px; background-position: -2px -96px}
.media_news {width:21px; height:25px; background-position: -374px -58px}
.media_photo {width:22px; height:21px; background-position: -458px -28px}
.media_video {width:22px; height:22px; background-position: -454px -84px}
.nz_flag_sm {width:29px; height:18px; background-position: -537px -68px}
.overlay_close {width:26px; height:24px; background-position: -421px -58px}
.pageDoubleLeft {width:21px; height:21px; background-position: -483px -26px}
.pageDoubleRight {width:21px; height:21px; background-position: -483px -2px}
.pageLeft {width:21px; height:21px; background-position: -484px -100px}
.pageRight {width:21px; height:21px; background-position: -479px -76px}
.r_quote {width:24px; height:17px; background-position: -234px -66px}
.search {width:16px; height:16px; background-position: -565px -110px}
.search_inverse {width:16px; height:15px; background-position: -588px -62px}
.search_media {width:34px; height:31px; background-position: -364px -86px}
.slider-handle {width:14px; height:14px; background-position: -594px -35px}
.track_close {width:25px; height:25px; background-position: -318px -58px}
.trashcan {width:14px; height:19px; background-position: -525px -24px}
.uk_flag_sm {width:29px; height:18px; background-position: -574px -2px}
.visa {width:31px; height:19px; background-position: -503px -74px}

/*========== SEARCH SUMMARY =========*/
#search-summary {
    height: 31px;
    margin-bottom: 10px;
    position: relative;
}

@media all and (min-width: 768px) {
    #search-summary {
        float: left;
        width: 50%;
    }
}

/*========== SEARCH INPUT =========*/
#search-result-input {
    height: 31px;
    margin-bottom: 10px;
    position: relative;
}

#search-result-input-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 40px;
    top: 0;
}

#search-result-input-wrapper input {
    height: 100%;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}

#search-result-submit {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

#search-result-submit span {
    vertical-align: middle;
}

@media all and (min-width: 768px) {
    #search-result-input {
        float: right;
        width: 40%;
    }
}

/*======== SEARCH RESULTS ========*/
#search-results-wrapper {

}

.search-result-item {
    border-bottom: 1px solid #ccc;
    clear: both;
    float: left;
    padding: 10px 0;
    width: 100%;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-item > .search-result-image {
    float: right;
    height: 135px;
    width: 230px;
}

.search-result-item > .search-result-image > img {
    max-height: 100%;
    max-width: 100%;
}

.search-result-item > .search-result-copy-container {
    float: left;
    width: 100%;
    margin-right: -240px;
}

.search-result-item > .search-result-copy-container > .search-result-copy {
    padding-right: 240px;
}

.resultTitle {
    font-weight: bold;
}

.resultDescription, .resultLink {
    font-size: 0.875em;
    line-height: 1.3em;
}

.resultLink
{
    margin-top: 0.5em;
}

#search-no-results {
    font-weight: bold;
    font-style: italic;
    margin: 20px 0;
    text-align: center;
    
}

@media (min-width: 480px)
{
    .search-result-item
    {
        padding: 15px 0;    
    }
}

@media all and (max-width: 768px) {
    .search-result-item > .search-result-image {
        height: auto;
        width: 35%;
    }

    .search-result-item > .search-result-copy-container {
        margin-right: -35%;
    }

    .search-result-item > .search-result-copy-container > .search-result-copy {
        padding-right: 40%;
    }
}

@media all and (max-width: 480px) {
    
    .search-result-item > .search-result-image {
        width: 25%;
    }

    .search-result-item > .search-result-copy-container {
        margin-right: -25%;
    }

    .search-result-item > .search-result-copy-container > .search-result-copy {
        padding-right: 30%;
    }
}

.search-result-item.noimage .search-result-copy
{
    padding-right: 0px;
}
/* RECIPE SETUPS */
#content > h1 {
    margin-top: 0px;
}

.recipe-firstelement,
.recipe.recipe-firstelement {
    margin-top: 0px;
}

.recipe-lastelement,
.recipe.recipe-lastelement {
    margin-bottom: 0px;
}

.recipe {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .recipe:before,
    .recipe:after {
        content: " ";
        display: table;
    }

    .recipe:after {
        clear: both;
    }

    .recipe > *:first-child,
    .shuttl-content > *:first-child,
    .without-margin > *:first-child,
    .without-margin {
        margin-top: 0px;
    }

h5 {
    margin-bottom: .5em;
}

.header-list li {
    font-family: Arial, sans-serif;
}

.header-list.withMedia {
    margin-top: 15px;
}

.shuttl-row > h5,
.shuttl-lastrow > h5 {
    margin-top: 0px;
}

.adjust-p-top-tbl {
    margin-top: 0px;
    margin-bottom: 10px;
}

.shuttl-content.with-p > p {
    margin-bottom: 0px;
}

.shuttl-rte-lastgroup {
    clear: left;
}

/* GENERIC RECIPES */
.title {
    margin-bottom: 0px;
}

.tleft-mright .recipe-text {
    padding-right: 0px;
}

.recipe-vid {
    margin: 0px 0 15px 0;
}

    .recipe-vid.wrapping {
        margin: 0px 0px 15px 0px;
    }

.recipe-map iframe {
    max-height: 260px;
    width: 100%;
}

.recipe-img img {
    max-width: 100%;
    height: auto;
    margin-top: 1em;
    width: 100%;
}

.margin-top-recipe-img ul {
    margin-top: 1em;
}

.responsive-img img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.mright-tleft-flowing p {
    margin-left: 15px;
    margin-right: 15px;
}

.mright-tleft-flowing .recipe-img {
    margin-bottom: 15px;
}


.margin-bottom-sm {
    margin-bottom: 15px;
}

.mright-tleft-flowing .flowing-table {
    padding-bottom: 15px;
}

.quote-block div {
    float: left;
    color: #9b895b; /* see also IMS .t-text-n*/
}

    .quote-block div.quote {
        position: relative;
        margin-left: 15px;
        margin-right: 15px;
    }

        .quote-block div.quote blockquote {
            font-style: italic;
            margin-left: 30px;
            margin-right: 30px;
        }

        .quote-block div.quote div.r_quote {
            position: absolute;
            right: 0;
            bottom: 0;
        }

    .quote-block div.quote-author {
        float: right;
        text-align: right;
        padding-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

/* ========== FAQ Accordions ========== */
div.faq {
    margin-top: 15px;
}


.question {
    background-color: #eee;
    color: #444;
    font-weight: 600;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 10px;
    margin: 0 0 1em;
    line-height: 1.3em;
}

    /* Accordion bg */
    .question.active, .question:hover {
        background-color: #ddd;
    }
    /* Unicode character for "plus" sign (+) */
    .question:after {
        content: '\2795';
        font-size: 13px;
        color: #777;
        float: right;
        margin-left: 5px;
    }
    /* Unicode character for "minus" sign (-) */
    .question.active:after {
        content: "\2796";
    }
/* the panel class */
div.answer {
    padding: 5px 18px;
    background-color: #f2f2f2;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
}

    div.answer.show {
        opacity: 1;
        max-height: 500px;
    }

/* ========== FAQ ========== */
ul.faq {
    list-style: none;
    padding: 0;
}

    ul.faq > li {
        background: transparent url(/styles/ims/v1/images/faq-q.png) no-repeat scroll left top;
        list-style-image: none;
        min-height: 28px;
        padding-left: 47px;
        font-size: 1em;
    }

        ul.faq > li.faq-q {
            font-weight: bold;
            font-style: italic;
        }

        ul.faq > li.faq-a {
            background-image: url(/styles/ims/v1/images/faq-a.png);
            margin-bottom: 20px;
        }

.faq-q img,
.faq-a img {
    float: left;
}

.faq-a.with-img p {
    padding-right: 0px;
}

.faq-a > ul li {
    font-size: 1em;
}

.faq-addr-lbl {
    clear: left;
    float: left;
    padding-right: 15px;
    padding-top: .5em;
    text-align: right;
    width: 25%;
}

.faq-addr-note {
    clear: left;
    float: left;
    padding-right: 15px;
    padding-top: .5em;
}

.faq-addr-val {
    float: left;
    padding-top: .5em;
    text-align: left;
}

.faq .recipe-img {
    float: right;
    height: auto;
    max-width: 100%;
    padding-left: 15px;
    width: 33.333333333%;
}

.shttl-rte .recipe-title,
.shttl-rte .subhead {
    margin: 0px;
}

.responsive-img-cont {
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

    .responsive-img-cont img {
        height: auto;
        max-width: 100%;
        min-width: 550px;
        width: 100%;
    }

/* HEADER CONTROL RECIPE */
.hdr-recipe {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

.hdr-image,
.hdr-blank {
    margin-left: 0px;
    overflow: hidden;
}

    .hdr-image img {
        height: 160px;
        max-width: inherit;
        position: absolute;
        visibility: hidden;
        width: inherit;
    }

    .hdr-blank img {
        max-width: 100%;
    }

.hdr-control-menu {
    height: 100%;
    position: relative;
    width: 70%;
    z-index: 3;
}

.hdr-layout-fx {
    clear: none;
    float: left;
    margin-left: -180px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.l-evt-sidebar .hdr-layout-fx {
    margin-left: -180px;
}

.hdr-control {
    background-color: #262626;
    float: left;
    height: 160px;
    position: relative;
    width: 180px;
    z-index: 2;
}

.l-evt-sidebar .hdr-control {
    margin-left: 0px;
}

.hdr-control-menu {
    width: 100%;
}

.hdr-mobile-row {
    width: 15px;
}

.hdr-blank {
    margin-bottom: 15px;
    text-align: center;
}

    .hdr-blank img {
        margin-left: -50%;
        margin-right: -50%;
    }

a.nav {
    transition: opacity .5s;
    visibility: hidden;
}

a.nav {
    cursor: pointer;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

    a.nav:hover {
        cursor: pointer;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

a.selected {
    cursor: default !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.hdr-control-menu a.nav {
    color: #ffffff;
}

.hdr-control-2 tr {
    height: 50%;
}

.hdr-control-3 tr {
    height: 33%;
}

.hdr-control-4 tr {
    height: 25%;
}

.hdr-control-5 tr {
    height: 20%;
}

.hdr-mobile-row {
    width: 30px;
}

.hdr-control-menu td,
.hdr-control-menu td a,
.hdr-control-menu td a:link {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}

table.hdr-control-separators {
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
}

    table.hdr-control-separators span {
        display: block;
        height: 100%;
    }

    table.hdr-control-separators tr + tr span {
        border-top: solid 1px #5a574e;
        transition: border-color 0.5s;
        -webkit-transition: border-color 0.5s;
        -moz-transition: border-color 0.5s;
        -ms-transition: border-color 0.5s;
        -o-transition: border-color 0.5s;
    }

    table.hdr-control-separators tr.selected span,
    table.hdr-control-separators tr.selected + tr span {
        border-top-color: transparent;
    }

table.hdr-control-menu td > span {
    display: inline-block;
    height: 100%;
    width: 100%;
}

    table.hdr-control-menu td > span > a {
        display: table;
        height: 100%;
        width: 100%;
    }

        table.hdr-control-menu td > span > a > span {
            display: table-row;
        }

            table.hdr-control-menu td > span > a > span > span {
                display: table-cell;
                padding: 0 10px 0 20px;
                vertical-align: middle;
            }

/* INTERACTIVE TRACK MAPS */
.tour-lgnd span {
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;
}

#vid-box {
    position: absolute;
    width: 97%;
    height: 100%;
    background: rgba(255,255,255,.8);
}

#centerVideo {
    margin: auto;
    display: block;
    width: 87%;
    height: 96%;
    margin-top: 1%;
}

#videoPlayerReplacement {
    height: 100%;
}

    #videoPlayerReplacement > iframe {
        width: 100%;
        height: 100%;
        z-index: 1;
    }

#vid-box > span {
    position: absolute;
    right: 5%;
}

#vid-box {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#closeBtn {
    float: right;
    margin-right: -26px;
    cursor: pointer;
    z-index: 3;
    position: relative;
}

/* ARROW */
.hdr-arrow {
    position: absolute;
    top: 0px;
    visibility: hidden;
    width: 290px;
    transition: top .75s;
    -moz-transition: top .75s;
    -webkit-transition: top .75s;
    -ms-trasition: top .75s;
    -o-trasition: top .75s;
}

    .hdr-arrow .line {
        width: 270px;
    }

    .hdr-arrow.left .line {
        float: right;
    }

    .hdr-arrow.right .line {
        float: left;
    }

.mobile-point {
    width: 180px;
}

.hdr-arrow.left .point {
    float: left;
    height: 0;
    width: 0;
}

.hdr-arrow.right .point {
    float: right;
    height: 0;
    width: 0;
}

.hdr-arrow.left .point {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 30px solid;
}

.hdr-arrow.right .point {
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid;
}

.hdr-arrow-mobile {
    left: 0px;
    position: absolute;
}


.hdr-arrow-mobile {
    top: 0px;
    transition: top 0.75s;
    -moz-transition: top 0.75s;
    -webkit-transition: top 0.75s;
    -ms-trasition: top 0.75s;
    -o-trasition: top 0.75s;
}

.top-btn {
    margin-top: 16px;
}

/* ICON IMAGE GRID */
.people-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.people-icon {
    cursor: pointer;
    float: left;
    height: 110px;
    margin: 10px;
    width: 140px;
}

    .people-icon img {
        pointer-events: none;
    }

    .people-icon img,
    .people-icon {
        user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
    }

.people-subtitle {
    background-color: #000000;
    color: #ffffff;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-top: -2px;
    pointer-events: none;
    width: 100%;
}

    .people-subtitle span {
        margin-left: 5px;
    }

.people-overlay {
    background-color: #000000;
    height: 113px;
    left: 15px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 149px;
    width: 310px;
    visibility: hidden;
    z-index: 2;
}

    .people-overlay > div {
        color: #FFFFFF;
    }

.people-overlay-description {
    margin-top: 5px;
}

.people-overlay-readmore {
    bottom: 10px;
    position: absolute;
}

.people-overlay-close {
    bottom: 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
}

/* PEOPLE DETAIL PAGES*/
.people-detail-quote {
    float: left;
    font-style: italic;
    margin: 5px;
    width: 88%;
}

    .people-detail-quote .r_quote {
        margin-bottom: -.5em;
    }

.people-detail-back {
    float: right;
}

/* CALENDAR GRID */
.calendar-grid {
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}

.calendar-item {
    margin: 10px;
}

/* PAGODA TIMELINE */
.timeline-container {
    width: 100%;
}

.timeline-recipe {
    overflow: hidden;
    position: relative;
    width: 990px;
}

.timeline-slide {
    left: 0px;
    position: absolute;
    width: 990px;
}

.timeline-slide-container {
    position: absolute;
}

.timeline-slide-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 55%;
}

.timeline-slide-text {
    clear: left;
    float: left;
    width: 98%;
}

    .timeline-slide-text p {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 12px;
    }

.timeline-line {
    background-color: #9b8a5b;
    border-bottom: 3px solid #9b8a5b;
    margin-top: -3px;
}

.timeline-marker {
    cursor: pointer;
    width: 23px;
}

.timeline-label {
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
    font-size: 13px;
}

/* TICKET PAGES */
.recipe-shuttle-serve {
    height: 5em;
    padding-top: 25px;
}

.tckt-prc {
    color: #ffffff;
    height: 100%;
    position: relative;
    width: 100%;
}

    .tckt-prc > div {
        position: absolute;
        top: 0;
        vertical-align: middle;
    }

.shuttl-lastrow {
    margin-top: 15px;
}

.tckt-prc-blck-l {
    font-family: Arial, sans-serif;
    font-size: .8em;
    font-weight: bold;
    left: 15px;
    line-height: 1.2em;
    text-align: left;
    width: 31%;
}

.tckt-prc-blck {
    font-family: 'lorabold', serif;
    left: 31%;
    text-align: center;
    width: 47%;
}

.tckt-prc-blck-r {
    font-family: 'lorabold', serif;
    font-size: .9em;
    right: 15px;
    text-align: left;
    width: 22%;
}

.tckt-prc-dllr {
    font-size: 1.25em;
}

.tckt-prc-amt {
    font-size: 2em;
}

.enroll-el {
    margin-right: 16px;
}

/* CAMPING / PARKING */
.recipe-table table {
    font-size: 14px;
    width: 100%;
}

    .recipe-table table thead {
        background-color: #595959;
        color: #ffffff;
        font-weight: bold;
        border: 1px solid #595959;
    }

        .recipe-table table thead tr {
            height: 30px;
            text-transform: uppercase;
        }

.recipe-table td {
    border: 1px solid #9b9690;
    padding: 5px;
    vertical-align: top;
}

.recipe-table thead td,
.recipe-table thead th {
    font-size: 1em;
    text-align: center;
    vertical-align: bottom;
    padding: 0 5px;
}

    .recipe-table thead th.nopad {
        padding: 0px;
    }

    .recipe-table thead th.twolines {
        padding: 5px;
    }

    .recipe-table thead td.textLeft,
    .recipe-table thead th.textLeft {
        text-align: left;
    }

.recipe-table thead th {
    padding-bottom: 5px;
}

.recipe-table table tbody {
    background-color: #e0dfda;
}

    .recipe-table table tbody td {
        font-size: 1em;
        line-height: 1.2em;
    }

.recipe-table th.center,
.recipe-table td.center {
    text-align: center;
}

.recipe-table table .table-legend {
    font-weight: bold;
    text-align: left;
}

.recipe-table table tbody td a span {
    padding-right: 5px;
}

.recipe-table .drvrName.sprite {
    float: left;
    margin-right: 10px;
}

.recipe-table .table-name {
    float: left;
    width: 60%;
}

.recipe-table.padding-bottom {
    padding-bottom: 16px;
}

.recipe-table.recipe-table-nogrid td,
.recipe-table.recipe-table-nogrid th {
    border: none;
}

.recipe-table .rewardsCol {
    width: 30%;
}

.recipe-table span.lbl-w-icon {
    line-height: 20px;
}

.circle {
    border-color: #000000;
    border-radius: 6px;
    height: 12px;
    margin: 0 auto;
    width: 12px;
}

.map {
    height: 400px;
}

.map-canvas img {
    max-width: none;
}

.map-canvas {
    display: block;
    height: 400px;
    left: 0px;
    top: 0px;
    width: 100%;
}

.detail-btn {
    float: right;
    line-height: 1.25em;
    margin-top: 8px;
}

    .detail-btn .sprite,
    .middle_sprite {
        vertical-align: middle;
    }

ul.two-column {
    float: left;
    width: 50%;
}

.two-col-li-60 {
    float: left;
    width: 60%;
}

.two-col-li-40 {
    clear: left;
    float: left;
    margin-bottom: 1em;
    width: 100%;
}

.one-col-li {
    float: left;
    width: 100%;
}

.location-btn .sprite {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}

.location-btn a {
    float: left;
    font-size: .875em;
    text-align: left;
}

.sub-line {
    margin-top: 0px;
}

.calendar-item {
    width: 216px;
    height: 193px;
    display: inline-block;
}

    .calendar-item img {
        width: 100%;
        height: auto;
    }

/**************KIDS CLUB***********/
.kc-sponsor-item {
    display: inline-block;
    margin: 0 15px;
    height: 80px;
}

/**************MUSEUM**************/
.shuttl .hdr-lbl {
    display: block;
    float: left;
    font-size: .75em;
    font-weight: bold;
    height: 100%;
    margin-top: 0;
    width: 20%;
}

.shuttl .hdr-val {
    display: block;
    font-size: .85em;
    margin-top: -2px;
    line-height: 1.3em;
    margin-bottom: 0.8em;
    float: left;
    width: 80%;
}

/* HISTORY - WORLD WHEN IMS OPENED */
.venue {
    height: auto;
}

    .venue > div {
        margin: .4em 0;
    }

.ven_yr {
    float: left;
    width: 100%;
}

.ven_img {
    clear: left;
    float: left;
    position: relative;
    width: 40%;
}

/* HISTORY - Historical Venues */
.timeline-slide-text h6 {
    font-family: 'open_sansregular', sans-serif !important;
}

.venue {
    height: auto;
}

    .venue > div {
        margin: .4em 0;
    }

.ven_yr {
    float: left;
    width: 100%;
}

.ven_img {
    clear: left;
    float: left;
    position: relative;
    width: 40%;
}

#timeline-container {
    padding: 0 40px;
}

.timeline-col {
    width: 53px;
    float: left;
}

.timeline-marker-world {
    cursor: pointer;
    width: 23px;
}

.timeline-window {
    height: 350px;
}

.world-timeline-recipe {
    overflow: hidden;
    position: relative;
    left: 15px;
    width: 990px;
}

.timeline-row {
    width: 910px;
    height: 21px;
}

.tl-bottom {
    margin-bottom: 20px;
}

.timeline-line-world {
    background-color: #9b8a5b;
    border-bottom: 3px solid #9b8a5b;
    margin-top: 19px;
    width: 910px;
}

#world-timeline-container {
    width: 100%;
    height: 100px;
    overflow: hidden;
}

#tl-left {
    float: left;
    cursor: pointer;
    margin-left: -25px;
    margin-top: 34px;
}

#tl-right {
    cursor: pointer;
    float: right;
    margin-top: -65px;
    margin-right: -25px;
}

#timeline-slider {
    float: left;
}

#timeline-container .transparent {
    cursor: default;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.5;
}

/* INTERESTING FACTS COLUMN LAYOUT*/
.iffap-left {
    margin-left: 1%;
}

.tlpr1c_left {
    margin-left: 15px;
}

/* GENERAL COLUMN LAYOUTS FOR CONTENT */
.c-header-imageLeft-content {
    margin: 1em 0;
    overflow: hidden;
}

.c-image-floatLeft {
    float: left;
    margin-right: 15px;
    max-width: 30%;
}

    .c-image-floatLeft > img {
        width: 100%;
    }

.c-header-imageLeft-content > .c-content,
.c-header-imageLeft-content > .c-content > .c-col {
    overflow: hidden;
}

.c-header-imageLeft-content > .c-content {
    vertical-align: top;
}

    .c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4,
    .c-header-imageLeft-content > .c-content > .c-col.col-md-offset-1 {
        border-left: solid 1px #cccccc;
    }

/* FORMS == WING AND WHEEL */
.form_2col_50 {
    float: left;
    width: 100%;
}

.y-n-form {
    float: left;
    min-width: 70px;
}


/******** Jobs *********/
.job-wrapper {
    margin-left: 15px;
    position: relative;
}

.jobs-header {
    font-weight: bold;
    clear: both;
    font-size: 0.875em;
}

    .jobs-header.without-header {
        margin-bottom: 1em;
    }

    .jobs-header tr td:first-child {
        width: 10em;
    }


/********THEMES*********/
.red-circle {
    background-color: #ff0000;
}

.orange-circle {
    background-color: #ff6600;
}

.yellow-circle {
    background-color: #fcc904;
}

.green-circle {
    background-color: #336600;
}

.interactive-img {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#YTCloseBtn {
    position: absolute;
    right: -26px;
    cursor: pointer;
}

#ytVideoBox {
    width: 720px;
}

/****************************************
RESPONSIVE
 ****************************************/
@media all and (max-width: 980px) {
    .c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4 {
        border-left: none;
    }

    .c-header-imageLeft-content > .c-content > .col-xl-4:first-child + .col-xl-4 {
        border-left: solid 1px #cccccc;
    }
}

@media all and (max-width: 980px) and (min-width: 768px) {
    .c-header-imageLeft-content > .c-content > .c-col.clr-none-xl {
        border-left: none;
    }
}

@media all and (min-width: 320px) {
    #ytVideoBox {
        width: 300px;
    }
}

@media all and (min-width: 480px) {

    #ytVideoBox {
        width: 450px;
    }

    /*img.recipe-img {
    
    }

.recipe-img img,
.responsive-img img
{
    max-width: 100%;
    height: auto;
    width: 100%;
}*/

    .recipe-map iframe {
        max-height: none;
    }

    .recipe-vid {
        margin: 0px 0px 15px 0px;
    }

    .venue {
        height: 580px;
    }

    .ven_img {
        clear: none;
        float: none;
        padding-right: 15px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 40%;
    }

    .ven_yr {
        width: 60%;
    }

    .last {
        margin-bottom: 0px;
    }

    .shuttl-lastrow {
        margin-top: 0px;
    }

    .recipe-table thead td {
        font-size: .7em;
    }

    .timeline-slide-text {
        clear: none;
        margin: 0px;
        width: 40%;
    }

        .timeline-slide-text p {
            margin-left: 0px;
            margin-right: 0px;
            font-size: 12px;
        }

    .people-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .calendar-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .people-icon,
    .calendar-item {
        margin: 15px;
    }



    .form_2col_50 {
        float: left;
        width: 50%;
    }
}


@media (min-width: 768px) {

    #ytVideoBox {
        width: 720px;
    }

    .calendar-grid {
        text-align: left;
    }

    .adjust-p-top-tbl {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .two-col-li-40 {
        clear: none;
        margin-top: 2em;
        width: 40%;
    }

    .location-btn .sprite {
        float: right;
        margin-left: 10px;
        margin-right: 0px;
    }

    .location-btn a {
        float: right;
        text-align: right;
    }

    .margin-bottom-sm {
        margin-bottom: 0px;
    }

    .faq-addr-lbl {
        width: 16.6666666667%;
    }

    .hdr-recipe {
        height: 240px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .hdr-control {
        height: 240px;
        width: 260px;
    }

    .l-evt-sidebar .hdr-layout-fx {
        margin-left: -260px;
    }

    .hdr-control-menu td,
    .hdr-control-menu td a,
    .hdr-control-menu td a:link {
        font-size: 16px;
    }

    .hdr-image {
        margin-left: 260px;
        overflow: hidden;
    }

    .hdr-layout-fx {
        margin-left: -260px;
    }

    .l-evt-sidebar .hdr-image {
        margin-left: 260px;
    }

    .hdr-image img,
    .hdr-blank img {
        max-width: inherit;
        height: 240px;
        width: 100%;
    }

    .mobile-point {
        visibility: hidden;
    }

    .recipe-table thead td,
    .recipe-table thead th {
        font-size: 1em;
    }
}


@media (min-width: 1100px) {
    .faq-addr-lbl {
        width: 9%;
    }
}

@media all and (max-width: 480px) {

    .c-header-imageLeft-content > .c-image-floatLeft {
        max-width: 35%;
    }

    .c-header-imageLeft-content > .c-content > .col-xl-4 + .col-xl-4,
    .c-header-imageLeft-content > .c-content > .col-xl-4:first-child + .col-xl-4,
    .c-header-imageLeft-content > .c-content > .c-col.col-md-offset-1 {
        border-left: none;
    }
}


.l-nav-2col {
    width: 9.5%;
    height: 100%;
    position: fixed;
    height: 38.62em;
    background-color: #333;
    margin-top: 4.375em; /* 70px */
}

.l-1col {
    margin-top: 4.375em; /* 70px */
    width: 90.5%;
    float: right;
}

/****************************************
 MODULE
 ****************************************/
#evt-hero-slider-viewport {
    background-color: #000;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.evt-hero-slider-slide-foreground {
    background: transparent url(/styles/ims/v1/images/evt-hero-overlay.png) bottom left repeat-x;
    position: absolute;
    bottom: 0;
    width: 1285px;
}

#evt-hero-slider-slides {
    height: inherit;
    width: 100%;
    transition: margin-left 0.5s, transform 0.5s, width 0.5s;
    -moz-transition: margin-left 0.5s, -moz-transform 0.5s, width 0.5s;
    -ms-transition: margin-left 0.5s, -ms-transform 0.5s, width 0.5s;
    -o-transition: margin-left 0.5s, -o-transform 0.5s, width 0.5s;
    -webkit-transition: margin-left 0.5s, -webkit-transform 0.5s, width 0.5s;
}

.evt-hero-slider-slide {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
    height: inherit;
    transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    -webkit-transition: width 0.5s;
}

.evt-hero-slider-slide-cta {
    position: absolute;
    left: 8.2em;
    bottom: 2.25em;
    text-shadow: 2px 2px #000;
    width: 40%;
}

.evt-hero-slider-slide > img {
    max-width: none;
    transition: margin-left 0.5s;
    -moz-transition: margin-left 0.5s;
    -ms-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    -webkit-transition: margin-left 0.5s;
}

.evt-hero-slider-slide-cta > .caption-title {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 2.5em;
    line-height: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

.evt-hero-slider-slide-cta > .caption-subtitle {
    font-size: 1.125em; /* 18 px */   
    font-weight: normal;
    line-height: 1.3em;
    padding-top: 0.5em;    
    text-transform: uppercase;
}

.evt-hero-slider-slide a {
    color: #fff;
    text-decoration: none;
}

.slider-selector {
    display: inline-block;
    height: 10px;
    margin: 0 10px;
    width: 10px;
}

.slider-selector:hover {
    cursor: pointer;
}

#evt-hero-slider-controls {
    bottom: 0.75em;
    left: 7.8em;
    position: absolute;
    z-index: 12;
}

.slider-selector.is-selected {
    background: transparent url(/styles/ims/v1/images/sliderSelected.png) 0 0 no-repeat;
}

.slider-selector.is-not-selected {
    background: transparent url(/styles/ims/v1/images/sliderUnselected.png) 0 0 no-repeat;
}

#evt-content-container .tout-container > *:first-child {
    margin-top: 15px;
}

@media all and (min-width: 960px) {
    #evt-hero-slider-viewport {
        border-right: 3px solid #666666;
        height: 100%;
        left: -115px;
        right: 500px;
        z-index: 11;

        transition:         right 0.5s;
        -moz-transition:    right 0.5s;
        -ms-transition:     right 0.5s;
        -o-transition:      right 0.5s;
        -webkit-transition:         right 0.5s;
    }

    .evt-hero-slider-slide-foreground {
        height: 100%;
    }

    .evt-hero-slider-slide img {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #evt-hero-slider-handle {
        background: url(/styles/ims/v1/images/evt-hero-handle.png) 0 0 no-repeat scroll;
        bottom: 150px;
        height: 83px;
        position: absolute;
        right: 0;
        z-index: 15;
        width: 17px;
    }

    #evt-hero-slider-handle.reversed {
        background: url(/styles/ims/v1/images/evt-hero-handle-left.png) 0 0 no-repeat scroll;
    }

    #evt-hero-slider-handle:hover {
        cursor: pointer;
    }

    #evt-content-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding-bottom: 15px;
        overflow-y: auto;
        width: 500px;
    }
}

@media all and (max-width: 959px) {
    #evt-hero-slider-viewport {        
        height: 465px;
        position: relative;
        width: 100%;
    }

    #evt-hero-slider-handle {
        display: none;
    }
    
    #evt-content-container {
        padding: 15px;
        margin: 0 auto;
        overflow: hidden;
        position: static;
    }

    .evt-hero-slider-slide-foreground {
        height: inherit;
    }

    .evt-hero-slider-slide > img {
        max-width: 959px;
        min-width: 959px;
    }

    #evt-hero-slider-controls {
        left: 1.4em;
    }

    .evt-hero-slider-slide-cta {
        left: 2em;
    }

    .evt-hero-slider-slide-foreground {
        width: 100%;
    }
}

@media all and (max-width: 768px) {
    #evt-hero-slider-viewport {        
        height: 370px;
    }

    .evt-hero-slider-slide > img {
        max-width: 768px;
        min-width: 768px;
    }

    .evt-hero-slider-slide-foreground {
        bottom: -30px;
    }

    .evt-hero-slider-slide-cta {
        width: 65%;
    }

        .evt-hero-slider-slide-cta > .caption-title {
            font-size: 2em;
            line-height: 1em;
}
}

@media all and (max-width: 480px) {
    #evt-hero-slider-viewport {        
        height: 230px;
    }

    .evt-hero-slider-slide > img {
        max-width: 480px;
        min-width: 480px;
    }

    .evt-hero-slider-slide-foreground {
        bottom: -75px;
    }

    .evt-content-col.two-col {
        width: 100%;
    }
    
    .evt-content-col {
        display: block;
        float: none;
        margin: 0 auto 15px !important;
        vertical-align: top;
    }

    .evt-hero-slider-slide-cta > .caption-title {
        font-size: 1.2em;
    }

    .evt-hero-slider-slide-cta > .caption-subtitle {
        font-size: 0.9em;
    }

    .caption-subtitle {
        display: none;
    }
}

@media all and (max-width: 320px) {
}

/* ==================== Event Schedule ==================== */
#evt-calendar {
    clear: both;
    max-width: 100%;
    min-width: 450px;
    width: auto;
}

#evt-calendar-dates {
    height: 60px;
    position: relative;
}

#evt-calendar-dates-viewport {
    overflow: hidden;
    position: absolute;
    width: 100%;
}

#evt-calendar-dates-left-control,
#evt-calendar-dates-right-control {
    display: none;
    height: 100%;
    padding: 0 1px;
    position: absolute;
    vertical-align: middle;
    width: 25px;
}

#evt-calendar-dates-left-control {
    left: 0;
    text-align: left;
    background-image: -ms-linear-gradient(right, transparent 0%, #999999 40%, #999999 100%);
    background-image: -moz-linear-gradient(right, transparent 0%, #999999 40%, #999999 100%);
    background-image: -o-linear-gradient(right, transparent 0%, #999999 40% #999999 100%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(0.4, #999999) color-stop(1, #999999));
    background-image: -webkit-linear-gradient(right, transparent 0%, #999999 40%, #999999 100%);
    background-image: linear-gradient(to left, transparent 0% #999999 40%, #999999 100%);
}

#evt-calendar-dates-right-control {
    right: 0;
    text-align: right;
    background-image: -ms-linear-gradient(left, transparent 0%, #999999 40%, #999999 100%);
    background-image: -moz-linear-gradient(left, transparent 0%, #999999 40%, #999999 100%);
    background-image: -o-linear-gradient(left, transparent 0%, #999999 40% #999999 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.4, #999999) color-stop(1, #999999));
    background-image: -webkit-linear-gradient(left, transparent 0%, #999999 40%, #999999 100%);
    background-image: linear-gradient(to right, transparent 0% #999999 40%, #999999 100%);
}

#evt-calendar-dates-left-control > a,
#evt-calendar-dates-right-control > a {
    display: block;
    margin-top: 19px;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul {
    list-style-image: none;
    min-width: 450px;
    padding: 8px 0 8px 8px;
        transition: margin-left 0.5s, transform 0.5s;
        -moz-transition: margin-left 0.5s, -moz-transform 0.5s;
        -ms-transition: margin-left 0.5s, -ms-transform 0.5s;
        -o-transition: margin-left 0.5s, -o-transform 0.5s;
    -webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li {
    background-color: #fff;
    display: inline-block;
    height: 44px;
    margin: 0 4px;
    text-align: center;
    text-transform: uppercase;
    width: 48px;
            transition: color 0.5s, background-color 0.5s;
            -moz-transition: color 0.5s, background-color 0.5s;
            -ms-transition: color 0.5s, background-color 0.5s;
            -o-transition: color 0.5s, background-color 0.5s;
    -webkit-transition: color 0.5s, background-color 0.5s;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li > a {
    color: #000;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li > span {
    font-weight: bold;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li:hover {
    cursor: pointer;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li div.dayName,
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li div.dayDate {
    display: block;
    width: 48px;
    text-align: center;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected {
    border: 2px solid #fff;
    border-bottom: 0;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected > a {
    color: #fff;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected div.dayName,
#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected div.dayDate {
    margin-left: -2px;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li .selector-arrow {
    opacity: 0;
    position: relative;
    top: 5px;
                transition: opacity 0.5s;
                -o-transition: opacity 0.5s;
                -moz-transition: opacity 0.5s;
                -ms-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected .selector-arrow {
    opacity: 1;
}

#evt-calendar-day-details {
    margin-top: 1px;
    padding: 1px 10px;
}

#evt-calendar-day-details span.date {
    color: #fff;
}

#evt-calendar-day-details span.event-name {
    color: #333333;
    float: right;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#evt-calendar-day-details > ul,
#evt-calendar-day-details > ul > li,
#evt-calendar-image-details > ul,
#evt-calendar-image-details > ul > li {
    list-style-image: none;
    padding: 0;
}

#evt-calendar-day-details > ul > li,
#evt-calendar-image-details > ul > li {
    display: none;
    margin: 0.5em 0 0;
    opacity: 0;
                transition: opacity 1s;
                -moz-transition: opacity 1s;
                -ms-transition: opacity 1s;
                -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

#evt-calendar-day-details > ul > li.date-detail-is-shown,
#evt-calendar-image-details > ul > li.date-detail-is-shown {
    display: list-item;
    opacity: 1;
}

#evt-calendar-day-details > ul {
    margin-bottom: 0.5em;
}

#evt-calendar-image-details > ul > li {
    margin-top: 0;
}

.arrow-highlight {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 22px solid;
    border-right: 20px solid;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    left: 1px;
    z-index: 10;
    border-top: 10px solid;
}

.arrow-border {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 25px solid;
    border-right: 25px solid;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    z-index: 10;
    border-top: 12px solid;
    border-color: #fff; 
    left: -3px;  
}

.evt-schedule-dateDetail {
    margin-top: -15px;
    /*margin-bottom: 40px;*/
}

.evt-schedule-dateDetail:first-child {
    margin-top: -5px;
}

#evt-calendar-header {
    vertical-align: top;
}

#evt-calendar-header > h6 {
    float: left;
    margin-top: 0;
}

#evt-calendar-header > .evt-calendar-fullLink {
    float: right;
}

#evt-schedule-dates {
    /*min-height: 300px;*/
}

.evt-calendar-image {
}

.evt-schedule-dateDetail ul li {
    line-height: 1.2em;
}

@media all and (min-width: 959px) {
    #evt-calendar-header > h6 {
        width: 60%;
    }
}

@media all and (max-width: 768px) {
    #evt-calendar-header > .evt-calendar-fullLink {
        clear: left;
        float: left;
        margin-bottom: 15px;
    }    
}

@media all and (max-width: 600px) {
    #evt-calendar-dates > #evt-calendar-dates-viewport > ul > li {
        height: 38px;
    }
}

@media all and (min-width: 481px) {
    .small-calendar #evt-calendar-day-details {
        position: absolute;
        top: 23px;
        right: 15px;
        text-align: center;
        width: 44%;
        height: 60px;
        padding-top: 5px;
    }

    .small-calendar #evt-calendar-day-details span.event-name {
        display: block;
        float: none;
        max-width: 100%;
    }
}

@media all and (max-width: 480px) {
    #evt-calendar {
        min-width: 100%;
    }

    #evt-calendar-dates > #evt-calendar-dates-viewport > ul {
        min-width: 100%;
    }
}

/* ==================== Event Top News Slider ==================== */
#evt-top-news-slider {
    position: relative;
    height: 225px;
}

#evt-top-news-slider-viewport {
    height: 220px;
    margin-top: 5px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

#evt-top-news-slider-slides {
    width: 1480px;
        transition: margin-left 0.5s, transform 0.5s;
        -moz-transition: margin-left 0.5s, -moz-transform 0.5s;
        -ms-transition: margin-left 0.5s, -ms-transform 0.5s;
        -o-transition: margin-left 0.5s, -o-transform 0.5s;
    -webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}

.evt-top-news-slider-slide {
    display: inline-block;
    height: 200px;
    position: relative;
    width: 450px;
}

#evt-top-news-slider-header > h4 {
    display: inline-block;
}

#evt-top-news-slider-header > #evt-top-news-controls {
    display: inline-block;
    float: right;
    line-height: 1.5em;
}

.evt-top-news-slider-caption {
    background-color: #000;
    bottom: 0;
    color: #fff;
    font-weight: bold;
    max-height: 48px;
    overflow: hidden;
    padding: 8px 10px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}

.evt-top-news-slider-caption > span.headline {
    display: inline-block;
    max-height: 32px;
    overflow: hidden;
    width: 72%;
}

.evt-top-news-slider-caption .readMoreCta {
    position: absolute;
    right: 5px;
    top: 8px;
}

#evt-top-news-slider-header > #evt-top-news-controls > .slider-selector {
    margin: 0 5px;
}

@media all and (max-width: 480px) {
    .evt-top-news-slider-slide {
        height: 120px;
        width: 230px;
    }

    #evt-top-news-slider-header > #evt-top-news-controls {
        display: block;
        float: none;
        line-height: 1em;
        margin-top: 4px;
    }

    .evt-top-news-slider-caption .readMoreCta {
        display: block;
        position: relative;
        right: 0;
        top: 0;
    }

    .evt-top-news-slider-caption .readMoreCta .sprite {
        display: none;
    }

    .evt-top-news-slider-caption {
        font-size: 0.8em;
        margin-top: -2px;
        position: relative;
    }

    #evt-top-news-slider-viewport {
        height: 130px;
    }
}

/* ==================== Event Countdown ==================== */
#evt-countdown {
    background-color: #000;
    height: 151px;
    margin: 0 auto;
    width: 100%;
}

#evt-countdown-header {
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
        text-shadow: 2px 2px #000000;
        -moz-text-shadow: 2px 2px #000000;
        -ms-text-shadow: 2px 2px #000000;
        -o-text-shadow: 2px 2px #000000;
        -webkit-text-shadow: 2px 2px #000000;
}

#evt-countdown-header span {
    font-size: 1.05em;
}

#evt-countdown-countdown {
    font-family: "Oswald";
    margin: 0px auto 10px auto;
    padding-bottom: 5px;
    padding-top: 75px;
    white-space: nowrap;
    width: 173px;
}

#evt-countdown-countdown > .countdownBox {
    display: inline-block;
    height: 60px;
    padding: 0 1px;
    position: relative;
    width: 36px;
}

#evt-countdown-countdown > .countdownBox#remainingDays {
    width: 53px;    
}

#evt-countdown-countdown > .countdownBox > .countdownBox-header {
    background-color: #333333;
    border-bottom: 1px solid #000;
    color: #fff;
    height: 18px;
    font-size: 0.6em;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
}

#evt-countdown-countdown > .countdownBox > .countdownBox-value {
    background-color: #191919;
    color: #eeae20;
    font-size: 1.9em;
    height: 40px;
    width: 100%;
}

.countdownBox-value ul.flip {
    list-style-image: none;
    width: 17px;
    height: 40px;
    line-height: 38px;
    position: relative;
    float: left;
    padding: 0;
}

.countdownBox-value ul.flip li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 17px;
    height: 40px;
    list-style-image: none;
}

.countdownBox-value ul.flip li:first-child {
    z-index: 2;
}

.countdownBox-value ul.flip li a {
    display: block;
    height: 100%;
}

.countdownBox-value ul.flip li a:hover {
    color: inherit;
}

.countdownBox-value ul.flip li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
}

.countdownBox-value ul.flip li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.countdownBox-value ul.flip li a div.up {
    border-bottom: 1px solid #111;
    top: 0;
                        transform-origin: 50% 100%;
                        -moz-transform-origin: 50% 100%;
                        -ms-transform-origin: 50% 100%;
                        -o-transform-origin: 50% 100%;
                        -webkit-transform-origin: 50% 100%;
}

.countdownBox-value ul.flip li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: rgba(0,0,0,.4);
}

.countdownBox-value ul.flip li a div.down {
    bottom: 0;
                        transform-origin: 50% 0%;
                        -moz-transform-origin: 50% 0%;
                        -ms-transform-origin: 50% 0%;
                        -o-transform-origin: 50% 0%;
                        -webkit-transform-origin: 50% 0%;
}

.countdownBox-value ul.flip li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    text-align: center;
    background-color: #333;
}

.countdownBox-value ul.flip li a div.up div.inn {
    top: 0;
}

.countdownBox-value ul.flip li a div.down div.inn {
    bottom: 0;
    background-image: -ms-linear-gradient(top, #3E3E3E 0%, #000000 150%);
    background-image: -moz-linear-gradient(top, #3E3E3E 0%, #000000 150%);
    background-image: -o-linear-gradient(top, #3E3E3E 0%, #000000 150%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3E3E3E), color-stop(1.5, #000000));
    background-image: -webkit-linear-gradient(top, #3E3E3E 0%, #000000 150%);
    background-image: linear-gradient(to bottom, #3E3E3E 0%, #000000 150%);
}

/* PLAY */

#evt-countdown.play ul li.before {
    z-index: 3;
}

#evt-countdown.play ul li.active {
    z-index: 2;
        animation: asd .25s .25s linear both;
        -moz-animation: asd .25s .25s linear both;
        -ms-animation: asd .25s .25s linear both;
        -o-animation: asd .25s .25s linear both;
        -webkit-animation: asd .25s .25s linear both;
}

#evt-countdown.play ul li.active .down {
    z-index: 2;
            animation: turn .25s .25s linear both;
            -moz-animation: turn .25s .25s linear both;
            -ms-animation: turn .25s .25s linear both;
            -o-animation: turn .25s .25s linear both;
            -webkit-animation: turn .25s .25s linear both;
}

#evt-countdown.play ul li.before .up {
    z-index: 2;
        animation: turn2 .25s linear both;
        -moz-animation: turn2 .25s linear both;
        -ms-animation: turn2 .25s linear both;
        -o-animation: turn2 .25s linear both;
        -webkit-animation: turn2 .25s linear both;
}

/*** keyframes ***/
@keyframes asd {
        0% {
            z-index: 2;
}

        5% {
            z-index: 4;
        }

        100% {
            z-index: 4;
        }
    }

@-moz-keyframes asd {
        0% {
            z-index: 2;
}

        5% {
            z-index: 4;
        }

        100% {
            z-index: 4;
        }
    }

@-ms-keyframes asd {
        0% {
            z-index: 2;
}

        5% {
            z-index: 4;
        }

        100% {
            z-index: 4;
        }
    }

@-webkit-keyframes asd {
        0% {
            z-index: 2;
        }

        5% {
            z-index: 4;
        }

        100% {
            z-index: 4;
        }
}

@keyframes turn {
        0% {
            transform: rotateX(90deg);
        }

        100% {
            transform: rotateX(0deg);
        }
}

@-moz-keyframes turn {
        0% {
            -moz-transform: rotateX(90deg);
        }

        100% {
            -moz-transform: rotateX(0deg);
        }
}

@-ms-keyframes turn {
        0% {
            -ms-transform: rotateX(90deg);
        }

        100% {
            -ms-transform: rotateX(0deg);
        }
}

@-webkit-keyframes turn {
        0% {
            -webkit-transform: rotateX(90deg);
        }

        100% {
            -webkit-transform: rotateX(0deg);
        }
}

@keyframes turn2 {
        0% {
            transform: rotateX(0deg);
        }

        100% {
            transform: rotateX(-90deg);
        }
}

@-moz-keyframes turn2 {
        0% {
            -moz-transform: rotateX(0deg);
        }

        100% {
            -moz-transform: rotateX(-90deg);
        }
}

@-ms-keyframes turn2 {
        0% {
            -ms-transform: rotateX(0deg);
        }

        100% {
            -ms-transform: rotateX(-90deg);
        }
}

@-webkit-keyframes turn2 {
        0% {
            -webkit-transform: rotateX(0deg);
        }

        100% {
            -webkit-transform: rotateX(-90deg);
        }
}

@keyframes show {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
}

@-moz-keyframes show {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
}

@-ms-keyframes show {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
}

@-webkit-keyframes show {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
}

@keyframes hide {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
}

@-moz-keyframes hide {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
}

@-ms-keyframes hide {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
}

@-webkit-keyframes hide {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
}


@media all and (min-width: 961px) {
    #evt-countdown.play .countdownBox-value ul li.before .up .shadow {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
        background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
            animation: show .25s linear both;
            -moz-animation: show .25s linear both;
            -ms-animation: show .25s linear both;
            -o-animation: show .25s linear both;
            -webkit-animation: show .25s linear both;
    }

    #evt-countdown.play .countdownBox-value ul li.active .up .shadow {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
        background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
            animation: hide .25s .15s linear both;
            -moz-animation: hide .25s .15s linear both;
            -ms-animation: hide .25s .15s linear both;
            -o-animation: hide .25s .15s linear both;
            -webkit-animation: hide .25s .15s linear both;
    }

    /*DOWN*/

    #evt-countdown.play .countdownBox-value ul li.before .down .shadow {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
        background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
            animation: show .25s linear both;
            -moz-animation: show .25s linear both;
            -ms-animation: show .25s linear both;
            -o-animation: show .25s linear both;
            -webkit-animation: show .25s linear both;
    }

    #evt-countdown.play .countdownBox-value ul li.active .down .shadow {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
        background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
            animation: hide .25s .15s linear both;
            -moz-animation: hide .25s .15s linear both;
            -ms-animation: hide .25s .15s linear both;
            -o-animation: hide .25s .15s linear both;
            -webkit-animation: hide .25s .15s linear both;
    }
}

/* ==================== Event Hospitality ==================== */
.event-hospitality table {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.event-hospitality table td a {
    text-transform: uppercase;
}

.event-hospitality table a span {
    float: left;
}

textarea#comments {
    height: 190px;
}

/* ==================== Event Garage Access/Bronze Badge ==================== */
.callout {
   background-color: #e1dfda;
}

.callout p:first-child {
    margin-top: 1em;
}


/* ==================== Event Moto GP Ticket Tiers ==================== */
.callout.t-bg-n {
    color: white;
    font-size: 1.125em;
    font-weight: bold;
}

/****************************************
 STATE
 ****************************************/


/****************************************
THEME
 ****************************************/
.evt-content-area {
    background-color: #ffffff;
}

.evt-sponsors {
    background-color: #e9e9e9;
}

/****************************************
RESPONSIVE
 ****************************************/
@media all and (max-width: 980px) and (min-width: 768px) {
}

@media all and (max-width: 768px) and (min-width: 480px) {
}

@media all and (max-width: 480px) {
}

@media all and (max-width: 320px) {
}
/****************************************
 EVENT PAGE - LAYOUTS
  -- may need to be less global BEM if these will always be events only --
  -- if not in time these can be pulled into a more global stylesheet --
 ****************************************/

.section {
    margin: 0 0 6px;
}

.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.flex-col {
    padding: 0 8px;
    width: 100%;
}

.flex-col--main {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-col--aside {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width:48em) {
    .section {
        margin: 0 0 15px;
        max-height: 500px;
        /*overflow: hidden;*/
    }

    .flex-row--nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .flex-col--main {
        width: auto;
    }

    .flex-col--aside {
        width: 340px;
        min-width: 340px;
    }
}

@media (min-width:48em) {
    .split-col {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .split--first {
        position: relative;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .split--first .widget {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .split--last {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 1;
        flex-shrink: 0;
    }
}

/****************************************
 EVENT PAGE - MODULES/WIDGETS
  -- may need to be less global BEM if these will always be events only --
  -- if not in time these can be pulled into a more global stylesheet --
 ****************************************/

/********* GLOBALS *********/

.svg-legend {
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    overflow: hidden;
}

.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* Images */
.image--bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    transition: opacity 0.3s ease-in-out 0.3s;
}

    .image--bg.not-loaded {
        background-image: none !important;
        opacity: 0 !important;
    }

.media--date {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    line-height: .9em;
    text-transform: uppercase;
}

/* VIDEO */

.video--bg {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Titles */
.event-page .title {
    font-family: "Teko", sans-serif !important;
    font-weight: 400;
}

.title__image, .main-callout__title img {
    display: block;
    margin: 0 auto 5px;
}


/* ANIMATIONS */

@-webkit-keyframes loader {
    0%,100% {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;
    }
}

@keyframes loader {
    0%,100% {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;
    }
}


/********* GLOBAL ITEM *********/

.event-page .item__title {
    text-transform: uppercase;
}

    .event-page .item__title .subtitle {
        display: block;
        text-transform: none;
    }

/********* GLOBAL WIDGET *********/

/* Widget - potentially colors, etc. could be pulled out to event-page or .widget--theme-color options */
.widget {
    position: relative;
    z-index: 5;
    border: 1px solid #ccc;
    background-color: #fff;
}

.flex-row .widget {
    margin-bottom: 6px;
}

.flex-col:last-child:not(.flex-col--aside) .widget {
    margin-bottom: 0;
}

.widget ul, .widget li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget a {
    color: #d91f29;
}

    .widget a:hover, .widget a:focus {
        color: #172a50;
        fill: #172a50;
    }

.widget__header {
    padding: 25px 0;
    overflow: hidden;
}

    .widget__header a {
        display: inline-block;
        margin: 0 10px;
        vertical-align: middle;
    }

        .widget__header a:after,
        .event-page .widget__header a:after {
            display: none;
        }

    .widget__header .svg-icon {
        font-size: 60px;
    }

.widget__title a {
    margin: 0 .3em;
    font-size: .85em;
    color: #fff;
}

    .widget__title a:hover,
    .widget__title a:focus {
        color: #172a50;
    }

    .widget__title a + a {
        margin-left: .1em;
    }

.widget__title .svg-icon {
    font-size: .8em;
}

.widget__title {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 58%;
    max-width: 400px;
    margin: 0;
    padding: 7px 20px 0;
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    font-family: "Teko", sans-serif;
    vertical-align: middle;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    background: #d91f29;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

    .widget__title:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -27px;
        right: -27px;
        background-color: #d91f29;
        -webkit-transform: translateX(0) skew(-24deg);
        -ms-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

    .widget__title:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 100%;
        margin-left: 32px;
        border: 5px solid #d91f29;
        border-top: 0;
        border-bottom: 0;
        width: 15px;
        -webkit-transform: translateX(0) skew(-24deg);
        -ms-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.widget__content {
    position: relative;
    padding: 18px 20px;
    color: #010101;
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    transition: opacity 0.3s ease-in-out 0.3s;
    z-index: 0;
}

    .widget__content h1, .widget__content h2, .widget__content h3 {
        color: inherit;
    }

    .widget__content .item__title {
        margin: 0 0 .4em;
        font-family: "Roboto", sans-serif;
        font-size: 1.125em;
        line-height: 1;
    }

        .widget__content .item__title sup {
            top: -.6em;
            font-size: .52em;
        }

        .widget__content .item__title .subtitle {
            margin-top: .4em;
            font-size: 14px;
            font-weight: 400;
        }

    .widget__content .link-list {
        font-size: 1em;
    }

        .widget__content .link-list li {
            margin-bottom: .5em;
        }

        .widget__content .link-list a:after {
            top: 0;
        }

/* fix from other general styles */
#content .widget__content .link-list {
    margin-bottom: 0;
}
/* end fix from other general styles */

.widget__content .link-list a {
    font-weight: 400;
    font-size: 16px;
}

.widget__content .media,
.widget__content .media .image--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.widget__footer {
    position: relative;
    padding: 0 18px 24px;
    text-align: center;
}

    .widget__footer a {
        font-size: 16px;
    }

/* Added for purchase widget */
.purchase__widget .widget__content {
    min-height: 150px;
}

@media (min-width: 64em) {
    .purchase__widget .widget__footer {
        padding: 0 40px 24px;
    }
}

.qty-row {
    float: left;
}

    .qty-row label {
        float: left;
        font-weight: bold;
        padding-top: 15px;
        padding-right: 10px;
        font-size: 16pt;
        display: none;
    }

    .qty-row input {
        background: white;
        font-size: 16pt;
        font-weight: bold;
        text-align: center;
        padding: 5px 5px;
        margin: 10px 5px;
        border: solid thin;
        width: 45px;
        display: inline;
        vertical-align: bottom;
    }

    .qty-row .button {
        margin: 2px 0 0 5px;
        text-indent: -9999px;
        cursor: pointer;
        width: 50px;
        height: 50px;
        padding: 0;
        text-align: center;
        background: url(/images/ims/buttons-50px.png) no-repeat;
        display: inline-block;
    }

        .qty-row .button.dec {
            background-position: 0 -50px;
            margin: 2px 5px 0 0;
        }

.add-to-cart {
    cursor: pointer;
}

@media (max-width: 43.749em) {
    .qty-row {
        padding: 15px 50px;
        width: 100%;
    }
}
/* End Purchase widget */
.not-animated .widget__title {
    opacity: 0;
}

    .not-animated .widget__title:before {
        -webkit-transform: translateX(-120%) skew(-24deg);
        -ms-transform: translateX(-120%) skew(-24deg);
        transform: translateX(-120%) skew(-24deg);
    }

    .not-animated .widget__title:after {
        width: 0;
        -webkit-transform: translateX(-500px) skew(-24deg);
        -ms-transform: translateX(-500px) skew(-24deg);
        transform: translateX(-500px) skew(-24deg);
    }

.not-animated .widget__content {
    opacity: 0;
}

@media (min-width:23.125em) {
    .widget__content .link-list li {
        display: inline-block;
        padding-right: 8px;
        margin-bottom: 0;
    }
}

@media (min-width:40em) {
    .widget__content .link-list {
        font-size: 16px;
    }
}

@media (min-width:48em) {
    .flex-row .widget {
        margin-bottom: 0;
    }

    .split-col .widget {
        margin-bottom: 15px;
    }

    .split--first:last-child .widget {
        margin-bottom: 0;
    }

    .flex-col--aside .widget__title {
        padding-left: 35px;
        padding-right: 20px;
    }

    .widget__title:after {
        margin-left: 35px;
        border-left-width: 9px;
        border-right-width: 9px;
        width: 26px;
    }

    .widget__footer .event-btn {
        font-size: 40px;
    }
}

@media (min-width:64em) {
    .widget__title {
        padding: 12px 53px 5px;
    }

        .widget__title .svg-icon {
            font-size: .7em;
        }

    .widget__content {
        padding: 18px 53px;
    }

    .widget__footer {
        padding: 0 53px 24px;
    }
}

/********* SPECIFIC MODULES *********/

/* Main Callout */

.main-callout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background-color: #000;
    max-height: 500px;
    overflow: hidden;
    z-index: 0;
}

.main-callout__media, .main-callout__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    max-height: 500px;
}

.landing-header .main-callout__media, .landing-header .main-callout__image {
    max-height: 350px;
}

.main-callout__media {
    z-index: 1;
    opacity: .5;
}

.main-callout__content {
    position: relative;
    z-index: 5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 25px 20px;
    min-height: 232px;
    color: #fff;
}

.main-callout__title,
.main-callout__subheading,
.main-callout__buttons,
.main-callout__countdown {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1016px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.main-callout .main-callout__title {
    font-family: inherit;
}

.main-callout__title {
    font-size: 27px;
    text-shadow: 0 0 15px rgba(0,0,0,.5), 0 0 80px #000;
}

    .main-callout__title strong {
        font-size: 38px;
        font-weight: 400;
    }

    .event-page .main-callout__title img,
    .main-callout__title .title__image {
        max-width: 280px !important;
    }

.event-page .landing-header .main-callout__title img, .landing-header .main-callout__title .title__image {
    max-height: 120px;
}

@media (max-width: 767px) {
    .event-page .main-callout__title img, .main-callout__title .title__image {
        max-width: 170px !important;
    }

    .event-page .landing-header .main-callout__title img, .landing-header .main-callout__title .title__image {
        max-height: 100px;
    }

        .landing-header .main-callout__title .title__image + .title__text {
            font-size: 24pt;
        }
}

.main-callout__title .title__image + .title__text {
    display: block;
    margin-top: .4em;
}

.main-callout__subheading {
    margin-top: .6em;
    margin-bottom: .5em;
    text-transform: none;
}

.event-page .main-callout__subheading {
    font-size: 15px;
}

.main-callout__buttons {
    margin: 1em auto 1em;
}

    .main-callout__buttons .event-btn {
        margin: 0 8px;
    }

.event-page .main-callout__buttons .event-btn {
    font-size: 16px;
}

.main-callout__countdown {
    margin: 1em auto 1em;
}

    .main-callout__countdown .countdown-clock {
        /* width: 20%; */
        margin: 0 auto;
        /* display: grid; */
        /* grid-template-columns: auto auto auto auto; */
        /* grid-column-gap: 45px;*/
    }

        .main-callout__countdown .countdown-clock div {
            width: 120px;
            max-width: 120px;
            font-family: 'Teko', sans-serif;
            font-size: 30pt;
            line-height: 0.6em;
            border-right: 2px solid;
            padding: 0 30px;
            display: inline-block;
            text-align: center;
        }

            .main-callout__countdown .countdown-clock div:last-child {
                border: none;
            }

            .main-callout__countdown .countdown-clock div span {
                font-size: 16pt;
                padding: 0;
                margin: 0;
                display: block;
            }

@media (max-width:500px) {
    .main-callout__countdown .countdown-clock div {
        width: 70px;
        max-width: 70px;
        font-size: 25pt;
        line-height: 0.7em;
        padding: 0 15px;
    }

        .main-callout__countdown .countdown-clock div.wide {
            width: 90px;
            max-width: 90px;
        }

        .main-callout__countdown .countdown-clock div span {
            font-size: 12pt;
        }
}

.main-callout--image-only .main-callout__media {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 49.219%;
}

.main-callout--image-only .main-callout__content {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}



@media (min-width:60em) {
    .main-callout {
        height: 0;
        overflow: hidden;
        padding-top: 73px;
        max-height: 500px;
        height: 500px;
    }

    .landing-header {
        max-height: 350px;
        overflow: hidden;
    }

    .main-callout__content {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 35px;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: 500px;
    }

    .landing-header .main-callout__content {
        top: 28%;
    }

    .main-callout__title {
        font-size: 60px;
    }

        .event-page .main-callout__title img,
        .main-callout__title .title__image {
            max-width: 380px !important;
        }

    .landing-header .main-callout__title .title__image + .title__text {
        font-size: 38pt;
    }

    .event-page .main-callout__subheading {
        font-size: 22px;
    }

    .event-page .landing-header .main-callout__subheading {
        font-size: 25pt;
        margin: 10px 0;
    }

    .event-page .main-callout__buttons .event-btn {
        min-width: 230px;
        font-size: 22px;
    }

    .main-callout--image-only .main-callout__media {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        height: auto;
    }
}

@media (min-width:40em) {

    .event-page .main-callout__title img,
    .main-callout__title .title__image {
        max-width: 200px !important;
    }

    .main-callout__title {
        font-size: 40px;
    }

        .main-callout__title strong {
            font-size: 54px;
        }
}
/* Alert Boxes */
.alert-box {
    color: #fff;
    background-color: #d91f29;
    text-align: center;
}

    .alert-box a {
        color: #fff;
    }

.alert-box__content {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.alert-box__title {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
}

    .alert-box__title .title__link {
        display: block;
        padding: 20px 60px;
    }

        .alert-box__title .title__link:before {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            bottom: 0;
            width: 80%;
            margin-left: -40px;
            background-color: #172a50;
            -webkit-backface-visibility: hidden;
            box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 9 0 0 0 #d91f29, 9 0 0 0 #172a50;
            -webkit-transform: translateX(-100%) skew(-24deg);
            -ms-transform: translateX(-100%) skew(-24deg);
            transform: translateX(-100%) skew(-24deg);
            -webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
            transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
        }

        .alert-box__title .title__link:hover:before,
        .alert-box__title .title__link:focus:before {
            box-shadow: 0 0 0 9px #d91f29, 9px 0 0 9px #172a50, 18px 0 0 9px #d91f29, 27px 0 0 9px #172a50;
            -webkit-transform: translateX(10px) skew(-24deg);
            -ms-transform: translateX(10px) skew(-24deg);
            transform: translateX(10px) skew(-24deg);
        }

        .alert-box__title .title__link:after {
            display: none;
        }

    .alert-box__title .title__text-wrap {
        margin: 0 auto;
        padding: 0 8px;
        max-width: 1032px;
    }

    .alert-box__title .title__description {
        font-weight: 400;
        line-height: 1.2;
    }

    .alert-box__title .faux-link {
        font-weight: 700;
    }

        .alert-box__title .faux-link:before {
            content: "|";
            display: none;
            padding-right: .65em;
            margin-left: .5em;
        }

.faux-link:after {
    content: "\00BB";
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

a:hover .faux-link:after,
a:focus .faux-link:after {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
}

/*@media (min-width:48em) {
    .alert-box__title { font-size:28px; }
}*/

@media (min-width:70em) {
    .alert-box {
        text-align: left;
    }

    .alert-box__title .faux-link,
    .alert-box__title .faux-link:before {
        display: inline;
    }
}

/* EVENTS w/ Ticket Callouts */

.events__widget .widget__content {
    padding-top: 0;
}


.listing + .listing {
    padding-top: 25px;
}

.listing__title {
    margin: .1em 0 .6em;
    font-family: "Teko", sans-serif;
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
}

.listing__footer {
    padding: 20px;
    text-align: center;
}

    .listing__footer a {
        text-transform: uppercase;
    }

#content .event-list {
    margin: 0;
}

.event-list__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.event-list li:last-child .event-list__item {
    margin-bottom: 0;
}

.event-list__item .item__media {
    margin-right: 8px;
    width: 110px;
    color: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.event-list__item .media--date,
.event-list__item .image--bg {
    height: 75px;
    font-size: 25px;
}

.event-list__item .item__content {
    padding: 0 12px;
}

.cta__widget {
    min-height: 150px;
}

    .cta__widget .widget__header {
        min-height: 220px;
    }

    .cta__widget .widget__content {
        position: static;
    }

    .cta__widget .widget__footer {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 0;
        padding: 0;
    }

        .cta__widget .widget__footer .event-btn {
            margin-bottom: 0;
        }

@media (min-width:40em) {

    .grouping .event-list__item .item__media {
        width: 150px;
    }

    .event-list__item .media--date,
    .grouping .event-list__item .image--bg {
        height: 100px;
        font-size: 30px;
    }
}

@media (min-width:48em) {
    .events__widget .widget__description {
        margin-bottom: 1.5em;
        font-size: 14px;
    }

    .cta__widget .widget__header {
        min-height: 250px;
    }
}

@media (min-width:48em) and (max-width:63.9em) {
    .event-list__item .item__title {
        font-size: 20px;
    }

    .event-list__item .link-list {
        font-size: 19px;
    }

    .events__widget .widget__footer a {
        font-size: 24px;
    }
}

@media (min-width:64em) {

    .events__widget .grouping {
        position: relative;
        overflow: hidden;
    }

    .events__widget .listing {
        position: relative;
        float: left;
        padding-right: 10px;
        padding-bottom: 45px;
        width: 50%;
        padding-top: 0;
    }

        .events__widget .listing:nth-child(even) {
            padding-left: 30px;
        }

            .events__widget .listing:nth-child(even):before {
                content: "";
                position: absolute;
                width: 1px;
                height: 100%;
                left: 0;
                top: 0;
                background-color: #333;
            }

    .events__widget .listing__content {
        position: relative;
    }

    .events__widget .listing__footer {
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 100%;
    }

    #content .event-list {
        margin-bottom: 1.4em;
    }

    .event-list__item .item__media {
        width: 150px;
    }

    .event-list__item .image--bg {
        height: 100px;
    }

    .cta__widget {
        min-height: 290px;
    }

        .cta__widget .widget__footer {
            text-align: right;
        }
}

@media (min-width:64em) and (max-width:69.9em) {
    .grouping .event-list__item .item__media {
        width: 110px;
    }

    .grouping .event-list__item .media--date,
    .grouping .event-list__item .image--bg {
        height: 75px;
        font-size: 25px;
    }
}

@media (min-width:70em) {
    .events__widget .listing:nth-child(even) {
        padding-left: 40px;
    }

        .events__widget .listing:nth-child(even) .listing__content:before {
            left: -42px;
        }
}


/* Newsletter */
.newsletter {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    min-height: 278px;
    text-align: center;
    color: #fff;
    background-color: #d91f29;
    background: -moz-radial-gradient(center, ellipse cover, #d91f29 22%, #4b0b13 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #d91f29 22%,#4b0b13 100%);
    background: radial-gradient(ellipse at center, #d91f29 22%,#4b0b13 100%);
}

.newsletter__content p {
    text-transform: uppercase;
}

.newsletter__title {
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 30px;
}

.newsletter__form {
    margin: 0 auto;
    max-width: 570px;
}

    .newsletter__form .row {
        margin: 0 -7px;
    }

        .newsletter__form .row [class*=col-] {
            padding: 0 7px;
        }

    .newsletter__form .input-group {
        position: relative;
    }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select,
    .newsletter__form textarea {
        margin: 0 0 14px;
        padding: 5px 14px 2px;
        width: 100%;
        font-size: 16px;
        font-family: "Teko", sans-serif;
        background-color: #fff;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .newsletter__form input:not([type=submit]):hover,
        .newsletter__form input:not([type=submit]):focus,
        .newsletter__form select:hover,
        .newsletter__form select:focus,
        .newsletter__form textarea:hover,
        .newsletter__form textarea:focus {
            box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
        }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select {
        text-transform: uppercase;
        line-height: 36px;
        height: 40px;
    }

    .newsletter__form input[type=submit] {
        position: absolute;
        right: 0;
        top: 1px;
        border: 4px solid #fff;
        padding: 4px 10px 0;
        height: 38px;
        font-family: "Teko", sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        text-transform: uppercase;
        cursor: pointer;
        color: #fff;
        background-color: #d91f29;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .newsletter__form input[type=submit]:hover,
        .newsletter__form input[type=submit]:focus {
            background-color: #172a50;
        }

.newsletter__content #success {
    font-weight: bold;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    font-size: 24pt;
    font-style: italic;
}

@media (min-width:48em) {
    .newsletter {
        min-height: 320px;
    }

    .newsletter__content {
        font-size: 18px;
    }

    .newsletter__title {
        font-size: 60px;
    }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select,
    .newsletter__form textarea {
        font-size: 37px;
        padding: 5px 25px;
    }

    .newsletter__form input:not([type=submit]),
    .newsletter__form select {
        text-transform: uppercase;
        line-height: 60px;
        height: 70px;
    }

    .newsletter__form input[type=submit] {
        border-width: 6px;
        line-height: 56px;
        height: 68px;
        font-size: 38px;
    }
}


/* Separator Title */
.separator-title {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    min-height: 100px;
    text-align: center;
    color: #fff;
    background-color: #d91f29;
    background: -moz-radial-gradient(center, ellipse cover, #d91f29 22%, #4b0b13 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #d91f29 22%,#4b0b13 100%);
    background: radial-gradient(ellipse at center, #d91f29 22%,#4b0b13 100%);
}

.separator-title__content p {
    text-transform: uppercase;
}

.separator-title__title {
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 30px;
}

@media (min-width:48em) {
    /*.separator-title {
        min-height: 320px;
    }*/

    .separator-title__content {
        font-size: 18px;
    }

    .separator-title__title {
        font-size: 60px;
    }
}

/* CALLOUTS / GROUP CALLOUTS */

.grouping {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grouping__callout {
    margin-top: 2px;
    width: 100%;
}

    .grouping__callout:first-child {
        margin-top: 0;
    }

.grouping--vertical {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .grouping--vertical .grouping__callout {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.callout {
    display: block;
    position: relative;
    min-height: 110px;
    background-color: #c7c7c7;
    overflow: hidden;
}

.event-page a.callout:after {
    display: none;
}

.callout__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 0 50%;
    -webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out 0.15s;
    transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out 0.15s;
}

.sales-landing .callout__image.image--bg.image--large {
    background-position: top center;
    background-size: auto;
}

.callout__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: 0;
    width: 150px;
    text-align: center;
    color: #fff;
    background-color: #3b3b3b;
    -webkit-transition: all 0.3s ease-in-out 0.15s;
    transition: all 0.3s ease-in-out 0.15s;
}

    .callout__content.theme-color-01 {
        background-color: #d91f29
    }

    .callout__content.theme-color-02 {
        background-color: #c59332;
    }

    .callout__content.theme-color-03 {
        background-color: #505050;
    }

    .callout__content.theme-color-04 {
        background-color: #0074b7;
    }

    .callout__content.theme-color-05 {
        background-color: #23487c;
    }

    .callout__content.theme-color-06 {
        background-color: #3b3b3b;
    }

.callout__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    margin: 0 auto;
    width: 150px;
    text-align: center;
    font-family: "Teko", sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    line-height: .9;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.callout:hover .callout__image:not(.image--small),
.callout:focus .callout__image:not(.image--small) {
    background-position: -35% 50%;
}

.callout.sales-landing:hover .callout__image:not(.image--small),
.callout.sales-landing:focus .callout__image:not(.image--small) {
    background-position: top;
}

.callout:hover .callout__content,
.callout:focus .callout__content {
    width: 100%;
    opacity: .9;
}

.callout__subtitle {
    border-top: 2px solid #fff;
    padding: 5px;
    text-transform: uppercase;
}


    .callout__subtitle:after,
    .callout--portrait .callout__title:after {
        content: "\00BB";
        vertical-align: top;
        -webkit-transform: translateX(2px);
        -ms-transform: translateX(2px);
        transform: translateX(2px);
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

.callout--portrait .callout__title {
    font-size: 16px;
}

.callout--landscape:nth-child(odd) {
    background-color: #dedede;
}


@media (min-width:25em) and (max-width:43.75em) {
    .callout {
        min-height: 190px;
    }
}

@media (max-width:43.749em) {
    .callout__media .image--large {
        background: none !important;
    }
}

@media (min-width:43.75em) {
    .grouping--3, .grouping--4 {
        margin: 0 -8px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .grouping--3 > .grouping__callout {
            margin: 0 8px;
            width: 33.33%;
        }


        .grouping--4 > .grouping__callout {
            margin: 0 5px;
            width: 24%;
        }

        .grouping--3 > .grouping__callout.sales-landing, .grouping--3 > .grouping__callout.sales-landing {
            max-height: 250px;
        }

    .grouping--vertical > .grouping__callout + .grouping__callout {
        margin-top: 16px;
    }

    .grouping__callout {
        margin-top: 0;
    }

    .callout {
        min-height: 0;
    }

    .callout__media .image--small {
        background: none !important;
    }

    .callout__content {
        width: 103px;
    }

    .callout__title {
        line-height: .8;
        width: 103px;
    }

    .callout--portrait .callout__media {
        display: block;
        position: relative;
        z-index: 1;
        height: 0;
        padding-top: 144.712%;
        overflow: hidden;
    }

    .callout--portrait .callout__image {
        background-position: 50% 50%;
    }

    .callout--portrait .callout__content {
        left: 0;
        width: auto;
        font-size: 30px;
        background: none;
    }

        .callout--portrait .callout__content:after {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(5,12,50,0);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .callout--portrait .callout__title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 10px 12px;
        width: 100%;
        font-size: 30px;
        line-height: 1;
        background: rgba(5,12,50,.7);
    }

        .callout--portrait .callout__title:after {
            display: none;
        }

    .callout--portrait:hover .callout__content:after,
    .callout--portrait:focus .callout__content:after {
        background: rgba(5,12,50,.6);
    }

    .callout--portrait:hover .callout__title,
    .callout--portrait:focus .callout__title {
        bottom: 50%;
        background: rgba(5,12,50,0);
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: all 0.3s ease-in-out 0.2s;
        transition: all 0.3s ease-in-out 0.2s;
    }
}

@media (min-width:43.75em) {
    .callout__title {
        font-size: 30px;
    }
}

@media (min-width:48em) {
    .callout--portrait .callout__title {
        font-size: 45px;
    }
}

@media (min-width:64em) {
    .callout__title {
        font-size: 45px;
    }

    .callout--portrait .callout__content {
        font-size: 70px;
    }
}


/* NEWS WIDGET */

.news__widget .widget__content {
    padding: 0;
}

.news__widget .news__featured {
    padding: 0 20px 20px;
    width: 100%;
}

.news__widget .item__footer,
.news__widget .list__footer {
    font-size: 16px;
    text-align: center;
}

.news__featured {
    margin: 0 auto;
    max-width: 677px;
}

    .news__featured .item__media {
        position: relative;
        display: block;
        margin: 0 0 20px;
        padding-top: 50%;
        height: 0;
        overflow: hidden;
    }

    .news__featured .image--bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .news__featured .item__content p {
        font-size: 14px;
    }


.news__widget .news__list {
    border-top: 1px solid #ccc;
    padding: 20px;
    background: #fff;
}

#content .news__list ul {
    margin: 0;
}

.news__list li {
    position: relative;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

    .news__list li.active {
        z-index: 10;
    }

.news__list.js-opened-item li {
    opacity: .6;
}

    .news__list.js-opened-item li.active {
        opacity: 1;
    }

.news__list .item-expander {
    display: block;
    padding: 10px 0;
    line-height: 1.4;
    color: #333;
}

    .news__list .item-expander:hover,
    .news__list .item-expander:focus {
        color: #d91f29;
    }

.news__list .item--expandable {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: -20px;
    right: -20px;
    overflow: hidden;
}

.news__list li:first-child .item-expander {
    padding-top: 0;
}

.news__list li:first-child .item--expandable,
.news__list li:first-child + li .item--expandable,
.news__list li:first-child + li + li .item--expandable {
    top: -20px;
    bottom: auto;
}

.news__list .item--expandable:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-right: 6px solid #d91f29;
    background-color: #172a50;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.news__list .item--expandable .item {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.news__list .active .item--expandable:before {
    width: 100%;
}

.news__list .active .item--expandable .item {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s;
    transition: opacity 0.3s ease-in-out 0.2s;
}

.news__list .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 15px 10px 10px 15px;
    overflow: hidden;
    color: #fff;
}

.news__list .item__media {
    float: left;
    margin: 0 10px 20px 0;
}

.news__list .item__header {
    margin-bottom: 10px;
}

.news__list .item__title {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}

.news__list .item__content {
    clear: left;
    width: 100%;
    font-size: 12px;
}

    .news__list .item__content a {
        text-transform: uppercase;
    }

        .news__list .item__content a:before {
            content: "|";
            padding: 0 .5em 0 .3em;
            color: #fff;
        }

    .news__list .item__content p {
        margin: 0;
    }

        .news__list .item__content p + p {
            margin-top: 1em;
            padding-right: 40px;
        }

.news__list .image--bg {
    width: 95px;
    height: 48px;
    background-size: contain;
}

.news__list .item a {
    color: #fff;
}

.news__list .btn--close {
    position: absolute;
    bottom: 10px;
    right: 20px;
    border-radius: 50%;
    border: 1px solid currentColor;
    padding: 0;
    width: 16px;
    height: 16px;
    font-weight: 700;
    cursor: pointer;
    background: none;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .news__list .btn--close:hover,
    .news__list .btn--close:focus {
        color: #d91f29;
    }

    .news__list .btn--close:before,
    .news__list .btn--close:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 10px;
        background-color: currentColor;
    }

    .news__list .btn--close:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .news__list .btn--close:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }

@media (min-width:23.125em) {
    .news__list .item__header {
        width: 58%;
    }
}

@media (min-width:48em) {
    .news__widget .news__list {
        padding: 30px 50px;
    }

    .news__list .item-expander {
        padding: 10px 0;
        font-size: 14px;
    }

    .news__list .item--expandable {
        left: -50px;
        right: -50px;
    }
}

@media (min-width:64em) {
    .news__widget {
        border: 0;
        background: transparent;
    }

        .news__widget .widget__header {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
        }

        .news__widget .widget__content {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .news__widget .news__featured,
        .news__widget .news__list {
            position: relative;
            border: 1px solid #ccc;
            padding: 30px 30px 40px;
            vertical-align: top;
            background: #fff;
        }

        .news__widget .news__featured {
            margin-left: 0;
            margin-right: 20px;
            padding-top: 108px;
        }

        .news__widget .news__list {
            width: 31.5%;
        }

        .news__widget .item__footer,
        .news__widget .list__footer {
            position: absolute;
            bottom: 24px;
            left: 0;
            right: 0;
            font-size: 1em;
        }

    .news__list .list__footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        text-align: center;
    }

    .news__list .item--expandable {
        left: -30px;
        right: -30px;
    }

    .news__list li:first-child .item--expandable,
    .news__list li:first-child + li .item--expandable,
    .news__list li:first-child + li + li .item--expandable {
        top: -30px;
    }

    .news__list .item__header {
        width: 62%;
    }
}

/* FULL WIDTH CALLOUT */

.full-callout {
    position: relative;
    z-index: 5;
    background-color: #c7c7c7;
}

.full-callout__media, .full-callout__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.full-callout__content {
    padding-top: 30px;
    min-height: 278px;
}

.full-callout__title {
    margin: 0;
    padding: 15px;
    text-align: center;
    background: rgba(23, 42, 80,.89);
}

    .full-callout__title a {
        display: block;
        color: #fff;
    }

.event-page .full-callout__title a:after {
    display: none;
}

.full-callout__title .title {
    display: block;
    font-size: 46px;
    line-height: 1;
}

.full-callout__title .subtitle {
    display: inline-block;
    position: relative;
    font-weight: 400;
    top: -.3em;
    margin-top: -.5em;
    padding: 0 35px;
    line-height: 1;
    font-size: .8em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .full-callout__title .subtitle:before,
    .full-callout__title .subtitle:after {
        content: " ";
        position: absolute;
        top: 50%;
        width: 25px;
        height: 4px;
        background-color: #fff;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .full-callout__title .subtitle:before {
        left: 0;
    }

    .full-callout__title .subtitle:after {
        right: 0;
    }

.full-callout__title a:hover .subtitle,
.full-callout__title a:focus .subtitle {
    color: #d91f29;
}

    .full-callout__title a:hover .subtitle:before,
    .full-callout__title a:focus .subtitle:before,
    .full-callout__title a:hover .subtitle:after,
    .full-callout__title a:focus .subtitle:after {
        width: 0;
        background-color: #d91f29;
    }

@media (min-width:23.125em) {
    .full-callout__title .title {
        font-size: 52px;
    }
}

@media (min-width:40em) {
    .full-callout__content {
        min-height: 416px;
    }

    .full-callout__title .title {
        font-size: 80px;
    }

    .full-callout__title .subtitle {
        top: 0;
        font-size: 35px;
    }
}

@media (min-width:64em) {
    .full-callout__content {
        padding-top: 68px;
        min-height: 567px;
    }

    .full-callout__title {
        padding: 30px;
    }

        .full-callout__title .title {
            font-size: 150px;
        }

        .full-callout__title .subtitle {
            padding: 0 115px;
            font-size: 56px;
        }

            .full-callout__title .subtitle:before,
            .full-callout__title .subtitle:after {
                width: 104px;
            }
}


/* MEDIA SOCIAL WALL */

.feeds__widget .widget__title {
    display: block;
    margin-bottom: 1em;
}

.feeds__widget .widget__content {
    position: relative;
    min-height: 400px;
}

    .feeds__widget .widget__content:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        margin: -.5em 0 0 -.5em;
        width: 1em;
        height: 1em;
        -webkit-animation: loader 1.3s infinite linear;
        animation: loader 1.3s infinite linear;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .feeds__widget .widget__content.no-items:before {
        opacity: 0;
    }

#mediawall {
    display: none;
    background: #fff;
}

.no-items #mediawall .social-wall {
    margin: 0;
}

.social-wall {
    position: relative;
    margin: 0 -18px;
}

    .social-wall .slick-slider {
        min-height: 200px;
    }

.social-wall__previous,
.social-wall__next {
    display: none;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    border: 0;
    width: 84px;
    height: 100%;
    background: rgba(255,255,255,.6);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-wall__next {
    left: auto;
    right: 0;
}

    .social-wall__previous:hover,
    .social-wall__previous:focus,
    .social-wall__next:hover,
    .social-wall__next:focus {
        width: 104px;
        background: rgba(255,255,255,.85);
    }

    .social-wall__previous:before,
    .social-wall__previous:after,
    .social-wall__next:before,
    .social-wall__next:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #172a50;
        width: 67px;
        height: 20px;
        border-radius: 20px;
        -webkit-backface-visibility: hidden;
    }

.social-wall__previous:before {
    margin-top: -18px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.social-wall__previous:after {
    margin-top: 18px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
}

.social-wall__next:before {
    margin-top: -18px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.social-wall__next:after {
    margin-top: 18px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}


.social-wall .social-wall__item:after {
    display: none;
}

.social-wall .social-wall__item img {
    width: auto !important;
    height: 200px !important;
}

.social-wall__listing .social-wall__item {
    margin: 0 8px;
    float: left;
}

.social-wall__listing + .social-wall__listing {
    margin-top: 16px;
}

    .social-wall__listing + .social-wall__listing .social-wall__item {
        margin: 0 4px;
    }

@media (max-width:28em) {
    .feeds__widget .widget__title {
        width: 72%;
    }
}

@media (min-width:40em) {

    .feeds__widget .widget__title {
        display: inline-block;
        margin-bottom: 0;
    }

        .feeds__widget .widget__title + a {
            margin-left: 100px;
        }

    .social-wall__previous,
    .social-wall__next {
        display: block;
    }

    .social-wall .social-wall__item img {
        width: auto !important;
        height: 345px !important;
    }
}

@media (min-width:64em) {
    .social-wall {
        margin: 0 -53px;
    }
}

/****************************************
 EVENT PAGE - THEMING
 ****************************************/

/* TEMP FIXES for nav alignment - until new nav exists */
#logo img {
    width: 104px;
}

#header {
    -webkit-backface-visibility: hidden;
}

@media (min-width:960px) {
    #container-menu {
        width: auto !important;
    }

    #submenu-events > li > a {
        table-layout: fixed;
    }

        #submenu-events > li > a > span.sub-evt-icn img {
            max-width: 100% !important;
            height: auto !important;
        }
}

.event-page {
    margin: -10px 0;
    font-size: 16px;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    background: #f5f5f5;
}

    .event-page img {
        max-width: 100% !important;
        height: auto !important;
    }

    .event-page .dfp-ad {
        margin: 0 0 6px;
    }

    .event-page .split--last .dfp-ad {
        margin-bottom: 0;
    }

    .event-page .dfp-ad div {
        padding-top: 0 !important;
    }

    .event-page .dfp-ad img {
        max-width: none !important;
    }

    .event-page a,
    .event-page input[type=submit] {
        -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: color 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

        .event-page a:after {
            content: "\00BB";
            display: inline-block;
            position: relative;
            top: -.1em;
            vertical-align: top;
            -webkit-transform: translateX(2px);
            -ms-transform: translateX(2px);
            transform: translateX(2px);
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
        }

        .event-page a:hover:after,
        .event-page a:focus:after {
            -webkit-transform: translateX(6px);
            -ms-transform: translateX(6px);
            transform: translateX(6px);
        }

        .event-page a.no-a-style {
            color: #000 !important;
        }

            .event-page a.no-a-style:after {
                content: none;
            }

            .event-page a.no-a-style:hover {
                color: #000 !important;
            }

    .event-page p {
        font-size: 1em;
        line-height: 1.3;
    }

    .event-page .event-btn {
        display: inline-block;
        position: relative;
        z-index: 5;
        margin-bottom: .5em;
        padding: 15px;
        overflow: hidden;
        font-family: "Roboto", sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        background-color: #d91f29;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 5px;
    }

        .event-page .event-btn:hover,
        .event-page .event-btn:focus {
            background-color: #c12436;
            color: #fff;
        }

        /* .event-page .event-btn:before {
            content: " ";
            z-index: -1;
            position: absolute;
            top: -1px;
            left: 0;
            height: 105%;
            width: 80%;
            margin-left: -30px;
            background-color: #172a50;
            box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateX(-100%) skew(-24deg);
            -ms-transform: translateX(-100%) skew(-24deg);
            transform: translateX(-100%) skew(-24deg);
            -webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
            transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
        }

        .event-page .event-btn:hover:before,
        .event-page .event-btn:focus:before {
            box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
            -webkit-transform: translateX(10px) skew(-24deg);
            -ms-transform: translateX(10px) skew(-24deg);
            transform: translateX(10px) skew(-24deg);
        } */

        .event-page .event-btn:after {
            position: relative;
            top: -.05em;
        }

    .event-page .event-btn--alternate {
        background-color: #c59232;
    }

        .event-page .event-btn--alternate:before {
            background-color: #d91f29;
            box-shadow: 0 0 0 0 #c59232, 0 0 0 0 #d91f29, 8px 0 0 0 #c59232, 8px 0 0 0 #d91f29;
        }

        .event-page .event-btn--alternate:hover:before,
        .event-page .event-btn--alternate:focus:before {
            box-shadow: 0 0 0 5px #c59232, 5px 0 0 5px #d91f29, 10px 0 0 5px #c59232, 15px 0 0 5px #d91f29;
        }

    .event-page .flex-row,
    .event-page .grouping {
        margin: 0 auto;
        max-width: 1032px;
    }

    .event-page .events__widget,
    .event-page .news__widget {
        margin: 0 auto;
        max-width: 1016px;
    }

@media (min-width:480px) {
    .event-page {
        margin: -15px;
    }
}

@media (min-width:48em) {
    .event-page {
        margin: 0 -15px -15px;
    }

        .event-page .dfp-ad {
            margin: 0 0 15px;
        }

        .event-page .event-btn:hover:before,
        .event-page .event-btn:focus:before {
            box-shadow: 0 0 0 6px #d91f29, 6px 0 0 6px #172a50, 12px 0 0 6px #d91f29, 18px 0 0 6px #172a50;
            -webkit-transform: translateX(10px) skew(-24deg);
            -ms-transform: translateX(10px) skew(-24deg);
            transform: translateX(10px) skew(-24deg);
        }

        .event-page .event-btn--alternate:hover:before,
        .event-page .event-btn--alternate:focus:before {
            box-shadow: 0 0 0 6px #c59232, 6px 0 0 6px #d91f29, 12px 0 0 6px #c59232, 18px 0 0 6px #d91f29;
        }
}

/* ------- MODULE COLOR THEMES ---------- */

/* THEME 01 */
.theme-01 .widget__title:before {
    background-color: #d91f29;
}

.theme-01 .widget__title:after {
    border-color: #d91f29;
}


.theme-01 .event-btn {
    background-color: #d91f29;
}

    .theme-01 .event-btn:before {
        box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
    }

    .theme-01 .event-btn:hover:before,
    .theme-01 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
    }


.theme-01 .widget__content a,
.theme-01 .widget__footer a:not(.event-btn) {
    color: #d91f29;
}

    .theme-01 .widget__content a:hover,
    .theme-01 .widget__content a:focus,
    .theme-01 .widget__footer a:not(.event-btn):hover,
    .theme-01 .widget__footer a:not(.event-btn):focus {
        color: #333;
    }


.theme-01 .news__list .item-expander {
    color: #333;
}

    .theme-01 .news__list .item-expander:hover,
    .theme-01 .news__list .item-expander:focus {
        color: #d91f29;
    }


/* THEME 02 */
.theme-02 .widget__title:before {
    background-color: #c59332;
}

.theme-02 .widget__title:after {
    border-color: #c59332;
}


.theme-02 .event-btn {
    background-color: #c59332;
}

    .theme-02 .event-btn:before {
        box-shadow: 0 0 0 0 #c59332, 0 0 0 0 #172a50, 8px 0 0 0 #c59332, 8px 0 0 0 #172a50;
    }

    .theme-02 .event-btn:hover:before,
    .theme-02 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #c59332, 5px 0 0 5px #172a50, 10px 0 0 5px #c59332, 15px 0 0 5px #172a50;
    }


.theme-02 .widget__content a,
.theme-02 .widget__footer a:not(.event-btn) {
    color: #c59332;
}

    .theme-02 .widget__content a:hover,
    .theme-02 .widget__content a:focus,
    .theme-02 .widget__footer a:not(.event-btn):hover,
    .theme-02 .widget__footer a:not(.event-btn):focus {
        color: #333;
    }

.theme-02 .news__list .item-expander {
    color: #333;
}

    .theme-02 .news__list .item-expander:hover,
    .theme-02 .news__list .item-expander:focus {
        color: #c59332;
    }


/* THEME 03 */
.theme-03 .widget__title:before {
    background-color: #505050;
}

.theme-03 .widget__title:after {
    border-color: #505050;
}


.theme-03 .event-btn {
    background-color: #505050;
}

    .theme-03 .event-btn:before {
        box-shadow: 0 0 0 0 #505050, 0 0 0 0 #172a50, 8px 0 0 0 #505050, 8px 0 0 0 #172a50;
    }

    .theme-03 .event-btn:hover:before,
    .theme-03 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #505050, 5px 0 0 5px #172a50, 10px 0 0 5px #505050, 15px 0 0 5px #172a50;
    }


.theme-03 .widget__content a,
.theme-03 .widget__footer a:not(.event-btn) {
    color: #505050;
}

    .theme-03 .widget__content a:hover,
    .theme-03 .widget__content a:focus,
    .theme-03 .widget__footer a:not(.event-btn):hover,
    .theme-03 .widget__footer a:not(.event-btn):focus {
        color: #333;
    }


.theme-03 .news__list .item-expander {
    color: #333;
}

    .theme-03 .news__list .item-expander:hover,
    .theme-03 .news__list .item-expander:focus {
        color: #505050;
    }


/* THEME 04 - color 1 #23487b / color 2 #7f8287 */
.theme-04 .widget__title:before {
    background-color: #0074b7;
}

.theme-04 .widget__title:after {
    border-color: #0074b7;
}


.theme-04 .event-btn {
    background-color: #0074b7;
}

    .theme-04 .event-btn:before {
        background-color: #7f8287;
        box-shadow: 0 0 0 0 #0074b7, 0 0 0 0 #7f8287, 8px 0 0 0 #0074b7, 8px 0 0 0 #7f8287;
    }

    .theme-04 .event-btn:hover:before,
    .theme-04 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #0074b7, 5px 0 0 5px #7f8287, 10px 0 0 5px #0074b7, 15px 0 0 5px #7f8287;
    }

.theme-04.alert-box,
.theme-04 .alert-box {
    background-color: #0074b7;
}

.theme-04 .alert-box__title .title__link:before {
    background-color: #7f8287;
    box-shadow: 0 0 0 0 #0074b7, 0 0 0 0 #7f8287, 9 0 0 0 #0074b7, 9 0 0 0 #7f8287;
}

.theme-04 .alert-box__title .title__link:hover:before,
.theme-04 .alert-box__title .title__link:focus:before {
    box-shadow: 0 0 0 9px #0074b7, 9px 0 0 9px #7f8287, 18px 0 0 9px #0074b7, 27px 0 0 9px #7f8287;
}


.theme-04 .widget__content a,
.theme-04 .widget__footer a:not(.event-btn) {
    color: #0074b7;
}

    .theme-04 .widget__content a:hover,
    .theme-04 .widget__content a:focus,
    .theme-04 .widget__footer a:not(.event-btn):hover,
    .theme-04 .widget__footer a:not(.event-btn):focus {
        color: #7f8287;
    }


.theme-04 .news__list .item-expander {
    color: #333;
}

    .theme-04 .news__list .item-expander:hover,
    .theme-04 .news__list .item-expander:focus {
        color: #0074b7;
    }


/* THEME 05 - color 1 #23487b / color 2 #e63644 */
.theme-05 .widget__title:before {
    background-color: #23487c;
}

.theme-05 .widget__title:after {
    border-color: #23487c;
}


.theme-05 .event-btn {
    background-color: #23487c;
}

    .theme-05 .event-btn:hover,
    .theme-05 .event-btn:focus {
        background-color: #204171;
    }

/* .theme-05 .event-btn:before {
        background-color: #e63644;
        box-shadow: 0 0 0 0 #23487c, 0 0 0 0 #e63644, 8px 0 0 0 #23487c, 8px 0 0 0 #e63644;
    }

    .theme-05 .event-btn:hover:before,
    .theme-05 .event-btn:focus:before {
        box-shadow: 0 0 0 5px #23487c, 5px 0 0 5px #e63644, 10px 0 0 5px #23487c, 15px 0 0 5px #e63644;
    } */


.theme-05.alert-box,
.theme-05 .alert-box {
    background-color: #23487c;
}

.theme-05 .alert-box__title .title__link:before {
    background-color: #e63644;
    box-shadow: 0 0 0 0 #23487c, 0 0 0 0 #e63644, 9 0 0 0 #23487c, 9 0 0 0 #e63644;
}

.theme-05 .alert-box__title .title__link:hover:before,
.theme-05 .alert-box__title .title__link:focus:before {
    box-shadow: 0 0 0 9px #23487c, 9px 0 0 9px #e63644, 18px 0 0 9px #23487c, 27px 0 0 9px #e63644;
}


.theme-05 .widget__content a,
.theme-05 .widget__footer a:not(.event-btn) {
    color: #23487c;
}

    .theme-05 .widget__content a:hover,
    .theme-05 .widget__content a:focus,
    .theme-05 .widget__footer a:not(.event-btn):hover,
    .theme-05 .widget__footer a:not(.event-btn):focus {
        color: #e63644;
    }


.theme-05 .news__list .item-expander {
    color: #333;
}

    .theme-05 .news__list .item-expander:hover,
    .theme-05 .news__list .item-expander:focus {
        color: #23487c;
    }


/* THEME Global Color Overwrites */

[class*="theme-"] .news__list .item a {
    color: #fff;
}

    [class*="theme-"] .news__list .item a:hover,
    [class*="theme-"] .news__list .item a:focus {
        color: #d91f29;
    }



/* BACKGROUND Theme Colors */

.theme-color-01 {
    background-color: #d91f29;
}

.theme-color-02 {
    background-color: #c59332;
}

.theme-color-03 {
    background-color: #505050;
}

.theme-color-04 {
    background-color: #0074b7;
}

.theme-color-05 {
    background-color: #23487c;
}

.theme-color-06 {
    background-color: #3b3b3b;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/****************************************
 SLICK DEFAULT STYLES - CAN BE MOVED INTO OWN CSS FILE POTENTIALLY
 ****************************************/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/****************************************
 TEMP
 ****************************************/
.topNav {
    background-color: #000;
    height: 4em;
    position: fixed;
    width: 1280px;
}

.leftNav {
    background-color: #000;
    position: fixed;
    height: 100%;
    width: 8em;
}

/****************************************
 LAYOUT
 ****************************************/

/****************************************
 MODULE
 ****************************************/
.ticket-form-block {
    border-bottom: 1px solid #999999;
    overflow: hidden;
}

.ticket-body-cta {
    min-height: 50px;
    vertical-align: bottom;
}

.ticket-col > p {
    min-height: 2.25em;
}

/* ARROW ON FORM */
.ticket-form-arrow {
    position: absolute;
    width: 270px;
}

.ticket-form-arrow-t {
    color: #ffffff;
    font-size: 1em;
    display: block;
    font-weight: bold;
    margin: 7%;
}

.ticket-form-arrow .line {
    margin-top: 0px;
    width: 240px;
    background: #b9af8d;
    height: 80px;
}

.ticket-form-arrow.left .line {
    float: right;
}

.ticket-form-arrow.right .line {
    float: left;
}

.ticket-form-arrow.left .point {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 30px solid #b9af8d;
    float: left;
}

.ticket-form-arrow.right .point {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 30px solid #b9af8d;
    float: right;
}

/* SEARCH FOR TICKETS PAGE */
.ticket-event-search-available-seats {
    display: block;
    width: 100%;
    height: 100%;
    padding: .75em;
}

    .ticket-event-search-available-seats > .row {
        margin-bottom: .5em;
    }

    .ticket-event-search-available-seats .button {
        margin-right: 10px;
    }

.ticket-form-advanced-options .form-field {
    float: left;
    margin-top: 6px;
}

    .ticket-form-advanced-options .form-field .sprite {
        margin-top: -4px;
    }

    .ticket-form-advanced-options .form-field .withSprite {
        margin-right: 5px;
    }

.ticket-form-advanced-options .center-exposure {
    display: block;
    margin-left: -10px;
    margin-right: auto;
}

/* FORM LAYOUT FORM PAGES (SEARCH, CHECKOUT, CART) */
.ticket-event-form-two-col .primary {
    float: left;
    width: 80%;
}

.ticket-event-form-two-col .secondary {
    float: left;
    width: 20%;
}

.ticket-event-form-two-col .rightNote {
    float: right;
}


.ticket-event-info {
    font-size: 0.9em;
    height: 4.25em;
}

/* TICKET SHOPPING CART */
.clear-padding {
    margin: 0px;
}

.track_map img {
    width: 100%;
}

.ticket-event-cart-item {
    padding-top: 1em;
}

    .ticket-event-cart-item .button {
        margin-left: 0px;
        clear: both;
    }

.cart-line-item {
    padding-bottom: 0.5em;
}

.cart-qty input {
    width: 40px;
    text-align: center;
}

.cart-qty > a > .sprite {
    vertical-align: middle;
}

.ticket-event-cart-summary {
    padding-top: .5em;
}

    .ticket-event-cart-summary .button {
        width: auto;
        white-space: nowrap;
    }

.ticket-event-search-available-seats .form-field {
    margin-top: 9px;
}

.checkout-form-row {
    margin: 10px 0;
}

.checkout-form-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.checkout-form-col-fix {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

/* TICKET PRICE RANGE SLIDER */
#ticket_qty {
    margin-top: 15px;
    min-width: 40px;
}

.slider-range-row {
    margin-top: 0px;
}

#slider-range {
    position: relative;
    clear: left;
    width: 305px;
    margin-top: 23px;
}

.slider-range-background {
    height: 18px;
    width: 100%;
    position: absolute;
}

.slider-range-foreground {
    height: 18px;
    width: 25%;
    left: 25%;
    position: absolute;
}

.slider-range-handle {
    position: absolute;
    bottom: -25px;
    margin-left: -7px;
    cursor: pointer;
}

    .slider-range-handle span {
        cursor: pointer;
    }

#slider-range-handle1 {
    left: 25%;
}

#slider-range-handle2 {
    left: 50%;
}


.pct {
    width: 100%;
    position: absolute;
}

.lbl {
    position: absolute;
    width: 35px;
    top: -21px;
    margin-left: -18px;
    text-align: center;
    font-size: .85em;
}


.pct .hash {
    width: 1px;
    background-color: #e0dfde;
    height: 30px;
    top: -5px;
    position: absolute;
}

.pct-10 {
    left: 10%
}

.pct-20 {
    left: 20%
}

.pct-30 {
    left: 30%
}

.pct-40 {
    left: 40%
}

.pct-50 {
    left: 50%
}

.pct-60 {
    left: 60%
}

.pct-70 {
    left: 70%
}

.pct-80 {
    left: 80%
}

.pct-90 {
    left: 90%
}


.ticket-options-link {
    margin-top: 35px;
}

/* TICKET CHECKOUT PAGE */
.ticket-event-checkout-form input[type="text"],
.ticket-event-checkout-form input[type="password"],
.ticket-event-checkout-form textarea,
.ticket-event-checkout-form select {
    width: 100%;
}

.ticket-event-checkout-shipping {
    display: none;
}

.formAddress {
    line-height: 1.2em;
    margin-top: 0.7em;
}

    .formAddress .sprite {
        margin-right: 5px;
    }

    .formAddress a.button {
        margin-right: 10px;
    }


/*TICKET EVENT DETAIL PAGE*/
.ticket-event-purchase-option-row {
    padding: 6px 0;
    text-align: right;
}

.ticket-event-block > .ticket-event-block-image {
    display: inline-block;
    margin-right: 2.514%;
    width: 15.824%;
}

    .ticket-event-block > .ticket-event-block-image > .ticket-event-block-image-caption {
        background-color: #000;
        color: #fff;
        text-align: center;
        padding: 3px 0;
        margin-top: -1px;
    }

.ticket-event-block > div.ticket-event-block-info {
    display: inline-block;
    vertical-align: top;
    width: 81.352%;
}

.ticket-event-block-hero > .ticket-event-block-image {
    width: 27.648%;
}

.ticket-event-block-hero > div.ticket-event-block-info {
    width: 68.352%;
}

.cart-update-notice {
    background-color: #cccccc;
}

.ticket-upsell {
    line-height: 1.1em;
}

.ticket-upsell-header {
    font-size: 0.9em;
}

.upsell-divider {
    border-bottom: 1px solid #999999;
}

/*  CAMPING/PARKING  */
.parkingDetails {
    margin-top: .5em;
}

    .parkingDetails p {
        margin-bottom: .7em;
    }

.parkingImage img {
    width: 100%;
}

.insetParagraph {
    padding-left: 15px;
}

hr.glampingOptions {
    margin-left: 15px;
}


.parking-option-row .divider,
.parking-option-row,
.divider.noPadding {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.parking-option-item {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 26px;
}


.cart-sidebar-header {
    background-color: #bcac92;
    color: #fff;
    padding: 15px 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.cart-sidebar-cart {
    background-color: #dcd5c2;
    min-height: 85px;
    margin: 3px 0;
    padding: 25px 10px;
}

    .cart-sidebar-cart > span.no-items {
        color: #941317;
        font-weight: bold;
    }

.cart-sidebar-seperator {
    background-color: #b9b2a0;
    height: 1px;
    width: 100%;
    margin: 15px 0;
}

.event-tickets-tout {
    background-color: #e0dfda;
}

    .event-tickets-tout h6 {
        font-size: 1.25em;
        text-align: center;
        padding: 10px 0;
    }

.cart-sidebar-summary {
    font-weight: bold;
    text-align: right;
}

    .cart-sidebar-summary span {
        font-weight: normal;
    }

.wheelchair-tout {
    background-color: #b9af8d;
    color: #fff;
    font-size: 1.25em;
    padding: 20px;
}


/****************************************
 STATE
 ****************************************/

/****************************************
THEME
 ****************************************/

/* SEARCH FOR TICKETS PAGE */
.ticket-event-search-available-seats {
    background-color: #e0dfde;
}

.ticket-event-search-available-seats-header {
    font-size: .9em;
    white-space: nowrap;
}

    .ticket-event-search-available-seats-header.superBold {
        font-size: 1em;
    }

a.ticket-form-logicLink {
    color: #9b8a5b;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: color .5s;
}

.ticket-form-logicLink:hover {
    color: #675d45;
}

/* TICKET PRICE RANGE SLIDER */
.slider-range-background {
    background-color: #e1dfda;
}

.slider-range-foreground {
    background-color: #bbae8c;
}

.ticket-event-block-header {
    background-color: #9a968f;
    color: #ffffff;
    padding-top: .5em;
    padding-bottom: .5em;
}

.ticket-event-cart {
    padding-bottom: 1.5em;
}

.ticket-form-black {
    color: #000000;
}

/****************************************
RESPONSIVE
 ****************************************/
@media all and (min-width: 1100px) {
    #slider-range {
        clear: none;
        margin-top: 11px;
    }

    .slider-range-row {
        margin-top: 15px;
    }

    #ticket_qty {
        margin-top: 5px;
        min-width: 40px;
    }
}

@media all and (min-width: 980px) {
    #slider-range {
        width: 300px;
    }
}

@media all and (min-width: 560px) {
    #slider-range {
        width: 425px;
    }

    .ticket-form-advanced-options .center-exposure {
        display: block;
        margin-left: 0;
        margin-right: auto;
    }
}

@media all and (min-width: 480px) {
    .ticket-options-link {
        margin-top: 15px;
    }

    .checkout-form-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ticket-event-cart-item .button {
        margin-left: 15px;
        clear: none;
    }
}


@media all and (min-width: 320px) {
}

@media all and (max-width: 979px) and (min-width: 480px) {
}

@media all and (max-width: 979px) and (min-width: 768px) {
    .ticket-event-block > div.ticket-event-block-info {
        width: 66.352%;
    }
}

@media all and (max-width: 768px) and (min-width: 480px) {
}

@media all and (max-width: 480px) {
    hr.glampingOptions {
        margin-left: 10px;
    }

    .insetParagraph {
        padding-left: 10px;
    }
}

@media all and (max-width: 320px) {
}


/****************************************
    BUY TICKETS PAGE STYLES
 ****************************************/
.img-fluid {
    width: 100%;
    height: auto;
}
/** Accordion Styles **/
div.carousel-accordion-content {
    background-color: transparent;
    padding: 0;
}

    div.carousel-accordion-content.show {
        max-height: 100%;
        overflow: visible;
    }

h3.carousel-accordion-title {
    font-weight: bold;
    font-size: 24pt;
    font-family: "Teko", sans-serif;
}
/** Accordion Styles: END **/
/** Item Content **/
.item-heading a {
    color: #333333;
}

.item-content-wrap .item-heading {
    display: block;
    /* letter-spacing: 3px; */
    font-family: "Teko", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 8px;
    margin-top: 20px;
}

.item-content-wrap .item-description {
    display: block;
    font-family: "Roboto", "Helvetica neue", sans-serif;
    text-align: center;
    min-height: 150px;
    padding: 0 5px;
}

.item-content-wrap &gt;
* {
    padding-bottom: 5px;
}

.item-image {
    position: relative;
}

.eventLogo {
    position: absolute;
    /* bottom: 0; */
    bottom: 10px;
    right: -5%;
}
/** Item Content: END **/
/**  Item Button **/
.ims-carousel-cell--button-container {
    text-align: center;
}

.ims-carousel-cell--button {
    background-color: #de1d36;
    color: #ffffff;
    font-size: 16px;
    padding: 12px;
    border-radius: 4px;
    text-align: center;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.ims-carousel-cell--button-container .section-jump-nav__link {
    color: white !important;
    padding: 12px 15px;
    border-radius: 5px;
    font-family: Roboto, sans-serif;
    margin: 0;
}

@media only screen and (max-width: 800px) {
    .ims-carousel-cell--button,
    .section-jump-nav__link {
        width: 100%;
    }

    .ims-carousel-cell-button {
        font-size: 12px;
    }
}
/* Item Button: END */
/*! Flickity
    ---------------------------------------------- */
.flickity-prev-next-button[disabled] {
    display: none;
}

.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }
/* ---- flickity-button ---- */
.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
}

    .flickity-button:hover {
        background: white;
        cursor: pointer;
    }

    .flickity-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #19F;
    }

    .flickity-button:active {
        opacity: 0.6;
    }

    .flickity-button:disabled {
        opacity: 0.3;
        cursor: auto;
        /* prevent disabled button from capturing pointer up event. #716 */
        pointer-events: none;
    }

.flickity-button-icon {
    fill: currentColor;
}
/** Cell Background on Scroll/Selection **/
/*  .ims-carousel-cell .is-selected {
    background: #eeeeee;
    } */
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    top: 30%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* vertically centered */
    transform: translateY(-50%);
}
    /** Prev Next Buttons **/
    .flickity-prev-next-button.previous {
        left: 10px;
    }

    .flickity-prev-next-button.next {
        right: 10px;
    }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}
/* smaller, dark, rounded square */
.flickity-prev-next-button {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #333;
    border: 2px solid #ffffff;
}

    .flickity-prev-next-button:hover {
        background: red;
    }
    /* arrow color */
    .flickity-prev-next-button .arrow {
        fill: white;
    }

    .flickity-prev-next-button.no-svg {
        color: white;
    }
    /* position outside */
    .flickity-prev-next-button.previous {
        left: -20px;
    }

    .flickity-prev-next-button.next {
        right: -20px;
    }
/* ---- page dots ---- */
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    display: none;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1;
    }
/** Carousel Item Styles **/
.ims-carousel-cell {
    width: 33%;
    height: auto;
    margin-right: 10px;
    counter-increment: gallery-cell;
}

.ims-carousel {
    margin-top: 20px;
}

@media only screen and (max-width: 1300px) {
    .ims-carousel-cell {
        width: 50%;
    }
}

@media only screen and (max-width: 1000px) {
    .ims-carousel-cell {
        width: 48%;
    }
}

@media only screen and (max-width: 765px) {
    .item .item-description {
        display: none;
    }

    .item .item-heading {
        min-height: 42px;
    }
}
/** Carousel Item Styles: END **/
/** Right Rail Padding Reset **/
@media (min-width: 77em) {
    .interior-page .flex-col--aside {
        padding-top: 0;
    }
}
/**. BUTTONS **/
.btn-link {
    background-color: #ddd;
    color: #000;
    padding: 15px 20px;
    border: 0;
    border-radius: 0;
    cursor:;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
}

    .btn-link:hover {
        background-color: #c51a30;
        color: #fff;
        text-decoration: none;
    }

@media only screen and (max-width: 800px) {
    .btn-link {
        font-size: 0.8em;
        padding: 15px 20px;
    }
}
/**. BUTTONS **/

/* Added to tickets.css, we might not have complete control over css, added here so it isn't lost.*/
.ticket-event-checkout-form input[type="password"]
{
    width: 100%;
}

.account-type-form {
    margin-top: 3px;
    min-width: 100px;
    float: left;
}


.social-buttons input[type="image"] {
    float: left;
}
.tout .tout-wrapper,
.tout .tout-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* ==================== Side Cart Tout ==================== */
div.tout-sidecart {
    font-size: .875em;
    background-color: #ddd;
}

    div.tout-sidecart .sidecart-title {
        color: #FFF;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
        border-bottom: 2px solid #fff;
        background-color: #52585B;
    }

        div.tout-sidecart .sidecart-title .sprite {
            margin-bottom: -2px;
            margin-left: 15px;
        }

    div.tout-sidecart .sidecart-content {
        padding: 0 10px;
    }

    div.tout-sidecart .sidecart-product {
        float: left;
        clear: both;
        padding: 10px 0;
        border-bottom: 1px solid #4d4d4d;
    }

        div.tout-sidecart .sidecart-product.empty {
            color: #951316;
            font-weight: bold;
        }

    div.tout-sidecart .sidecart-description {
        padding-bottom: 10px;
    }

    div.tout-sidecart .sidecart-qty {
        float: left;
        text-transform: uppercase;
    }

    div.tout-sidecart .sidecart-price {
        float: right;
        font-weight: bold;
    }

        div.tout-sidecart .sidecart-price span {
            font-weight: normal;
        }

    div.tout-sidecart .sidecart-subtotal {
        float: right;
        padding: 10px;
    }

    div.tout-sidecart .sidecart-actions {
        float: left;
        width: 100%;
        padding: 0 10px 10px;
        border-bottom: 2px solid #fff;
        margin: auto;
    }

    div.tout-sidecart .sidecart-actions {
        text-align: center;
    }

        div.tout-sidecart .sidecart-actions div {
            margin: 0 auto;
            width: 194px;
        }

            div.tout-sidecart .sidecart-actions div .button {
                float: left;
                width: 92px;
                background-color: #52585B;
            }

                div.tout-sidecart .sidecart-actions div .button:first-child {
                    margin-right: 8px;
                }

                div.tout-sidecart .sidecart-actions div .button .text {
                    padding-right: 0;
                }

/* ==================== Information Hover Tout ==================== */
/* slider */
div .tout-info-hover div.slide-container {
    height: 100%;
    width: 200%;
    top: 0;
    left: 0;
    position: absolute;
    transition: left 0.5s, transform 0.5s, width 0.5s;
    -moz-transition: left 0.5s, -moz-transform 0.5s, width 0.5s;
    -ms-transition: left 0.5s, -ms-transform 0.5s, width 0.5s;
    -o-transition: left 0.5s, -o-transform 0.5s, width 0.5s;
    -webkit-transition: left 0.5s, -webkit-transform 0.5s, width 0.5s;
}
    /* slide */
    div.tout-info-hover div.slide-container div.slide {
        width: 50%;
        height: 100%;
        float: left;
        border-spacing: 5px;
        display: table;
        text-transform: uppercase;
        color: #FFF9FA;
        font-family: open_sanssemibold;
    }

div.slide span {
    display: table-cell;
    vertical-align: middle;
}

div.slide.hoverText span {
    line-height: 1.2em;
    padding: 0 5px;
}

    div.slide.hoverText span a {
        color: #675d45;
    }

div.tout-info-hover span.sprite-container {
    width: 85px;
    height: 100%;
}

/* ==================== Ticket Infomration Tout ==================== */
.tout-wrapper .tickets-title {
    text-align: center;
    font-family: lorabold;
    font-size: 1.25em;
    margin: 0 auto 15px;
}

.tout-wrapper .tickets-content {
    width: 160px;
    margin: 0 auto 0;
}

    .tout-wrapper .tickets-content .tout-img img {
        float: left;
    }

    .tout-wrapper .tickets-content a.button {
        clear: left;
        margin: 0;
        padding: 0;
        height: 36px;
        text-align: center;
    }


/* ==================== Fun Facts ==================== */
.tout-wrapper.tout-funfact {
    position: relative;
}

.tout-wrapper .funfact-title {
    width: 100%;
    height: 50px;
    border-bottom: 2px white solid;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000;
}

    .tout-wrapper .funfact-title span {
        margin: 13px 0 0 12px;
        float: left;
    }

        .tout-wrapper .funfact-title span + span {
            margin: 5px 8px 0 0;
            float: right;
            font-size: 1.63em;
        }

            .tout-wrapper .funfact-title span + span sup {
                font-size: 0.5em;
                top: -0.6em;
            }

.tout-wrapper .funfact-content {
    height: 100%;
    float: left;
    color: #fff;
    padding: 15px;
    font-size: 1em;
    line-height: 1.3em;
}

.tout-wrapper .funfact-logo {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

/* ==================== Logo Links Tout ==================== */
.tout-logo-links {
}

.tout-logo-links-header {
    font-size: 1.2em;
    margin-top: 10px;
    text-align: center;
}

.tout-logo-links ul {
    height: 275px;
    margin: 0 -10px !important;
    padding: 0;
}

    .tout-logo-links ul > li {
        display: table;
        height: 20%;
        list-style: none;
        margin: 0;
        padding: 0 10px;
        width: 100%;
        transition: background-color 0.5s;
        -webkit-transition: background-color 0.5s;
        -moz-transition: background-color 0.3s;
        -ms-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
    }

        .tout-logo-links ul > li:hover {
            background-color: #bdb9af;
        }

            .tout-logo-links ul > li:hover > a > span,
            .tout-logo-links ul > li:hover + li > a > span {
                border-top-color: transparent;
            }

        .tout-logo-links ul > li > a {
            display: table-row;
            width: 100%;
        }

        .tout-logo-links ul > li + li > a > span {
            border-top: solid 1px #a9955d;
        }

        .tout-logo-links ul > li + li > a > span,
        .tout-logo-links ul > li + li > a {
            transition: border-color 0.3s;
            -webkit-transition: border-color 0.3s;
            -moz-transition: border-color 0.3s;
            -ms-transition: border-color 0.3s;
            -o-transition: border-color 0.3s;
        }

.tout-logo-links-logo {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 80px;
}

.tout-logo-links-text {
    color: #4d4d4d;
    display: table-cell;
    font-size: 0.875em;
    line-height: 1.1em;
    vertical-align: middle;
}

@media (min-width: 480px) and (max-width: 959px) {
    .tout-logo-links-list {
        display: table;
        height: 101px;
        padding: 0 !important;
        width: 100%;
    }

    .tout-logo-links ul {
        display: table-row;
        height: 100px;
    }

        .tout-logo-links ul > li {
            display: table-cell;
            height: 100%;
            padding: 10px 0;
            width: 20%;
        }

            .tout-logo-links ul > li > a {
                display: block;
                height: 100%;
                position: relative;
            }

            .tout-logo-links ul > li + li > a {
                border-left: solid 1px #a9955d;
            }

            .tout-logo-links ul > li:hover > a,
            .tout-logo-links ul > li:hover + li > a {
                border-left-color: transparent;
            }

            .tout-logo-links ul > li + li > a > span {
                border-top: none;
            }

    .tout-logo-links-logo {
        display: block;
        height: 50%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .tout-logo-links-text {
        display: block;
        text-align: center;
        height: 50%;
        padding: 5px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}

@media (min-width: 960px) {
    .tout-logo-links ul {
        margin: 0 -15px !important;
    }
}

/***** TOP TWEETS & TOP NEWS *******/
.tout .tout-wrapper.tout-tweets,
.tout .tout-wrapper.tout-latestnews {
    padding: 0 20px;
}

.tout .tout-wrapper.tout-tweets {
    width: 210px;
    word-wrap: break-word;
}

.tout-latestnews .news-item {
    padding: 0 20px;
}

.tout-wrapper .tweets-title,
.tout-wrapper .news-title,
.tout-wrapper .media-title {
    text-align: center;
    font-family: lorabold;
    font-size: 1.25em;
    margin: 0 auto 10px;
}

.tout-wrapper .tweet,
.tout-wrapper .news-item {
    font-size: 0.8em;
    line-height: 1.3em;
}

.tout-wrapper .tweet-time,
.tout-wrapper .news-item-date {
    color: #999999;
    font-size: 0.8em;
    margin-top: 3px;
}


.tout-wrapper .tweet-seperator,
.tout-wrapper .news-seperator {
    background-color: #a1996a;
    height: 1px;
    margin: 8px 0;
    width: 100%;
}

.news-item-title {
    padding-top: 2px;
    text-transform: uppercase;
}

.tout-wrapper .mediaToutImage {
    height: 105px;
    position: relative;
    width: 210px;
}

    .tout-wrapper .mediaToutImage .mediaToutInfo {
        height: 32px;
        background: #000;
        bottom: 0;
        filter: alpha(opacity=85);
        opacity: 0.85;
        position: absolute;
        left: 0;
        right: 0;
    }

    .tout-wrapper .mediaToutImage .mediaToutIcon {
        height: 21px;
        width: 22px;
        margin: 5px 10px 0 5px;
        display: block;
        float: left;
    }


    .tout-wrapper .mediaToutImage .mediaToutTitle {
        font-size: 0.75em;
        line-height: 1.1em;
        color: #fff;
        filter: alpha(opacity=100);
        opacity: 100;
        font-weight: bold;
        margin-top: 2px;
        height: 30px;
        overflow: hidden;
    }

.tout-wrapper .media-seperator {
    background: #fff;
    height: 2px;
}

/******************** MEDIA FILTERS ********************/
#media-filters {
    height: 31px;
    margin-bottom: 10px;
    position: relative;
}

    #media-filters ul {
        height: 1em;
        margin: auto;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
    }

        #media-filters ul > li {
            display: inline-block;
            font-size: 1em;
            line-height: 1em;
            list-style: none;
            margin: 0;
        }

            #media-filters ul > li + li {
                margin-left: 1em;
            }

            #media-filters ul > li > a {
                color: #333333;
                text-transform: uppercase;
            }

#filter-follow {
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 0px;
    transition: width 0.3s, left 0.3s;
    -webkit-transition: width 0.3s, left 0.3s;
    -moz-transition: width 0.3s, left 0.3s;
    -ms-transition: width 0.3s, left 0.3s;
    -o-transition: width 0.3s, left 0.3s;
}

@media (min-width: 768px) {
}

/******************** MEDIA SEARCH ********************/
/* #media-search {
    background: #ecebe8;
    border: 1px solid #ceccc4;
    margin-bottom: 10px;
    position: relative;
} */

#media-search-wrapper {
    padding: 5px;
}

    #media-search-wrapper label {
        font-weight: bold;
    }

    #media-search-wrapper .media-search-header {
        color: #675d45;
        display: block;
        font-weight: bold;
        margin-bottom: 2px;
        text-transform: uppercase;
    }

    #media-search-wrapper .media-search-filter {
        /*display: inline-block;*/
        height: 30px;
        margin-bottom: 7px;
    }

.media-search-filter label {
    display: inline-block;
    width: 30%;
}

#media-search-wrapper input, #media-search-wrapper select {
    background-color: #fff;
    border: 1px solid #bbb9ae;
    height: 28px;
    padding: 0;
    width: 66%;
}

#media-search-wrapper input {
    margin: 0;
    padding: 0 10px;
    /* width: 200px; */
}

#media-search-wrapper select {
    padding: 4px 5px;
    /*margin-right: 10px;*/
}

/* #media-search-submit
{
    display: inline-block;
    margin: 0 20px;
    float: right;
    background: #bbae8c;
    padding: 0 0 0 10px;
    color: #675d45;
}

#media-search-submit span
{
    vertical-align: middle;
} */

@media (min-width: 768px) {
}

@media (max-width: 479px) {
    #media-search-wrapper {
        right: 0;
    }

        #media-search-wrapper .media-search-filter {
            width: 100%;
        }

            #media-search-wrapper .media-search-filter label {
                display: inline-block;
                width: 25%;
            }

            #media-search-wrapper .media-search-filter input,
            #media-search-wrapper .media-search-filter select {
                width: 69%;
            }
}

/******************** MEDIA VIEWER ********************/
#media-explorer-content {
    /*transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;*/
}

#media-viewer {
   /* transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;*/
}

#media-viewer-outer-wrap {
    padding: 10px;
}

#media-viewer-inner-wrap {
    /*height: 0px;*/
    /*padding-bottom: 100%;*/ /* 1:1 aspect ratio */
    position: relative;
}

#media-viewer {
    /*bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;*/
}

a.media-show-more,
a.media-show-less {
    background-color: #e1dfda;
    bottom: 0;
    display: none;
    height: 2em;
    padding: 0.5em;
    position: absolute;
    text-align: center;
    width: 100%;
}

@media (min-width: 480px) {
    #media-viewer-outer-wrap {
        padding: 0;
    }
}

@media (min-width: 768px) {
    #media-viewer-inner-wrap {
        /*padding-bottom: 75%;*/ /* 4:3 Aspect Ratio */
    }
}

@media (max-width: 479px) {
}

/*
#media-viewer-outer-wrap.overflow #media-viewer
{
    bottom: 2em;
}

#media-viewer-outer-wrap.overflow a.media-show-more
{
    display: block;
}

#media-viewer-outer-wrap.overflow.showall a.media-show-more
{
    display: none;
}

#media-viewer-outer-wrap.overflow.showall a.media-show-less
{
    display: block;
}
*/
#media-viewer-outer-wrap.showall #media-viewer-inner-wrap {
    height: auto;
    padding-bottom: 0;
}

#media-viewer-outer-wrap.showall #media-viewer {
    bottom: auto;
    left: auto;
    position: static;
    right: auto;
    top: auto;
}


/******************** MEDIA LISTINGS ********************/
#media-listing {
    clear: both;
    position: relative;
}

#media-listing-loader {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#media-explorer-loader {
    position: relative;
}

    #media-explorer-loader .spinner-box {
        position: absolute;
        left: 50%;
        margin-top: 35%;
    }



.t-loading-spinner {
    margin-left: -1px;
    margin-top: -1px;
    width: 47px;
    height: 47px;
}

.sprite.ims-circle {
    top: 5px;
    left: 5px;
    position: absolute;
}


#media-listing-loader > .loader-bg {
    background: #000;
    height: 100%;
    opacity: 0.35;
    width: 100%
}

#media-listing-loader > .spinner-box {
    bottom: 0;
    left: 50%;
    position: absolute;
    margin: auto;
    right: 0;
    top: 50%;
}

#media-listing.media-listing-noresults {
    display: none;
}

.media-thumbnail {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .media-thumbnail.media-thumbnail-empty {
        padding-top: 0;
        padding-bottom: 0;
        display: none;
    }

    .media-thumbnail h6,
    .media-thumbnail-headerfix {
        height: 20px;
        margin: 0 0 8px 0;
    }

table.media-item-noresults {
    height: 100%;
    width: 100%;
}

    table.media-item-noresults td {
        padding: 1em;
        text-align: center;
        vertical-align: middle;
    }

@media (min-width: 480px) {
    .media-thumbnail {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/************* MEDIA - MAIN *************/


.media-filters a.is-selected {
    border-bottom: 3px solid #bbae8c;
}

#media-viewers {
    height: 570px;
    width: 100%;
}

.media-background {
    background-color: #e1dfda;
}

.media-item-wrapper {
    height: 100%;
    position: relative;
}

.media-item-wrapper,
.media-thumbnail {
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
}

    .media-thumbnail.media-thumbnail-empty .media-item-wrapper {
        padding-bottom: 0;
    }

.media-item, .media-item-viewport {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.media-item {
    border: 1px solid #e5e5e5;
}

.media-item-items {
    height: 100%;
    width: 100%;
    transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
    -webkit-transform: translate(0%);
    transition: transform 0.75s;
    -moz-transition: -moz-transform 0.75s;
    -ms-transition: -ms-transform 0.75s;
    -o-transition: -o-transform 0.75s;
    -webkit-transition: -webkit-transform 0.75s;
}

.media-item .media-item-slideContainer {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.media-item .media-item-container {
    height: 100%;
    animation: show .25s linear both;
    -moz-animation: show .25s linear both;
    -ms-animation: show .25s linear both;
    -o-animation: show .25s linear both;
    -webkit-animation: show .25s linear both;
}

.media-item {
    transition: all 0.3s ease-in-out;
}

    .media-item .media-item-slideContainer {
        left: -100%;
    }

.media-item-container.shift {
    animation: hide .25s linear both;
    -moz-animation: hide .25s linear both;
    -ms-animation: hide .25s linear both;
    -o-animation: hide .25s linear both;
    -webkit-animation: hide .25s linear both;
}

a.media-item-link {
    color: #000;
    height: 100%;
    font-weight: inherit;
    display: block;
}

    a.media-item-link:after {
        content: " ";
        width: 0;
        height: 10px;
        background: #c41a30;
        transition: all .2s ease-in-out;
        position: absolute;
        z-index: 100;
        bottom: 0;
        right: 50%;
    }

.mi-footer-right a.media-item-link:after {
    content: none;
}

a.media-item-link:hover:after,
a.media-item-link:focus:after {
    content: " ";
    width: 100%;
    right: 0;
    transition: all .2s ease-in-out;
}

.now-playing a.media-item-link {
    pointer-events: none;
}

    .now-playing a.media-item-link:after {
        content: " ";
        width: 100%;
        height: 10px;
        background: #c41a30;
        transition: all .2s ease-in-out;
        position: absolute;
        z-index: 100;
        bottom: 0;
        left: 0
    }

.now-playing .mi-footer-right a.media-item-link:after {
    content: none;
}

.media-item-detail {
    color: white;
    height: 100%;
    position: absolute;
    top: 100%;
    width: 100%;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    -webkit-transition: top 0.5s;
}

.media-item-detail-bg {
    background-color: black;
    opacity: 0.8;
    height: 100%;
    width: 100%;
}

.media-item-title {
    background-color: black;
    display: table-row;
    font-size: 0.75em;
    font-weight: bold;
    height: 3.333333em;
    left: 0;
    position: absolute;
    right: 0;
    top: -3.333333em;
}

.media-item-icon {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 35px;
}

.media-item-title-text {
    display: table-cell;
    height: 3.333333em;
    vertical-align: middle;
}

    .media-item-title-text > div {
        max-height: 3.333333em;
        padding: 0.5em 0.6666667em 0.5em 0;
        overflow: hidden;
    }

/* .media-item-link {
    background: black;
    bottom: 0;
    display: table-row;
    left: 0;
    position: absolute;
    right: 0;
}

.media-item-link-text {
    display: table-cell;
    height: 2.5em;
    vertical-align: middle;
} */

.media-item-detail-content {
    bottom: 3.076923em;
    font-size: 0.8125em;
    left: 0;
    line-height: 1.3em;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.media-item-detail-byline {
    display: block;
    margin-bottom: 6px;
}





.media-item img {
    width: 100%;
    vertical-align: middle;
}

#paging.paging-noresults {
    display: none;
}

#paging-controls .is-inactive {
    background-color: #999;
}

#paging-text {
    display: inline-block;
    font-weight: bold;
    text-align: right;
    margin-right: 15px;
}

#paging-controls {
    text-align: center;
}

    #paging-controls .btn-load-more {
        cursor: pointer;
        display: block;
        font-size: 14pt;
        font-weight: bold;
        text-transform: uppercase;
        color: #000;
        background: #ddd;
        width: 100%;
        padding: 15px;
        margin: 0;
    }

        #paging-controls .btn-load-more:hover {
            color: #fff;
            background: #595959;
        }

    #paging-controls > a > span {
        line-height: 20px;
        vertical-align: top;
    }

    #paging-controls > a {
        display: inline-block;
        height: 21px;
        line-height: 21px;
        text-align: center;
        vertical-align: middle;
        width: 21px;
    }

        #paging-controls > a.is-inactive {
            cursor: default;
        }

        #paging-controls > a#currentPage {
            width: auto;
            min-width: 21px;
        }

        #paging-controls > a:link,
        #paging-controls > a:visited {
            color: #fff;
        }

#resultRange {
    display: inline-block;
    line-height: 21px;
    font-weight: bold;
    vertical-align: middle;
}


#media-news,
#media-video,
#media-photos {
    width: 100%;
    height: 100%;
}

    #media-news p {
        /*display: inline-block;*/
    }

@media all and (max-width: 480px) {
    #paging-text {
        display: block;
        text-align: center;
        margin-right: 0;
    }
}

/************* MEDIA - NEWS ITEMS *************/
#media-news-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

#media-news {
    /*bottom: -10px;*/
    height: auto;
    /*left: -10px;*/
    margin: 10px 0;
    /* overflow: hidden; */
    padding: 0 10px;
    /*position: absolute;*/
    /*right: -10px;*/
    /*top: -10px;*/
    width: auto;
}

    #media-news img {
        display: block;
        /*border-radius: 2px;
        border: 5px solid#dcdcdc;
        box-shadow: 0 0 12px 0px #666;*/
    }

.headline {
    font-family: "Teko", sans-serif;
    font-size: 26pt !important;
    width: 85%;
    color: #000;
    background: none;
    font-weight: bold;
    letter-spacing: .5px;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 100;
    position: relative;
    padding: 12px 0px;
    margin: 20px 0 0;
}
/*.headline:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -27px;
        right: -27px;
        background-color: #282828;
        -webkit-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: transform 0.3s ease-in-out;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        width: calc(100% - 65px);
    }
    .headline:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        right: 51px;
        margin-left: 45px;
        border: 10px solid #282828;
        border-top: 0;
        border-bottom: 0;
        width: 31px;
        -webkit-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }*/
.byline {
    color: #675d45;
    font-weight: 600;
    padding: 5px 0px;
    display: block !important;
}

.share-news {
    float: right;
    margin: 20px 30px 0 0;
}

    .share-news > ul {
        padding-left: 0;
    }

        .share-news > ul > li {
            background: #5c5c5c;
            display: inline-block;
            float: left;
            font-size: 1em;
            height: 26px;
            line-height: 30px;
            margin: 0 0 0 0.5em;
            text-align: center;
            width: 26px;
        }

            .share-news > ul > li > a {
                display: inline-block;
                height: 100%;
                width: 100%;
            }

.article-content {
    padding: 0 10px;
}

.FBCcontainer {
    height: auto;
    min-height: 225px;
}

.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget iframe {
    height: 200px !important;
    width: 100% !important;
    overflow: visible !important;
}

.news-show-more,
.news-show-less {
    background-color: #e1dfda;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
}

    .news-show-more span,
    .news-show-less span {
        margin-left: 8px;
        vertical-align: middle;
    }

@media (min-width: 480px) {
    #media-news {
        bottom: -15px;
        left: -15px;
        margin: 15px 0;
        padding: 0 15px;
        right: -15px;
        top: -15px;
    }
}

#media-viewer-outer-wrap #media-viewer,
#media-viewer-outer-wrap + #media-listing {
   /* opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;*/
}

#media-viewer-outer-wrap.overflow #media-viewer,
#media-viewer-outer-wrap.overflow + #media-listing {
    opacity: 1;
}

#media-viewer-outer-wrap.overflow #media-news {
    margin-bottom: 30px;
}

    #media-viewer-outer-wrap.overflow #media-news iframe {
        display: none;
    }

#media-viewer-outer-wrap.overflow.showall #media-news iframe {
    display: initial;
}

#media-viewer-outer-wrap.overflow .news-show-more {
    display: block;
}

#media-viewer-outer-wrap.overflow.showall .news-show-more {
    display: none;
}

#media-viewer-outer-wrap.overflow.showall .news-show-less {
    display: block;
    background: none;
}

#media-viewer-outer-wrap.overflow.showall #media-news {
    bottom: auto;
    left: auto;
    margin: 0 0 20px 30px;
    padding: 0;
    position: static;
    right: auto;
    top: auto;
    width: auto;
}

body.chromeless #media-viewer-outer-wrap.overflow.showall #media-news {
    margin: 0 0 20px 0;
}

@media (min-width: 480px) {
    #media-viewer-outer-wrap.overflow #media-news {
        margin-bottom: 35px;
    }
}
/************* MEDIA - NO RESULTS *************/
#media-noresults {
    height: 100%;
    position: absolute;
    width: 100%;
}

    #media-noresults > table {
        height: 100%;
        width: 100%;
    }

    #media-noresults td {
        text-align: center;
        vertical-align: middle;
    }

/************* MEDIA - PHOTO GALLERY *************/
#media-photos {
    /*text-align: center;*/
}

#photo-gallery {
    text-align: center;
}

#photo-gallery-viewport-wrapper {
    /*bottom: 136px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0px;*/
}

#photo-gallery-viewport {
    height: 100%;
    /*overflow: hidden;
    position: absolute;*/
    width: 100%;
}

#photo-gallery-photos {
    height: 100%;
    width: 2580px;
    transition: margin-left 0.5s, transform 0.5s;
    -moz-transition: margin-left 0.5s, -moz-transform 0.5s;
    -ms-transition: margin-left 0.5s, -ms-transform 0.5s;
    -o-transition: margin-left 0.5s, -o-transform 0.5s;
    -webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}

.photo-gallery-photo {
    display: inline-block;
    height: 100%;
    width: 847px;
}

    .photo-gallery-photo.previous-photo, .photo-gallery-photo.next-photo {
        display: none;
    }

#photo-gallery-thumbnails {
    position: relative;
    width: 100%;
    clear: both;
    /*line-height: 0;
    -webkit-column-count: 6;
    -webkit-column-gap: 10px;
    -moz-column-count:6;
    -moz-column-gap: 10px;
    column-count: 6;
    column-gap: 10px;*/
}

    #photo-gallery-thumbnails .thumbnail {
    }

    #photo-gallery-thumbnails a.thumbnail {
        position: relative;
        width: 15.5%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        #photo-gallery-thumbnails a.thumbnail img {
        }

    #photo-gallery-thumbnails .thumbnail .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #000;
    }

    #photo-gallery-thumbnails .thumbnail:hover .overlay {
        opacity: .75;
    }

    #photo-gallery-thumbnails .thumbnail .overlay span {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

#media-loader,
#photo-loader {
    bottom: 0;
    display: none;
    height: 45px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
}

#media-loader,
#media-explorer-loader {
    display: block;
    opacity: 0;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}




div.photo {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.photo img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#photo-gallery-carousel {
    background-color: #5b5b59;
    height: 88px;
    line-height: 150px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.photo-info-bar {
    background-color: #000;
    /*bottom: 88px;*/
    color: #fff;
    /*left: 0;*/
    max-height: 150px;
    min-height: 48px;
    /*position: absolute;
    right: 0;*/
    position: relative;
}

.share-gallery {
    float: right;
    margin: 8px 8px 0 0;
}

    .share-gallery > ul {
        padding-left: 0;
    }

        .share-gallery > ul > li {
            background: #5c5c5c;
            display: inline-block;
            float: left;
            font-size: 1em;
            height: 26px;
            line-height: 30px;
            margin: 0 0 0 0.5em;
            text-align: center;
            width: 26px;
        }

            .share-gallery > ul > li > a {
                display: inline-block;
                height: 100%;
                width: 100%;
            }

.photo-info-bar > .photo-info {
    /*float: left;*/
    line-height: 19px;
    padding: 5px;
}

    .photo-info-bar > .photo-info > h6 {
        font-family: "Teko", sans-serif;
        font-weight: bold;
        font-size: 20pt;
        max-height: 30px;
        display: block;
        text-align: left;
        margin: 10px 0px;
    }

    .photo-info-bar > .photo-info > .photo-title,
    .photo-info-bar > .photo-info > .photo-byline {
        display: block;
        text-align: left;
    }

    .photo-info-bar > .photo-info > .photo-title {
        font-size: 1.1em;
        min-height: 24px;
        max-height: 38px;
        overflow: hidden;
    }

    .photo-info-bar > .photo-info > .photo-byline {
        font-size: 0.75em;
    }

#scroll-left,
#scroll-right {
    bottom: 0;
    display: none;
    height: 40px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 20px;
    transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

#scroll-left {
    left: 0;
}

#scroll-right {
    right: 0;
}

    #scroll-left.is-inactive,
    #scroll-right.is-inactive {
        opacity: 0;
    }

#carousel-scroll-left,
#carousel-scroll-right {
    background-color: #333333;
    height: 100%;
    line-height: 105px;
    position: absolute;
    width: 53px;
}

    #carousel-scroll-left.is-inactive .sprite,
    #carousel-scroll-right.is-inactive .sprite {
        opacity: 0.5;
    }

#carousel-scroll-left {
    left: 0;
}

#carousel-scroll-right {
    right: 0;
}

#carousel-viewport {
    height: 100%;
    left: 53px;
    position: absolute;
    overflow: hidden;
    right: 53px;
}

ul#carousel-images {
    padding: 0;
    transition: margin-left 0.5s, transform 0.5s;
    -moz-transition: margin-left 0.5s, -moz-transform 0.5s;
    -ms-transition: margin-left 0.5s, -ms-transform 0.5s;
    -o-transition: margin-left 0.5s, -o-transform 0.5s;
    -webkit-transition: margin-left 0.5s, -webkit-transform 0.5s;
}

    ul#carousel-images > li {
        border: 2px solid transparent;
        display: inline-block;
        height: 70px;
        margin: 0 10px;
        overflow: hidden;
        text-align: center;
        width: 70px;
        transition: border-color 0.25s;
        -moz-transition: border-color 0.25s;
        -ms-transition: border-color 0.25s;
        -o-transition: border-color 0.25s;
        -webkit-transition: border-color 0.25s;
    }

        ul#carousel-images > li.is-active {
            border-color: #fff;
        }

        ul#carousel-images > li > a > img {
            margin-left: -50%;
            margin-right: -50%;
            max-height: 100%;
            max-width: inherit;
        }

#carousel-viewport-overlay {
    background-color: #000;
    max-height: 100%;
    pointer-events: none;
    position: absolute;
    opacity: 0.5;
    width: 100%;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

@media all and (max-width: 1200px) {
    #photo-gallery-thumbnails a.thumbnail {
        width: 23.75%;
        float: left;
        margin-right: 10px;
    }
}

@media all and (max-width: 959px) {
    #photo-gallery-thumbnails a.thumbnail {
        width: 31.75%;
        float: left;
        margin-right: 10px;
    }

    #carousel-viewport-overlay {
        display: none;
    }
}

@media all and (max-width: 479px) {

    #photo-gallery-thumbnails a.thumbnail {
        width: 47%;
        float: left;
        margin-right: 10px;
    }

    #photo-gallery-header {
        height: auto;
        height: 50px;
    }

    #photo-gallery-carousel {
        display: none;
    }

    #photo-gallery-viewport-wrapper {
        bottom: 55px;
        top: 55px;
    }

    .photo-info-bar {
        bottom: 0;
        height: 105px;
    }

        .photo-info-bar > .share-photo {
            clear: left;
            float: left;
            margin-top: 0;
        }

        .photo-info-bar > .photo-info {
            max-width: 100%;
        }

    #photo-gallery-header > .share-gallery {
        clear: both;
        float: left;
        margin: 5px 0 0;
    }

        #photo-gallery-header > .share-gallery > ul > li:first-child {
            margin-left: 0;
        }

    .photo-info-bar > .photo-info > .photo-title {
        font-size: 0.75em;
        font-weight: bold;
        line-height: 1.2em;
        max-height: 24px;
    }

    .photo-info-bar > .photo-info > h6 {
        font-size: 14pt;
    }

    #photo-gallery-header > h6 {
        max-width: 100%;
    }

    #scroll-left,
    #scroll-right {
        display: block;
    }
}

/************* MEDIA - VIDEO *************/
#ims-videoplayer {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

.video-details-wrapper {
    /*height: 0;*/
    /*margin: 0 -10px;*/
    /*padding-bottom: 43.75%;*/
    position: relative;
}

.video-details {
    /*bottom: 0;
    left: 0;
    overflow: hidden;*/
    padding: 10px;
    /*position: absolute;
    right: 0;
    top: 0;*/
}

.video-title {
    font-family: "Teko", sans-serif;
    font-size: 26pt !important;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.video-share {
    float: right;
}

    .video-share > ul {
        margin: 0 !important;
        padding: 0;
    }

        .video-share > ul > li {
            background-color: #333;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            list-style: none;
            margin: 0;
            text-align: center;
            width: 25px;
        }

            .video-share > ul > li + li {
                margin-left: 0.25em;
            }

            .video-share > ul > li > a {
                display: block;
                height: 100%;
                line-height: 25px;
                vertical-align: middle;
                width: 100%;
            }

                .video-share > ul > li > a > span {
                    vertical-align: middle;
                }

.video-show-more,
.video-show-less {
    background-color: #e1dfda;
    bottom: 0;
    display: none;
    position: absolute;
    right: 10px;
}

    .video-show-more span,
    .video-show-less span {
        margin-left: 8px;
        vertical-align: middle;
    }

/* FACEBOOK COMMENTS*/
.facebookComments {
    position: absolute;
    left: -2000px;
}

@media (min-width:480px) {
    .video-details-wrapper {
        /*margin: 0 -15px;*/
    }

    .video-details {
        padding: 15px;
    }

    .video-share {
        top: 15px;
        right: 15px;
    }

    .video-show-more,
    .video-show-less {
        right: 15px;
    }
}

@media (min-width: 768px) {
    .video-details-wrapper {
        /*padding-bottom: 18.75%;*/
    }
}

#media-viewer-outer-wrap.overflow .video-details {
    margin-bottom: 15px;
}

#media-viewer-outer-wrap.overflow .video-show-more {
    display: block;
}

#media-viewer-outer-wrap.overflow.showall .video-details-wrapper {
    height: auto;
    margin: 0;
    padding-bottom: 0px;
    position: static;
}

#media-viewer-outer-wrap.overflow.showall .video-details {
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    position: static;
    width: auto;
}

#media-viewer-outer-wrap.overflow.showall .video-show-more {
    display: none;
}

#media-viewer-outer-wrap.overflow.showall .video-show-less {
    display: block;
}

@media (min-width: 480px) {
    #media-viewer-outer-wrap.overflow .video-details {
        margin-bottom: 20px;
    }

    #media-viewer-outer-wrap.overflow.showall .video-details {
        padding: 15px 0;
    }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/styles/ims/v1/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/styles/ims/v1/fonts/slick.eot);
    src: url(/styles/ims/v1/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/styles/ims/v1/fonts/slick.woff) format('woff'), url(/styles/ims/v1/fonts/slick.ttf) format('truetype'), url(/styles/ims/v1/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #999999;
	border-left: 0;
	border-top: 0;
}

.slick-prev
{
    left: -25px;
}
.slick-prev:before
{
    content: '';
	-webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}
.slick-next
{
    right: -25px;
}
.slick-next:before
{
    content: '';
	-webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);		
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

[dir='rtl'] .slick-next
{
	left: auto;
    right: -50px;
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Schedule Carousels */


.schedule-carousel .slick-next:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.schedule-carousel .slick-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.schedule-carousel .slick-prev,
.schedule-carousel .slick-next {
    top: 100%;
    left: 50%;
    right: auto;
    background: #9a978f;
    width: 36px;
    height: 36px;
    padding: 13px;
    border-radius: 50%;
    /* z-index: 1;*/
}
.schedule-carousel .slick-next {
	margin-left: -45px;
}
.schedule-carousel .slick-prev {
	margin-left: 5px;
}
.schedule-carousel .slick-prev.slick-disabled,
.schedule-carousel .slick-next.slick-disabled {
	background:#4d4c49;
}
.schedule-carousel .slick-prev:before, 
.schedule-carousel .slick-next:before {
    border-color: #fff;
}
@media (min-width: 77em){
	.schedule-carousel .slick-prev,
	.schedule-carousel .slick-next {
		top:50%;
		left:100%;		
		width: 40px;
		height: 40px;
		padding:15px;		
	}
	.schedule-carousel .slick-next {
		margin-left: 60px;
	}
	.schedule-carousel .slick-prev {
		margin-left: 110px;
	}	
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* ========================== */
/* ====== STAT FILTERS ====== */
/* ========================== */
#stat-filters { 
    /* height: 21px; */
    margin-bottom: 10px;
    position: relative;
}

#stat-filters ul {
    /* height: 1.4em; */
    margin: auto;
    padding: 0;
    position: relative;
    left: 0;
    bottom: 0;
}

#stat-filters ul > li { 
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    list-style: none;
    margin: 0 1em 0.5em 0;
    vertical-align: top;
    /* margin-right: 1em; */
}

#stat-filters ul > li + li {
    /* margin-left: 1em; */
}

    #stat-filters ul > li > a, #stat-filters ul > li > a:visited {
        color: #333333;
        text-transform: uppercase;
    }

#stat-filters ul > li > a > small {
    font-size: 0.75em;
}

#stat-filters > #filter-follow {
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 0px;

    transition:         width 0.3s, left 0.3s, top 0.3s;
    -mos-transition:    width 0.3s, left 0.3s, top 0.3s;
    -ms-transition:     width 0.3s, left 0.3s, top 0.3s;
    -o-transition:      width 0.3s, left 0.3s, top 0.3s;
    -webkit-transition: width 0.3s, left 0.3s, top 0.3s;
}

@media all and (max-width: 600px) {
    #stat-filters small { 
        display: block;
    }
}

/* ============================ */
/* ====== STAT SELECTORS ====== */
/* ============================ */
#stat-selectors {
    clear: left;
    float: left;
    width: 100%;
    white-space: nowrap;
}

#stat-selectors ul {
    display: table;
    padding-left: 0;
    margin-bottom: 0;
}

#stat-selectors ul > li {
    display: table-cell;
    height: 36px;
    margin: 0 0 0 -1px;
    padding: 0 13px 0 10px;
    vertical-align: middle;

    transition:         background-color 0.5s;
    -moz-transition:    background-color 0.5s;
    -ms-transition:     background-color 0.5s;
    -o-transition:      background-color 0.5s;
    -webkit-transition: background-color 0.5s;
}

    #stat-selectors ul > li > a, #stat-selectors ul > li > a:visited {
        color: #fff;
        display: block;
        padding: 0 8px;
        text-transform: uppercase;
        white-space: normal;
    }

#stat-selectors ul > li.is-selected a:hover {
    cursor: default;
}

#stat-selectors ul > li + li {
    border-left: 1px solid #fff;
}

#stat-selectors ul > li.is-selected {
    margin: 0;
}

#stat-selectors ul > li.is-selected,
#stat-selectors ul > li.is-selected + li  {
    border-left: none;
}

#stat-selectors ul > li > select {
    font-size: 0.85em;
    height: 25px;
    padding: 2px 2px;
    width: 150px;
}

@media all and (max-width: 1300px) {
    #stat-selectors ul > li > a {
        font-size: 0.85em;
        padding: 1px 2px 0;
        line-height: 11px;
    }
}

@media all and (max-width: 481px) {
    #stat-selectors ul > li {
        padding: 0;
    }

    #stat-selectors ul > li > a {
        font-size: 8px;
        height: auto;
        padding: 0 4px;
    }

    #stat-selectors ul > li + li > label {
        border-left: none;
    }

    #stat-selectors ul > li > select {
        width: 100%;
    }
}

/* ======================== */
/* == STATS GRID HEADER === */
/* ======================== */
.stats-grid-header {

}

.stats-grid-header > h6 {
    float: left;
}

.stats-grid-header > .year-toggle {
    float: right;
    margin-right: 5px;
}

.stats-grid-header > .year-toggle > label {
    color: #fff;
    font-size: 0.75em;
    margin-right: 8px;
    text-transform: uppercase;
}

.stats-grid-header > .year-toggle > select {
    font-size: 0.75em;
    height: 26px;
}


/* ======================== */
/* ====== STATS GRID ====== */
/* ======================== */
#stats-data {
    float: left;
    min-height: 125px;
    position: relative;
    width: 100%;

    transition:         height 0.5s;
    -moz-transition:    height 0.5s;
    -ms-transition:     height 0.5s;
    -o-transition:      height 0.5s;
    -webkit-transition: height 0.5s;
}

#stat-loader {
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;

    transition:         opacity 0.25s;
    -o-transition:      opacity 0.25s;
    -moz-transition:    opacity 0.25s;
    -ms-transition:     opacity 0.25s;
    -webkit-transition: opacity 0.25s;
}

#stat-loader.is-showing {
    opacity: 1;
    filter: alpha(opacity=1);
}

#stat-loader > .spinner-box {
    bottom: 0;
    left: 50%;
    position: absolute;
    margin: auto;
    pointer-events: none;
    right: 0;
    top: 95px;
    z-index: 3;
}

.stats-grid {
    float: left;
    padding: 3px 3px 5px 6px;
    min-height: 60px;
    position: relative;
    width: 100%;

    transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
}

.stats-grid > .stats-grid-data  {
    position: relative;

    transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
}

.stats-grid > .stats-grid-data h6 {
    color: #fff;
    display: inline-block;
    float: left;
    margin: 5px 5px 10px;
}

.stats-grid > .stats-grid-data > .grid {
    clear: both;
    overflow-y: hidden;
}

.stats-grid > .stats-grid-data > .grid > .grid-wrapper {
    width: 925px;

    transition:         opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -ms-transition:     opacity 0.5s;
    -o-transition:      opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

.stats-grid > .stats-grid-data > .grid > .grid-wrapper a {
    color: #fff;
    font-weight: normal;
}

.stats-grid > .stats-grid-data > .grid > .grid-wrapper a:hover {
    text-decoration: underline;
}

.stats-grid > .stats-grid-data > .grid table {
    table-layout: fixed;
}

.stats-grid > .stats-grid-data > .grid table.small-table {
    width: 100%;
}

.stats-grid > .stats-grid-data > .grid th,
.stats-grid > .stats-grid-data > .grid td {
    border: 1px solid #000;
    color: #fff;
    font-size: 0.9em;
    padding: 4px 6px;
}

.stats-grid > .stats-grid-data > .grid th {
    background-color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

.stats-grid > .stats-grid-data > .grid td {
    background-color: #333333;
    min-width: 57px;
    max-width: 170px;
}

.stats-grid > .stats-grid-data > .grid table.small-table td {
    min-width: initial;
    max-width: initial;
}

.stats-grid > .stats-grid-data > .grid tbody tr:nth-child(even) td {
    background-color: #131313;
}

.stats-grid > .stats-grid-data > .grid table.floated-table {
    float: left;
    width: 33%;
}

.stats-grid > .stats-grid-data .driverCareerEntries {
    margin-top: 15px;
}

.stats-grid .clearfix {
    clear: both;
    margin: 10px 0;
}

.box-score-table {
    float: left;
    margin-right: 25px;
}

.footnote,
.grid-return a {
    font-size: 0.8em;
}

.footnote {
    float: left;
    padding: 5px 0;
}

.grid-return {
    float: right;
    padding: 5px 0;
}

.sublevel-wrapper {
    background: #fff;
    border: 2px solid #000;
    padding: 5px;
    position: relative;
}

.sublevel-header {
    background: #000;
    color: #fff;    
    font-size: 0.9em;
    font-weight: bold;
    padding: 4px 7px;
    text-transform: uppercase;
}

@media all and (max-width: 1280px) and (min-width: 960px) {
    .stats-grid > .stats-grid-data > .grid table.floated-table {
        width: 50%;
    }
}

@media all and (max-width: 600px) {
    .stats-grid > .stats-grid-data > .grid table.floated-table {
        width: 50%;
    }
}

@media all and (max-width: 481px) {
    .stats-grid > .stats-grid-data > .grid table.floated-table {
        width: 100%;
    }
}

/* ======================== */
/* ====== POPUP MENU ====== */
/* ======================== */
#menu-container {
    float: left;
    position: relative;
    width: 100%;
}

.stat-menu,
#driver-menu {
    border-bottom: 2px solid #000;
    display: none;
    padding: 5px 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
}

.stat-menu h6,
#driver-menu h6 {
    color: #fff;
    display: inline-block;
    margin: 5px 5px 10px;
    width: 85%;
}

.stat-menu .menu-listing ,
#driver-menu .menu-listing {
    background-color: #ededed;
    border: 2px solid #000;
    clear: both;
    margin: 0 5px;
    overflow: hidden;
    padding: 4px 0;
    position: relative;
}

.stat-menu .menu-listing .column,
#driver-menu .menu-listing .column {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}

#driver-menu .menu-listing .column {
    width: 24%;
}

.stat-menu .menu-listing .column a,
#driver-menu .menu-listing .column a {
    color: #000;
    font-weight: normal;
}

.stat-menu .menu-listing .column a:hover
#driver-menu .menu-listing .column a:hover {
    text-decoration: underline;
}

#menu-letter-select-viewport,
#content-letter-select-viewport {
    background-color: #000;
    height: 35px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;

    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

#menu-letter-select,
#content-letter-select {
    background-color: #000;
    margin: -3px 0 0;
    text-align: center;
    width: 880px;

    transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    -ms-transition: margin-left 0.5s;
    -moz-transition: margin-left 0.5s;
    -webkit-transition: margin-left 0.5s;
}

#content-letter-select {
    margin: 0 0 0 6px;
}

#content-letter-select-viewport-wrapper {
    clear: both;
    position: relative;
}

#content-letter-select-viewport {
    top: 0;
    z-index: 1;
    width: 100%;
}

#menu-letter-select ul,
#content-letter-select ul {
    margin-bottom: 0;
    padding-left: 0;
}

#menu-letter-select ul li,
#content-letter-select ul li {
    background-color: #000;
    display: inline-block;
    height: 27px;
    text-align: center;
    width: 32px;

    transition:         color 0.5s, background-color 0.5s;
    -ms-transition:     color 0.5s, background-color 0.5s;
    -moz-transition:    color 0.5s, background-color 0.5s;
    -o-transition:      color 0.5s, background-color 0.5s;
    -webkit-transition: color 0.5s, background-color 0.5s;
}

#menu-letter-select ul li.is-selected,
#content-letter-select ul li.is-selected {
    background-color: #969694;
}

#menu-letter-select ul li a,
#content-letter-select ul li a {
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 4px;
}

#content-letter-select ul li a:hover {
    cursor: pointer;
    text-decoration: none;
}

#menu-letter-select ul li.is-selected a,
#content-letter-select ul li.is-selected a {
    color: #000;
}

#menu-letter-select ul li.is-selected a:hover,
#content-letter-select ul li.is-selected a:hover {
    cursor: default;
}

.open-popup,
.close-popup {
    display: inline-block;
    float: right;
    margin: 5px 8px 5px 0;
}

.open-popup a,
.close-popup a {
    color: #fff;
    font-size: 0.7em;
}

.driver-letter {
    display: none;
    margin-top: 40px;
}

.driver-letter.is-selected {
    display: block;
}

.menu-letter-scrollLeft,
.menu-letter-scrollRight,
.content-letter-scrollLeft,
.content-letter-scrollRight {
    background: #000;
    height: 31px;
    padding-top: 9px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 10px;
}

.menu-letter-scrollLeft.is-hidden,
.menu-letter-scrollRight.is-hidden,
.content-letter-scrollLeft.is-hidden,
.content-letter-scrollRight.is-hidden {
    opacity: 0;
}

.menu-letter-scrollLeft:hover,
.menu-letter-scrollRight:hover,
.content-letter-scrollLeft:hover,
.content-letter-scrollRight:hover {
    cursor: pointer;
}

.menu-letter-scrollLeft.is-hidden:hover,
.menu-letter-scrollRight.is-hidden:hover,
.content-letter-scrollLeft.is-hidden:hover,
.content-letter-scrollRight.is-hidden:hover {
    cursor: default;
}

.menu-letter-scrollLeft,
.content-letter-scrollLeft {
    left: 0;
}

.menu-letter-scrollRight,
.content-letter-scrollRight {
    right: 0;
}

.driver-summary-name {
    margin-bottom: 5px;
    margin-top: 36px;
    font-weight: bold;
}

.sublevel-footer {
    color: #fff;
    font-size: 0.8em;
    padding: 4px;
}

.driver-cta {
    margin: 4px 0;
}

.menu-listing .driver-cta {
    margin-left: 5px;
}

.driver-cta a  {
    color: #000 !important;
    font-size: 0.7em;
    font-weight: bold !important;
    margin-left: 4px;
}

@media all and (max-width: 600px) {
    .stats-grid-header > .year-toggle {
        float: left;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    #driver-menu .menu-listing .column {
        width: 45%;
    }
}

@media all and (max-width: 400px) {
    .stats-grid > .stats-grid-data h6 {
        width: 100%;
    }
}
/**, *:before, *:after {
    box-sizing: content-box;
}*/

.slick-arrow {
    box-sizing: inherit !important;
}

/***** LAYOUT *****/
.padding-1 {
    padding: 30px;
}

@media (min-width:64em) {
    .padding-1 {
        padding: 40px 45px;
    }
}

.invisible {
    display: none;
}
/***** End of LAYOUT *****/

/***** Updated styled table ***/
.recipe-table-two table {
    width: 100%;
}

.recipe-table-two tr:nth-child(even) {
    background-color: #f1f1f1;
}

.recipe-table-two td {
    padding: 0.5rem 0.625rem 0.625rem;
    border: 1px solid #f1f1f1;
}

    .recipe-table-two td.center {
        text-align: center;
    }

    .recipe-table-two td a span {
        padding-right: 5px;
    }

.recipe-table-two thead {
    background-color: #f8f8f8;
}

div.directions-title {
    font-weight: bold;
    padding: 3px 3px 3px 5px;
    background-color: #f1f1f1;
}
/***** THEMES *****/
a.link-color-1 {
    color: #c41a30;
}

a.go-back-link {
    text-decoration: underline;
    padding: 20px 0;
}

    a.go-back-link:hover,
    a.go-back-link:focus {
        text-decoration: none;
    }

@media (max-width:47.99em) {
    a.go-back-link {
        display: block;
    }
}

.theme-bg-1 {
    background: #e5e5e5;
}
/* gray 1 */
.theme-bg-2 {
    background: #dcdcdc;
}
/* gray 2 - darker */

a.skew__button {
    color: #fff;
}

.skew__button,
.faux-skew-button .faux-skew-button__accent {
    display: inline-block;
    position: relative;
    /* z-index: 5;
    margin: 0 70px 0 0; */
    padding: 15px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #d82432;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 4px;
}

@media(min-width: 60em) {
    .skew__button,
    .faux-skew-button .faux-skew-button__accent {
        min-width: 180px;
    }
}

/* .skew__button:before,
    .faux-skew-button .faux-skew-button__accent:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 27px;
        right: -27px;
        background-color: #c41a30;
        -webkit-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .skew__button:after,
    .faux-skew-button .faux-skew-button__accent:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 100%;
        margin-left: 32px;
        border: 5px solid #c41a30;
        border-top: 0;
        border-bottom: 0;
        width: 15px;
        -webkit-transform: translateX(0) skew(-24deg);
        transform: translateX(0) skew(-24deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    } */

.skew__button.btn-theme-2,
.faux-skew-button.btn-theme-2 .faux-skew-button__accent {
    background-color: #353535;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*  .skew__button.btn-theme-2:before,
        .faux-skew-button.btn-theme-2 .faux-skew-button__accent:before {
            background-color: #353535;
        }

        .skew__button.btn-theme-2:after,
        .faux-skew-button.btn-theme-2 .faux-skew-button__accent:after {
            border: 5px solid #353535;
            border-top: 0;
            border-bottom: 0;
        } */

.skew__button.btn-theme-3,
.faux-skew-button.btn-theme-3 .faux-skew-button__accent {
    background-color: #7B6342;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .skew__button.btn-theme-3:before,
        .faux-skew-button.btn-theme-3 .faux-skew-button__accent:before {
            background-color: #93774f;
        }

        .skew__button.btn-theme-3:after,
        .faux-skew-button.btn-theme-3 .faux-skew-button__accent:after {
            border: 5px solid #93774f;
            border-top: 0;
            border-bottom: 0;
        } */

.skew__button.btn-theme-4,
.faux-skew-button.btn-theme-4 .faux-skew-button__accent {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #737373;
}

.skew__button:hover,
.skew__button:focus,
.faux-skew-button .faux-skew-button__input:hover ~ .faux-skew-button__accent,
.faux-skew-button .faux-skew-button__input:focus ~ .faux-skew-button__accent {
    background-color: #c12436;
}

.skew__button.btn-theme-2:hover,
.skew__button.btn-theme-2:focus {
    background-color: #282828;
}

.skew__button.btn-theme-3:hover,
.skew__button.btn-theme-3:focus {
    background-color: #635336;
}

.skew__button.btn-theme-4:hover,
.skew__button.btn-theme-4:focus {
    background-color: #505050;
}

.skew__button:after {
    content: "\00BB";
    display: inline-block;
    position: relative;
    top: -.1em;
    vertical-align: top;
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

/*.skew__button:hover:after,
    .skew__button:focus:after {
        -webkit-transform: translateX(6px);
        -ms-transform: translateX(6px);
        transform: translateX(6px);
    }

        .skew__button:hover:before,
        .skew__button:focus:before,
        .faux-skew-button .faux-skew-button__input:hover ~ .faux-skew-button__accent:before,
        .faux-skew-button .faux-skew-button__input:focus ~ .faux-skew-button__accent:before {
            background-color: #282828;
        }

        .skew__button:hover:after,
        .skew__button:focus:after,
        .faux-skew-button .faux-skew-button__input:hover ~ .faux-skew-button__accent:after,
        .faux-skew-button .faux-skew-button__input:focus ~ .faux-skew-button__accent:after {
            border: 5px solid #282828;
            border-top: 0;
            border-bottom: 0;
        } */

/*Plan Ahead Button Grid*/
.btn-grid .skew__button {
    padding: 15px 0;
}

.btn-grid {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(180px, 1fr));
    grid-gap: 5px;
}

.faux-skew-button {
    display: block;
    position: relative;
    z-index: 5;
    max-width: 300px;
}

    .faux-skew-button .faux-skew-button__input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        padding: 20px 70px 20px 20px;
        border: 0;
        cursor: pointer;
        font-weight: bold;
        text-align: left;
        color: #fff;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

.faux-skew-button__input ~ .faux-skew-button__accent {
    z-index: 1;
    min-height: calc(1em + 40px);
}

.ticketingitem .faux-skew-button {
    margin-top: 20px;
}

.faux-skew-button .faux-skew-button__accent {
    width: 58%;
    max-width: 400px;
}

/***** End of THEMES *****/

.headerBar {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-bottom: 50px;
}

    .headerBar h1 {
        display: inline-block;
        position: relative;
        /*z-index: 5;*/
        width: 100%;
        margin: 0 0 14.5vw 0;
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        font-family: "Teko", sans-serif;
        vertical-align: middle;
        text-transform: uppercase;
        color: #fff;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        color: #ffffff;
        max-height: 320px;
    }

        .headerBar h1:before {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: -27px;
            right: -27px;
            background-color: #282828;
            -webkit-transform: translateX(0) skew(-24deg);
            transform: translateX(0) skew(-24deg);
            -webkit-transition: transform 0.3s ease-in-out;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
            width: calc(100% - 65px);
        }

        .headerBar h1:after {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            right: 20px;
            margin-left: 45px;
            border: 20px solid #282828;
            border-top: 0;
            border-bottom: 0;
            width: 55px;
            -webkit-transform: translateX(0) skew(-24deg);
            transform: translateX(0) skew(-24deg);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .headerBar.gold h1:before {
        background-color: #93774f;
    }

    .headerBar.gold h1:after {
        border: 20px solid #93774f;
        border-top: 0;
        border-bottom: 0;
    }

    .headerBar h1 > span {
        display: block;
        max-width: 1588px;
        margin: 0 auto;
        padding: 18px 20px;
        background: #282828;
    }

@media (min-width:64em) {
    .headerBar h1 {
        font-size: 42px;
    }

        .headerBar h1 > span {
            padding: 30px 53px;
        }
}

.headerBar.no-bg-image {
    margin-bottom: 0px;
    padding-bottom: 76px;
}

@media (min-width:64em) {
    .headerBar.no-bg-image {
        padding-bottom: 96px;
    }
}

.headerBar.no-bg-image h1 {
    margin-bottom: 0px;
}

.interior-page .flex-row {
    margin: 0 auto;
    max-width: 1588px;
}

.headerBar.schedule-header {
    margin-bottom: 0px;
    background: #2b2b2b;
}

    .headerBar.schedule-header h1 {
        margin-bottom: 0px;
    }

        .headerBar.schedule-header h1 span.flex > span:nth-child(2) span {
            display: block;
        }

            .headerBar.schedule-header h1 span.flex > span:nth-child(2) span + span {
                font-size: 18px;
                font-family: Roboto, sans-serif;
                text-transform: capitalize;
                font-weight: 400;
            }

        .headerBar.schedule-header h1:before {
            background-color: #93774f;
        }

        .headerBar.schedule-header h1:after {
            border: 20px solid #93774f;
            border-top: 0;
            border-bottom: 0;
        }

@media (max-width:47.99em) {
    .headerBar.schedule-header {
        background: #93774f;
        text-align: center;
    }

        .headerBar.schedule-header h1 span.flex > span:nth-child(2) span + span {
            font-size: 16px;
        }

        .headerBar.schedule-header .flex img {
            max-width: 120px;
        }

        .headerBar.schedule-header .flex > span {
            display: block;
            margin-bottom: 10px;
        }
}

@media (min-width: 48em) {
    .headerBar.schedule-header h1 > span.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .headerBar.schedule-header h1 .flex > span {
        -ms-flex-item-align: center;
        align-self: center;
    }

        .headerBar.schedule-header h1 .flex > span:nth-child(2) {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .headerBar.schedule-header h1 .flex > span:nth-child(1) {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 30px;
        }

        .headerBar.schedule-header h1 .flex > span:nth-child(3) {
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }
}
/* Shopping Cart */

@media (min-width:64em) {
    .ticket-event-cart {
        width: 95%;
        border: #e6e6e6 solid 2px;
        margin: 0 auto;
        margin-bottom: 15px;
        padding: 0;
    }
}

.ticket-event-cart .ticket-event-block-header {
    background: #282828;
    font-weight: normal;
    font-family: "Teko", sans-serif;
    font-size: 18pt;
}

.ticket-event-cart .cart-line-item {
    font-size: 12pt;
    padding: 10px;
}

.ticket-event-cart .ticket-event-cart-item .textRight {
    padding-right: 25px;
}

.ticket-event-cart .faux-skew-button, .ticket-event-cart .right-link {
    display: inline-block;
    min-width: 300px;
    float: right;
    padding-bottom: 10px;
}

    .ticket-event-cart .right-link a {
        display: block;
        z-index: 3;
        padding: 20px 70px 20px 50px;
        border: 0;
        cursor: pointer;
        font-weight: bold;
    }
/* Content Widget */
.interior-content__widget .widget__header {
    padding: 12px 18px 5px;
}

.interior-content__widget h2 {
    margin: 0;
    color: #000000;
    font-family: "Teko", sans-serif;
}

@media (min-width:64em) {
    .interior-content__widget .widget__header {
        padding: 12px 53px 5px;
    }
}

.widget__header.has-addition h2 {
    margin-bottom: 0px;
}

.widget__header.has-addition > span a {
    margin: 0;
}

@media (min-width:48em) {
    .widget__header.has-addition {
        display: table;
        width: 100%;
    }

        .widget__header.has-addition h2 {
            display: table-cell;
            padding-right: 20px;
            margin: 0;
        }

        .widget__header.has-addition > span {
            display: table-cell;
            text-align: right;
        }
}

.widget__content > .dropitem {
    margin-left: -15px;
    margin-right: -15px;
}

.dropitem {
    position: relative;
    margin-bottom: 2em;
}

.dropitem__title {
    padding: 36px 150px 36px 36px;
    background: #ededed;
    font-family: "Teko", sans-serif;
    font-size: 36px;
}

.dropitem__button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    padding: 36px;
    border: 0;
    background: #c41a30;
    color: #FFFFFF;
    font-family: "Teko", sans-serif;
    font-size: 24px;
    line-height: 36px;
    cursor: pointer;
}

    .dropitem__button:before {
        content: "more ";
    }

    .dropitem__button:after {
        content: " +";
    }

.active.dropitem__button {
    background: #000000;
}

    .active.dropitem__button:before {
        content: "hide ";
    }

    .active.dropitem__button:after {
        content: " -";
    }

@media (min-width:48em) {
    .dropitem__button {
        min-width: 153px;
    }
}

@media (max-width:47.99em) {
    .dropitem__button:before {
        display: none;
    }

    .dropitem__title {
        padding: 20px 90px 20px 20px;
    }

    .dropitem__button {
        padding: 20px;
    }
}

.dropitem__content {
    display: none;
    position: relative;
    z-index: 1;
    border: 1px solid #ededed;
    border-top: 0;
    /* overflow: hidden;
    max-height: 0; */
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}

.single-item .dropitem__content {
    display: block;
}

.dropitem__content:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    border: 14px solid transparent;
    border-top: 14px solid #ededed;
}

.active .dropitem__content {
    max-height: 2000px;
    height: auto;
}

.dropitem__content .wysiwyg-content {
    padding: 25px 15px 5px;
}

@media (min-width:64em) {
    .dropitem__contentwrapper {
        padding: 2em;
    }

        .dropitem__contentwrapper .scrollTop {
            position: absolute;
            bottom: 15px;
            right: 15px;
        }
}


.ticketingitem {
    position: relative;
    padding: 15px;
    width: 100%;
    max-width: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .ticketingitem:before {
        content: " ";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border: 1px solid #e5e5e5;
    }

    .ticketingitem:hover:before, .ticketingitem:focus:before {
        -webkit-box-shadow: 0px 0px 30px 7px rgba(214,214,214,1);
        box-shadow: 0px 0px 30px 7px rgba(214,214,214,1);
    }

    .ticketingitem.soldout:hover:before, .ticketingitem.soldout:focus:before {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.ticketingitem__content {
    padding: 50px 30px;
}

.ticketingitem h4.ticketingitem__title {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: "Teko", sans-serif;
    font-size: 36px;
}

.ticketingitem .soldout-message {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(213,213,213,.9);
    color: #000;
    text-align: center;
    text-shadow: 3px 1px 0 rgba(255, 255, 255, 1);
    font-family: "Teko", sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    z-index: 10;
}

.ticketingitem.soldout .soldout-message {
    display: block;
}

.ticketingitem .soldout-message > span {
    display: table;
    width: 100%;
    height: 100%;
}

    .ticketingitem .soldout-message > span > span {
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
    }

.ticketingitem .ticketingitem__date {
    margin: 0;
    font-size: 15px;
}

    .ticketingitem .ticketingitem__date + .row {
        margin-top: 18px;
    }

@media (min-width:48em) {
    .widget__content > .ticketing-items {
        margin-left: -15px;
        marigh-right: -15px;
    }

    .ticketing-items {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ticketingitem {
        width: 50%;
    }
}

@media (min-width: 61.25em) {
    .ticketingitem .ticketingitem__date {
        font-size: 20px;
    }
}

.ticketingitem .ticketingitem__location {
    font-size: 18px;
    font-weight: 700;
}

.ticketingitem__subheader {
    display: block;
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 30px;
}

.ticketingitem__price {
    font-size: 20px;
}

.ticketingitem .ticketingitem__qty {
    background: #ffffff;
    border: 1px solid #e5e5e5;
}

.ticketingitem .skew__button {
    width: 58%;
    max-width: 400px;
    margin-top: 20px;
}

.cart__widget.widget {
    max-width: 380px;
    border: 0;
    margin: 0 auto;
    background: #dcdcdc;
    font-family: "Roboto", sans-serif;
}

.cart__widget .widget__header {
    padding: 16px 0;
    background: #93774f;
}

.cart__widget .widget__title {
    width: 100%;
    background: none;
    font-family: "Teko", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
}

    .cart__widget .widget__title:before, .cart__widget .widget__title:after {
        background: none;
        border: 0;
    }

.cart__widget .widget__content {
    color: #000000;
    text-align: center;
}

.cart__widget .widget__content {
    padding: 25px 30px 0;
}

.cart__widget .widget__footer {
    padding: 25px 30px;
}

.cart__widget .cart__type {
    font-family: "Teko", sans-serif;
    font-size: 36px;
    line-height: 1em;
    margin: 0;
}

.cart__widget .cart__price {
    padding: 10px 0 20px;
    border-bottom: 1px solid #b0b0b0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.cart__widget .widget__footer {
    color: #000000;
}

.cart__widget .cart__subtotal {
    font-size: 18px;
    font-weight: 700;
}

.cart__widget.widget .event-btn {
    display: inline-block;
    position: relative;
    z-index: 5;
    margin-bottom: 0;
    padding: 20px 50px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background-color: #d91f29;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.interior-page .no-margin + .section .flex-col--aside {
    padding-bottom: 45px;
}

@media (min-width: 48em) {
    .interior-page .flex-col--main {
        width: calc(100% - 340px);
        min-width: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .interior-page .flex-col--aside {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 240px;
        min-width: 240px;
        margin: 0 auto;
    }

    .interior-page .flex-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}


@media (min-width:77em) {
    .interior-page .flex-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .interior-page .flex-col--aside {
        padding-top: 45px;
    }
}


@media (min-width: 81em) {
    .interior-page .flex-col--aside {
        width: 340px;
        min-width: 340px;
    }
}

/* Forms */
.form-title {
    font-family: "Teko", sans-serif;
    font-size: 36px;
}

.form-content select,
.form-content input[type="text"] {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    padding: 5px 10px;
}

.form-content label,
.item-total {
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 30px;
    text-transform: uppercase;
}

.total-cost {
    margin: 0;
    font-family: "Teko", sans-serif;
    font-size: 36px;
}

.form-content label {
    display: block;
    margin-bottom: 10px;
}

.form-content .item-total label,
.form-content .total-cost label {
    display: inline-block;
    margin-right: 15px;
}

.form-content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 40px 0;
}

.form-row {
    margin-bottom: 25px;
}

[class*="padding-"] .form-row:last-child {
    margin-bottom: 0px;
}

.form-row > div {
    margin-bottom: 30px;
}

.form-col-s-1 select {
    width: 100%;
}

.form-col-s-2 select {
    max-width: 100%;
}

@media (min-width: 48em) {
    .form-row {
        display: table;
    }

        .form-row > div {
            display: table-cell;
            vertical-align: middle;
            padding: 5px 0;
            padding-right: 30px;
        }

            .form-row > div:last-child {
                padding-right: 0px;
            }

            .form-row > div.form-col-action {
                -ms-flex-item-align: end;
                align-self: flex-end;
                vertical-align: bottom;
            }

    .form-content label {
        display: inline;
        padding-right: 15px;
        margin-bottom: 0;
    }

    .form-col-s-1 select {
        width: 260px;
        max-width: 100%;
    }

    .form-col-s-2 select,
    .form-col-s-2 input[type="text"] {
        width: 180px;
        max-width: 100%;
    }

    .form-col-s-3 select,
    .form-col-s-3 input[type="text"] {
        width: 195px;
        max-width: 100%;
    }
}

@media (min-width: 64em) {
    .form-col-s-1 select {
        width: 310px;
    }

    .form-col-s-2 select,
    .form-col-s-2 input[type="text"] {
        width: 220px;
        max-width: 100%;
    }

    .form-col-s-3 select,
    .form-col-s-3 input[type="text"] {
        width: 260px;
        max-width: 100%;
    }

    .form-row {
        margin-bottom: 40px;
    }

    .keyword-search .form-row {
        margin-bottom: 15px;
    }

    [class*="padding-"] .form-row:last-child {
        margin-bottom: 0px;
    }
}

.form-footer {
    padding-top: 45px;
}

    .form-footer .skew__button {
        margin-right: 100px;
    }

.action-button {
    display: inline-block;
    background: #c41a30;
    color: #fff;
    border: 0;
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px !important;
}

.tab-module .form-content {
    border-top: 0;
}

/****** TABS - NOTE: responsive behaviour can be added if needed - details here: https://github.com/jellekralt/Responsive-Tabs ******/
.r-tabs .r-tabs-nav {
    margin: 0 !important;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 0;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.tabs__widget .widget__content {
    padding-top: 0;
}

.tabs__widget .form-row {
    margin: 0;
}

.tab-module {
    margin-top: -60px;
}

.form-content .tab-module {
    margin-top: 0;
}

.tabs__widget ~ .form-content {
    border-top: 0;
}

/* Tabs container */
.r-tabs {
    position: relative;
}

    /* Tab element */
    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
        line-height: 30px;
    }

li.r-tabs-tab.selected {
    background: #fff;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
    display: block;
    height: 60px;
    padding: 17px 40px;
    text-decoration: none;
    font-weight: 400;
    background: none;
    border: 0;
    position: relative;
    font-size: 30px;
    color: #010101;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
}

    .r-tabs .r-tabs-nav .r-tabs-anchor:hover,
    .r-tabs .r-tabs-nav .r-tabs-anchor:focus {
        color: #dcdcdc;
        background: #010101;
    }

@media (max-width: 47.99em) {
    .r-tabs .r-tabs-nav {
        margin: 0 -18px !important;
    }

        .r-tabs .r-tabs-nav .r-tabs-anchor {
            padding: 17px 14px;
            font-size: 22px;
        }
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background: #ffffff;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
    border: 0px solid #ccc;
}

/****** End of TABS ******/

/* Flex items */
@media (min-width: 48em) {
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .fixed {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}



/* News and Media List */
.media-items-list {
    margin: 30px 0 10px 0;
}

.media-item-box {
    z-index: 0;
    position: relative;
}

    .media-item-box h6 {
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
        font-family: "Teko", sans-serif;
        height: 40px;
        top: 16px;
        z-index: 100;
        position: absolute;
        padding: 9px 30px;
        display: inline-block;
        background: #dcdcdc;
        opacity: .9;
        border: 0;
        font-size: 22pt;
    }

        .media-item-box h6.t-text-n {
            color: #fff;
            background: #c41a30;
        }

        .media-item-box h6:before {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 27px;
            right: -27px;
            height: 40px;
            background-color: #dcdcdc;
            -webkit-transform: translateX(0) skew(-24deg);
            transform: translateX(0) skew(-24deg);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .media-item-box h6.t-text-n:before {
            background-color: #c41a30;
        }

        .media-item-box h6:after {
            content: " ";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 100%;
            margin-left: 32px;
            border: 5px solid #dcdcdc;
            border-top: 0;
            border-bottom: 0;
            width: 15px;
            height: 40px;
            -webkit-transform: translateX(0) skew(-24deg);
            transform: translateX(0) skew(-24deg);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .media-item-box h6.t-text-n:after {
            border-color: #c41a30;
        }

    .media-item-box > a,
    a.media-item-box {
        color: #000;
        font-weight: 400;
    }

    .media-item-box > a,
    a.media-item-box {
        position: relative;
        display: block;
        border: 1px solid #e5e5e5;
        margin: 0 0 20px;
    }

    .media-item-box > a {
        height: 100%;
    }

        .media-item-box > a:after,
        a.media-item-box:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 8px;
            background: #c41a30;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .media-item-box:hover > a:after,
    .media-item-box:focus > a:after,
    a.media-item-box:hover:after,
    a.media-item-box:focus:after {
        width: 100%;
    }

    .media-item-box .media-thumbnail-headerfix {
        display: none;
    }

.mi-img {
    display: block;
    width: 100%;
}

.mi-title {
    font-family: "Teko", sans-serif;
    margin-bottom: .8em;
}

    .mi-title .grow:hover {
        color: #c41a30;
        text-decoration: underline;
    }

.mi-text {
    display: block;
    line-height: 1.5em;
    margin-bottom: 1.2em;
}

.mi-more {
    color: #c41a30;
}

    .mi-more:hover {
        color: #c41a30;
        text-decoration: underline;
    }

.mi-footer, .mi-footer-left {
    font-family: "Teko", sans-serif;
    font-size: 18px;
}

    .mi-footer-left span + span:before {
        content: "|";
        margin: 0 8px;
    }

.mi-footer-right {
    font-family: "Teko", sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #93774f;
    position: absolute;
    bottom: 25px;
    right: 25px;
}

    .mi-footer-right span + span {
        margin-left: 10px;
    }

@media (max-width: 47.99em) {
    .mi-content {
        display: block;
        position: relative;
        padding: 25px;
    }

        .mi-content:before {
            content: " ";
            position: absolute;
            top: -65px;
            left: 25px;
            width: 65px;
            height: 65px;
            background: #fff;
        }

        .mi-content > span {
            display: block;
        }

    .mi-title {
        font-size: 24px;
    }

        .mi-title .fixed {
            display: block;
            position: absolute;
            top: -32px;
            left: 57px;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .mi-footer > span {
        display: block;
    }

    .mi-footer-left {
        margin-bottom: 10px;
    }

    .mi-footer-right {
        bottom: 10px;
    }

    .tout-container {
        margin-bottom: 10px;
    }
}

@media (min-width: 48em) {
    .media-items-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 50px 0 15px 0;
    }

        .media-items-list .media-item-box {
            width: 45%;
            margin: 0 2.5% 50px;
        }

    .mi-content {
        display: block;
        padding: 35px;
    }

    .mi-title {
        font-size: 30px;
    }

        .mi-title > span {
            -ms-flex-item-align: center;
            align-self: center;
        }

        .mi-title .fixed {
            padding-right: 35px;
        }

    .mi-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .mi-footer > span {
            /*width: 50%;*/
        }

    .mi-footer-right {
        text-align: right;
    }
}

@media (min-width: 64em) {
    .mi-footer .mi-footer-left {
        font-size: 18px;
    }
}

.list-footer {
    text-align: center;
    margin-bottom: 20px;
}

@media (min-width: 64em) {
    .list-footer {
        margin-bottom: 50px;
    }
}

/* Buttons group */
.buttons-group {
    margin-bottom: 30px;
}

    .buttons-group a.button {
        width: 100%;
        text-align: center;
        margin-bottom: 7px;
        font-family: "Teko", sans-serif;
        font-size: 30px;
        font-weight: 400;
        padding: 10px;
    }

        .buttons-group a.button > span {
            display: inline-block;
            vertical-align: middle;
            padding: 0 10px;
        }

/* dfp ad */
.dfp-ad img {
    display: block;
    margin: 0 auto;
}

/*** SCHEDULE CAROUSELS - top and bottom ***/
.schedule-carousel-container {
    background: #2b2b2b;
    position: relative;
}

.schedule-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
}

    .schedule-carousel.slick-initialized {
        display: block;
    }

@media (min-width: 77em) {
    .schedule-carousel {
        padding-bottom: 0px;
    }

        .schedule-carousel .slick-slide {
            padding-top: 7px;
        }
}

.schedule-carousel-item {
    position: relative;
    display: block;
    width: 230px;
    height: 143px;
    margin: 0 2px;
    padding: 27px;
    font-family: "Teko", sans-serif;
    background: #424242;
    text-align: left;
}

.schedule-carousel .slick-slide,
a.schedule-carousel-item {
    -webkit-transition: padding 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, height 0.3s ease-in-out;
    text-decoration: none;
}

.schedule-carousel-item-content {
    color: #fff;
}

    .schedule-carousel-item-content h3 {
        font-size: 22px;
        line-height: .95em;
        font-family: "Teko", sans-serif;
        color: #fff;
        margin: 0;
    }

.schedule-carousel-item .schedule-carousel-item-footer {
    position: absolute;
    bottom: 15px;
    left: 27px;
    line-height: 1em;
    text-transform: uppercase;
}

    .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(1) {
        font-size: 20px;
        color: #c2ac70;
        font-weight: 600;
    }

    .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(2) {
        font-size: 14px;
        color: #b1aea4;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
    }

        .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(2):before {
            content: "|";
            margin: 0 10px;
        }

.schedule-carousel-item-left {
    display: none;
    position: absolute;
    top: 27px;
    left: 27px;
    width: 155px;
    height: 83px;
    padding-right: 30px;
}

/* Current carousel */
@media (min-width: 77em) {
    .schedule-carousel .slick-slide.is--active,
    .schedule-carousel .slick-slide:hover,
    .schedule-carousel .slick-slide:focus,
    .schedule-carousel .slick-slide.is--highlighted {
        padding-top: 0;
    }

        .schedule-carousel .is--active .schedule-carousel-item,
        .schedule-carousel .slick-slide:hover .schedule-carousel-item,
        .schedule-carousel .slick-slide:focus .schedule-carousel-item,
        .schedule-carousel .is--highlighted .schedule-carousel-item {
            height: 157px;
        }
}

/* Top Scedule carousel */
@media (min-width: 77em) {
    .schedule-carousel-container.top-carousel {
        padding-right: 29.5%;
    }

    .top-carousel .is--active .schedule-carousel-item-left {
        display: block;
    }

    .top-carousel .is--active .schedule-carousel-item-right {
        padding-left: 175px;
    }

    .top-carousel .is--active .schedule-carousel-item {
        width: 456px;
        background: #c41a30;
    }

        .top-carousel .is--active .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(1),
        .top-carousel .is--active .schedule-carousel-item .schedule-carousel-item-footer > span:nth-child(2) {
            color: #fff;
        }
}
/* Bottom Scedule carousel */
@media (min-width: 77em) {
    .schedule-carousel-container.bottom-carousel {
        padding-right: 15%;
    }
}

/*** END of Schedule carousels ***/

/*** Schedule ***/

.schedule__widget .widget__content {
    padding-right: 20px;
}

.schedule-container {
    border: 1px solid #e5e5e5;
}


@media (min-width:77em) {
    .schedule-container {
        margin-top: 27px;
    }
}

.schedule-row {
    padding: 50px 60px;
}

    .schedule-row.heading-row {
        border-bottom: 1px solid #e5e5e5;
    }

    .schedule-row:not(.heading-row):nth-child(odd) {
        background: #ededed;
    }

.heading-row {
    text-align: center;
}

    .heading-row h2 {
        font-size: 36px;
        color: #010101;
        font-weight: 600;
    }

        .heading-row h2 span {
            display: block;
            font-size: 24px;
            color: #c41a30;
            font-weight: 400;
        }

.schedule-date {
    font-family: "Teko", sans-serif;
    font-size: 26px;
}

    .schedule-date span:nth-child(2) {
        color: #93774f;
        font-weight: 600;
    }

    .schedule-date span:nth-child(1):after {
        content: "|";
        margin: 0 10px;
    }

.sc-footer .price {
    font-family: "Teko", sans-serif;
    font-size: 28px;
    margin: 1em 0;
}

.action-more-info {
    display: block;
    margin: 5px 0;
}

.sc-time {
    font-family: "Teko", sans-serif;
    font-size: 32px;
    color: #93774f;
    font-weight: 600;
    text-transform: uppercase;
}

    .sc-time span:nth-child(2):before {
        content: "-";
        margin: 0 10px;
    }

.sc-content h4 {
    font-family: "Teko", sans-serif;
    font-size: 32px;
    margin: 0 0 .5em 0;
}

@media (min-width:48em) and (max-width:84.99em) {
    .schedule-row.heading-row {
        display: block;
        text-align: center;
    }
}

@media (min-width:85em) {
    .schedule-row > .fixed {
        max-width: 300px;
    }
}

@media (min-width:85em) and (max-width:94em) {
    .schedule-row > .fixed {
        max-width: 200px;
    }
}

@media (min-width: 48em) {
    .flex.actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .heading-row {
        text-align: left;
    }

        .heading-row > div {
            -ms-flex-item-align: center;
            align-self: center;
        }

            .heading-row > div.grow {
                padding: 0 30px;
            }

    .sc-footer .actions > div {
        padding: 0 30px 10px 0;
    }

    .sc-time {
        width: 180px;
        padding-right: 10px;
    }

        .sc-time span:nth-child(2):before {
            display: block;
            margin: 0;
            padding-left: 35px;
        }
}

@media (min-width: 64em) {
    .heading-row > div.grow {
        padding: 0 50px;
    }

    .heading-row h2 {
        font-size: 48px;
    }

        .heading-row h2 span {
            font-size: 30px;
        }

    .schedule-date {
        font-size: 36px;
    }

    .sc-footer .price {
        font-size: 30px;
    }

    .sc-footer .price {
        font-size: 30px;
    }

    .sc-time {
        font-size: 42px;
    }

    .sc-content h4 {
        font-size: 36px;
    }
}

@media (max-width: 47.99em) {
    .sc-footer .actions > div {
        margin-bottom: 18px;
    }
}

/* Rail Banners */
.rail-banner {
    position: relative;
    width: 380px;
    max-width: 100%;
    margin: 0 auto 20px auto;
}

.rb-title {
    background: #2b2b2b;
    margin: 0;
    padding: 20px;
    text-align: center;
    font-family: "Teko", sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
}

.rb-button {
    position: absolute;
    left: 0;
    bottom: 30px;
    font-family: "Teko", sans-serif;
    font-size: 30px;
    font-weight: 600;
}

/* RESPONSIVE VIDEO */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Parking Details */
.parking-header {
    display: table;
    table-layout: fixed;
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    color: #fff;
}

    .parking-header .headerBar__wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .parking-header h1 {
        text-shadow: 0 0 3px black;
        color: #fff;
        margin-bottom: 15px;
        font-size: 32px;
        line-height: 1;
        font-weight: 600;
        font-family: "Teko", sans-serif;
        text-transform: uppercase;
    }

@media (min-width:64em) {
    .parking-header {
        height: 400px;
    }

        .parking-header h1 {
            font-size: 42px;
        }
}

.faux-dropdown {
    display: inline-block;
    position: relative;
    min-width: 25em;
}

    .faux-dropdown .faux-dropdown__toggle {
        position: relative;
        border: 0;
        padding: 1em 1.4em;
        font-family: inherit;
        font-size: 1rem;
        color: #fff;
        background: #e31b25;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
    }

.active.faux-dropdown__toggle,
.faux-dropdown__toggle:hover,
.faux-dropdown__toggle:focus {
    -webkit-box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
    box-shadow: 6px 6px 0 3px rgba(0, 0, 0, .5);
}

.faux-dropdown__toggle:after {
    content: "";
    display: inline-block;
    margin-left: .5em;
    width: 0;
    height: 0;
    border: .4em solid transparent;
    border-top-color: currentColor;
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[aria-expanded="true"].faux-dropdown__toggle:after {
    -webkit-transform: rotate(180deg) translateY(20%);
    transform: rotate(180deg) translateY(20%);
}

.js--click-user .faux-dropdown__toggle:focus {
    outline: 0;
}

.faux-dropdown__panel {
    display: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    right: 0;
    color: #fff;
    background: #e31b25;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    -webkit-box-shadow: 9px 0 0 0 rgba(0, 0, 0, .5);
    box-shadow: 9px 0 0 0 rgba(0, 0, 0, .5);
}

.active ~ .faux-dropdown__panel {
    -webkit-box-shadow: 9px 9px 0 0 rgba(0, 0, 0, .5);
    box-shadow: 9px 9px 0 0 rgba(0, 0, 0, .5);
}

.faux-dropdown__link {
    display: block;
    position: relative;
    z-index: 5;
    border-top: 1px solid rgba(255,255,255,.3);
    padding: .5em 1em;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "Teko", sans-serif;
    background: #e31b25;
}

.faux-dropdown__panel .faux-dropdown__link {
    color: #fff;
    font-weight: normal;
    font-size: 1.5rem;
}

.faux-dropdown__link:before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: -1px;
    left: 0;
    height: 105%;
    width: 80%;
    margin-left: -30px;
    background-color: #172a50;
    -webkit-box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
    box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-100%) skew(-24deg);
    transform: translateX(-100%) skew(-24deg);
    -webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
    -webkit-transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
    transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
    transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
    transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
}

.faux-dropdown__link:hover:before,
.faux-dropdown__link:focus:before {
    -webkit-box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
    box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
    -webkit-transform: translateX(10px) skew(-24deg);
    transform: translateX(10px) skew(-24deg);
}


.parking-header select {
    color: #fff;
    background: #e31b25;
    padding: 10px 20px;
    height: auto;
}

.parking-header em {
    display: block;
    margin-bottom: 15px;
}

.rail-nav {
    background: #e9e9e9;
    padding: 30px 50px;
    margin-bottom: 25px;
}

    .rail-nav h3 {
        font-family: Roboto, sans-serif;
        color: #333;
        text-transform: uppercase;
        margin: 20px 0 30px 0;
    }

    .rail-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .rail-nav ul li {
            list-style: none;
        }

    .rail-nav a {
        color: #333;
        display: block;
        margin-bottom: 20px;
    }

        .rail-nav a:hover,
        .rail-nav a:focus {
            color: #9b8a5b;
        }


/* JUMP NAV */

.section-jump-nav {
    margin: 20px -25px;
    overflow: hidden;
    overflow-x: auto;
}

.section-jump-nav__link {
    display: inline-block;
    position: relative;
    z-index: 5;
    margin: 10px;
    padding: .5em 1em;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "Teko", sans-serif;
    background: #e31b25;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.section-jump-nav .section-jump-nav__link {
    color: #fff;
    font-weight: normal;
    font-size: 1.5rem;
}

.section-jump-nav__link:hover, .section-jump-nav__link:focus {
    background-color: #c12436;
}

/*.section-jump-nav__link:before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: -1px;
    left: 0;
    height: 105%;
    width: 80%;
    margin-left: -30px;
    background-color: #172a50;
    -webkit-box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
    box-shadow: 0 0 0 0 #d91f29, 0 0 0 0 #172a50, 8px 0 0 0 #d91f29, 8px 0 0 0 #172a50;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-100%) skew(-24deg);
    transform: translateX(-100%) skew(-24deg);
    -webkit-transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
    -webkit-transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
    transition: -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
    transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s;
    transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.1s;
}

.section-jump-nav__link:hover:before,
.section-jump-nav__link:focus:before {
    -webkit-box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
    box-shadow: 0 0 0 5px #d91f29, 5px 0 0 5px #172a50, 10px 0 0 5px #d91f29, 15px 0 0 5px #172a50;
    -webkit-transform: translateX(10px) skew(-24deg);
    transform: translateX(10px) skew(-24deg);
} */

@media (min-width:48em) {
    .section-jump-nav__mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width:47.9em) {
    .section-jump-nav__mask {
        white-space: nowrap;
    }

    .section-jump-nav {
        overflow: inherit;
        overflow-x: inherit;
    }

        .section-jump-nav .section-jump-nav__link {
            color: #fff;
            font-weight: normal;
            font-size: 1.5rem;
            width: 95%;
            display: block;
        }

    .dropitem__contentwrapper .scrollTop {
        text-align: right;
        display: block;
        padding: 10px;
    }
}

/**************Tailgate**************/

img.imgDot {
    margin: 2px 0 0 -28px;
}

.tailgate-list {
    margin-bottom: 0 !important;
    width: 90%;
}

.tailgate-list > li {
    height: 65px;
}

.tailgate-list a {
    text-decoration: none;
    color: #333333;
}

.tailgate-list-head {
    display: inline-block;
    margin: 4px 0 0 5px;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
}

.tailgate-list p {
    font-size: 0.875em;
    margin: 0 0 1em 1px;
    line-height: 1.3em;
}


@media (max-width: 479px) { /* EXTRA SMALL */
    .tailgate-list {
        width: 100%;
    }

    .tailgate-list-head {
        font-size: 1.5em;
    }
}
.vjs-default-skin {
  color: #ffffff;
}

@font-face {
  font-family: 'VideoJS';
  src: url(/styles/ims/v1/font/vjs.eot);
  src: url(/styles/ims/v1/font/vjs.eot?#iefix) format('embedded-opentype'), url(/styles/ims/v1/font/vjs.woff) format('woff'), url(/styles/ims/v1/font/vjs.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
.vjs-live-controls {
    display: none;
}
.vjs-quality-button {
    display: none;
}
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #666666;
  background-color: rgba(102, 102, 102, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 5em;
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.65);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  -moz-transition: visibility 0.5s, opacity 0.5s;
  -o-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}


.vjs-default-skin.vjs-has-started .vjs-share-bar {

  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  -moz-transition: visibility 0.5s, opacity 0.5s;
  -o-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-user-active .vjs-control-bar,
.vjs-default-skin.vjs-user-active .vjs-share-bar,
.vjs-default-skin.vjs-user-active-touch .vjs-control-bar,
.vjs-default-skin.vjs-user-active-touch .vjs-share-bar  {
  visibility: visible;
  opacity: 1;
}

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 5em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
  opacity: 0.7;
  transition: opacity .5s;
  -webkit-transition: opacity .5s; 
  -moz-transition: opacity .5s;  

  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 3.4em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
  filter: alpha(opacity=100);  
  -moz-opacity: 1;  
  -khtml-opacity: 1;
  opacity: 1;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
  margin-left: 1em;
  margin-right: -1em;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
  opacity: 0.7;
  transition: opacity .5s;
  -webkit-transition: opacity .5s; 
  -moz-transition: opacity .5s;  
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
  opacity: 0.7;
  transition: opacity .5s;
  -webkit-transition: opacity .5s; 
  -moz-transition: opacity .5s;  
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
  opacity: 0.7;
  transition: opacity .5s;
  -webkit-transition: opacity .5s; 
  -moz-transition: opacity .5s;  
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
  opacity: 0.7;
  transition: opacity .5s;
  -webkit-transition: opacity .5s; 
  -moz-transition: opacity .5s;  
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 2.4em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #d8a53c url(/styles/ims/v1/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub/04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin .vjs-control.vjs-logo-controls
{
    margin-left: 1.5em;
}
.vjs-logo-image {
    background: url(/images/ims/logo-indy500.png) no-repeat transparent;
    width: 5em;
    height: 100%;
    background-size: 100%;
    background-position-y: center;
}

.vjs-share-bar {
    width: 100%;
    height: 3em;
    background-color: #000000;
    border-bottom: 1px solid #666666;
    position: absolute;
    top: 0px;
    left: 0px;
}

.vjs-share-title {
    font-size: 1.5em;
    font-weight: normal;
    font-family: Arial, sans-serif;
    line-height: 2em;
    margin-left: 1em;
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  background: #d8a53c;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 5em;
  margin-left: 0;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 5em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
  font-size: 2em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: #c91b1a;
  border: 0.;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  /* IE8 needs a non-glow hover state */  
  background-color: #951316;
  /* transition */
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-touch-button {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.vjs-user-inactive .vjs-touch-button
{
    display: block;
}

.vjs-user-active .vjs-touch-button
{
    display: none;
}
/****************************************
 THEME
 ****************************************/
/*  
    IMS THEME - GOLD
    LIGHT     - #bbaf8c
    NORMAL    - #9b895b
    DARK      - #675d45
    HIGHLIGHT - #edad20
*/

.t-bg-l {
    background-color: #605937;
}

.t-bg-n {
    background-color: #605937;
}

.t-bg-d {
    background-color: #605937;
}

.t-border-l {
    border-color: #605937;
}

.t-border-n {
    border-color: #605937;
}

.t-border-d {
    border-color: #605937;
}

.t-text-l {
    color: #605937;
}

.t-text-n {
    color: #605937;
}

.t-text-d {
    color: #605937;
}

.t-text-h {
    color: #605937;
}

/*h1 {
    color: #9b895b;
}

.t-bullet,
li {
    list-style-image: url(/styles/ims/v1/images/bullet.png);
}

#menu > ul > li:hover,
#menu > ul > li.hover,
#menu > ul > li.active {
    background-color: #7c7154;
}

@media (min-width: 960px) {
    #menu > ul > li.active {
        background-color: #7c7154;
    }
}

@media (min-width: 960px) {
    #nav-event.nav-event-open > ul > li > a.active {
        background-color: #675d45;*/ /* COLOR */
/*}
}

#nav-event > ul > li > a:hover,
#nav-event > ul > li > a.hover,
#nav-event > ul > li > a.active,
#nav-event.nav-event-open > ul > li > a.active.hover {
    background-color: #9b895b;*/ /* COLOR */
/*}

dt {
    color: #675d45;
}*/

/*************** Event Calendar **************/
/*#evt-calendar-dates > #evt-calendar-dates-viewport > ul > li.date-is-selected {
    background-color: #9b895b;
}*/

/*************FORM FIELDS ********************/
/*input[type="radio"]:checked + label:before {
    background: #9b895b;
}*/

/**************HEADERS **********************/
/*.hdr-arrow .line {
    margin-top: 0px;
    background: #bbaf8c;
}

.hdr-arrow.left .point {
    border-right-color: #bbaf8c;
}

.hdr-arrow.right .point {
    border-left-color: #bbaf8c;
}

.mobile-point {
    background-color: #bbaf8c;
}*/

/*** FUN FACTS ***/
/*.funfact-logo > .logo {
    background: url(/styles/ims/v1/images/ff_logo.png) 0 0 no-repeat scroll;
    height: 30px;
    width: 59px;
}*/


/*** SPINNERS ***/
/*.t-loading-spinner {
    background: url(/styles/ims/v1/images/spinner.png) 0 0 no-repeat scroll;
}*/

/*** VIDEO PLAYER ***/
/*.vjs-default-skin .vjs-big-play-button {
    background-color: #bbaf8c;
}

    .vjs-default-skin:hover .vjs-big-play-button,
    .vjs-default-skin .vjs-big-play-button:focus {
        background-color: #9b895b;
    }

.vjs-default-skin .vjs-play-progress {
    background: #bbaf8c;
}

.vjs-logo-image {
    background: url(/styles/ims/v1/images/ff_logo_lg.png) no-repeat transparent;
    background-size: 100%;
    background-position-y: center;
}*/

body {
    padding-top: 76px !important;
}

.slick-arrow {
    box-sizing: inherit !important;
}

.slick-slide img {
    height: 83px !important;
    max-height: 83px !important;
}

.schedule-carousel-item-content h3 {
    font-size: 18px !important;
    font-weight: bold;
}

.heading-row h2 {
    font-size: 32px !important;
}

    .heading-row h2 span {
        font-size: 30px !important;
    }

.schedule-date {
    font-size: 28px !important;
}

.dropitem__title {
    font-size: 26px !important;
}

.ticketingitem__title {
    font-size: 24px !important;
}

.ticketingitem__subheader {
    font-size: 24px !important;
}

.ticketingitem__price {
    margin: 0 !important;
}

/*.parking-header {
    margin-top: 76px !important;
}*/

.main__header {
    color: #ffffff;
    background-color: #18191b;
}

.section-jump-nav__link, .faux-dropdown__link {
    font-size: 16px !important;
    color: #fff !important;
}

    .section-jump-nav__link a:link :hover :visited {
        color: #fff !important;
    }

    .faux-dropdown__link a:link :hover :visited {
        color: #fff !important;
    }

.section {
    position: relative;
    /*z-index: 0;*/
    max-height: none !important;
    /*overflow: auto !important;*/
}

.rail-nav a {
    color: #333 !important;
}

.interior-page .flex-col--aside {
    padding-top: 0 !important;
}

#content .parking-header h1 {
    text-shadow: 0 0 3px black;
    color: #fff;
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
}

#content .rail-nav h3 {
    font-family: Roboto, sans-serif;
    color: #333;
    text-transform: uppercase;
    margin: 20px 0 30px 0;
}

#content .interior-content__widget h2 {
    margin: 0;
    color: #000000;
    font-family: "Teko", sans-serif;
}

#content .dropitem__title {
    padding: 36px 150px 36px 36px;
    background: #ededed;
    font-family: "Teko", sans-serif;
    font-size: 36px;
}

#content .headerBar h1 {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 14.5vw 0;
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    font-family: "Teko", sans-serif;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    color: #ffffff;
    max-height: 320px;
}

@media (min-width: 48em) {
    .headerBar__wrapper {
        height: 125px !important;
    }
}

.headline {
    font-size: 18pt !important;
    width: 85% !important;
    color: #000 !important;
    background: none !important;
    font-weight: bold !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    z-index: 1 !important;
    position: relative !important;
    padding: 12px 0px !important;
    margin: 20px 0 0 !important;
}

.headerBar h1 > span {
    max-width: 100% !important;
}

#content .schedule-carousel-item-content h3 {
    font-size: 22px;
    line-height: .95em;
    font-family: "Teko", sans-serif;
    color: #fff;
    margin: 0;
}

.tout-container a, .tout-container a:visited {
    color: #fff !important;
}

#main-content a, #main-content a:visited {
    color: #605937;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color .5s !important;
}

#main-content .headline-heading {
    font-family: oswald !important;
    font-size: 2.3em !important;
    color: #000000 !important;
    font-weight: normal !important;
    padding-top: 0 !important;
    padding-bottom: 0.2em !important;
    line-height: 1.25em !important;
}

#main-content .button, #main-content a:link.button, #main-content a:visited.button {
    color: #fff;
    font-size: 0.875em;
    font-weight: bold;
}

#photo-gallery-thumbnails a.thumbnail img {
    width: 100% !important;
}

#media-news img {
    width: 100% !important;
}

#ims-videoplayer {
    width: 100% !important;
}

.ticket-event-search-available-seats {
    height: auto !important;
}

.hdr-control {
    z-index: 1 !important;
}

.section-jump-nav__link {
    z-index: 1 !important;
}

.sc-content {
    padding-left: 30px;
}

    .sc-content h4 {
        font-size: 42px !important;
        margin: 0 0 0 0 !important;
    }

.interior-page a:link,
.interior-page a:visited {
    color: #605937;
    text-decoration: none;
    z-index: 0;
}

.mi-title {
    font-size: 20px !important;
}

.mi-footer-right {
    bottom: 10px !important;
    right: 25px !important;
}

.main-callout__title,
.main-callout__subheading,
.main-callout__buttons,
.main-callout__countdown {
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1016px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #fff !important;
}

    .main-callout__buttons a {
        color: #fff !important;
    }

.contact .headline-heading a {
    color: #605937 !important;
}

.sc-footer {
    padding-left: 30px;
}

.fat-footer a:visited {
    color: var(--color-state-dark-active) !important;
}

