:root {
    --publictheaterred: #ef4135;
}

/* Responsive */
@font-face { font-family: 'FontAwesome'; src: url("../font/fontawesome-webfont.eot?v=3.1.0"); src: url("../font/fontawesome-webfont.eot?#iefix&v=3.1.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.1.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.1.0") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0") format("svg"); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'publictheater-custom-icons';
    src: url('../font/publictheater-custom-icons.eot');
    src: url('../font/publictheater-custom-icons.eot?#iefix') format('embedded-opentype'),
         url('../font/publictheater-custom-icons.woff') format('woff'),
         url('../font/publictheater-custom-icons.ttf') format('truetype'),
         url('../font/publictheater-custom-icons.svg#publictheater-custom-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='pticon-']:before{
	display: inline-block;
   font-family: 'publictheater-custom-icons';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.pticon-wheelchair-active:before{content:'\0052';}
/*!
 *  Font Awesome 3.1.0
 *  the iconic font designed for Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fontawesome.io
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 License -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */

p {
    font-style:normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; }

[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }

.icon-music:before { content: "\f001"; }

.icon-search:before, .archiveHead .filterBlock .filter.archSearch .archSearchBtn:after { content: "\f002"; }

.icon-envelope-alt:before { content: "\f003"; }

.icon-heart:before { content: "\f004"; }

.icon-star:before { content: "\f005"; }

.icon-star-empty:before { content: "\f006"; }

.icon-user:before { content: "\f007"; }

.icon-film:before { content: "\f008"; }

.icon-th-large:before { content: "\f009"; }

.icon-th:before { content: "\f00a"; }

.icon-th-list:before { content: "\f00b"; }

.icon-ok:before { content: "\f00c"; }

.icon-remove:before { content: "\f00d"; }

.icon-zoom-in:before { content: "\f00e"; }

.icon-zoom-out:before { content: "\f010"; }

.icon-power-off:before, .icon-off:before { content: "\f011"; }

.icon-signal:before { content: "\f012"; }

.icon-gear:before, .icon-cog:before { content: "\f013"; }

.icon-trash:before { content: "\f014"; }

.icon-home:before, .publicHome:before { content: "\f015"; }

.icon-file-alt:before { content: "\f016"; }

.icon-time:before { content: "\f017"; }

.icon-road:before { content: "\f018"; }

.icon-download-alt:before { content: "\f019"; }

.icon-download:before { content: "\f01a"; }

.icon-upload:before { content: "\f01b"; }

.icon-inbox:before { content: "\f01c"; }

.icon-play-circle:before { content: "\f01d"; }

.icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; }

.icon-refresh:before { content: "\f021"; }

.icon-list-alt:before { content: "\f022"; }

.icon-lock:before { content: "\f023"; }

.icon-flag:before { content: "\f024"; }

.icon-headphones:before { content: "\f025"; }

.icon-volume-off:before { content: "\f026"; }

.icon-volume-down:before { content: "\f027"; }

.icon-volume-up:before { content: "\f028"; }

.icon-qrcode:before { content: "\f029"; }

.icon-barcode:before { content: "\f02a"; }

.icon-tag:before { content: "\f02b"; }

.icon-tags:before { content: "\f02c"; }

.icon-book:before { content: "\f02d"; }

.icon-bookmark:before { content: "\f02e"; }

.icon-print:before, #ticketHistoryDisplay .ticketChart li a.printBtn:before { content: "\f02f"; }

.icon-camera:before { content: "\f030"; }

.icon-font:before { content: "\f031"; }

.icon-bold:before { content: "\f032"; }

.icon-italic:before { content: "\f033"; }

.icon-text-height:before { content: "\f034"; }

.icon-text-width:before { content: "\f035"; }

.icon-align-left:before { content: "\f036"; }

.icon-align-center:before { content: "\f037"; }

.icon-align-right:before { content: "\f038"; }

.icon-align-justify:before, header .toggleSubHomePage a:before, .top-bar .title-area .toggleMenu:before { content: "\f039"; }

.icon-list:before { content: "\f03a"; }

.icon-indent-left:before { content: "\f03b"; }

.icon-indent-right:before { content: "\f03c"; }

.icon-facetime-video:before { content: "\f03d"; }

.icon-picture:before { content: "\f03e"; }

.icon-pencil:before { content: "\f040"; }

.icon-map-marker:before { content: "\f041"; }

.icon-adjust:before { content: "\f042"; }

.icon-tint:before { content: "\f043"; }

.icon-edit:before { content: "\f044"; }

.icon-share:before { content: "\f045"; }

.icon-check:before { content: "\f046"; }

.icon-move:before { content: "\f047"; }

.icon-step-backward:before { content: "\f048"; }

.icon-fast-backward:before { content: "\f049"; }

.icon-backward:before { content: "\f04a"; }

.icon-play:before, .audiojs .play:before { content: "\f04b"; }

.icon-pause:before, .audiojs .pause:before { content: "\f04c"; }

.icon-stop:before { content: "\f04d"; }

.icon-forward:before { content: "\f04e"; }

.icon-fast-forward:before { content: "\f050"; }

.icon-step-forward:before { content: "\f051"; }

.icon-eject:before { content: "\f052"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-plus-sign:before { content: "\f055"; }

.icon-minus-sign:before { content: "\f056"; }

.icon-remove-sign:before { content: "\f057"; }

.icon-ok-sign:before { content: "\f058"; }

.icon-question-sign:before { content: "\f059"; }

.icon-info-sign:before { content: "\f05a"; }

.icon-screenshot:before { content: "\f05b"; }

.icon-remove-circle:before { content: "\f05c"; }

.icon-ok-circle:before { content: "\f05d"; }

.icon-ban-circle:before { content: "\f05e"; }

.icon-arrow-left:before { content: "\f060"; }

.icon-arrow-right:before { content: "\f061"; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before { content: "\f063"; }

.icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; }

.icon-resize-full:before { content: "\f065"; }

.icon-resize-small:before { content: "\f066"; }

.icon-plus:before { content: "\f067"; }

.icon-minus:before { content: "\f068"; }

.icon-asterisk:before { content: "\f069"; }

.icon-exclamation-sign:before { content: "\f06a"; }

.icon-gift:before { content: "\f06b"; }

.icon-leaf:before { content: "\f06c"; }

.icon-fire:before { content: "\f06d"; }

.icon-eye-open:before { content: "\f06e"; }

.icon-eye-close:before { content: "\f070"; }

.icon-warning-sign:before { content: "\f071"; }

.icon-plane:before { content: "\f072"; }

.icon-calendar:before, .mobileCalendar .filterPromoArea .calHeaderWrap .dayTitle:after { content: "\f073"; }

.icon-random:before { content: "\f074"; }

.icon-comment:before { content: "\f075"; }

.icon-magnet:before { content: "\f076"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-retweet:before { content: "\f079"; }

.icon-shopping-cart:before { content: "\f07a"; }

.icon-folder-close:before { content: "\f07b"; }

.icon-folder-open:before { content: "\f07c"; }

.icon-resize-vertical:before { content: "\f07d"; }

.icon-resize-horizontal:before { content: "\f07e"; }

.icon-bar-chart:before { content: "\f080"; }

.icon-twitter-sign:before { content: "\f081"; }

.icon-facebook-sign:before { content: "\f082"; }

.icon-camera-retro:before { content: "\f083"; }

.icon-key:before { content: "\f084"; }

.icon-gears:before, .icon-cogs:before { content: "\f085"; }

.icon-comments:before { content: "\f086"; }

.icon-thumbs-up-alt:before { content: "\f087"; }

.icon-thumbs-down-alt:before { content: "\f088"; }

.icon-star-half:before { content: "\f089"; }

.icon-heart-empty:before { content: "\f08a"; }

.icon-signout:before { content: "\f08b"; }

.icon-linkedin-sign:before { content: "\f08c"; }

.icon-pushpin:before { content: "\f08d"; }

.icon-external-link:before { content: "\f08e"; }

.icon-signin:before { content: "\f090"; }

.icon-trophy:before { content: "\f091"; }

.icon-github-sign:before { content: "\f092"; }

.icon-upload-alt:before { content: "\f093"; }

.icon-lemon:before { content: "\f094"; }

.icon-phone:before { content: "\f095"; }

.icon-unchecked:before, .icon-check-empty:before { content: "\f096"; }

.icon-bookmark-empty:before { content: "\f097"; }

.icon-phone-sign:before { content: "\f098"; }

.icon-twitter:before { content: "\f099"; }

.icon-facebook:before { content: "\f09a"; }

.icon-github:before { content: "\f09b"; }

.icon-unlock:before { content: "\f09c"; }

.icon-credit-card:before { content: "\f09d"; }

.icon-rss:before { content: "\f09e"; }

.icon-hdd:before { content: "\f0a0"; }

.icon-bullhorn:before { content: "\f0a1"; }

.icon-bell:before { content: "\f0a2"; }

.icon-certificate:before { content: "\f0a3"; }

.icon-hand-right:before { content: "\f0a4"; }

.icon-hand-left:before { content: "\f0a5"; }

.icon-hand-up:before { content: "\f0a6"; }

.icon-hand-down:before { content: "\f0a7"; }

.icon-circle-arrow-left:before { content: "\f0a8"; }

.icon-circle-arrow-right:before { content: "\f0a9"; }

.icon-circle-arrow-up:before { content: "\f0aa"; }

.icon-circle-arrow-down:before { content: "\f0ab"; }

.icon-globe:before { content: "\f0ac"; }

.icon-wrench:before { content: "\f0ad"; }

.icon-tasks:before { content: "\f0ae"; }

.icon-filter:before { content: "\f0b0"; }

.icon-briefcase:before { content: "\f0b1"; }

.icon-fullscreen:before { content: "\f0b2"; }

.icon-group:before { content: "\f0c0"; }

.icon-link:before { content: "\f0c1"; }

.icon-cloud:before { content: "\f0c2"; }

.icon-beaker:before { content: "\f0c3"; }

.icon-cut:before { content: "\f0c4"; }

.icon-copy:before { content: "\f0c5"; }

.icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; }

.icon-save:before { content: "\f0c7"; }

.icon-sign-blank:before { content: "\f0c8"; }

.icon-reorder:before { content: "\f0c9"; }

.icon-list-ul:before { content: "\f0ca"; }

.icon-list-ol:before { content: "\f0cb"; }

.icon-strikethrough:before { content: "\f0cc"; }

.icon-underline:before { content: "\f0cd"; }

.icon-table:before { content: "\f0ce"; }

.icon-magic:before { content: "\f0d0"; }

.icon-truck:before { content: "\f0d1"; }

.icon-pinterest:before { content: "\f0d2"; }

.icon-pinterest-sign:before { content: "\f0d3"; }

.icon-google-plus-sign:before { content: "\f0d4"; }

.icon-google-plus:before { content: "\f0d5"; }

.icon-money:before { content: "\f0d6"; }

.icon-caret-down:before, .accordRow.active .title a:after, .sbSelector:after, .pressRoom .filters a:after, .joinButton:after, #calendarHeader .formSection .promo a:after { content: "\f0d7"; }

.icon-caret-up:before { content: "\f0d8"; }

.icon-caret-left:before, .bx-controls-direction .bx-prev:after, #OT_searchWrapper #imageCal .leftArrowLink.partOfCal:before, #calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthPrev:before, .mobileCalendar .filterPromoArea .calHeaderWrap .prevArrow:after { content: "\f0d9"; }

.icon-caret-right:before, .venues .actionBtns a:after, .ticketList .head a:after, .promo span:after, .btn:after, input.btn:after, input[type="submit"]:after, .bx-controls-direction .bx-next:after, .accordRow .title a:after, .slideshowCaptions .actionBtns a:after, #OT_defList #OT_submitWrap:after, #OT_searchWrapper #imageCal .rightArrowLink.partOfCal:before, .playDetailWrapper .formSection .promo a:after, .indvGiveWrap .btn.solid:after, .renewButton:after, #loginContainer .simpleModal .field .btn:after, #calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthNext:before, .mobileCalendar .filterPromoArea .calHeaderWrap .nextArrow:after, .mobileCalendar .mobileCalList li.performanceLink a .showInfo:after, #reserveSelectSeats .formSection #havePromo.btn:after, #registerControl .btn:after, .giftCerts .customizeGiftCert .btn.solid.btnStandOut:after { content: "\f0da"; font-family: FontAwesome;}


.icon-columns:before { content: "\f0db"; }

.icon-sort:before { content: "\f0dc"; }

.icon-sort-down:before { content: "\f0dd"; }

.icon-sort-up:before { content: "\f0de"; }

.icon-envelope:before { content: "\f0e0"; }

.icon-linkedin:before { content: "\f0e1"; }

.icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; }

.icon-legal:before { content: "\f0e3"; }

.icon-dashboard:before { content: "\f0e4"; }

.icon-comment-alt:before { content: "\f0e5"; }

.icon-comments-alt:before { content: "\f0e6"; }

.icon-bolt:before { content: "\f0e7"; }

.icon-sitemap:before { content: "\f0e8"; }

.icon-umbrella:before { content: "\f0e9"; }

.icon-paste:before { content: "\f0ea"; }

.icon-lightbulb:before { content: "\f0eb"; }

.icon-exchange:before, #ticketHistoryDisplay .ticketChart li a.exchangeBtn:before { content: "\f0ec"; }

.icon-cloud-download:before { content: "\f0ed"; }

.icon-cloud-upload:before { content: "\f0ee"; }

.icon-user-md:before { content: "\f0f0"; }

.icon-stethoscope:before { content: "\f0f1"; }

.icon-suitcase:before { content: "\f0f2"; }

.icon-bell-alt:before { content: "\f0f3"; }

.icon-coffee:before { content: "\f0f4"; }

.icon-food:before { content: "\f0f5"; }

.icon-file-text-alt:before { content: "\f0f6"; }

.icon-building:before { content: "\f0f7"; }

.icon-hospital:before { content: "\f0f8"; }

.icon-ambulance:before { content: "\f0f9"; }

.icon-medkit:before { content: "\f0fa"; }

.icon-fighter-jet:before { content: "\f0fb"; }

.icon-beer:before { content: "\f0fc"; }

.icon-h-sign:before { content: "\f0fd"; }

.icon-plus-sign-alt:before { content: "\f0fe"; }

.icon-double-angle-left:before { content: "\f100"; }

.icon-double-angle-right:before { content: "\f101"; }

.icon-double-angle-up:before { content: "\f102"; }

.icon-double-angle-down:before { content: "\f103"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-desktop:before { content: "\f108"; }

.icon-laptop:before { content: "\f109"; }

.icon-tablet:before { content: "\f10a"; }

.icon-mobile-phone:before { content: "\f10b"; }

.icon-circle-blank:before, .miniCal .timeSlot ul li:before, #reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot ul li:before, #reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap #changeDateDatepickerTimes .syos-calendar-performance-time:before { content: "\f10c"; }

.icon-quote-left:before { content: "\f10d"; }

.icon-quote-right:before { content: "\f10e"; }

.icon-spinner:before, .audiojs .loading:before { content: "\f110"; }

.icon-circle:before, .miniCal .timeSlot ul li:hover:before, #reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot ul li:hover:before, #reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap #changeDateDatepickerTimes .syos-calendar-performance-time:hover:before { content: "\f111"; }

.icon-mail-reply:before, .icon-reply:before { content: "\f112"; }

.icon-github-alt:before { content: "\f113"; }

.icon-folder-close-alt:before { content: "\f114"; }

.icon-folder-open-alt:before { content: "\f115"; }

.icon-expand-alt:before { content: "\f116"; }

.icon-collapse-alt:before { content: "\f117"; }

.icon-smile:before { content: "\f118"; }

.icon-frown:before { content: "\f119"; }

.icon-meh:before { content: "\f11a"; }

.icon-gamepad:before { content: "\f11b"; }

.icon-keyboard:before { content: "\f11c"; }

.icon-flag-alt:before { content: "\f11d"; }

.icon-flag-checkered:before { content: "\f11e"; }

.icon-terminal:before { content: "\f120"; }

.icon-code:before { content: "\f121"; }

.icon-reply-all:before { content: "\f122"; }

.icon-mail-reply-all:before { content: "\f122"; }

.icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; }

.icon-location-arrow:before { content: "\f124"; }

.icon-crop:before { content: "\f125"; }

.icon-code-fork:before { content: "\f126"; }

.icon-unlink:before { content: "\f127"; }

.icon-question:before { content: "\f128"; }

.icon-info:before { content: "\f129"; }

.icon-exclamation:before { content: "\f12a"; }

.icon-superscript:before { content: "\f12b"; }

.icon-subscript:before { content: "\f12c"; }

.icon-eraser:before { content: "\f12d"; }

.icon-puzzle-piece:before { content: "\f12e"; }

.icon-microphone:before { content: "\f130"; }

.icon-microphone-off:before { content: "\f131"; }

.icon-shield:before { content: "\f132"; }

.icon-calendar-empty:before { content: "\f133"; }

.icon-fire-extinguisher:before { content: "\f134"; }

.icon-rocket:before { content: "\f135"; }

.icon-maxcdn:before { content: "\f136"; }

.icon-chevron-sign-left:before { content: "\f137"; }

.icon-chevron-sign-right:before { content: "\f138"; }

.icon-chevron-sign-up:before { content: "\f139"; }

.icon-chevron-sign-down:before { content: "\f13a"; }

.icon-html5:before { content: "\f13b"; }

.icon-css3:before { content: "\f13c"; }

.icon-anchor:before { content: "\f13d"; }

.icon-unlock-alt:before { content: "\f13e"; }

.icon-bullseye:before { content: "\f140"; }

.icon-ellipsis-horizontal:before { content: "\f141"; }

.icon-ellipsis-vertical:before { content: "\f142"; }

.icon-rss-sign:before { content: "\f143"; }

.icon-play-sign:before { content: "\f144"; }

.icon-ticket:before { content: "\f145"; }

.icon-minus-sign-alt:before { content: "\f146"; }

.icon-check-minus:before { content: "\f147"; }

.icon-level-up:before { content: "\f148"; }

.icon-level-down:before { content: "\f149"; }

.icon-check-sign:before { content: "\f14a"; }

.icon-edit-sign:before { content: "\f14b"; }

.icon-external-link-sign:before { content: "\f14c"; }

.icon-share-sign:before { content: "\f14d"; }

.icon-collapse:before { content: "\f150"; }

.icon-collapse-top:before { content: "\f151"; }

.icon-expand:before { content: "\f152"; }

.icon-euro:before, .icon-eur:before { content: "\f153"; }

.icon-gbp:before { content: "\f154"; }

.icon-dollar:before, .icon-usd:before { content: "\f155"; }

.icon-rupee:before, .icon-inr:before { content: "\f156"; }

.icon-yen:before, .icon-jpy:before { content: "\f157"; }

.icon-renminbi:before, .icon-cny:before { content: "\f158"; }

.icon-won:before, .icon-krw:before { content: "\f159"; }

.icon-bitcoin:before, .icon-btc:before { content: "\f15a"; }

.icon-file:before { content: "\f15b"; }

.icon-file-text:before { content: "\f15c"; }

.icon-sort-by-alphabet:before { content: "\f15d"; }

.icon-sort-by-alphabet-alt:before { content: "\f15e"; }

.icon-sort-by-attributes:before { content: "\f160"; }

.icon-sort-by-attributes-alt:before { content: "\f161"; }

.icon-sort-by-order:before { content: "\f162"; }

.icon-sort-by-order-alt:before { content: "\f163"; }

.icon-thumbs-up:before { content: "\f164"; }

.icon-thumbs-down:before { content: "\f165"; }

.icon-youtube-sign:before { content: "\f166"; }

.icon-youtube:before { content: "\f167"; }

.icon-xing:before { content: "\f168"; }

.icon-xing-sign:before { content: "\f169"; }

.icon-youtube-play:before { content: "\f16a"; }

.icon-dropbox:before { content: "\f16b"; }

.icon-stackexchange:before { content: "\f16c"; }

.icon-instagram:before { content: "\f16d"; }

.icon-flickr:before { content: "\f16e"; }

.icon-adn:before { content: "\f170"; }

.icon-bitbucket:before { content: "\f171"; }

.icon-bitbucket-sign:before { content: "\f172"; }

.icon-tumblr:before { content: "\f173"; }

.icon-tumblr-sign:before { content: "\f174"; }

.icon-long-arrow-down:before { content: "\f175"; }

.icon-long-arrow-up:before { content: "\f176"; }

.icon-long-arrow-left:before { content: "\f177"; }

.icon-long-arrow-right:before { content: "\f178"; }

.icon-apple:before { content: "\f179"; }

.icon-windows:before { content: "\f17a"; }

.icon-android:before { content: "\f17b"; }

.icon-linux:before { content: "\f17c"; }

.icon-dribbble:before { content: "\f17d"; }

.icon-skype:before { content: "\f17e"; }

.icon-foursquare:before { content: "\f180"; }

.icon-trello:before { content: "\f181"; }

.icon-arrow-long-right:before { content: "\f182"; }

.icon-male:before { content: "\f183"; }

.icon-gittip:before { content: "\f184"; }

.icon-sun:before { content: "\f185"; }

.icon-moon:before { content: "\f186"; }

.icon-archive:before { content: "\f187"; }

.icon-bug:before { content: "\f188"; }

.icon-vk:before { content: "\f189"; }

.icon-weibo:before { content: "\f18a"; }

.icon-renren:before { content: "\f18b"; }

.reveal-modal-bg { display: none !important; position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.45); z-index: 98; display: none; top: 0; left: 0; }

.reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background: #011111; color: #fff; padding: 1.25em; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); top: 50px; }

.reveal-modal .column, .reveal-modal .columns, .reveal-modal .large-1, .reveal-modal .large-2, .reveal-modal .large-3, .reveal-modal .large-4, .reveal-modal .large-5, .reveal-modal .large-6, .reveal-modal .large-7, .reveal-modal .large-8, .reveal-modal .large-9, .reveal-modal .large-10, .reveal-modal .large-11, .reveal-modal .large-12, .reveal-modal .medium-1, .reveal-modal .medium-2, .reveal-modal .medium-3, .reveal-modal .medium-4, .reveal-modal .medium-5, .reveal-modal .medium-6, .reveal-modal .medium-7, .reveal-modal .medium-8, .reveal-modal .medium-9, .reveal-modal .medium-10, .reveal-modal .medium-11, .reveal-modal .medium-12, .reveal-modal small-1, .reveal-modal small-2, .reveal-modal small-3, .reveal-modal small-4, .reveal-modal small-5, .reveal-modal small-6, .reveal-modal small-7, .reveal-modal small-8, .reveal-modal small-9, .reveal-modal small-10, .reveal-modal small-11, .reveal-modal small-12 { min-width: 0; }

.reveal-modal > :first-child { margin-top: 0; }

.reveal-modal > :last-child { margin-bottom: 0; }

.reveal-modal .close-reveal-modal { font-size: 1.375em; line-height: 1; position: absolute; top: 0.5em; right: 0.6875em; color: #aaaaaa; font-weight: bold; cursor: pointer; }

@media only screen and (min-width: 768px) { .reveal-modal { padding: 1.875em; top: 6.25em; text-align: center; }
  .reveal-modal.tiny { margin-left: -15%; width: 30%; }
  .reveal-modal.small { margin-left: -20%; width: 40%; }
  .reveal-modal.medium { margin-left: -30%; width: 60%; }
  .reveal-modal.large { margin-left: -35%; width: 70%; }
  .reveal-modal.xlarge { margin-left: -47.5%; width: 95%; } }
.top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out; }

.top-bar-section ul { width: 100%; height: auto; display: block; margin: 0; }

.top-bar-section .has-dropdown { position: relative; }

.top-bar-section .has-dropdown.moved { position: static; }

.top-bar-section .has-dropdown.moved > .dropdown { display: block; }

.top-bar-section .dropdown { position: absolute; left: 100%; top: 0; display: none; z-index: 99; padding: 10px; }

.top-bar-section .dropdown li { width: 100%; height: auto; }

.top-bar-js-breakpoint { width: 940px !important; visibility: hidden; }

.js-generated { display: block; }

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }
@-o-keyframes rotate { from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(360deg); } }
@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

img, object, embed { max-width: 100%; height: auto; }

.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; margin-left: -9px; *zoom: 1; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row.collapse > .column, .row.collapse > .columns, .row.collapse > .large-1, .row.collapse > .large-2, .row.collapse > .large-3, .row.collapse > .large-4, .row.collapse > .large-5, .row.collapse > .large-6, .row.collapse > .large-7, .row.collapse > .large-8, .row.collapse > .large-9, .row.collapse > .large-10, .row.collapse > .large-11, .row.collapse > .large-12, .row.collapse > .medium-1, .row.collapse > .medium-2, .row.collapse > .medium-3, .row.collapse > .medium-4, .row.collapse > .medium-5, .row.collapse > .medium-6, .row.collapse > .medium-7, .row.collapse > .medium-8, .row.collapse > .medium-9, .row.collapse > .medium-10, .row.collapse > .medium-11, .row.collapse > .medium-12, .row.collapse > small-1, .row.collapse > small-2, .row.collapse > small-3, .row.collapse > small-4, .row.collapse > small-5, .row.collapse > small-6, .row.collapse > small-7, .row.collapse > small-8, .row.collapse > small-9, .row.collapse > small-10, .row.collapse > small-11, .row.collapse > small-12 { position: relative; padding-left: 0; padding-right: 0; float: left; }

.row.collapse .row { margin-left: 0; margin-right: 0; }

.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }

.row .row:before, .row .row:after { content: " "; display: table; }

.row .row:after { clear: both; }

.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }

.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }

.row .row.collapse:after { clear: both; }

.columns, .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12, .medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12, small-1, small-2, small-3, small-4, small-5, small-6, small-7, small-8, small-9, small-10, small-11, small-12 { position: relative; padding-left: 6.5px; padding-right: 6.5px; width: 100%; float: left; }
.large-12{
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width: 650px) { .columns, .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12, .medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12, small-1, small-2, small-3, small-4, small-5, small-6, small-7, small-8, small-9, small-10, small-11, small-12 { padding: 0; } }

@media (min-width: 979px) { .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .large-offset-0 { position: relative; margin-left: 0%; }
  .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .large-offset-3 { position: relative; margin-left: 25%; }
  .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .large-offset-6 { position: relative; margin-left: 50%; }
  .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .large-offset-9 { position: relative; margin-left: 75%; }
  .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .show-for-large, .show-for-large-up { display: inherit !important; }
  .show-for-medium, .show-for-medium-down { display: none !important; }
  .hide-for-medium, .hide-for-medium-down { display: inherit !important; }
  .hide-for-large, .hide-for-large-up, .hide-for-medium-up { display: none !important; } }
@media (max-width: 1300px) { .large-small-6 { width: 50%; } }
@media (max-width: 979px) { .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .medium-offset-0 { position: relative; margin-left: 0%; }
  .medium-offset-1 { position: relative; margin-left: 8.33333%; }
  .medium-offset-2 { position: relative; margin-left: 16.66667%; }
  .medium-offset-3 { position: relative; margin-left: 25%; }
  .medium-offset-4 { position: relative; margin-left: 33.33333%; }
  .medium-offset-5 { position: relative; margin-left: 41.66667%; }
  .medium-offset-6 { position: relative; margin-left: 50%; }
  .medium-offset-7 { position: relative; margin-left: 58.33333%; }
  .medium-offset-8 { position: relative; margin-left: 66.66667%; }
  .medium-offset-9 { position: relative; margin-left: 75%; }
  .medium-offset-10 { position: relative; margin-left: 83.33333%; }
  .medium-offset-11 { position: relative; margin-left: 91.66667%; }
  .show-for-medium, .show-for-medium-up { display: inherit !important; }
  .show-for-small { display: none !important; }
  .hide-for-small { display: inherit !important; }
  .hide-for-medium, .hide-for-medium-up { display: none !important; } }
@media (max-width: 950px) { .large-small-6 { width: 100%; } }
@media (max-width: 650px) { .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  .small-offset-0 { position: relative; margin-left: 0%; }
  .small-offset-1 { position: relative; margin-left: 8.33333%; }
  .small-offset-2 { position: relative; margin-left: 16.66667%; }
  .small-offset-3 { position: relative; margin-left: 25%; }
  .small-offset-4 { position: relative; margin-left: 33.33333%; }
  .small-offset-5 { position: relative; margin-left: 41.66667%; }
  .small-offset-6 { position: relative; margin-left: 50%; }
  .small-offset-7 { position: relative; margin-left: 58.33333%; }
  .small-offset-8 { position: relative; margin-left: 66.66667%; }
  .small-offset-9 { position: relative; margin-left: 75%; }
  .small-offset-10 { position: relative; margin-left: 83.33333%; }
  .small-offset-11 { position: relative; margin-left: 91.66667%; }
  .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; }
  .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; }
  .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
  .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } }
@media only screen and (min-width: 58.75em) { .top-bar { background: #fff; *zoom: 1; overflow: visible; }
  .top-bar:before, .top-bar:after { content: " "; display: table; }
  .top-bar:after { clear: both; }
  .top-bar .toggle-topbar { display: none; }
  .top-bar .title-area { float: left; }
  .top-bar .name h1 a { width: auto; }
  .top-bar input, .top-bar .button { line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 10px; position: relative; top: 8px; }
  .contain-to-grid .top-bar { max-width: 62.5em; margin: 0 auto; margin-bottom: 0; }
  .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; }
  .top-bar-section ul { width: auto; height: auto !important; display: inline; }
  .top-bar-section ul li { float: left; }
  .top-bar-section ul li .js-generated { display: none; }
  .top-bar-section .has-dropdown > a { padding-right: 35px !important; }
  .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; }
  .top-bar-section .has-dropdown.moved { position: relative; }
  .top-bar-section .has-dropdown.moved > .dropdown { display: none; }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: none; }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1em; margin-top: -7px; right: 5px; }
  .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; }
  .top-bar-section .dropdown li a { color: white; line-height: 1; white-space: nowrap; padding: 7px 15px; background: #1e1e1e; }
  .top-bar-section .dropdown li label { white-space: nowrap; background: #1e1e1e; }
  .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #2b2b2b; border-left: solid 1px black; clear: none; height: 45px; width: 0; }
  .top-bar-section .has-form { background: #111111; padding: 0 15px; height: 45px; }
  .top-bar-section ul.right li .dropdown { left: auto; right: 0; }
  .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; }
  .no-js .top-bar-section ul li:active > a { background: #090909; color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.height-Single > .block { height: 215px !important; }

.height-Double > .block { height: 451px !important; }

.height-Auto > .block { height: auto !important; }

.block { overflow: hidden; }

.blockListWrap, .block { background-color: none; }

.block > iframe { width: 100%; height: 100%; }

.homeWrapper .block.whatsOn { height: 445px; }

.whatsOn .btn { position: absolute; bottom: 30px; right: 30px; }

.homeWrapper .large-4 .block.whatsOn { height: 215px; }

.homeWrapper .block.venues { /*height:445px;*/ height: auto;}
.venues ul{  display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 10px);
    position: relative;
    top: -15px;
    line-height:normal;
}

.venues ul li { margin-bottom: 20px; float: left; text-align: center;}

.venues ul li:last-child { margin: 0; }

.venues h3 { margin: 0; font-weight: normal; font-size: 16px; line-height: 16px; }

.venues h4 { font-weight: normal; font-size: 14px; }

.venues .actionBtns { padding-top: 2px;  float: left; width: 100%; }

.venues .actionBtns a { width: 50%; font-size: 16px; position: relative; padding: 0 25px 0 10px;  float: left; }
.venues .actionBtns a:after {display:none; }

.venues .actionBtns.joesPub a { color: #ef4135; }

.linkBlock .btn {
    float: left;
    width: 100%;
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 12px;
}
.linkBlock .btn:after { content: none; }
.linkBlock .btn:last-child { margin: 0; }

.linkImage img { width: 100%; display: block; }

.twitterBlock i.icon-twitter { font-size: 40px; color: #a7a7a7; padding-top: 9px; display: block; }

.twitterBlock .tweet { font-size: 23px; font-weight: bold; line-height: 26px; padding-top: 15px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.twitterBlock .tweet a { color: #ef4135; }

.twitterBlock .actionLinks { border-bottom: solid 1px #333; float: left; width: 95%; margin-top: 15px; position: absolute; bottom: 10px; }

.twitterBlock .actionLinks span { float: left; border-right: solid 1px #333; font-size: 15px; padding-right: 5px; }

.twitterBlock .actionLinks a { float: left; color: #00aeef; padding: 0 8px; font-size: 16px; border-right: solid 1px #333; }



.block.footer { background: #111111; color: #fff; font-size: 14px; float: left; width: 100%; padding: 15px 15px 0px 15px; }

.footerCity {
    margin-bottom:10px;
}

@media(max-width:650px) {
    .joesIcons {
        margin-bottom:10px;
    }

    .footerCopywright {
        margin-bottom:10px;
    }

}

.footerLinks {
    margin-bottom:10px;
}

.footer .copyright { color: #b7b7b7; margin-bottom: 10px; display: block; }

.footer address { font-size:14px;}

.footer h3 { font-weight: normal; font-size: 16px; margin: 0 0 5px 0; }

.footer .socialList { float: left; width: 100%; }

.footer .socialList li { float: left; }

.footer .socialList li a { border-right: solid 1px #ccc; padding-right: 5px; margin-right: 5px; line-height: 20px; }

.footer .socialList li:last-child a { border: none; }

.footer a { color: #ef4135; display: table;  }

.footer .socialList li:last-child { border: none; }

.list ul li { border-bottom: #838383 3px solid; padding-bottom: 20px; margin-bottom: 20px; }

.list ul li p { font-size: 18px; margin: 0; }

.list ul li a { text-decoration: underline; }

.ticketList .head { float: left; width: 100%; }

.ticketList .head h2 { float: left; }

.ticketList .head a { font-size: 18px; float: right; }
.ticketList .head a:after { font-family: FontAwesome; font-size: 16px; margin-left: 10px; }

.ticketList li { border-bottom: #ccc 1px solid; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; }

.ticketList li:last-child { border: none; padding-bottom: 0; margin-bottom: 0; }

.ticketList li div, .ticketList li img { display: inline-block; vertical-align: middle; min-height:1px;}

.ticketList li img { margin-right: 10px; width: 100%; float: left; }

.ticketList li .calendarListCopy { float: left; width: auto; }

.ticketList li h4 { color: #ef4135; font-size: 18px; }

.ticketList li span { font-size: 18px; display: block; color: #000; }

.ticketList li .btn { color: white; font-size: 18px; border: #ef4135 2px solid; padding: 3px 5px; float: right; }

.ticketList li .btn:hover { color: #333; border-color: #333; }

.ticketList li .btn:after { content: ''; }

.textBlock { border-top: #838383 3px solid; padding: 10px; }

.textBlock p, .textBlock li { font-size: 18px; }

.textBlock a { text-decoration: underline; }

.jumpRow > .textBlockHeaderStyle.block ,.columns > .textBlockHeaderStyle.block, .large-1 > .textBlockHeaderStyle.block, .large-2 > .textBlockHeaderStyle.block, .large-3 > .textBlockHeaderStyle.block, .large-4 > .textBlockHeaderStyle.block, .large-5 > .textBlockHeaderStyle.block, .large-6 > .textBlockHeaderStyle.block, .large-7 > .textBlockHeaderStyle.block, .large-8 > .textBlockHeaderStyle.block, .large-9 > .textBlockHeaderStyle.block, .large-10 > .textBlockHeaderStyle.block, .large-11 > .textBlockHeaderStyle.block, .large-12 > .textBlockHeaderStyle.block, .medium-1 > .textBlockHeaderStyle.block, .medium-2 > .textBlockHeaderStyle.block, .medium-3 > .textBlockHeaderStyle.block, .medium-4 > .textBlockHeaderStyle.block, .medium-5 > .textBlockHeaderStyle.block, .medium-6 > .textBlockHeaderStyle.block, .medium-7 > .textBlockHeaderStyle.block, .medium-8 > .textBlockHeaderStyle.block, .medium-9 > .textBlockHeaderStyle.block, .medium-10 > .textBlockHeaderStyle.block, .medium-11 > .textBlockHeaderStyle.block, .medium-12 > .textBlockHeaderStyle.block, small-1 > .textBlockHeaderStyle.block, small-2 > .textBlockHeaderStyle.block, small-3 > .textBlockHeaderStyle.block, small-4 > .textBlockHeaderStyle.block, small-5 > .textBlockHeaderStyle.block, small-6 > .textBlockHeaderStyle.block, small-7 > .textBlockHeaderStyle.block, small-8 > .textBlockHeaderStyle.block, small-9 > .textBlockHeaderStyle.block, small-10 > .textBlockHeaderStyle.block, small-11 > .textBlockHeaderStyle.block, small-12 > .textBlockHeaderStyle.block { font-size: 36px; font-weight: normal; clear: left; color: #fff; border: solid 3px #fff; padding: 15px; line-height: 1; background-color: rgba(0, 0, 0, 0.6); }

.columns > .textBlockHeaderStyle.block p, .large-1 > .textBlockHeaderStyle.block p, .large-2 > .textBlockHeaderStyle.block p, .large-3 > .textBlockHeaderStyle.block p, .large-4 > .textBlockHeaderStyle.block p, .large-5 > .textBlockHeaderStyle.block p, .large-6 > .textBlockHeaderStyle.block p, .large-7 > .textBlockHeaderStyle.block p, .large-8 > .textBlockHeaderStyle.block p, .large-9 > .textBlockHeaderStyle.block p, .large-10 > .textBlockHeaderStyle.block p, .large-11 > .textBlockHeaderStyle.block p, .large-12 > .textBlockHeaderStyle.block p, .medium-1 > .textBlockHeaderStyle.block p, .medium-2 > .textBlockHeaderStyle.block p, .medium-3 > .textBlockHeaderStyle.block p, .medium-4 > .textBlockHeaderStyle.block p, .medium-5 > .textBlockHeaderStyle.block p, .medium-6 > .textBlockHeaderStyle.block p, .medium-7 > .textBlockHeaderStyle.block p, .medium-8 > .textBlockHeaderStyle.block p, .medium-9 > .textBlockHeaderStyle.block p, .medium-10 > .textBlockHeaderStyle.block p, .medium-11 > .textBlockHeaderStyle.block p, .medium-12 > .textBlockHeaderStyle.block p, small-1 > .textBlockHeaderStyle.block p, small-2 > .textBlockHeaderStyle.block p, small-3 > .textBlockHeaderStyle.block p, small-4 > .textBlockHeaderStyle.block p, small-5 > .textBlockHeaderStyle.block p, small-6 > .textBlockHeaderStyle.block p, small-7 > .textBlockHeaderStyle.block p, small-8 > .textBlockHeaderStyle.block p, small-9 > .textBlockHeaderStyle.block p, small-10 > .textBlockHeaderStyle.block p, small-11 > .textBlockHeaderStyle.block p, small-12 > .textBlockHeaderStyle.block p { font-size: 36px; font-weight: normal; }

.columns > .textBlockHeaderStyleTitle.block, .large-1 > .textBlockHeaderStyleTitle.block, .large-2 > .textBlockHeaderStyleTitle.block, .large-3 > .textBlockHeaderStyleTitle.block, .large-4 > .textBlockHeaderStyleTitle.block, .large-5 > .textBlockHeaderStyleTitle.block, .large-6 > .textBlockHeaderStyleTitle.block, .large-7 > .textBlockHeaderStyleTitle.block, .large-8 > .textBlockHeaderStyleTitle.block, .large-9 > .textBlockHeaderStyleTitle.block, .large-10 > .textBlockHeaderStyleTitle.block, .large-11 > .textBlockHeaderStyleTitle.block, .large-12 > .textBlockHeaderStyleTitle.block, .medium-1 > .textBlockHeaderStyleTitle.block, .medium-2 > .textBlockHeaderStyleTitle.block, .medium-3 > .textBlockHeaderStyleTitle.block, .medium-4 > .textBlockHeaderStyleTitle.block, .medium-5 > .textBlockHeaderStyleTitle.block, .medium-6 > .textBlockHeaderStyleTitle.block, .medium-7 > .textBlockHeaderStyleTitle.block, .medium-8 > .textBlockHeaderStyleTitle.block, .medium-9 > .textBlockHeaderStyleTitle.block, .medium-10 > .textBlockHeaderStyleTitle.block, .medium-11 > .textBlockHeaderStyleTitle.block, .medium-12 > .textBlockHeaderStyleTitle.block, small-1 > .textBlockHeaderStyleTitle.block, small-2 > .textBlockHeaderStyleTitle.block, small-3 > .textBlockHeaderStyleTitle.block, small-4 > .textBlockHeaderStyleTitle.block, small-5 > .textBlockHeaderStyleTitle.block, small-6 > .textBlockHeaderStyleTitle.block, small-7 > .textBlockHeaderStyleTitle.block, small-8 > .textBlockHeaderStyleTitle.block, small-9 > .textBlockHeaderStyleTitle.block, small-10 > .textBlockHeaderStyleTitle.block, small-11 > .textBlockHeaderStyleTitle.block, small-12 > .textBlockHeaderStyleTitle.block { font-size: 36px; font-weight: normal; clear: left; border: solid 3px #000; padding: 15px; line-height: 1; }

.columns > .textBlockHeaderStyleTitle.block p, .large-1 > .textBlockHeaderStyleTitle.block p, .large-2 > .textBlockHeaderStyleTitle.block p, .large-3 > .textBlockHeaderStyleTitle.block p, .large-4 > .textBlockHeaderStyleTitle.block p, .large-5 > .textBlockHeaderStyleTitle.block p, .large-6 > .textBlockHeaderStyleTitle.block p, .large-7 > .textBlockHeaderStyleTitle.block p, .large-8 > .textBlockHeaderStyleTitle.block p, .large-9 > .textBlockHeaderStyleTitle.block p, .large-10 > .textBlockHeaderStyleTitle.block p, .large-11 > .textBlockHeaderStyleTitle.block p, .large-12 > .textBlockHeaderStyleTitle.block p, .medium-1 > .textBlockHeaderStyleTitle.block p, .medium-2 > .textBlockHeaderStyleTitle.block p, .medium-3 > .textBlockHeaderStyleTitle.block p, .medium-4 > .textBlockHeaderStyleTitle.block p, .medium-5 > .textBlockHeaderStyleTitle.block p, .medium-6 > .textBlockHeaderStyleTitle.block p, .medium-7 > .textBlockHeaderStyleTitle.block p, .medium-8 > .textBlockHeaderStyleTitle.block p, .medium-9 > .textBlockHeaderStyleTitle.block p, .medium-10 > .textBlockHeaderStyleTitle.block p, .medium-11 > .textBlockHeaderStyleTitle.block p, .medium-12 > .textBlockHeaderStyleTitle.block p, small-1 > .textBlockHeaderStyleTitle.block p, small-2 > .textBlockHeaderStyleTitle.block p, small-3 > .textBlockHeaderStyleTitle.block p, small-4 > .textBlockHeaderStyleTitle.block p, small-5 > .textBlockHeaderStyleTitle.block p, small-6 > .textBlockHeaderStyleTitle.block p, small-7 > .textBlockHeaderStyleTitle.block p, small-8 > .textBlockHeaderStyleTitle.block p, small-9 > .textBlockHeaderStyleTitle.block p, small-10 > .textBlockHeaderStyleTitle.block p, small-11 > .textBlockHeaderStyleTitle.block p, small-12 > .textBlockHeaderStyleTitle.block p { font-size: 36px; font-weight: normal; }

.inquiries { border-top: #333 3px solid; padding: 10px; }

.inquiries p { font-size: 18px; }

.login { color: #7e7e7e; border: #838383 3px solid; padding: 10px; overflow: hidden; }

.login h4 { font-size: 22px; margin-bottom: 8px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.login p { font-size: 18px; margin-bottom: 10px; }

.login label { margin-bottom: 0px; display: block; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 16px; }

.login input[type=text] { width: 62%; background: #d9d9d9; border: none; padding: 11px 5px; float: left; }

.login .btn { width: 35%;  border-color: #ef4135; text-align: center; padding: 5px; float: right; }

.login .btn:after { content: ''; }

.login .loginPage { 
    width: 35%;
    padding: 10px 0px 8px 0px;
}
.login .loginPage .loginMsg {
    font-size: 20px;
    text-align: center;
    margin: 0px 35px 0px 0px;
    padding: 0px;
}
.login .loginPage img {
    margin: 0px 0px 0px 10px;
}

.login .customGPlusSignIn {
    width: 35%;
    padding: 6px;
    text-align: center;
} 
.login .gLoginPage img {
    margin: 9px 0px 0px 10px !important;
}
.login .gLoginPage .buttonText {
    font-size: 20px !important;
    margin: 0px 35px 2.5px 0px !important;
    padding: 0px !important;
}


.promo { margin-bottom: 13px; width: 100%; float: left; position: relative; }

.promo img { width: 100%; float: left; }

.promo span {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;color: #fff;border: solid white 4px;background: #ef4135;font-size: 18px;padding: 7px;margin-right: 10px;position: absolute;bottom: 0;left: 0; cursor:pointer;}
.promo span:after { font-family: FontAwesome; font-size: 16px; margin-left: 10px; }

.promo.inBlock { background: #fff; padding: 13px; overflow: hidden; }

.mediaBlock div { /*padding:0 5px;*/ }

.mediaBlock a { font-size: 14px; text-decoration: none; line-height: 1.3; display: block; }

.fullPosterBlock img { width: 100%; display: block; }

.fullPosterBlock .btn { border: none; background: #ef4135; font-size: 14px; color: #fff; float: left; /*width:100%; margin-top:-43px;*/ bottom: 13px; position: absolute; left: 13px; right: 13px; overflow: hidden; }
.fullPosterBlock .btn:hover { background: #000; color: #fff !important; }

.sectionLandingBlocks .block.calendar { height: auto !important; }

.calendar { /*padding: 13px 13px 8px!important;*/ }

.calendar .eventDetails { position: absolute; font-size: 19px; bottom: 30px; left: 25px; width: 100%; color: #fff; }

.calendar .eventDetails span { display: block; }

.calendar .btn { color: #ef4135; border-color: #ef4135; float: left; margin-top: 5px; }

.calendar img { width: 100%; }

.textAndButton img { position: relative; z-index: 1; }

.textAndButton .btn.solid { position: absolute; z-index: 100; bottom: 26px; left: 26px; }
.textAndButton .btn.solid:hover { background: #df1f12; border-color: #df1f12; }

.textAndButton span { position: absolute; z-index: 100; font-size: 25px; color: #ef4135; left: 26px; top: 26px; width: 90%; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.linkImage.linkImageText p { position: absolute; z-index: 100; font-size: 25px; bottom: 26px; left: 26px; width: 85%; margin: 0; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; color: #fff; }

.linkImage.linkImageText a { position: relative; z-index: 10; }

[data-bb='performanceCalendarControl'] {  z-index: 9999;  padding-bottom: 8px; }

#ShowContainer .Items span {
font-family:'Knockout 31 A', 'Knockout 31 B';
}


.spacer { opacity: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, menuItem, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, menuItem, nav, section { display: block; }

html { overflow-y: scroll; }

html.calendar { padding: 0 !important; }

body { line-height: 1; }

ol, ul { list-style: none; font-size: 15px; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*@include transition(all 80ms ease);*/ }

/* DEFAULTS */
html, body { width: 100%; /*height:100%;*/ color: #000; margin: 0; padding: 0; background: #000; }

body { font: 15px/23px Arial, Helvetica, sans-serif; font-family: 'Archivo Narrow'; font-weight: 400; font-style: normal; color: #000; }

h1 { font-size: 36px; font-weight: normal; font-family: 'Knockout 31 A', 'Knockout 31 B'; clear: left; color: #fff; border: solid 3px #fff; padding: 15px; float: left; margin-bottom: 5px; line-height: 1; }

h2, h2 p, h2 span, h2 strong, .largeSubHeader, .largeSubHeader strong, .largeSubHeader a  { font-size: 30px; padding-bottom: 15px; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; }

h3, h3 p, h3 strong, h3 span, .mediumSubHeader, .mediumSubHeader strong, .mediumSubHeader a { font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; font-size: 22px; margin-bottom: 10px; }

h4, h4 p, h4 strong, h4 span { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

 .mediumSubHeader, .mediumSubHeader strong, .bulletList, .showTagline  {
margin: 10px 0px;
padding:0;
}

p, a{ margin: 0 0 15px; font-size: 15px; font-family: 'Archivo Narrow' }

.footerLinks a, .socialIconLabel, .joesIcons, .footerCopywright {
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    margin: 0;
}

p:last-child { margin-bottom: 0; }

input, select, textarea { /*outline: none;*/ outline-color: #111111; }

strong, b { font-weight: bold; font-family: 'Archivo Narrow'; font-weight: 700; font-style: normal; }

.nav-tabs li a{
     font-family: 'Knockout 31 A', 'Knockout 31 B';
}

em, i { font-style: italic; }

form { height: 100%; }

.epi-injected-minSize { display: inline-block; min-height: 0 !important; overflow: hidden !important; margin: 0 -4px; }

.epi-injected-minSize > div { width: 100% !important; }

.epi-editContainer { overflow: hidden; }

iframe { max-width: 100%; }

.galleryNameHeader, .textBlockHeaderStyle p, .listTitle p { 
    font-family:'Knockout 31 A', 'Knockout 31 B';
}
/* Classes */
.floatLeft { float: left; }

.floatRight { float: right; }

.clearBoth { clear: both; }

.imageLeft { float: left; margin: 0 40px 40px 0; }

.imageRight { float: right; margin: 0 0 40px 40px; }

.noMargin { margin: 0 !important; }

.helper { color: Red; z-index: 9999; border: solid 2px red; padding: 5px; background: #eee; font-size: 18px; position: fixed; bottom: 20px; right: 40px; }

.overflow-hidden { overflow: hidden !important; }

/* Links */
a { text-decoration: none; color: #ef4135; font-family: 'Archivo Narrow'; font-weight: 400; font-style: normal; cursor:pointer; }




a:focus { /*outline: none;*/ outline-color: #111111; }

a:hover { color: #df1f12; }

/* Buttons */
.btn, input.btn, input[type="submit"] { 
    background-color: #ef4135;
    color: white;
    text-align: center;
    font-size: 22px;
    padding: 10px 45px 10px 10px;
    cursor: pointer;
    border: 3px solid white;
    display: inline-block;
    font-family: 'Knockout 30 A', 'Knockout 30 B';
    position:relative;
} 
.btn:after, input.btn:after, input[type="submit"]:after { font-family: 'FontAwesome'; font-size: 16px; right: 20px; bottom: 10px; position: absolute; }

.btn:hover { color: #333; border-color: #333; }

.btn.solid { background: #ef4135; color: #fff; border-color: #ef4135; }

/* xForms */
.xform { float: left; width: 100%; }

.xform > div { margin-bottom: 10px; }

.xform input, .xform textarea { background: #c6c6c6; border: none; padding: 3px; width: 200px; }

.xform textarea { width: 300px; height: 150px; }

.xform select { border: solid 2px #c6c6c6; width: 200px; padding: 3px; }

.xform label { display: block; font-size: 19px; margin-bottom: 3px; }

.xform input[type="submit"] { background: #ef4135; color: #fff; font-size: 17px; padding: 10px; text-align: left; }
.xform input[type="submit"]:hover { background: #df1f12; }

/* Header */
header.publicHeader { min-height: 100%; }

header { padding: 15px; position: fixed; height: auto; z-index: 30; z-index: 3; width: 199px; border-right: solid 1px #ccc; background: #fff; }

.navWrapperHeightHack { min-height: 100vh; }

header .mainNav ul { padding-top: 15px; float: left; width: 100%; }

header .mainNav ul li { float: left; width: 110%; }

header .mainNav ul li a, header ul.dropdown li a { font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; width: 90%; color: #111111; display: block; font-size: 20px; border-bottom: solid 3px #838383; text-decoration: none; padding-bottom: 10px; margin-bottom: 10px; }
header .mainNav ul li a:hover, header ul.dropdown li a:hover { color: #ef4135; }

header ul.dropdown li a { border-bottom: solid 5px #fff !important; }

header .mainNav ul li .dropdown { display: none; }

header .mainNav ul li .dropdownMenu { display: none; position: fixed; height: 105%; left: 198px; width: 235px; background: #ef4135; padding: 20px; top: 0; z-index:999; }

.touch header .mainNav ul li .dropdownMenu { overflow: scroll; scrollbar-base-color: #ef4135; scrollbar-base-color: #ef4135; scrollbar-3dlight-color: #ef4135; scrollbar-highlight-color: #ef4135; scrollbar-track-color: #ef4135; scrollbar-arrow-color: #ef4135; scrollbar-shadow-color: #ef4135; scrollbar-dark-shadow-color: #ef4135; }

header .mainNav ul li .dropdownMenu::-webkit-scrollbar { width: 0; height: 0; }

header .mainNav ul li .dropdownMenu::-webkit-scrollbar-button { background-color: #ef4135; }

header .mainNav ul li .dropdownMenu::-webkit-scrollbar-track { background-color: #ef4135; }

header .mainNav ul li .dropdownMenu::-webkit-scrollbar-track-piece { background-color: #ef4135; }

header .mainNav ul li .dropdownMenu::-webkit-scrollbar-thumb { height: 0; background-color: #ef4135; border-radius: 0; }

header .mainNav ul li .dropdownMenu::-webkit-scrollbar-corner { background-color: #ef4135; }

header .mainNav ul li .dropdownMenu::-webkit-resizer { background-color: #ef4135; }

.mainNav li:after { display: none; }

.mainNav li:hover .mainNav.li:after { border-top: 8px solid transparent; border-right: 12px solid #ef4135; border-bottom: 8px solid transparent; height: 0; width: 0; display: block; }

header .mainNav ul li .dropdownMenu .innerDropdown { margin-top: 110px; }

header .mainNav ul li .dropdownMenu .innerArrow { position: absolute; left: -12px; width: 0; height: 0; border-top: 8px solid transparent; border-right: 12px solid #ef4135; border-bottom: 8px solid transparent; }

header .mainNav ul li ul { display: table-cell; vertical-align: middle; }

header .mainNav ul li ul li a { color: #fff; border: none; }
header .mainNav ul li ul li a:hover { color: #333; }

header .switchToSubNavWrapper { display: none; }

header .switchToPubNavWrapper { display: none; }

header.expandedNav { width: 319px; }

header .search { position: relative; float: left; width: 100%; }

header .search input {border: none;
    height: 23px;
    width: 100%;
    padding: 0px 0px 0px 22px;
    font-size: 14px;
    position: relative;
    left: 0;
    z-index: 0;
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    font-weight: 400;
    font-style: normal; top:0px }

header .search .btnSearch {    position: absolute;
    top: 0px;
    font-size: 14px;
    left: 0px;
    z-index: 5;
    color: #ef4135; }
@media(min-width: 640px) {
    .miniSearch { display:none;
    }

}
@media(max-width:640px) {
        .miniSearch .search .btnSearch {
            position: absolute;
    top: 14px;
    font-size: 22px;
    right: 10px;
    left:initial;
    z-index: 5;
    color:white;
    }
        ul>.publicHome{display:none;}
}

header .utilityNav { padding-top: 15px; left: 15px; background: none; width: 90%; }

header .utilityNav ul li a { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; color: #727272; padding: 0; font-size: 15px; padding-bottom: 0px; margin-bottom: 5px; display: block; }

header .utilityNav ul li a i { margin-right: 5px; font-weight: normal; font-size: 14px; }

span.hasItems { margin-left: 5px; padding: 4px 0 2px 18px; background: url(/static/img/icon_timer_clock.png) left center no-repeat; }

span.hasItems.almostExpired { color: #e34343; background: url(/static/img/icon_timer_clock.png) left center no-repeat; }
li.hasItems {
    position: relative;
}
.runningout {
position: absolute;
width: 276px;
left: 159px;
background: white;
z-index: 10000;
top: -30px;
text-align: center;
padding: 10px;
color: black;
border: solid;
border-radius: 15px;
}
    .reupTimeButton>.reupTimeButton-spinner {
        display:none;
      
    }
        .processing>.reupTimeButton-spinner {
            display: inline-block;

        }
.reupTimeButton {
background: #ef4135;
color: white;

display: inline-block;
padding: 5px;
    min-width: 50%;
cursor: pointer;

}

.runningout:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -30px;
top: 24px;
border: 15px solid;
border-color: rgba(193, 84, 84, 0) rgb(255, 255, 255) rgba(205, 44, 194, 0) rgba(60, 99, 203, 0);
}

.runningout:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -38px;
top: 20px;
border: 19px solid;
border-color: rgba(193, 84, 84, 0) rgb(0, 0, 0) rgba(205, 44, 194, 0) rgba(60, 99, 203, 0);
}


header .toggleSubHomePage { position: absolute; top: 10px; right: 10px; z-index: 10; text-align: center; }

header .toggleSubHomePage a { font-size: 23px; color: #ef4135; float: left; width: 100%; }
header .toggleSubHomePage a:before { font-family: FontAwesome; }

header.collapsed { padding: 10px 8px; width: auto; border-right: solid 2px #ccc; }

header.collapsed .name { display: none; }

header.collapsed .mainNav { display: none; }

header.collapsed .toggleSubHomePage { position: static; }

header.collapsed .toggleSubHomePage a { font-size: 23px; color: #000; float: left; }

header.collapsed .utilityNav { left: 12px; bottom: 10px; }

header.publicHeader.collapsed .utilityNav { display: none; }

header.collapsed.expanded .name { display: block; }

header.collapsed.expanded .mainNav { display: block; }

/* Social Icons in footer */
ul.socialIconList > li { display: inline-block; padding: 0px; }

span.socialIconLabel { display: inline-block; }

ul.socialIconList { display: inline-block; vertical-align: middle; height: 40px; }

/* Joe's / Theatre in the Park Header */
.subHeader { /*position:fixed;*/ position: absolute; z-index: 2; /*height:100%;*/ min-height: 100%; width: 200px; margin-left: 41px; padding-top: 10px; }

.subHeader.expanded { margin-left: 199px; width: 200px; }

/* Interior Left Nav */
.subNav { float: left; width: 100%; }

.subNav ul { float: left; width: 100%; }

.subNav ul li { float: left; width: 100%; }

.subNav ul li a { font-size: 16px; color: #ef4135; border-bottom: solid 2px #7e7e7e; display: block; padding: 10px 0; }

.publicHome:before { font-family: FontAwesome; padding-right: 5px; }

/* Bx Slider controls */
.bx-controls { position: absolute; top: 15px; right: 15px; }

.bx-controls .bx-pager-item { float: left; width: auto; margin-left: 7px; overflow: hidden; }

.bx-controls .bx-pager-item a { display: block; background: #ccc; width: 8px; height: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-indent: -999px; }

.bx-controls .bx-pager-item a.active { background: #000; }

.bx-controls-direction { float: left; }

.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next { color: #333; font-size: 23px; }

.bx-controls-direction .bx-prev { float: left; }
.bx-controls-direction .bx-prev:after { font-family: FontAwesome; }

.bx-controls-direction .bx-next { margin-left: 10px; float: left; }
.bx-controls-direction .bx-next:after { font-family: FontAwesome; }

.bx-pager { float: left; margin-top: 7px; margin-right: 2px; }

.large-4 .whatsOn .bx-pager { display: none; }

.captionNav { border: solid 3px #fff; border-bottom: none; float: right; padding: 15px; }

.captionNav a { float: left; width: 8px; opacity: 0.5; text-indent: -9999px; height: 8px; background: #fff; margin-right: 10px; border-radius: 25px; }

.captionNav a:hover { opacity: 0.8; }

.captionNav a.selected { background: #ef4135; opacity: 1; }

.captionNav a:last-child { margin: 0; }

/* Tabs */

 .nav-tabs li:first-child {
     border-left:0;
 }

.nav-tabs { width: 100%; border: solid 3px #000;  margin-bottom: 25px; display:table;}

.nav-tabs li { border-left: solid 3px #000; display: table-cell;
    vertical-align: middle;}

@media(max-width:650px) {
    .nav-tabs li {
        display:block;
        width: 100% !important;
    }

    .nav-tabs li:first-child {
        border-left: 3px solid black !important;
    }

    .nav-tabs {
        border:0;
    }

        .nav-tabs li a {
           border-top:3px solid black;
           border-right:3px solid black;
           border-left:3px solid black;
        
        }

        .nav-tabs li:last-child a {
            border-bottom:3px solid black;
        }

    .nav-tabs li:first-child {
        border-top:0px;
        border-left:0px;
    }

    /*.nav-tabs#menuTabs li {
        border-top: 3px solid black;
        border-right: 3px solid black;
        border-bottom: 0px !important;
            border-left: solid 3px black;
    }

    .nav-tabs#menuTabs li:last-child {
        border-bottom:3px solid black !important;
    }*/

    .nav-tabs li:hover {
        background-color: #ef4135;
    }

    .nav-tabs li a:hover {
         background-color: #ef4135;
    }
}

.nav-tabs li a { display: block; text-align: center; width: 100%; float: left; padding: 8px 15px; font-size: 17px; color: #000; margin: 0; }
.nav-tabs li:hover {  background-color: #ef4135; color: white; }
.nav-tabs li a:hover  { color: white; }
.nav-tabs li .selected { background: #ef4135;    color: #fff;}
.nav-tabs .selected { background: #ef4135;}
.nav-tabs.tabs-2 li { width: 50%; }
.nav-tabs.tabs-3 li { width: 33.33%; width: calc(100% / 3); }
.nav-tabs.tabs-4 li { width: 25%; }
.nav-tabs.tabs-5 li { width: 20%; }
.nav-tabs.tabs-6 li { width: 16.66%; }

.tab-content .tab-pane { display: none; }

.tab-content .tab-pane.active { display: block; }

/* Accordion */
.accordRow { margin: 0; padding: 0 !important; float: left; widtH: 100%; }

.accordRow .title a { float: left; font-size: 16px; color: #333; border-bottom: solid 1px #ccc; width: 100%; padding: 10px 0; }
.accordRow .title a:after { font-family: FontAwesome; margin-left: 10px; }

.accordRow .content { display: none; }

.accordRow.active .title a { color: #ef4135; padding-bottom: 0; border-bottom: solid 1px #fff; }
.accordRow.active .title a:after { font-family: FontAwesome; margin-left: 10px; }

.accordRow.active .content { display: block; float: left; width: 100%; padding: 5px 0 10px; border-bottom: solid 1px #ccc; }

.accordRow.active .content p { margin: 0; }

/* Dropdown Lists */
.sbHolder { height: 30px; position: relative; }

.sbSelector:after { font-family: FontAwesome; font-size: 18px; padding-left: 10px; }

.sbSelector:link, .sbSelector:visited, .sbSelector:hover { /*outline: none;*/ outline-color: #111111; text-decoration: none; font-size: 20px; }

.sbToggle { background: url(../img/select-icons.png) 0 -116px no-repeat; display: block; height: 30px;/*outline: none;*/ outline-color: #111111; position: absolute; right: 0; top: 0; width: 30px; }

.sbToggle:hover { background: url(../img/select-icons.png) 0 -167px no-repeat; }

.sbToggleOpen { background: url(../img/select-icons.png) 0 -16px no-repeat; }

.sbToggleOpen:hover { background: url(../img/select-icons.png) 0 -66px no-repeat; }

.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }

.sbOptions { background-color: #212121; border: solid 1px #515151; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 200px; z-index: 10; overflow-y: auto; }

.sbOptions li { padding: 0 7px; }

.sbOptions a { border-bottom: dotted 1px #515151; display: block;/*outline: none;*/ outline-color: #111111; padding: 7px 0 7px 3px; }

.sbOptions a:link, .sbOptions a { color: #ddd; text-decoration: none; }

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #EBB52D; }

.sbOptions li.last a { border-bottom: none; }

.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }

.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }

.sbOptions .sbSub { padding-left: 17px; }

/* General */
.wrapper { max-widtH: 1400px; margin: 0; position: relative; height: 100%; }
.wrapper { *zoom: 1; }
.wrapper:before, .wrapper:after { content: ""; display: table; }
.wrapper:after { clear: both; }

.mainContent { margin: 0 auto; float: left; padding-left: 213px; margin: 0; position: relative; z-index: 1; width: 100%; margin-top: 10px; }

.mainContent.subMainContent { padding-left: 258px !important; }

.mainContent > div > h1:first-child { background-color: rgba(0, 0, 0, 0.6); }

.interiorPage { background: #fff; float: left; padding: 20px 13px; width: 100%; margin-bottom: 13px; }

.interiorPage h2 { color: #ef4135; font-size: 26px; }

.wrapper .interiorBackdrop { z-index: -10; }

.interiorBackdrop { position: fixed; width: 100%; left: 199px; top: 0; }

.interiorBackdrop img { max-width: none; width: 100%; }

.generalWrapper h1 { float: none; width: auto; display: inline-block; }

.generalContentWrapper .block, .underbodySearch .block { height: 215px; position: relative; padding: 13px; background: #fff; float: left; width: 100%; margin-bottom: 13px; }

.generalContentWrapper .block.noHeight { height: auto; }

.generalContentWrapper .contentChunk { margin-bottom: 30px; }
.socialIconList img {
       width: 39px;
    padding: 3px;
}

.generalContentWrapper .contentChunk .imageRight { margin: 0 0 20px 20px; }

.generalContentWrapper .generalRightRail { position: relative; float: left; width: 100%; margin-bottom: 13px; }

.generalContentWrapper .generalRightRail img { width: 100%; display: block; }

.generalContentWrapper .generalRightRail .greenBtn { margin: 0; text-align: center; background: #ccdc00; padding: 15px; font-size: 15px; text-transform: uppercase; color: #000; width: 100%; display: block; }
.generalContentWrapper .generalRightRail .greenBtn:hover { background: #9da900; }

/* Homepage */
.homeSlideShowWrapper { position: fixed; z-index: 1; width: 100%; left: 0; }

.homeSlideShowWrapper .homeSlideShow, .homeSlideShowWrapper .homeSlideShow li, .homeSlideShowWrapper .homeSlideShow li img { width: 100% !important; }
.homeSlideShowWrapper>ul>li {
        position:fixed;
     
    }
    @media (max-width: 640px) {
        .homeSlideShowWrapper>ul>li {
        padding-top:72px;
    }
    }
.homeRotatorSlideCaption { width: 41.66667% !important; }

.slideshowCaptionsWrapper { margin-bottom: 85px; float: left; width: 100% !important; overflow: hidden; }

.slideshowCaptions { border: solid 3px #fff; color: #fff; float: left; width: 100%; height: auto !important; background-color: rgba(0, 0, 0, 0.6); }


.slideshowCaptions h2 { font-size: 35px; padding: 15px; color: #fff; line-height: 30px; }

.slideshowCaptions h2 span { display: block; font-size: 22px; }

.slideshowCaptions h3 { padding: 0 15px; }

.slideshowCaptions h4 { padding: 0 15px; }

.slideshowCaptions .actionBtns { float: left; width: 100%; border-top: solid 3px #fff; }

.slideshowCaptions .actionBtns a { margin-bottom:0; position: relative; width: 50%; border-right: solid 3px #fff; font-size: 20px; color: #ef4135; float: left; display: block; padding: 10px; font-family: 'Knockout 31 A','Knockout 31 B'}
.slideshowCaptions .actionBtns a:after { font-family: FontAwesome; font-size: 15px; position: absolute; right: 15px; }
.slideshowCaptions .actionBtns a:last-child { border: none; }
.slideshowCaptions .actionBtns a:hover { color: #df1f12; background: rgba(0, 0, 0, 0.2); }

@media (max-width: 640px) {
    .slideshowCaptions>div {
    height: auto !important;
    padding-bottom: 10px;
}
}


.captionNav {display:none; height: 41px; background-color: rgba(0, 0, 0, 0.6); }

.slideshowCaptionWrapper { width: 97% !important; float: left; }

.homeWrapper { position: relative; z-index: 5; /*margin-top: 160px;*/ }

.subHomeWrapper { position: relative; z-index: 5; margin-top: 160px; }

.homeWrapper .block { height: 215px; position: relative; padding: 13px; background: #fff; float: left; width: 100%; margin-bottom: 13px; }

.homeWrapper .block.noHeight { height: auto; }

.homeWrapper .linkImage > a { /*height:189px;*/ overflow: hidden; display: block; }

.homeWrapper .linkImage > a.btn { height: auto; }

nav { z-index: 9999; background: #fff; float: left; width: 100%; clear: both; }

.top-bar .title-area { float: left; width: 100%; }

.top-bar .title-area.logo img { width: auto !important; }

.top-bar .title-area .toggleMenu { font-size: 32px; color: #000; margin: 19px 0 0 25px; float: left; }
.top-bar .title-area .toggleMenu:before { font-family: FontAwesome; }

header.collapsed .toggleSubHomePage .menuNameLarge { color: #000; float: left; clear: both; }

header .toggleSubHomePage .menuNameLarge { color: #ef4135; }

.menuNameLarge { font-size: .8em; }

/* About Us Page */
.locationList img { margin-bottom: 20px; }

.locationList .locationDetails { float: left; width: 100%; clear: both; margin-bottom: 40px; }

.locationList .locationDetails h3 { border-bottom: solid 3px #333; padding-bottom: 15px; margin-bottom: 10px; }

.locationList .locationDetails h4 { border-bottom: solid 3px #333; font-size: 16px; padding-bottom: 15px; margin-bottom: 10px; }

.locationList .locationDetails h4 span { display: block; font-size: 18px; }

.imageMap { float: right; }

.subNav.top-bar .toggleMenu { display: none; }

/* Artist List */
.artistList { float: left; widtH: 100%; }

.artistList h3 { margin-bottom: 5px; font-size: 18px; }

.artistList .artistRow { border-bottom: solid 3px #333; float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; }

.artistList .artistRow ul li { float: left; margin-left: 25px; }

.artistList .artistRow ul li:first-child { margin: 0; }

.artistList .artistRow ul li img { float: left; }

.artistList .artistRow ul li .desc { float: left; border: solid 3px #ef4135; border-left: none; padding: 5px 10px; line-height: 19px; min-width: 150px; min-height: 54px; }

.artistList .artistRow ul li .desc strong { font-size: 17px; font-weight: normal; line-height: 15px; }

.artistList .artistRow ul li .desc a { display: block; font-size: 16px; }
.artistList .artistRow ul li .desc a:hover { text-decoration: underline; }

.artistSection { float: left; margin-right: 20px; margin-bottom: 15px; }

.reveal-modal p { line-height: 20px; float: left; width: 100%; text-align: left; }

.reveal-modal .close-reveal-modal { color: #ef4135; font-size: 40px; font-weight: normal; position: absolute; top: 5px; right: 15px; }
.reveal-modal .close-reveal-modal:hover { color: #b0180e; }

.artistModalHeader { float: left; width: 100%; margin-bottom: 20px; }

.artistModalHeader img { width: 97px; float: left; }

.artistModalHeader .headerContent { float: left; padding-left: 15px; text-align: left; }

.artistModalHeader .headerContent h2 { font-size: 25px; padding: 25px 0 0; }

.artistModalHeader .headerContent h3 { margin: 0; padding: 0; font-size: 12px; }

.artistSection { float: left; margin-right: 20px; margin-bottom: 15px; margin-top: 10px; }

.list.artist .text p { text-align: left !important; }

/* Press Room */
.pressRoom ul li { border-bottom: #7e7e7e 3px solid; padding-bottom: 20px; margin-bottom: 20px; }

.pressRoom ul li p { font-size: 18px; margin: 0; }

.pressRoom ul li a { text-decoration: underline; }

.pressRoom ul li strong { font-weight: normal; }

.pressRoom .filters { color: #ef4135; background: #d9d9d9; padding: 15px 10px; margin-bottom: 15px; overflow: hidden; }

.pressRoom .filters a { font-size: 16px; margin-right: 25px; float: left; display: block; }
.pressRoom .filters a:after { font-family: FontAwesome; font-size: 16px; margin-left: 10px; }
.pressRoom .filters a:hover { color: #000; }

.pressRoom .filters select { border: solid 2px #ef4135; min-width: 140px; padding: 3px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; color: #ef4135; font-size: 18px; }

.login.press label { width: 100%; display: block; }

.login.press .error { width: 100%; float: left; margin-top: 10px; }
.login.press .error p { font-size: 15px; color: red; }

/* Search Results */
.results li p:first-child { color: #838383; }

.results .textBlock { margin-bottom: 20px; }

.results .textBlock p { margin: 0; }

/* Contact Us */
.formHeader { float: left; width: 100%; border-bottom: solid 1px #333; padding-bottom: 20px; margin-bottom: 20px; }

.formHeader address { font-size: 18px; }

.formHeader .btn { float: left; }

.formContact { float: left; widtH: 100%; }

.formContact .contactSection ul { margin-bottom: 15px; line-height: 24px; font-size: 16px; }

.formContact .contactSection ul li span { color: #999; }

.formContact .contactSection ul li a { text-decoration: underline; }

/* Library */
.library .aboutInfo { border-bottom: solid 4px #7e7e7e; float: left; width: 100%; margin-top:15px;}

.library p {
    font-family:'Archivo Narrow'
}

.library strong, .library a {
   font-family:'Archivo Narrow';
   font-weight: 700;
}

.library .aboutInfo strong { font-weight: normal; font-size: 19px; line-height: 16px; display: block; margin-bottom: 5px; }

.library .aboutInfo p { line-height: 18px; font-size: 13px; }

.library .aboutInfo p a { color: #333; text-decoration: underline; }

.library .aboutContent { float: left; width: 100%; padding: 30px 0 0; }

.library .aboutContent .aboutImage { margin-bottom: 15px; }

.library .aboutContent .aboutImage img { width: 100%; }

.nav-tabs#menuTabs {
    border: none;
}

#startDate {
    cursor:pointer;
}

.nav-tabs#menuTabs li {width:33%; 
  border-top: 3px solid black;
  border-bottom: 3px solid black;


}

.nav-tabs#menuTabs li:last-child {
    border-right:3px solid black;
}

.nav-tabs#menuTabs li a { color: black; }

    .nav-tabs#menuTabs li a:hover {
    
    color:white;
    }


#menuTabs .selected {
    background: #ef4135; 
}

/*#menuTabs .active a {
    color:white !important;
}*/

.nav-tabs#menuTabs li a.selected { background: #ef4135; color: #fff; }

.library .menuStyles p, .library .menuStyles strong { font-size: 15px; }

.library .eventImage { text-align: center; margin-bottom: 15px; }

.library .eventInfo { font-size: 15px; }

.library #press div { min-height: 225px; }

.library #press p { margin: 0; visibility: hidden; }

.library .pressChunk { width: 100%; padding-bottom: 26px; }

.library .pressChunk img { display: block; margin: 0 0 13px; }

.library .pressChunk a { display: block; font-size: 15px; line-height: 1.5; text-decoration: none; width: 80%; }

.library .menuStyles .accordion strong { font-size: 18px; font-weight: 700; margin-top:5px; }

.interiorPage h2.OT_feedTitle { color: #000; font-weight: normal; }

#OT_defList { float: left; width: 100%; }

#OT_defList dt, #OT_defList dd { float: left; padding: 15px 10px; width: auto; float: left; height: 55px; }

#OT_defList dd#OT_submitWrap { background: none; }

#OT_defList dt { font-size: 17px; }

#OT_defList #dateDisplay { display: none; }

#OT_defList #OT_empty { display: none; }

#OT_defList #OT_date input { background: none; width: 125px; border: none; color: #ef4135; font-size: 20px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; margin-top: -4px; padding: 0; }

.sbOptions { background-color: #aeaeae; border: none; left: -108px; top: 40px !important; }

.sbOptions li { padding: 0; }

.sbOptions li a { border-bottom: solid 1px #fff; }

.sbOptions a:link, .sbOptions a { color: #fff; text-decoration: none; font-size: 17px; font-weight: normal; font-family: arial; padding: 10px 15px; }

.sbOptions a:hover { background: #a1a1a1; color: #fff; }

#OT_defList #OT_partySize { width: 12%; }

#OT_defList #OT_partySize .sbOptions { left: -104px; }

#OT_defList #OT_date { width: 17%; }

#OT_defList #OT_time { width: 20%; }

#OT_defList #OT_time .sbOptions { left: 0; }

#OT_defList #OT_submitWrap { width: 21%; background: #ef4135 !important; float: right; }
#OT_defList #OT_submitWrap:after { font-family: FontAwesome; position: absolute; right: 30px; color: #fff; font-size: 20px; }

input.OT_TableButton { color: #fff; border: none; padding: 0; width: 100%; background: #ef4135 !important; text-align: left; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

#OT_searchWrapper .imgCal { position: absolute; display: none; z-index: 100; padding: 15px; background: #ef4135; }

#OT_searchWrapper .imgCal .calendarAll { width: 225px; }

#OT_searchWrapper #imageCal table { font-size: 16px; width: 225px; background: #FFF; border: none;/*outline: none;*/ outline-color: #111111; }

#OT_searchWrapper #imageCal td { text-align: center; padding: 0; }

#OT_searchWrapper #imageCal .leftArrowTd.partOfCal { background: #000; height: 30px; padding-top: 3px; }

#OT_searchWrapper #imageCal .rightArrowTd.partOfCal { background: #000; height: 30px; padding-top: 3px; }

#OT_searchWrapper #imageCal .leftArrowLink.partOfCal:before { font-family: FontAwesome; color: #fff; }

#OT_searchWrapper #imageCal .rightArrowLink.partOfCal:before { font-family: FontAwesome; color: #fff; }

#OT_searchWrapper .clickableDays { color: #000; text-decoration: none; height: 30px; vertical-align: middle; }

#OT_searchWrapper .nonclickableDays { color: #CCC; height: 30px; vertical-align: middle; }

#OT_searchWrapper .months { color: #FFF; text-decoration: none; text-align: left; font-size: 16px; background: #000; padding-top: 3px; }

#OT_searchWrapper .weekdays { text-decoration: none; color: #000; background-color: #EFEFEF; width: 14%; height: 30px; vertical-align: middle; }

.partOfCal img.partOfCal.spacer { display: block; height: 1px; margin: 0; padding: 0; }

#OT_searchWrapper #imageCal tr:nth-child(even) { background-color: #EFEFEF; }

#OT_searchWrapper #imageCal tr { width: 225px; padding: 0; margin: 0; }

#OT_searchWrapper #imageCal img { display: none; }

#cal1Shim.imgCal { padding: 0; background: none; }

td[style="border:1px solid #9CADBD; background-color:#FFEF9C;"] { background: #ef4135 !important; border: none !important; }

a[style="background-color:#FFEF9C;"] { background: none !important; color: #fff !important; }

/* Sub Home Page */
.calendarListSection { border-top: #838383 3px solid; padding-top: 15px; margin-top: 15px; overflow: hidden; clear: left; }

.calendarListSection h3 { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.slideshowHalf li img { width: 100%; float: left; }

.slideshowHalf li > div { width: 100%; background: rgba(239, 65, 53, 0.85); padding: 10px; position: absolute; bottom: 0; left: 0; }

.slideshowHalf li > div h3, .slideshowHalf li > div p { color: #fff; font-size: 26px; line-height: 28px; margin: 0; }

.slideshowHalf li > div a > p { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-size: 20px; }

.slideshowHalf li > div .btn { color: #fff; border-color: #fff; float: right; }

.slideshowHalf li .text { float: left; max-width: 55%; }

.slideshowHalf li .text h3 { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

/* Support Page */
.supportWrapper h1 { float: none; width: auto; display: inline-block; }

.supportWrapper .block { min-height: 215px; height: auto; }

.supportWrapper .block img { width: 100%; float: left; }

.supportWrapper .block.linkImage:hover { background: #ef4135; }

/* Programs and Events Page */
.programsEvents h1 { float: none; width: auto; display: inline-block; }

.programsEvents .block { height: auto; border: 0; }

.calendar .eventDetails { width: 80%; }

.calendar .eventDetails .title { font-size: 20px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.calendar .popupWrapper .popup { display: none; }

.calendar .eventDetails .popupWrapper .btn:hover { color: #fff; border-color: #fff; }



.miniCal .hasDatepicker { margin-top: 8px; }

.miniCal .ui-datepicker { border: none; border-radius: 0; padding: 0; }

.miniCal .ui-datepicker-title span { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 18px; }

.miniCal .heading span { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; color: #fff; font-size: 16px; }

.miniCal .closeControl { cursor: pointer; position: absolute; top: 4px; right: 10px; }
.miniCal .closeControl:hover { color: #999; }

.miniCal .ui-datepicker-header { color: #fff; background: #222; border: none; border-radius: 0; }

.miniCal .ui-datepicker-calendar thead tr, .miniCal .ui-datepicker-calendar tbody tr:nth-child(even) { background: #eee; }

.miniCal .ui-datepicker th, .miniCal .ui-datepicker td { padding: 0; }

.miniCal .ui-datepicker th span, .miniCal .ui-datepicker td span, .miniCal .ui-datepicker td a { padding: 5px 0; display: block; }

.miniCal .ui-datepicker th { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.miniCal .ui-datepicker td { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

.miniCal .ui-datepicker-current-day a { color: #fff; background: #ccc; }

.miniCal .ui-state-default { background: none; border: none; text-align: center; padding: 0; }

.miniCal .ui-state-hover { color: #fff; background: #ef4135; }

.ui-datepicker-prev, .ui-datepicker-next { top: 3px; border: none; background: #888 !important; cursor: pointer; }

.miniCal .ui-datepicker-prev { left: 4px; }

.miniCal .ui-datepicker-next { right: 4px; }

.miniCal .ui-datepicker .ui-icon { cursor: pointer; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; }

ui-datepicker-next ui-corner-all ui-state-disabled, ui-datepicker-prev ui-corner-all ui-state-disabled .ui-icon { cursor: default !important; }

.miniCal .heading { margin-bottom: 5px; }

.miniCal .timeSlot { cursor: default; background: #fff; padding: 13px; }

.miniCal .timeSlot .selectedDateHeader { font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.miniCal .timeSlot ul li { padding: 5px 0; font-size: 16px; cursor: pointer; }
.miniCal .timeSlot ul li:before { font-family: FontAwesome; color: #ef4135; }
.miniCal .timeSlot ul li:hover:before { font-family: FontAwesome; color: #ef4135; }

.playdetail .miniCal { width: 100%;     position: relative;     margin-bottom: 13px;   }

.playdetail .miniCal .ui-datepicker { width: 264px; }

/* Play Details Page */
.playDetailWrapper { position: relative; margin-top: 160px; }

.playDetailWrapper .buyTicketsExpander { color: #fff; width: 100%; }

.playDetailWrapper .slideshowCaptions { margin-bottom: 13px; position: relative; }

.playDetailWrapper .slideshowCaptions .showDetails { padding: 15px; border-left: solid 3px #fff; height: 100%; }

.playDetailWrapper .slideshowCaptions .showDetails h3 { font-size: 18px; padding: 0; margin: 0 0 10px 0; line-height: 1.4; }

.playDetailWrapper .slideshowCaptions .showDetails h4 { font-size: 16px; padding: 0; margin: 0; line-height: 1.4; }

.playDetailWrapper .slideshowCaptions .socialPdp { position: absolute; width: 100%; top: -30px; left: 50%; }

.playDetailWrapper .buyTicketsExpander .btn.buyTixBtn { border: solid 4px #fff; width: 100%; display:inline-block; background: #ef4135; color: #fff; position: relative; margin: 0 0 -4px 0; }
.playDetailWrapper .buyTicketsExpander .btn.buyTixBtn:hover { /*background: none;*/ }

.playDetailWrapper .block { height: 215px; position: relative; padding: 13px; background: #fff; float: left; width: 100%; margin-bottom: 13px; }

.playDetailWrapper .block.noHeight { height: auto; }

.playDetailWrapper div.showQuote { padding: 20px 80px; border: 6px solid #ef4135; font-size: 36px; text-align: center; color: #ef4135; line-height: 1; position: relative; margin-bottom: 20px; }

.playDetailWrapper div.showHeadline { padding: 20px; border: 6px solid #ef4135; font-size: 36px; text-align: center; color: #ef4135; line-height: 1; position: relative; margin-bottom: 20px; }

.playDetailWrapper .firstRow { margin-bottom: 13px; }



.playDetailWrapper p a { text-decoration: underline; }

.playDetailWrapper .showNote { color: #838383; }

.playDetailWrapper .relatedLinks .btn { border-color: #ef4135; color: #ef4135; width: 45%; float: left; margin: 0 10px 10px 0; text-decoration: underline; }
.playDetailWrapper .relatedLinks .btn:after { content: none; }
.playDetailWrapper .relatedLinks .btn:hover { border-color: #000; color: #000; }

.playDetailWrapper .fullPosterBlock img { width: 100%; display: block; }

.playDetailWrapper .fullPosterBlock .btn:not(.captionImageLinkBtn) { border: none; background: #ef4135; font-size: 14px; color: #fff; float: left; width: 100%; margin-top: -8px; }
.playDetailWrapper .fullPosterBlock .btn:hover { background: #000; }

.playDetailWrapper .creditBlock i { height: 30px; width: 30px; background: #ef4135; color: #fff; text-align: center; font-size: 20px; padding-top: 5px; float: left; margin: 0 5px 30px 0; }

.playDetailWrapper .creditBlock .socialMediaNumber { float: left; margin: 0 10px 0 0; font-size: 13px; }

.playDetailWrapper .creditBlock p { clear: both; font-size: 15px; padding: 0; margin: 0; }

.playDetailWrapper .mediaBlock .bx-controls-direction a { float: left; }

.playDetailWrapper .mediaBlock .mayLikeLink { min-height: 140px; }

.playDetailWrapper .mediaBlock .mayLikeLink img { display: block; }

.playDetailWrapper .mediaBlock .relatedMedia img { width: 100%; }

.playDetailWrapper .ticketExpanderText { border: solid 3px #fff; background-color: rgba(0, 0, 0, 0.6); margin: 0px 0px 13px; }

.playDetailWrapper .buyTicketsExpander > div.formSection { border: 0px; padding: 0px; margin-bottom: 13px; background-color: initial; }
.playDetailWrapper .buyTicketsExpander > div.formSection { *zoom: 1; }
.playDetailWrapper .buyTicketsExpander > div.formSection:before, .playDetailWrapper .buyTicketsExpander > div.formSection:after { content: ""; display: table; }
.playDetailWrapper .buyTicketsExpander > div.formSection:after { clear: both; }

.playDetailWrapper .formSection .pnlPromoEntry { *zoom: 1; }
.playDetailWrapper .formSection .pnlPromoEntry:before, .playDetailWrapper .formSection .pnlPromoEntry:after { content: ""; display: table; }
.playDetailWrapper .formSection .pnlPromoEntry:after { clear: both; }

.playDetailWrapper .formSection .promo { width: 100%; float: left; margin-bottom: 0px; }
.playDetailWrapper .formSection .promo a { width: 100%; float: left; color: #fff; border-color: #fff; background-color: rgba(0, 0, 0, 0.6); }
.playDetailWrapper .formSection .promo a:after { font-family: FontAwesome; top: 10px; }
.playDetailWrapper .formSection .promo a:hover { color: #e6e6e6; border-color: #e6e6e6; }
.playDetailWrapper .formSection .promo a div p { margin: 0; font-size: 20px; }

.playDetailWrapper .formSection #enterPromoCode { float: left; width: 100%; }
.playDetailWrapper .formSection #enterPromoCode input { padding: 9.5px 5px; border: 3px solid #fff; background-color: rgba(0, 0, 0, 0.6); float: left; width: 70%; margin-right: 5%; color: #fff; }
.playDetailWrapper .formSection #enterPromoCode .btn { padding: 9px 0px; float: left; width: 25%; font-size: 16px; background: #ef4135; margin: 0; border: 3px solid #fff; color: #fff; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }
.playDetailWrapper .formSection #enterPromoCode .btn:hover { background: #df1f12; }

/* Donate Page */
.donateWrapper .donateImageBox img { width: 100%; }

.donateWrapper .donateImageBox span { position: absolute; font-weight: normal; bottom: 13px; font-size: 20px; padding: 13px; color: #fff; line-height: 1.2; }

.donateWrapper .donateRadioButtons { margin: 25px 0 0; }

.donateWrapper .donateRadioButtons .donateRadio { font-size: 22px; margin-right: 20px; float: left; width: 100px; }
.donateWrapper .donateRadioButtons .donateRadio:last-child { margin-right: 0; }

.donateWrapper .donateRadioButtons .donateRadio input { padding: 0; height: 18px; width: 18px; margin: 0; vertical-align: middle; }

.donateWrapper .donateRadioButtons .donateRadio label { vertical-align: middle; margin: 5px 0 0 5px; }

.donateWrapper .otherAmountSection { display: none; }

.donateWrapper .otherAmountSection { margin: 15px 0 0 0; }

.donateWrapper .otherAmountSection .otherLabel { font-size: 22px; padding-right: 10px; display: inline; }

.donateWrapper .otherAmountSection .grayInput { min-width: 150px; display: inline; border: none; background: #ccc; padding: 8px 10px; }

.donateWrapper .btn { float: left; border: 0; background: url(/Global/Icons/icon_white_arrow.png) no-repeat 90% center #ef4135; color: #fff; position: relative; margin: 30px 0; width: 160px; font-family: 'Knockout 31 A', 'Knockout 31 B'; }

.giftCerts .customizeGiftCert .btn.solid.btnStandOut { background: url(/Global/Icons/icon_white_arrow.png) no-repeat 90% center #ef4135; }

/* Supporters Page */
.supportersWrapper .donateImageBox img { width: 100%; }

.supportersWrapper .donateImageBox h2 { position: absolute; font-weight: normal; bottom: 13px; font-size: 20px; padding: 13px; color: #fff; line-height: 1.2; }

.supportersWrapper h3 { margin: 50px 0 10px; }

.supportersWrapper h4 { font-size: 20px; color: #ef4135; margin: 30px 0 15px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

/* Annual Gala Tickets */
.indvGiveWrap .galaDateInfo { border-top: 3px solid #7e7e7e; padding-top: 13px; }

.indvGiveWrap .galaDateInfo p { font-size: 14px; }
.indvGiveWrap .galaDateInfo p small { font-size: 14px; color: #838383; line-height: 1.3; display: block; }

.indvGiveWrap .interiorPage .ticketSection { width: 100%; float: left; margin-bottom: 26px; }

.indvGiveWrap .interiorPage .ticketSection h2 { color: #000; width: 100%; border-bottom: 3px solid #7e7e7e; padding-bottom: 15px; margin-bottom: 15px; }

.indvGiveWrap .interiorPage .ticketSection select { border: solid 2px #c6c6c6; width: 10%; margin-right: 5%; float: left; padding: 3px; }

.indvGiveWrap .interiorPage .ticketSection .ticketDetails { float: left; width: 85%; padding-bottom: 13px; margin-bottom: 13px; }

.indvGiveWrap .interiorPage .ticketSection h3 { font-size: 20px; margin-bottom: 5px; }

.indvGiveWrap .interiorPage .ticketSection h4 { font-size: 16px; margin-bottom: 13px; color: #838383; }

.indvGiveWrap .interiorPage .ticketSection p { margin: 0; }

.indvGiveWrap .interiorPage .ticketSection ul { list-style: disc; padding-left: 20px; line-height: 1.5; }

.indvGiveWrap .interiorPage .giftOptions.galaDonate { border-top: 3px solid #838383; padding: 15px 0; }

.indvGiveWrap .interiorPage .giftOptions.galaDonate span { font-size: 18px; }

.indvGiveWrap .interiorPage .giftOptions.galaDonate span.taxNote { color: #838383; font-size: 14px; }

.indvGiveWrap .interiorPage .giftOptions.galaDonate input { width: auto; background: #d9d9d9; border: none; padding: 7px 5px; margin: 5px 10px 10px 5px; }

.indvGiveWrap .interiorPage .giftOptions.galaAck ul li .radio { margin-top: -6px; }

.indvGiveWrap .interiorPage .errorBox { padding: 10px; background: rgba(239, 65, 53, 0.8); color: #fff; font-size: 18px; margin: 0 0 20px 0; }

/* Individual Giving */
.donationAmount { display: none; }

.indvGiveWrap .indvImgArea { position: relative; }

.indvGiveWrap .indvImgArea img { width: 100%; }

.indvGiveWrap .donationSmallBannerText { font-size: 18px; color: #fff; position: absolute; bottom: 20px; left: 20px; width: 95%; }

.indvGiveWrap .donationSmallBannerText p { padding: 0; margin: 0; }

.indvGiveWrap .donationContactInfo { border-top: 3px solid #7e7e7e; padding-top: 13px; }

.indvGiveWrap .donationContactInfo p { font-size: 18px; }

.indvGiveWrap .btn.solid { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }
.indvGiveWrap .btn.solid:after { font-family: FontAwesome; font-size: 16px; right: 20px; position: absolute; }
.indvGiveWrap .btn.solid:hover { background: #df1f12; border-color: #df1f12; }

.indvGiveWrap .sliderZone h2 { color: #000; width: 100%; border-bottom: 3px solid #7e7e7e; padding-bottom: 15px; margin-bottom: 15px; }

.indvGiveWrap .sliderZone .levelDescrip { padding: 13px; background: #f5f5f5; margin: 13px 0; margin-bottom: 25px; }
.indvGiveWrap .sliderZone .levelDescrip ul { list-style: disc; font-size: 15px; padding-left: 16px; }
.indvGiveWrap .sliderZone .levelDescrip ul li { padding-bottom: 5px; }

.indvGiveWrap .sliderZone .shortDonationAmountDescription strong { font-size: 18px; display: block; }

.indvGiveWrap .sliderZone .shortDonationAmountDescription span { font-size: 18px; display: block; }

.indvGiveWrap .sliderZone .sliderWrap { padding: 45px 0; border-bottom: 1px solid #ccc; margin-bottom: 25px; }

.indvGiveWrap .sliderZone .sliderWrap .donationSlider { border-radius: 0; background: #d9d9d9; border: none; }

.indvGiveWrap .sliderZone .sliderWrap .ui-state-default, .indvGiveWrap .sliderZone .sliderWrap .ui-widget-content .ui-state-default, .indvGiveWrap .sliderZone .sliderWrap .ui-widget-header .ui-state-default { top: -19px; height: 35px; width: 22px; border-radius: 0; border: none; background: url(../img/public-donation-slider-marker.png) no-repeat; }
.indvGiveWrap .sliderZone .sliderWrap .donationSliderAmounts { width: 100%; float: left; list-style: none; font-size: 18px; padding-top: 10px; }
.indvGiveWrap .sliderZone .sliderWrap .donationSliderAmounts li { width: auto; float: left; text-align: left; color: #999999; cursor: pointer; }
.indvGiveWrap .sliderZone .sliderWrap .donationSliderAmounts li:last-child { width: 66px; }
.indvGiveWrap .sliderZone .sliderWrap .donationSliderAmounts li.selected { color: #000000; }

.indvGiveWrap .sliderZone .sliderWrap .sliderBarWrapper { background: #d9d9d9; padding-left: 25px; padding-right: 40px;}

.indvGiveWrap .sliderZone .longDonationAmountDescription { border-bottom: 3px solid #7e7e7e; padding-bottom: 15px; margin-bottom: 15px; }
.indvGiveWrap .sliderZone .longDonationAmountDescription p { font-size: 18px; }
.indvGiveWrap .sliderZone .longDonationAmountDescription ul { font-size: 16px; list-style: disc; padding-left: 16px; }
.indvGiveWrap .sliderZone .longDonationAmountDescription ul li { padding-bottom: 5px; }

.indvGiveWrap .funds, .indvGiveWrap .giftOptions, .indvGiveWrap .matchingGift { border-bottom: 3px solid #7e7e7e; padding-bottom: 15px; margin-bottom: 15px; width: 100%; float: left; }
.indvGiveWrap .funds ul li, .indvGiveWrap .giftOptions ul li, .indvGiveWrap .matchingGift ul li { padding-bottom: 5px; font-size: 18px; }
.indvGiveWrap .funds ul li .radio, .indvGiveWrap .giftOptions ul li .radio, .indvGiveWrap .matchingGift ul li .radio { margin-right: 5px; margin-top: -3px; }
.indvGiveWrap .funds ul .leftAckBox, .indvGiveWrap .giftOptions ul .leftAckBox, .indvGiveWrap .matchingGift ul .leftAckBox { float: left; width: 50%; }
.indvGiveWrap .funds ul .leftAckBox .donorName, .indvGiveWrap .giftOptions ul .leftAckBox .donorName, .indvGiveWrap .matchingGift ul .leftAckBox .donorName { padding-left: 23px; }
.indvGiveWrap .funds ul .leftAckBox .donorName label, .indvGiveWrap .giftOptions ul .leftAckBox .donorName label, .indvGiveWrap .matchingGift ul .leftAckBox .donorName label { font-size: 16px; padding-top: 10px; display: block; color: #7e7e7e; float: left; }
.indvGiveWrap .funds ul .leftAckBox .donorName input[type="text"], .indvGiveWrap .giftOptions ul .leftAckBox .donorName input[type="text"], .indvGiveWrap .matchingGift ul .leftAckBox .donorName input[type="text"] { width: 350px; background: #d9d9d9; display: block; border: none; padding: 7px 5px; float: none; margin: 5px 0 10px 0; }
.indvGiveWrap .funds ul .leftAckBox .donorName span, .indvGiveWrap .giftOptions ul .leftAckBox .donorName span, .indvGiveWrap .matchingGift ul .leftAckBox .donorName span { font-size: 14px; color: #7e7e7e; display: block; width: 100%; }
.indvGiveWrap .funds ul .leftAckBox .donorName .donorError, .indvGiveWrap .giftOptions ul .leftAckBox .donorName .donorError, .indvGiveWrap .matchingGift ul .leftAckBox .donorName .donorError { color: red; padding-top: 10px; }
.indvGiveWrap .funds ul li.checkbox.anonCheckbox, .indvGiveWrap .giftOptions ul li.checkbox.anonCheckbox, .indvGiveWrap .matchingGift ul li.checkbox.anonCheckbox { float: left; width: 50%; }

.indvGiveWrap .matchingGift .checker { margin-right: 5px; margin-top: 1px; }
.indvGiveWrap .matchingGift span { font-size: 18px; display: block; }
.indvGiveWrap .matchingGift label { padding-left: 23px; font-size: 16px; display: block; color: #7e7e7e; }
.indvGiveWrap .matchingGift input[type="text"] { width: 350px; background: #d9d9d9; display: block; border: none; padding: 7px 5px; float: none; margin: 5px 0 10px 23px; }

.supportUsSection .errorBox { padding: 10px; background: rgba(239, 65, 53, 0.8); color: #fff; font-size: 18px; margin: 0 0 20px 0; }

/* History Pages */
.historyWrap .tabWrapper .nav-tabs li { width: 12.5%; }

.historyWrap .tabWrapper .tab-content h4 { font-size: 16px; line-height: 1.5; padding: 10px 0 20px; }

.historyWrap .tabWrapper .tab-content img { width: 100%; }

.historyWrap .tabWrapper .tab-content .yearDetail { float: left; width: 100%; margin-bottom: 13px; }

.watchlisten, .watchlisten body { background: #ef4135; }

.watchlisten h1 { margin: 0 0 5px; }

.watchlisten .logo { float: left; }

.watchlisten .footer { display: none; }

.watchlisten .mainContent { margin: 0; padding-left: 50px; }

.watchlisten .mainContent { margin: 0; padding-left: 50px; }

.watchlisten .watchListenHeader { height: auto; background: none; position: static; width: 100%; float: left; padding: 0; border: none; padding: 15px 0 45px; min-height: 0px; }

.watchlisten .watchListenHeader ul.utilityNavLinks { float: right; background: none; width: auto; }

.watchlisten .watchListenHeader ul.utilityNavLinks li { float: left; line-height: 15px; margin-left: 10px; }

.watchlisten .watchListenHeader ul.utilityNavLinks li a { color: #fff; font-size: 13px; font-family: arial,verdana, sans-serif; background: url(../img/wl-icons.jpg) no-repeat 0 -46px; padding: 8px 0 0 40px; height: 31px; display: block; }
.watchlisten .watchListenHeader ul.utilityNavLinks li a:hover { color: #333; }

.watchlisten .watchListenHeader ul.utilityNavLinks li a span { border-right: solid 1px #fff; padding-right: 10px; }

.watchlisten .watchListenHeader ul.utilityNavLinks li a.subscribe { background-position: 0 0; }

.watchlisten .tabs { float: right; width: 100%; }

.watchlisten .tabs ul { float: left; width: 100%; border: solid 5px #fff; }

.watchlisten .tabs ul li { border-left: solid 5px #fff; float: left; padding: 0 !important; }
.watchlisten .tabs ul li:first-child { border: none; }

.watchlisten .tabs ul li a { color: #fff; font-size: 16px; padding: 10px 0; width: 100%; float: left; text-align: center; }
.watchlisten .tabs ul li a:hover { color: #333; background: rgba(255, 255, 255, 0.2); }

.watchlisten .tabs ul li a.selected { color: #ef4135; background: #fff; }

.watchlisten #gridArea { float: left; width: 100%; padding-top: 10px; }

.watchlisten #gridArea .mediaItem { background: #fff; margin-bottom: 15px; padding: 10px; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.watchlisten #gridArea .mediaItem .bottomSection, .block.media .bottomSection { width: 100%; clear: both; }

.watchlisten #gridArea .mediaItem .bottomSection span, .block.media .bottomSection span { display: block; font-size: 15px; clear: left; }

.watchlisten #gridArea .image:hover, .watchlisten #gridArea .youtube:hover, .watchlisten #gridArea .audio:hover { cursor: pointer; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.6); }

.watchlisten .mediaPlayer { background: #fff; padding: 0; }

.watchlisten .mediaPlayer #leftPanel { padding: 0; background: #ef4135; }

.watchlisten .mediaPlayer #leftPanel iframe { width: 100%; float: left; }

.watchlisten .mediaPlayer #leftPanel .currentImage img { width: 100%; }

.watchlisten .mediaPlayer .rightPanelTopBar { border-bottom: solid 3px #333; float: left; width: 100%; padding: 10px 0; }

.watchlisten .mediaPlayer .rightPanelTopBar .closePlayerButton { font-size: 25px; float: right; margin-right: 10px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; cursor: pointer; }
.watchlisten .mediaPlayer .rightPanelTopBar .closePlayerButton:hover { color: #ef4135; }

.watchlisten .mediaPlayer #rightPanel { padding: 0; }

.watchlisten .mediaPlayer #rightPanel .mediaItemInformation { float: left; width: 100%; padding: 15px; }

.watchlisten .mediaPlayer #rightPanel .mediaItemInformation .title { font-size: 16px; }

.watchlisten .mediaPlayer #rightPanel .mediaItemInformation .subtitle { display: block; }

.watchlisten #gridArea .youtube img { width: 100%; }

#albumSlider li { list-style: none; }

.watchlisten .playerWrap { border-bottom: solid 1px #fff; padding-bottom: 35px; margin-bottom: 35px; width: 100%; float: left; }

.watchlisten .bx-wrapper { margin: 0 !important; }

.watchlisten .playerWrap #slider-prev, .watchlisten .playerWrap #slider-next { font-size: 50px; }
.watchlisten .playerWrap #slider-prev a, .watchlisten .playerWrap #slider-next a { color: #fff; }
.watchlisten .playerWrap #slider-prev a:hover, .watchlisten .playerWrap #slider-next a:hover { color: #e6e6e6; }
.watchlisten .playerWrap #slider-prev a.disabled, .watchlisten .playerWrap #slider-next a.disabled { color: #d53025; cursor: default; }

.watchlisten .sliderWrap { position: relative; }

.watchlisten .sliderWrap .prev, .watchlisten .sliderWrap .next { font-size: 24px; position: absolute; top: 28px; }

.watchlisten .sliderWrap .prev { right: 90px; }

.watchlisten .sliderWrap .next { right: 30px; }

/* Audio Player */
.audiojs { background: none; box-shadow: none; height: auto; overflow: visible; padding: 25px 0; width: 100%; position: relative; }

.audiojs .scrubber { background: #afafaf; border: none; height: 10px; width: 200px; float: right; width: 84%; margin: 0; margin-top: 5px; }

.audiojs .play-pause { border: none; height: auto; width: auto; padding: 0; margin: 0; overflow: visible; float: left; width: 16%; }

.audiojs p { text-align: center; }

.audiojs .time { padding: 0; height: auto; margin: 0; border: none; color: #afafaf; text-shadow: none; position: absolute; top: 0; left: 48px; }

.audiojs .time em { color: #afafaf; padding: 0; }

.audiojs .play { background: none; }
.audiojs .play:before { font-family: FontAwesome; font-size: 45px; color: #ef4135; }

.audiojs .pause { background: none; padding-left: 2px; }
.audiojs .pause:before { font-family: FontAwesome; font-size: 34px; color: #ef4135; }

.audiojs .loading { background: none; width: 26px; height: 23px; margin-bottom: 17px; -webkit-animation-name: spin; -webkit-animation-duration: 600ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 600ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 600ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }
.audiojs .loading:before { font-family: FontAwesome; font-size: 30px; color: #ef4135; }

@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
/* Membership Page */
.checkText { width: 75%; display: inline-block; margin-bottom: 20px; line-height: 1em; font-size: 1.6em; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.checkText span { font-size: .8em; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

.cartButton { display: block; max-width: 160px; }

.benefitInfo h4 { font-size: 1.6em; margin-bottom: 15px; }

.benefitList { list-style: disc; line-height: 1.5em; padding: 0 10px 0 20px; }

.benefitList p { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

.benefitList span { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 1.5em; }

.joinButton, .renewButton { cursor: pointer; margin: 10px 0 15px; display: inline-block; color: white; border: 4px solid white; font-size: 1.8em; background: #ef4135; padding: 10px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; max-height: 50px; }
.joinButton:hover, .renewButton:hover { color: white !important; }

.membershipCost { color: white !important; display: inline-block; margin-left: 10px; }

.joinButton:after { font-family: FontAwesome; }

.renewButton { margin-left: 10px; }
.renewButton:after { font-family: FontAwesome; }

.joinButton:after, .renewButton:after { font-family: FontAwesome; margin-left: 40px; font-size: .8em; }

.checker { width: 6%; }

.MembershipPurchase .btn { float: left; display: block; width: 200px; margin-top: 20px; }

.MembershipPurchase select { border-radius: 0; border: solid 2px #c6c6c6; padding: 3px; }

/* Sitemap */
#siteMap ul { line-height: 1.3; }

#siteMap ul li a { padding-bottom: 5px; font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#siteMap ul li ul { padding-top: 20px; }

#siteMap ul li ul li { margin-bottom: 20px; }

#siteMap ul li ul li a { border-bottom: #ddd 1px solid; width: 225px; padding-bottom: 3px; display: block; font-size: 18px; color: #ef4135; }
#siteMap ul li ul li a:hover { color: #df1f12; }

#siteMap ul li ul li ul { padding-left: 20px; padding-top: 7px; list-style: disc; }

#siteMap ul li ul li ul li { margin-bottom: 7px; }

#siteMap ul li ul li ul li a { color: #838383; font-size: 16px; border: 0; padding: 0; margin: 0; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; width: auto; }
#siteMap ul li ul li ul li a:hover { color: #6a6a6a; }

#siteMap ul li ul li ul li ul { list-style: circle; padding-left: 20px; padding-top: 0; }

#siteMap ul li ul li ul li ul li { margin-bottom: 2px; }

#siteMap ul li ul li ul li ul li ul { padding-left: 20px; list-style: square; }

#siteMap ul li ul li ul li ul li ul li ul { padding-left: 20px; list-style: circle; }

#siteMap ul li ul li ul li ul li ul li ul li ul { padding-left: 20px; list-style: square; }

/* Show Archive */
.archiveHead { padding: 13px; background-color: #f5f5f5; margin-bottom: 26px; float: left; width: 100%; }

.archiveHead .venueFilters { width: 100%; border: solid 3px #000; float: left; margin-bottom: 25px; }

.archiveHead .venueFilters li { float: left; border-left: solid 3px #000; }

.archiveHead .venueFilters li.active.selected a { background: #000; color: #fff !important; }
.archiveHead .venueFilters li.active.selected a:hover { color: #fff !important; }

.archiveHead .venueFilters li:first-child { border: none; }

.archiveHead .venueFilters li a { display: block; text-align: center; width: 100%; float: left; padding: 8px 15px; font-size: 17px; color: #000; }
.archiveHead .venueFilters li a:hover { color: #ef4135; }

.archiveHead .filterBlock { float: left; width: 100%; }

.archiveHead .filterBlock .filter { float: left; margin-right: 50px; }
.archiveHead .filterBlock .filter label { display: block; font-size: 22px; }
.archiveHead .filterBlock .filter select { padding: 11px 5px; border: none; background: #d9d9d9; min-width: 200px; }

.archiveHead .filterBlock .filter.archSearch { margin-right: 0; padding-top: 23px; }
.archiveHead .filterBlock .filter.archSearch input[type="text"] { border: 3px solid #000; padding: 6px 5px; min-width: 235px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; color: #000; font-size: 18px; float: left; }
.archiveHead .filterBlock .filter.archSearch .archSearchBtn { float: left; }
.archiveHead .filterBlock .filter.archSearch .archSearchBtn:after { font-family: FontAwesome; color: #ef4135; font-size: 24px; margin-left: -35px; vertical-align: bottom; float: left; margin-top: 9px; }

.showArchive .mainHead { background: #ef4135; padding: 10px; margin-bottom: 25px; overflow: hidden; }

.showArchive .mainHead h2 { color: #fff; padding: 0; float: left; font-size: 22px; }

.showArchive .mainHead a { color: #fff; float: right; }

.showArchive .mainHead + section .subHead { margin-top: -10px; }

.showArchive .subHead { clear: left; overflow: hidden; }

.showArchive .subHead h3 { padding: 0; float: left; }

.showArchive .subHead a { float: right; }

.showArchive .subPane section:last-of-type ul { border: none; margin-bottom: 0; }

.showArchive .subPane ul { border-bottom: #ccc 1px solid; margin-bottom: 15px; overflow: hidden; clear: left; }

.showArchive .subPane li { width: 33%; padding-right: 2.33%; margin-bottom: 25px; float: left; max-height: 102px; overflow: hidden;}

.showArchive .subPane .archiveItem li { height: 102px; }

.archiveItem > li > p > a {
    max-height: 87px;
    display: block;
    overflow: hidden;
}
.showArchive .subPane .simplePagerNav li { width: 1px; padding-right: 20px; }

.showArchive .subPane .simplePagerNav li.prev { width: auto; }

.showArchive .subPane .simplePagerNav li.next { width: auto; }

.showArchive .subPane .simplePagerNav li.
 a { color: #ddd; text-decoration: none; }

.showArchive .subPane li img { float: left; width: 45%; margin-right: 5%; }

.showArchive .subPane li p { width: 50%; float: left; }

.showArchive .subPane li p span { display: block; line-height: 1.3; }

.showArchive .subPane li p span:first-child { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; padding-bottom: 5px; font-size: 16px; }

/**** Benefits Page ****/
.benefitsPage { width: 100%; float: left; padding-top: 0px; }
.benefitsPage h2 { padding-bottom: 0px; font-size: 24px; }
.benefitsPage h3 { font-size: 16px; margin-bottom: 0px; }
.benefitsPage h4 { font-size: 16px; }
.benefitsPage .memberInfo ul { float: left; padding: 15px; background: #eee; margin: 10px 0 0; font-size: 16px; }
.benefitsPage .memberInfo .btn { float: left; height: auto; width: 100%; padding: 2px; }
.benefitsPage .noPadding { margin-bottom: 0px !important; padding-bottom: 0px !important; }
.benefitsPage .tableSection { margin-bottom: 10px; padding-bottom: 10px; width: 100%; float: left; }
.benefitsPage .tableSection .tableBreak { border-right: 6.5px solid #fff; }
.benefitsPage .tableSection .tableHead { float: left; width: 100%; font-size: 20px; margin: 7px 0px; }
.benefitsPage .tableSection .tableHead li { float: left; padding: 8px; }
.benefitsPage .tableSection .tableHead li .explanationText { display: block; font-size: 14px; color: #333; margin: -3px 0 5px 0; }
.benefitsPage .tableSection .tableHead li:first-child { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }
.benefitsPage .tableSection .tableHead ul { padding: 0; margin: 0; font-size: 16px; }
.benefitsPage .tableSection .tableHead ul li { padding: 0; margin: 0; color: #838383; }
.benefitsPage .tableSection .tableHead ul li:first-child { font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; font-style: normal; }
.benefitsPage .tableSection .tableRow { float: left; width: 100%; font-size: 16px; border-bottom: 1px solid #eee; }
.benefitsPage .tableSection .tableRow:last-child { border-bottom: none; }
.benefitsPage .tableSection .tableRow li { float: left; padding: 1px 4px;}
.benefitsPage .tableSection .tableRow li:not(:first-child) {text-align: center}
.benefitsPage .tableSection .tableRow:nth-child(odd) {background-color: rgb(230, 230, 230);}
.benefit-show-container {width: 100%; float:left; border-top: 3px solid black; border-bottom: 3px solid black; margin-bottom:15px;}
.benefitsPage .tableSection aside { float: left; width: 100%; color: #838383; margin-top: 20px; }
.benefitsPage .tableSection aside p { margin: 0; padding: 0; font-size: 13px; }
.benefitsPage .redeemSection { margin-top: 15px; }
.benefitsPage .redeemSection li { font-size: 15px; }
.benefitsPage .BenefitsOpenText { width: 100%; float: left; margin-top: 20px; }

/* Executive and Senior Staff Page*/
div.ExecutiveStaffPage .imgcontainer {text-align: center; width: 24%; min-width: 100px;padding: 10px;line-height: 15px; margin: 0px; vertical-align: top; display: inline-block;}
div.ExecutiveStaffPage .imgcontainer img {display: block; margin: 0 auto; width: 54px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
div.ExecutiveStaffPage .imgcontainer p {text-align: center;}
div.ExecutiveStaffPage .imgcontainer h4 {color: #ef4135;}

/* Account Nav */
.accountNav.row { margin-left: -0.85em !important; margin-right: -0.9em !important; margin-top: -20px !important; margin-bottom: 10px; }
.accountNav.row ul { width: 100%; background: #ef4135; padding: 5px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.accountNav.row li { float: left; width: 32.9%; text-align: center; font-size: 20px; background: #fff; margin-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.accountNav.row li:last-child { margin: 0; }
.accountNav.row li:hover { background: #df1f12; }
.accountNav.row li:hover a { color: #fff; }
.accountNav.row li.active { background: #ef4135; }
.accountNav.row li.active a { color: #fff; }
.accountNav.row a { width: 100%; height: auto; float: left; padding: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mobileCalendar { color: white; }

/* Press Photo Page */
.photo-list img { width: 150px; display: block; border: 1px solid #df1f12; padding: 5px; margin-bottom: 10px; }

.photo-list a:hover img { background: #df1f12; -webkit-box-shadow: 0 6px 6px -6px #000; -moz-box-shadow: 0 6px 6px -6px #000; box-shadow: 0 6px 6px -6px #000; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }

.photo-list li { display: inline-block; padding: 0 27.5px 30px 0; }

/* Calendar */
#calendarTable td .calendarCellContent div.inactive { display: none; }

/* Nav fix */
html, body, .wrapper { min-height: 100% !important; }

header { position: absolute; min-height: 100%; }

/* Gift Cert Fix */
#imgPreview { width: 100%; }

#checkoutOptions .giftCard .applied { display: inline-block; width: 100%; position: relative; left: 30%; }

/* Bx-Slider Buldging Fix*/
.bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

/* Loading Gif */
.loadingCal { width: 100%; height: 49px; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; }

.loading-image { height: 10px; width: 20px !important; z-index: 100; }

.loading { width: 100%; height: 100%; top: 0px; left: 0px; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; }

/************ EXTRA EPI STYLES ************/
.headLvl2 { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 18px; margin: 10px 0; }

.headLvl3 { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 16px; margin: 10px 0; }

.blockLink { margin: 0 0 15px; font-size: 15px; display: block; }

.numberedList { list-style: decimal; font-size: 15px; padding: 0 0 15px 30px; }

.bulletList { list-style: disc; font-size: 15px; padding: 0 0 15px 30px; }

.unBulletList { list-style: none; font-size: 15px; padding: 0; margin-bottom: 15px; }

.showQuote { padding: 20px 80px; border: 6px solid #ef4135; font-size: 36px; text-align: center; color: #ef4135; line-height: 1; position: relative; margin-bottom: 20px; }

.showQuote:before { color: #000; position: absolute; left: 15px; top: 35px; line-height: 0; content: "\201C"; font-size: 65px; }

.showQuote:after { color: #000; position: absolute; right: 15px; bottom: 10px; line-height: 0; content: "\201D"; font-size: 65px; }

.showHeadline:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -15px;
    top: -27px;
    color: #ef4135;
}

.showHeadline:after {
    display: block;
    content: "\201D";
    font-size: 80px;
    position: absolute;
    right:0px;
    top: -27px;
    color: #ef4135;
}


.showHeadline { font-size: 20px;
    font-style: italic;
    margin: 0.25em 1em;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #595959;
    display:inline-block;
    margin-bottom:10px;
    font-family:'Knockout 50 A', 'Knockout 50 B';

}

.smallQuoteBox {
       font-style: italic;
    margin: 0.25em 1em;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #595959;
    display:inline-block;
    margin-bottom:10px;
    font-family:'Knockout 50 A', 'Knockout 50 B';
    font-size:15px;
}

h3 a {
       font-family:'Knockout 30 A', 'Knockout 30 B';
}

.showTagline {
     font-family:'Knockout 50 A', 'Knockout 50 B';
     text-align:center;
     font-size:35px;
     font-style:italic;
     color:#ef4135;
}

.normalP { margin: 0 0 15px; font-size: 15px; font-family:'Archivo Narrow' }

.publicRed { color: #ef4135 !important; }

.blackText { color: #000 !important; }

.whiteText { color: #fff !important; }

.smallGrayText { color: #838383 !important; font-size: 12px; }

.smallBlackText { color: black !important; font-size: 12px; }

/* Responsive Video */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Packages */
.packageVoucher { margin: 0 0 40px 0; }
.packageVoucher.block { overflow: initial; }
.packageVoucher .btn { border: 0; vertical-align: top; display: inline-block; }
.packageVoucher .btn:hover { background-color: #df1f12; }
.packageVoucher input[type=text] { background-color: #c6c6c6; border: none; padding: 14px 6px; margin: 0 5px 0 0; vertical-align: top; display: inline-block; }
.packageVoucher input[type=text]::-webkit-input-placeholder { color: #8a8a8a; }
.packageVoucher input[type=text]:focus { background-color: #d1d1d1; }

.package-list-area .packageLinks a { font-size: 1.1em; text-decoration: underline; }
.package-list-area .packageLinks li { padding-bottom: 5px; }
.package-list-area .packageLinks li:before { content: "\f0da"; font-family: FontAwesome; font-size: 16px; color: #ef4135; }
.package-list-area #listOfPackages { border-top: 3px solid #000; margin-top: 30px; }

.packageListItemWrapper { padding: 30px 0 45px 0; border-bottom: 3px solid #000; }
.packageListItemWrapper h3 { margin-bottom: 10px; }
.packageListItemWrapper h3 p { font-size: 18px; margin-bottom: 0; }
.packageListItemWrapper .packageSubscribe { padding-top: 15px; }
.packageListItemWrapper a.btn:visited { color: #000; }

.package-voucher select { border: solid 2px #c6c6c6; width: auto; padding: 3px; }
.package-voucher .btn { border: 0; }
.package-voucher .btn:hover { background-color: #df1f12; }

.package-voucher-purchase { display: table; }
.package-voucher-purchase > div { display: table-row; }
.package-voucher-purchase > div > div { display: table-cell; padding: 4px 0; }
.package-voucher-purchase > div > div:first-child span { font-weight: bold; }
.package-voucher-purchase > div > div:last-child { text-align: center; }
.package-voucher-purchase .button-container > div { padding-top: 20px; }

#packageDisplayContainer select { border: solid 2px #c6c6c6; width: auto; padding: 3px; }
#packageDisplayContainer .btn { display: inline-block; border: 0; }
#packageDisplayContainer .btn.solid:hover { background-color: #df1f12; }
#packageDisplayContainer .removeBtn { border: 2px solid #ef4135; padding: 1px 5px; font-size: 14px; margin-right: 5px; cursor: pointer; }
#packageDisplayContainer .flexDescHeader { color: #727272; }
#packageDisplayContainer .flexPackagePriceType { padding-bottom: 10px; text-align: left; }
#packageDisplayContainer .flexPackagePriceType ul li:not(:first-child), #packageDisplayContainer .flexPackagePriceType ul li label { display: none; }
#packageDisplayContainer .flexPackagePriceType h4 { display: inline-block; font-size: 1.1em; }
#packageDisplayContainer .flexPackagePriceType ul { display: inline-block; }
#packageDisplayContainer .pull-left { float: left; }
#packageDisplayContainer .pull-right { float: right; }
#packageDisplayContainer .flexBtnContainer { padding-top: 20px; }
#packageDisplayContainer #packageDisplay { padding-bottom: 20px; }
#packageDisplayContainer #packageDisplay:before, #packageDisplayContainer #packageDisplay:after { content: ""; display: table; clear: both; }

.packageCart { margin-top: 5px; }
.packageCart .headerTr td { font-weight: bold; }
.packageCart td { padding: 2px 8px; }
.packageCart td:first-child { padding: 2px 0px; }

.package-select-area #filterContainer { vertical-align: top; width: 20%; display: inline-block; }
.package-select-area #performanceSelectionContainer { margin-left: -4px; vertical-align: top; padding-left: 20px; }
.package-select-area .productionRow { padding: 20px; }
.package-select-area .productionRow:before, .package-select-area .productionRow:after { content: ""; display: table; clear: both; }
.package-select-area .productionRow.viewing { background-color: #ef4135; color: #fff; }
.package-select-area .productionRow.viewing .productionInformation { width: calc(100% - 190px); }
.package-select-area .productionRow.viewing .btn { border-color: #fff; color: #fff; }
.package-select-area .productionRow.viewing div.checker span { background-position: -209px -260px; }
.package-select-area .productionRow.viewing div.checker span.checked { background-position: -190px -260px; }
.package-select-area .btn { display: inline-block; }
.package-select-area .btn.solid:hover { background-color: #df1f12; }
.package-select-area .btn.disabled { pointer-events: none; cursor: default; border-color: #ccc; color: #ccc; }
.package-select-area .productionDisplay:before, .package-select-area .productionDisplay:after { content: ""; display: table; clear: both; }
.package-select-area .productionInformation { display: inline-block; float: left; width: calc(100% - 170px); }
.package-select-area .productionInformation .flexProdTitle { margin-bottom: 0; padding-top: 15px; }
.package-select-area .productionButton { display: inline-block; float: right; }
.package-select-area .reserveSelection { float: right; }
.package-select-area .reserveSelection h4 { font-size: 1.1em; margin-bottom: 10px; }
.package-select-area .reserveSelection .quantity { display: inline-block; vertical-align: top; margin-right: 40px; }
.package-select-area .reserveSelection .selectionContainer { display: inline-block; vertical-align: top; }
.package-select-area .reserveSelection .selectionContainer select { border: 4px solid #fff; padding: 5px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-size: 1em; min-width: 210px; }

#selectSeatingArea { border-top: 4px solid #000; padding-top: 30px; }

.theaterContainer { border-bottom: 4px solid #000; margin-bottom: 30px; padding-bottom: 30px; }
.theaterContainer .select-seating { color: #727272; margin-bottom: 0; }
.theaterContainer .venue-name h3 { font-size: 18px; margin-bottom: 0; }
.theaterContainer .theaterLeftColumn { width: 150px; display: inline-block; vertical-align: top; }
.theaterContainer .theaterSectionSelection { width: -webkit-calc(100% - 150px); width: calc(100% - 150px); display: inline-block; vertical-align: top; margin-left: -4px; text-align: right; }
.theaterContainer .theaterSectionSelection .soldOutMessaging { margin-bottom: 20px; }
.theaterContainer .theaterSectionSelection .soldOutMessaging span { display: block; color: #ef4135; }
.theaterContainer .theaterSectionSelection .soldOutMessaging:empty { display: none; }
.theaterContainer .theaterSectionSelection #choiceToggle { float: right; }
.theaterContainer .theaterSectionSelection .tab-content { clear: both; }
.theaterContainer .btn { display: inline-block; }
.theaterContainer .seatingMapContainer { display: none; }
.theaterContainer .theaterSectionList ul { margin-bottom: 5px; }
.theaterContainer .theaterSectionList small { color: #727272; }
.theaterContainer div.radio.disabled span { background-position: -180px -279px; }
.theaterContainer .aspNetDisabled + label { color: #ccc; }
.theaterContainer .radio > label { vertical-align: middle; }

.select-new-performance select { padding: 5px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-size: 1em; border: 4px solid #000; margin: 0 0 10px 0; }
.select-new-performance .performancesError p { color: #727272; margin-bottom: 0; }
.select-new-performance .soldOutPerformances { margin-bottom: 15px; margin-top: -5px; }

.flex-cart { /* margin-top: 20px; */ }
.flex-cart > ul { display: table; border-top: 3px solid #7e7e7e; width: 100%; }
.flex-cart > ul > li { display: table-row; }
.flex-cart > ul > li span { display: table-cell; padding: 10px; }
.flex-cart .cart-head { background: #eee; }

.flexGuidelines .flexDescHeader { color: #727272; margin-top: 7px; margin-bottom: 7px; }
.flexGuidelines .remove { border: 2px solid #ef4135; padding: 1px 5px; font-size: 14px; vertical-align: middle; margin-right: 5px; }
.flexGuidelines h2 { display: inline-block; padding-bottom: 0; vertical-align: middle; }

.flexError, .errorBox { color: #ef4135; font-weight: bold; }

.sectionSelection label { vertical-align: middle; }
.sectionSelection div.radio.disabled span { background-position: -180px -279px; }
.sectionSelection .aspNetDisabled + label { color: #ccc; }
.sectionSelection .tabLinks li { cursor: pointer; }
.sectionSelection .tabLinks li:before { content: "\f0da"; font-family: FontAwesome; font-size: 16px; color: #ef4135; padding-right: 5px; }
.sectionSelection .tabLinks li.selected span { font-weight: bold; }
.sectionSelection .tabLinks li span { text-decoration: underline; color: #ef4135; }
.sectionSelection select { border: 4px solid #000; padding: 5px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-size: 1em; min-width: 220px; }

/*Login Styles
-------------------------------------------------------*/
.login input[name*="Username"], .login input[type="password"] { width: 98%; background: #d9d9d9; border: none; padding: 0px 5px; float: none; margin-bottom: 20px; }

.register a[href*="register"] { float: left; }

.login input[value="Login"] { float: none; margin-top: 20px; min-width: 100px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

div.checker { float: left; margin-right: 10px; }

.rememberMe { margin-top: 10px; display: block; }

.loginPromo { width: 100% !important; }

.LoginContent .simpleModal, .LoginSimpleModal, .PartnerMOSModal  {  min-width: 550px; background: #001111 !important; padding: 13px !important;     z-index: 999999999;}
#loginContainer .simpleModal { margin: auto !important; position: absolute !important; top: 13px !important; left: 0 !important; right: 0 !important; max-width: 550px; background: #001111; padding: 13px; }

#loginContainer .simpleModal .field, .LoginContent .simpleModal .field, .LoginSimpleModal .field, .PartnerMOSModal .field { padding: 13px; background: #fff; }

#loginContainer .simpleModal .field label, .LoginContent .simpleModal .field label { font-size: 18px; }

#loginContainer .simpleModal .field input[type="text"], .LoginContent .simpleModal .field input[type="text"] { display: block; width: 100%; border: solid 2px #c6c6c6; padding: 3px; margin-bottom: 30px; background: white; max-width: 100%; }

#loginContainer .simpleModal .field .btn, .LoginContent .simpleModal .field .btn, .LoginSimpleModal .field input, .PartnerMOSModal .field .continueBtn a { margin-bottom: 5px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; background: #ef4135; color: #fff; border-color: #ef4135; }
.LoginContent .simpleModal .field .btn { padding: 10px 45px 36px 11px; font-size: 20px; }
#loginContainer .simpleModal .field .btn:after:after, .LoginContent .simpleModal .field .btn:after:after { font-family: FontAwesome; margin-left: 10px; }

.login label { display: inline; }

.errorAsterisk { float: left; color: red; }

.havePromoCode { margin-top: 5px; display: block; width: 100%; }

.bgOverlay { background: rgba(0, 0, 0, 0.5) !important; }

.loginChange { width: 50%; }

.loginChange ul li { padding-bottom: 10px; }

.loginChange ul li label { font-size: 16px; width: 35%; float: left; }

.loginChange ul li input { width: 60%; line-height: 1.5em; margin: 0; border-radius: 0; border: solid 2px #c6c6c6; padding: 3px; }

.loginChange .btn { margin: 26px 0 0 0; width: auto; clear: both; text-decoration: none; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

/* --------------------- CALENDAR PAGE --------------------- */
#calendarHeader .span7 .legendArea { display: none; }

.headerText { display: none; }

/* .errorMsg {display:none; color:red;} */
.promoWhatsThisContent { display: none; }

.promoWhatsThisLink { display: none; }

#calendarHeader .formSection .promoDesc { display: none; }

#calendarHeader { margin-bottom: 13px; }

#calendarHeader h1 { margin-bottom: 0; background-color: rgba(0, 0, 0, 0.6); }

#calendarHeader .formSection { display: block; clear: both; }

.promo .errorMsg p { float: left; margin-bottom: 5px; }

.legendArea ul li span { color: #fff; }

#calendarArea { clear: both; width: 100%; }

#calendarArea .calendarMonthDisplay .calendarMonthSelector { background: none; border: 3px solid #fff; padding: 20px 10px 0px 10px; clear: both; background-color: rgba(0, 0, 0, 0.6); }

#calendarArea .calendarMonthDisplay .calendarMonthSelector h2, #calendarArea .calendarMonthDisplay .calendarMonthSelector div  { font-size: 44px; color: white; float: left; margin: 0; padding: 0; }
#calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthPrev { font-size: 44px; color: #ef4135; float: left; padding-right: 15px; }
#calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthPrev:before { font-family: FontAwesome; }

div#Month-Display div {font-size: 40px !important;}
div#calendarMonthExtend {padding: 10px 10px !important;}
.Month {padding-left: 15px !important;}
#calendarArea #calendarMonthExtend {     width: 71.07%;
    min-height: 100%;
    min-width: 71.07%;
    vertical-align: top;
    margin-left: -3px;
    border-left:none;


}
#calendarArea #calendarMonthExtend>div>div {padding: 9px 0px 5px 5px;}
#calendarArea #calendarMonthExtend table, #calendarArea .calendarMonthDisplay #calendarMonthExtend tbody { background-color: rgba(0, 0, 0, 0.6) !important}

#calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthNext { font-size: 44px; color: #ef4135; padding-left: 15px; }
#calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthNext:before { font-family: FontAwesome; }

#calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthNext:before { content: "\f0da"; }

#calendarArea table { width: 100%; margin-bottom: 13px; clear: both; border-collapse: separate; }

#calendarArea table thead tr th { color: #fff; font-size: 46px; padding: 13px 0; }

#calendarArea table tbody { background: #fff; }

#calendarArea table tbody tr td { min-height: 125px; width: 14.28%; padding: 0; border: 1px solid #aeaeae; vertical-align: top; position: relative; }

#calendarArea table tbody tr td.today { border: solid 5px #ef4135; }

#calendarArea table tbody tr td .day { font-size: 46px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; display: block; padding-bottom: 25px; float: left; margin: 15px 0 0 15px; }

#calendarArea table tbody tr td.offDay .day { color: #aeaeae; }

#calendarArea table tbody tr td.prevDay .toolTipLink span { color: #aeaeae; }
#calendarArea table tbody tr td.prevDay .toolTipLink label { color: #aeaeae; }
.soldOut{ color: #aeaeae !important;}

#calendarArea table tbody tr td .toolTipLink { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; font-size: 14px; cursor: pointer; }
#calendarArea table tbody tr td .toolTipLink span { color: #000; line-height: 1.3; display: block; }
#calendarArea table tbody tr td .toolTipLink span:hover { color: #333; }
#calendarArea table tbody tr td .toolTipLink label { color: #ef4135; line-height: 1.3; display: block; }

#calendarArea table tbody tr td .thepublictheater { float: left; width: 100%; }

#calendarArea table tbody tr td .joespub { float: left; width: 100%; }

#calendarArea table tbody tr td .venueName { background: #000; color: #fff; width: 100%; float: left; padding: 0 10px; font-size: 11px; font-family: arial; font-weight: bold; }
#calendarArea table tbody tr td .venueName.disabled { height: 4px; color: black; overflow:hidden;  }

.calFilters { float: left; width: 100%; margin-bottom: 0px}

.calFilters ul { float: left; width: 100%; border: solid 3px #fff; overflow: hidden; }

.calFilters ul li { background-color: rgba(0, 0, 0, 0.6); float: left;  border-left: solid 3px #fff; padding-bottom: 10000px; margin-bottom: -10000px; }

.calFilters ul li + li { border-left: 3px solid #fff; }

.calFilters ul li:first-child { border: none; }

.calFilters ul li a { color: #fff; padding: 10px 0; display: block; width: 100%; text-align: center; font-size: 18px; }

.calFilters ul li:not(.selected) a {  }

.calFilters ul li.selected { background: #fff; }

.calFilters ul li.selected a { color: #000; }

#calendarHeader .formSection .promo { width: auto; position: absolute; top: 0; right: 0; }
#calendarHeader .formSection .promo a { width: auto; margin: 0; }
#calendarHeader .formSection .promo a:after { font-family: FontAwesome; top: 10px; }
#calendarHeader .formSection .promo a div p { margin: 0; }

#calendarHeader .formSection .promo .promoLink.btn:hover { color: #fff; border-color: #fff; }

#calendarHeader .formSection #enterPromoCode { width: auto; position: absolute; top: 0; right: 0; }
#calendarHeader .formSection #enterPromoCode input { padding: 7px 5px; border: 3px solid #ccc; background: none; float: left; color: #fff; }
#calendarHeader .formSection #enterPromoCode .btn { padding: 9px 15px; margin: 0 0 0 10px; float: left; font-size: 16px; background: #ef4135; border: none; color: #fff; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }
#calendarHeader .formSection #enterPromoCode .btn:hover { background: #df1f12; }

.mobileCalendar { width: 100%; float: left; padding-top: 20px; margin-bottom: 13px; }

.mobileCalendar .filterPromoArea { width: 100%; float: left; }

.mobileCalendar .filterPromoArea select { padding: 13px; background: #fff; border: none; font-size: 22px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; width: 96%; margin: 0 2% 5px; }

.mobileCalendar .filterPromoArea .calHeaderWrap { width: 100%; float: left; background: #fff; padding: 13px; position: relative; }

.mobileCalendar .filterPromoArea .calHeaderWrap .prevArrow { color: #ef4135; cursor: pointer; font-size: 26px; position: absolute; top: 13px; left: 13px; width: 10%; height: 100%; padding-right: 10px; }
.mobileCalendar .filterPromoArea .calHeaderWrap .prevArrow:after { font-family: FontAwesome; }
.mobileCalendar .filterPromoArea .calHeaderWrap .prevArrow:hover { color: #df1f12; }

.mobileCalendar .filterPromoArea .calHeaderWrap .nextArrow { color: #ef4135; cursor: pointer; font-size: 26px; position: absolute; top: 13px; right: 13px; width: 10%; height: 100%; padding-right: 10px; }
.mobileCalendar .filterPromoArea .calHeaderWrap .nextArrow:after { font-family: FontAwesome; }
.mobileCalendar .filterPromoArea .calHeaderWrap .nextArrow:hover { color: #df1f12; }

.mobileCalendar .filterPromoArea .calHeaderWrap .dayTitle { width: 80%; margin: 0 auto; text-align: center; color: #ef4135; cursor: pointer; font-size: 26px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }
.mobileCalendar .filterPromoArea .calHeaderWrap .dayTitle:after { font-family: FontAwesome; padding-left: 10px; }
.mobileCalendar .filterPromoArea .calHeaderWrap .dayTitle:hover { color: #df1f12; }

.mobileCalendar .filterPromoArea .ui-datepicker { border: none; border-radius: 0; padding: 13px; width: 100%; float: left; }

.mobileCalendar .filterPromoArea .ui-datepicker-title span { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 18px; }

.mobileCalendar .filterPromoArea .ui-datepicker-title .ui-datepicker-year { color: #afafaf; }

.mobileCalendar .filterPromoArea .heading span { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; color: #fff; font-size: 16px; }

.mobileCalendar .filterPromoArea .closeControl { cursor: pointer; position: absolute; top: 4px; right: 10px; }
.mobileCalendar .filterPromoArea .closeControl:hover { color: #999; }

.mobileCalendar .filterPromoArea .ui-datepicker-header { color: #fff; background: #222; border: none; border-radius: 0; }

.mobileCalendar .filterPromoArea .ui-datepicker table { border: 1px solid #222; }

.mobileCalendar .filterPromoArea .ui-datepicker-calendar thead tr, .mobileCalendar .filterPromoArea .ui-datepicker-calendar tbody tr:nth-child(even) { background: #eee; }

.mobileCalendar .filterPromoArea .ui-datepicker th, .miniCal .ui-datepicker td { padding: 0; }

.mobileCalendar .filterPromoArea .ui-datepicker th span, .miniCal .ui-datepicker td span, .miniCal .ui-datepicker td a { padding: 5px 0; display: block; }

.mobileCalendar .filterPromoArea .ui-datepicker th { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.mobileCalendar .filterPromoArea .ui-datepicker td { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; padding: 3px; }

.mobileCalendar .filterPromoArea .ui-datepicker-current-day a { color: #fff; background: #ccc; }

.mobileCalendar .filterPromoArea .ui-state-default { background: none; border: none; text-align: center; padding: 0; }

.mobileCalendar .filterPromoArea .ui-state-hover { color: #fff; background: #ef4135; }

.mobileCalendar .filterPromoArea .ui-datepicker-prev, .mobileCalendar .filterPromoArea .ui-datepicker-next { top: 3px; border: none; background: #fff; }
.mobileCalendar .filterPromoArea .ui-datepicker-prev:hover, .mobileCalendar .filterPromoArea .ui-datepicker-next:hover { background: #ef4135; top: 3px; }

.mobileCalendar .filterPromoArea .ui-datepicker-prev { left: 4px; }

.mobileCalendar .filterPromoArea .ui-datepicker-next { right: 4px; }

.mobileCalendar .filterPromoArea .ui-datepicker .ui-icon { cursor: pointer; }

.mobileCalendar .filterPromoArea .hasDatepicker #closeDatePicker { position: absolute; top: 0; right: 7px; background: none; }
.mobileCalendar .filterPromoArea .hasDatepicker #closeDatePicker:hover { color: #999; }

.mobileCalendar .noCalendarItemsMessage { padding: 13px; background: #fff; font-size: 16px; color: #7e7e7e; width: 100%; float: left; }

.mobileCalendar .mobileCalList { width: 100%; float: left; background: #fff; padding-top: 13px; }

.mobileCalendar .mobileCalList li.venueBar { padding: 5px 13px; background: #001111; font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; width: 100%; }

.mobileCalendar .mobileCalList li.performanceLink { padding: 13px; width: 100%; float: left; position: relative; }
.mobileCalendar .mobileCalList li.performanceLink a img { width: 50%; padding-right: 3%; float: left; }
.mobileCalendar .mobileCalList li.performanceLink a .showInfo { float: left; width: 47%; font-size: 18px; }
.mobileCalendar .mobileCalList li.performanceLink a .showInfo:after { font-family: FontAwesome; color: #001111; position: absolute; right: 13px; top: 40%; }
.mobileCalendar .mobileCalList li.performanceLink a .showInfo span { display: block; }
.mobileCalendar .mobileCalList li.performanceLink a .showInfo span:first-child { color: #001111; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }
.mobileCalendar .mobileCalList li.performanceLink a .showInfo span:last-child { color: #ef4135; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px !important; }

/* --------------------- TOOLTIP --------------------- */
#calendarTable td .performanceToolTip { display: none; position: absolute; z-index: 999; top: 0; left: 100%; }

#calendarTable td .performanceToolTip { background: #001111; color: #fff; width: 385px; float: left; padding: 20px 15px; margin: 0; font-size: 12px; }

#calendarTable td .performanceToolTip:before { content: ''; position: absolute; display: block; height: 20px; width: 10px; top: 50px; left: -10px; background: url(/Static/img/tooltip_arrow.png) no-repeat; }

#calendarTable td .performanceToolTip h3 { font: normal 14px TradeGothicCond, Helvetica, Arial, sans-serif; }

#calendarTable td .performanceToolTip.fromLeft .tooltipWrap:before { left: auto; right: -9px; background: url(/Static/img/tooltip_arrow_right.png) no-repeat; }

#calendarTable td .performanceToolTip .btn { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; }

#calendarTable td .performanceToolTip .btn:hover { cursor: pointer; }

#calendarTable td .performanceToolTip span { text-decoration: none; }

.closeButton, .calendarWrap #closeDatePicker { position: absolute; cursor: pointer; top: -10px; right: -28px; display: block; height: 20px; width: 20px; overflow: hidden; background: #9CB226; color: #fff; text-align: center; /*font-weight: bold!important;*/ }

.calendarWrap #closeDatePicker:hover { background: #728319; }

.closeButton:hover, .calendarWrap #closeDatePicker:hover { background-position: 0 100%; }
.productionRow>span:first-child {
    width: 100%;
    display: block;
}
#calendarTable td .productionRow{ position: relative;float: left; width: 100%; padding: 10px 10px 0 10px; line-height: 18.2px;}
#calendarTable td .performanceRow { position: relative; float: left; width: 50%;}
#calendarTable td .productionRow:last-child { padding-bottom: 10px; }


.popover-title { margin: 0; }

#calendarTable td .performanceRow .performanceTime label { cursor: pointer; }

#calendarPage .popover.calendarPopUp { position: absolute !important; width: 100%; min-width: 300px; display: block; float: none; z-index: 1000; margin-left: 7px; -webkit-box-shadow: none; box-shadow: none; background: #001111; color: #fff; left: 100% !important; border-radius: 0px; padding: 0px; border: none; }

#calendarPage .popover.calendarPopUp.left { right: 100% !important; left: auto !important; }

#calendarPage .popover.calendarPopUp.right .arrow { width: auto; float: none; border-right-color: #001111 !important; top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; }

#calendarPage .popover.calendarPopUp.right .arrow:after { border-right-color: #001111 !important; }

#calendarPage .popover.calendarPopUp.left .arrow { width: auto; float: none; border-left-color: #001111 !important; }

#calendarPage .popover.calendarPopUp.left .arrow:after { border-left-color: #001111 !important; }

#calendarPage .popover.calendarPopUp .popover-content { float: none; display: block; text-decoration: none; height: 100%; padding: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#calendarPage .popover.calendarPopUp .popover-content img { margin-bottom: 10px; width: 100%; }

#calendarPage .popover.calendarPopUp .popover-content .lead { font-size: 28px; color: #fff; display: block; line-height: 1.1; margin-bottom: 5px; }

#calendarPage .popover.calendarPopUp .popover-content span { font-size: 15px; color: #fff; display: inline-block; margin-bottom: 15px; line-height: 1.3; }

#calendarPage .popover.calendarPopUp .popover-content span p { line-height: 1.3; }

#calendarPage .popover.calendarPopUp .popover-content hr { display: none; }

#calendarPage .popover.calendarPopUp .popover-content .buttons { display: inline-block; height: 100%; width: 100%; margin-top: 10px; }

#calendarPage .popover.calendarPopUp .popover-content .buttons .btn {display: block;border: solid 4px white;text-align: center;padding: 10px 8px;font-size: 16px;color: white;background-color: #ef4135;float: left;width: auto;margin-right: 13px;}
#calendarPage .popover.calendarPopUp .popover-content .buttons .btn:last-child { margin-right: 0; }
#calendarPage .popover.calendarPopUp .popover-content .buttons .btn:after { content: ''; }
#calendarPage .popover.calendarPopUp .popover-content .buttons .btn:hover {     background-color: #df1f12;}


/* --------------------- Reserve Page ---------------------*/
#reserveSelectSeats .calendarWrap { display: none; }

#reserveSelectSeats #selectedPerformance { float: left; border-bottom: solid 3px #7e7e7e; width: 100%;              padding: 13px 0;}



#reserveSelectSeats #selectedPerformance .performanceInfo { float: left; width: 100%; }

#reserveSelectSeats #selectedPerformance h4 a { font-size: 27px; display: block; padding: 0 0 10px; font-weight: 400;    font-family: 'Knockout 31 A', 'Knockout 31 B'; }

#reserveSelectSeats #selectedPerformance h5 { font-size: 18px; color: #000; display: block; }

#reserveSelectSeats #selectedPerformance .changePrefBtn.btn { color: white; border-color: #ef4135; display: block; width: 220px; margin: 10px 0 0 0; display:inline-block }
#reserveSelectSeats #selectedPerformance .changePrefBtn.btn:hover { background-color: #df1f12; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap { padding: 20px 10px 10px; background: #ef4135; position: absolute; z-index: 500; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .hasDatepicker { margin-top: 8px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker { border: none; border-radius: 0; padding: 0; width:280px;}
.ui-datepicker-inline.ui-datepicker table {margin:0;}
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-title span { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 18px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .heading span { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; color: #fff; font-size: 16px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .closeControl { cursor: pointer; position: absolute; top: 4px; right: 10px; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .closeControl:hover { color: #999; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-header { color: #fff; background: #222; border: none; border-radius: 0; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-calendar thead tr, .miniCal .ui-datepicker-calendar tbody tr:nth-child(even) { background: #eee; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker th, .miniCal .ui-datepicker td { padding: 0; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker th span, .miniCal .ui-datepicker td span, .miniCal .ui-datepicker td a { padding: 5px 0; display: block; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker th { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker td { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal;     background-color: #EF4136;
    color: white;}

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-current-day a { color: #fff; /* background: #F7F7F7; */}

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-state-default { background: none; border: none; text-align: center; padding: 0; color: #212121; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker td.ui-state-disabled {background-color: white;}

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap table .ui-state-hover { color: #fff; background: #EF4136; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-prev, .miniCal .ui-datepicker-next { top: 3px; border: none; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-prev:hover, .miniCal .ui-datepicker-next:hover { background: #888; top: 3px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-prev { left: 4px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker-next { right: 4px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .ui-datepicker .ui-icon { cursor: pointer; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .heading { margin-bottom: 5px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot { cursor: default; background: #fff; padding: 13px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot .selectedDateHeader { font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot ul li { padding: 5px 0; font-size: 16px; cursor: pointer; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot ul li:before { font-family: FontAwesome; color: #ef4135; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .timeSlot ul li:hover:before { font-family: FontAwesome; color: #ef4135; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .hasDatepicker #closeDatePicker { position: absolute; text-transform: uppercase; top: 0; right: 7px; background: none; font-size: 16px; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap .hasDatepicker #closeDatePicker:hover { color: #999; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap #changeDateDatepickerTimes { background: #fff; margin: 10px 0 0; padding: 13px; }

#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap #changeDateDatepickerTimes .syos-calendar-performance-time { font-size: 16px; cursor: pointer; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap #changeDateDatepickerTimes .syos-calendar-performance-time:before { font-family: FontAwesome; padding-right: 5px; color: #ef4135; }
#reserveSelectSeats #selectedPerformance .performanceInfo .calendarWrap #changeDateDatepickerTimes .syos-calendar-performance-time:hover:before { font-family: FontAwesome; color: #ef4135; }

#selectedPerformance .promoMessage { float: left; width: 100%; }
#selectedPerformance .promoMessage p { color: red; font-style: italic; margin-top: 13px; height: auto; margin-bottom: 0; }

#reserveSelectSeats .formSection #enterPromoCode input[type="text"] { width: 225px; border: none; background: #ccc; padding: 7px 10px; }

#reserveSelectSeats .formSection #enterPromoCode .btn { width: auto; border: none; background: #ef4135; padding: 7px 15px; margin-left: 10px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; font-size: 16px; color: #fff; }
#reserveSelectSeats .formSection #enterPromoCode .btn:hover { background: #df1f12; }

#reserveSelectSeats .promoLinkWrapper { float: left; border-bottom: 3px solid #7e7e7e; width: 100%; padding: 13px 0; }

#reserveSelectSeats .formSection .promo { margin: 0; }

#reserveSelectSeats .formSection #havePromo.btn { color: white; border-color: #ef4135; display: block; float: left; font-size: 20px;  margin: 10px 0 0 0;}
#reserveSelectSeats .formSection #havePromo.btn:after { font-family: FontAwesome; font-size: 16px; right: 20px; position: absolute; top: 10px; }
    #reserveSelectSeats .formSection #havePromo.btn:hover {
        background-color: #df1f12;
    }

#reserveSelectSeats .formSection #havePromo.btn div p { margin: 0; padding: 0; font-size:19px;    font-family: 'Knockout 30 A', 'Knockout 30 B';}

#reserveSelectSeats .formSection .promoWhatsThisLink { font-size: 16px; margin: 0 auto; float: left; padding: 14px; text-decoration: underline; }

#reserveSelectSeats .syosWrapper { padding: 13px 0; float: left; width: 100%; }

#reserveSelectSeats .syosWrapper img { width: 100%; }

#reserveSelectSeats .syosWrapper .nav-tabs { width: 100%; }



#reserveSelectSeats .promoLinkWrapper .formSection .promoDesc { font-size: 16px; margin-bottom: 13px; }
#reserveSelectSeats .promoLinkWrapper .formSection .promoDesc span { padding-right: 20px; }
#reserveSelectSeats .promoLinkWrapper .formSection .promoDesc span a { padding: 5px 10px; color: #fff; background: #ef4135; display: inline-block; width: auto; font-size: 14px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

#reserveSelectSeats .promoLinkWrapper .promoDisplay .eligible { font-size: 16px; width: 100%; float: left; margin-bottom: 7px; }
#reserveSelectSeats .promoLinkWrapper .promoDisplay .eligible select { border: solid 2px #c6c6c6; width: auto; padding: 3px; }

#reserveSelectSeats .promoLinkWrapper .promoDisplay .promoMessage { font-size: 16px; width: 100%; float: left; color: #838383; font-style: italic; }
#reserveSelectSeats .promoLinkWrapper .promoDisplay .promoMessage p { margin-bottom: 0; }

#bestAvailableTable { width: 100%; float: left; margin-bottom: 20px; }

#bestAvailableTable ul { width: 100%; float: left; }

#bestAvailableTable ul li { float: left; /*width:20%;*/ }

#bestAvailableTable ul.tableHead { font-size: 18px; padding: 10px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; background: #f5f5f5; }

#bestAvailableTable ul.tableBody { font-size: 16px; padding: 10px; border-bottom: 1px solid #7e7e7e; margin: 5px 0; }

#bestAvailableTable ul.tableBody li .radio { margin: -2px 5px 0 0; }

#bestAvailableTable ul.tableFoot { font-size: 16px; padding: 10px; }
#bestAvailableTable ul.tableFoot li:first-child { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; text-align: right; padding-right: 13px; }
#bestAvailableTable ul.tableFoot select { border: solid 2px #c6c6c6; width: auto; padding: 3px; }

#reserveSelectSeats .syosWrapper #bestAvail div p { display: block; font-size: 16px; background-color: #d9d9d9; padding: 13px; }

#reserveSelectSeats .syosWrapper #bestAvail table tr td .radio { margin: -3px 5px 0 0; }

#reserveSelectSeats .syosWrapper .btn.bestAvailableButton { display: block; background: #ef4135; border: none; color: #fff; width: 200px; margin: 10px 0 20px 0; }
#reserveSelectSeats .syosWrapper .btn.bestAvailableButton:hover { background: #df1f12; }

#reserveSelectSeats .syosWrapper #bestAvail .errorBox { position: fixed; color: white !important; z-index: 1100000; /*min-width: 805px;*/ bottom: 0; left: 0; width: 100%; text-align: center; background: #ef4135; background: rgba(239, 65, 53, 0.95); padding: 20px 0; color: #fff; font-size: 18px; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
#reserveSelectSeats .syosWrapper .errorBox p { background-color: inherit !important; color: white; }

.mapImageModal { display: none; }

.mapImageModal .modal.btn { padding: 5px 45px 5px 10px; margin-top: 40px; display: block; width: 200px; }

.mapImageModal #myModal.reveal-modal { text-align: center !important; }

#reserveSelectSeats .syosWrapper #syosOnPage { width: 100%; float: left; }

#reserveSelectSeats .formSection .errorMsg { display: none; }

#reserveSelectSeats .formSection .promoWhatsThisContent { display: none; }

/* --------------------- PAYMENT --------------------- */
#paymentContainer #paymentMainDisplay #cartParkingArea { width: 100%; }

#paymentContainer #checkoutOptions { width: 100%; float: left; clear: both; padding: 13px 0; border-bottom: 3px solid #7e7e7e; }

#subscriptionBuilder #paymentContainer .miniCart { font-size: 18px; width: 100%; float: left; }

#subscriptionBuilder #paymentContainer .cartHead { width: 100%; float: left; border-top: 3px solid #7e7e7e; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#subscriptionBuilder #paymentContainer .cartHead li { width: 20%; float: left; padding: 10px; }

#subscriptionBuilder #paymentContainer .miniCart .cartBody { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin-bottom: 20px; }

#subscriptionBuilder #paymentContainer .miniCart .cartBody li { width: 20%; float: left; padding: 10px; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li:last-child { width: 40%; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li .remove.lTeal { border: 2px solid #ef4135; padding: 1px 5px; font-size: 14px; margin-right: 5px; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li ul { padding: 0; margin: 0; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .priceTickets, #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .seatingTickets { float: left; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .priceTickets:first-child, #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .seatingTickets:first-child { width: 50%; }
#subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .priceTickets:last-child, #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .seatingTickets:last-child { width: 50%; padding-left: 10px; }

#paymentContainer #checkoutOptions .step .giftCard { float: left; width: 100%; clear: both; padding-bottom: 13px; }

#paymentContainer #checkoutOptions .step .giftCard label { font-size: 18px; width: 30%; float: left; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#paymentContainer #checkoutOptions .step .giftCard input { width: 40%; float: left; border: none; background: #ccc; padding: 8px 10px; }

#paymentContainer #checkoutOptions .step .giftCard a { width: 20%; float: left; padding: 4px 45px 5px 10px; font-size: 16px; margin-top: 1px; margin-left: 5%; border: none; }
#paymentContainer #checkoutOptions .step .giftCard a:hover { background-color: #df1f12; }

#paymentContainer #checkoutOptions .step .giftCard .giftDesc { display: none; }

#paymentContainer #checkoutOptions .step .creditCard { float: left; width: 100%; clear: both; padding-bottom: 13px; }

#paymentContainer #checkoutOptions .step .creditCard ul { width: 100%; float: left; }

#paymentContainer #checkoutOptions .step .creditCard ul li { width: 100%; float: left; padding-bottom: 10px; }

#paymentContainer #checkoutOptions .step .creditCard .expr select { width: 13%; margin-right: 2%; }

#paymentContainer #checkoutOptions .step .creditCard .expr label.cvv { width: 13%; text-align: right; margin-right: 2%; }

#paymentContainer #checkoutOptions .step .creditCard .expr input { width: 20%; float: left; }

#paymentContainer #checkoutOptions .step .errorMsg { display: block; width: 70%; float: left; margin-left: 30%; color: red; }

#paymentContainer #checkoutOptions .step label { font-size: 18px; width: 30%; float: left; padding-top: 5px; }

#paymentContainer #checkoutOptions .step input { width: 65%; float: left; border: none; background: #ccc; padding: 7px 10px; }

#paymentContainer #checkoutOptions .step select { width: 65%; float: left; border: solid 2px #c6c6c6; padding: 3px; }

#paymentContainer #checkoutOptions .addressBilling .name, #paymentContainer #checkoutOptions .addressBilling address, #paymentContainer #checkoutOptions .addressBilling a { font-size: 16px; overflow: hidden; }

#paymentContainer #checkoutOptions .addressShipping .name, #paymentContainer #checkoutOptions .addressShipping address, #paymentContainer #checkoutOptions .addressShipping a { font-size: 16px; overflow: hidden; }

#paymentContainer #checkoutOptions .addressShipping ul { float: left; width: 100%; margin-bottom: 10px; }

#paymentContainer #checkoutOptions .addressShipping ul li { float: left; width: 100%; padding-bottom: 5px; }

#paymentContainer #checkoutOptions .addressShipping ul li div { float: left; margin: 3px 5px 0 0; }
#paymentContainer #checkoutOptions .addressShipping ul li input[type="radio"] { width: auto; }

#paymentContainer #checkoutOptions .addressShipping ul li label { font-size: 18px; width: auto; float: left; padding: 0; }

#paymentContainer #checkoutOptions .addressShipping #pnlShippingAddress { float: left; width: 100%; }

#paymentContainer #checkoutOptions .commentsWrapper { clear: both; padding: 13px 0; border-top: 3px solid #7e7e7e; float: left; width: 100%; }

#paymentContainer #checkoutOptions .paymentPlan span strong { font-size: 18px; display: block; }

#paymentContainer #checkoutOptions .paymentPlan span { width: 90%; float: left; font-size: 16px; line-height: 1.3; }

#paymentContainer #checkoutOptions .paymentPlan .checker span { width: 100%; float: left; }

#paymentContainer #checkoutOptions .orderComments p { font-size: 14px; }
#paymentContainer #checkoutOptions .orderComments p:last-child { display: none; }

#paymentContainer #checkoutOptions .orderComments textarea { width: 100%; min-height: 100px; border: none; background: #ccc; padding: 7px 10px; resize: vertical; }

#paymentContainer #cartActions { float: left; width: 100%; clear: both; }

#paymentContainer #cartActions .orderSubTotal { padding: 13px; border-left: 1px solid #7e7e7e; border-bottom: 1px solid #7e7e7e; }

#paymentContainer #cartActions .orderSubTotal ul li { width: 100%; float: left; padding-bottom: 10px; }

#paymentContainer #cartActions .orderSubTotal ul li label { font-size: 18px; float: left; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; width: 50%; }

#paymentContainer #cartActions .orderSubTotal ul li span { font-size: 18px; float: right; width: 50%; text-align: right; }

#paymentContainer #cartActions .donationDescription p { font-size: 14px; line-height: 1.4; }

#paymentContainer #cartActions ul .suggestedDonation { width: 50%; float: right; padding: 13px 0; }

#paymentContainer #cartActions ul .suggestedDonation label { font-size: 18px; float: left; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; width: 62%; padding-top: 5px; }

#paymentContainer #cartActions ul .suggestedDonation input { width: 20%; margin-right: 3%; float: left; border: none; background: #ccc; padding: 7px 10px; }

#paymentContainer #cartActions ul .suggestedDonation .textLink { width: 70px; float: left; color: #666; padding-left: 5px; padding-top: 5px; font-size: 13px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

#paymentContainer #cartActions ul .suggestedDonation .btn.solid { width: 13%; float: left; font-size: 14px; padding: 4px 30px 5px 10px; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; border: none; }
#paymentContainer #cartActions ul .suggestedDonation .btn.solid:hover { background-color: #df1f12; }

#paymentContainer #cartActions ul .donationTotalWrap { width: 100%; float: left; border-top: 1px solid #7e7e7e; }

#paymentContainer #cartActions ul .donationTotalWrap .totalBoxWrap { width: 50%; background: #eee; float: right; padding: 10px; }

#paymentContainer #cartActions ul .donationTotalWrap .totalBoxWrap span { width: 50%; float: left; font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }
#paymentContainer #cartActions ul .donationTotalWrap .totalBoxWrap span:last-child { text-align: right; }

#paymentContainer .continueBtn.checkoutBtns { width: 100%; float: left; padding: 13px 0; }

#paymentContainer .continueBtn.checkoutBtns .btn.solid.btnStandOut { width: auto; float: right; border: none; margin-left: 10px; }
#paymentContainer .continueBtn.checkoutBtns .btn.solid.btnStandOut:hover { background-color: #df1f12; }

#paymentContainer .magazineOffer { width: auto; border: none; margin-top: 13px; }

#paymentContainer .magazineOffer h3 { margin-bottom: 0; font-size: 18px; }

#paymentContainer .magazineOffer ul { padding: 13px 0; }
#paymentContainer .magazineOffer ul li { padding-left: 28px; text-indent: -28px; }
#paymentContainer .magazineOffer ul li:last-child { margin-top: 13px; }

.checkoutError.errorBox { width: 100%; float: left; }

.checkoutError.errorBox p { color: red; font-size: 16px; margin: 0 auto; padding: 20px 0; }
.checkoutError.errorBox p:last-child { display: none; }

.loadingContainer .loadingMessage { min-width: 300px; max-width: 350px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 50%; margin-top: 13px; margin-left: -175px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }

.loadingContainer { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 110000; }

.loadingSpinner { position: fixed; top: 50%; left: 50%; margin: -75px 0 0 -38px; z-index: 9999; /*display: none;*/ width: 75px; }

/* Address Edit Pop Up */
.selectNewSectionContainer { margin: auto !important; position: absolute !important; top: 13px !important; left: 0 !important; right: 0 !important; max-width: 550px; background: #001111; }

.subsModalInner { position: relative; float: left; padding: 13px; margin: 13px; background: #fff; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; }

.subsModalInner .packageDescription { position: static; opacity: 1; }

.subsModalInner .packageDescription h2 { color: #ef4135; padding: 0 0 13px 0; margin: 0; text-align: left; }

.subsModalContent { overflow-x: hidden; overflow-y: auto; }
    .subsModalContent.notice { color:black; }
.subsModalContent .oldAddress { font-size: 16px; margin-bottom: 13px; }

.subsModalContent .oldAddress h4 { font-size: 16px; margin: 00 0 2px 0; }

.subsModalContent .oldAddress a { float: left; width: auto; margin: 10px 0 20px 0; }

.subsModalContent .newAddress { width: 100%; float: left; }

.subsModalContent .newAddress ul li { padding-bottom: 10px; float: left; width: 100%; }

.subsModalContent .newAddress ul li label { font-size: 16px; width: 25%; float: left; padding-top: 3px; }

.subsModalContent .newAddress ul li input { width: 70%; margin-left: 5%; float: left; border: none; background: #ccc; padding: 7px 10px; }

.subsModalContent .newAddress ul li select { width: 70%; margin-left: 5%; float: left; border: solid 2px #c6c6c6; padding: 3px; }

.subsModalContent #addresses label { margin-left: 10px; }

#subscriptionBuilder .selectNewSectionContainer .continueBtn { padding: 15px 0 7px; }

#subscriptionBuilder .selectNewSectionContainer .continueBtn .btn.btnCancel { color: #666; border-color: #666; }

#paymentContainer .miniCart .giftCertCartHead { width: 100%; float: left; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#paymentContainer .miniCart .giftCertCartHead li { width: 25%; float: left; padding: 10px; }

/* --------------------- CART --------------------- */
#subscriptionBuilder #cartContainer .miniCart { font-size: 18px; width: 100%;  }

#subscriptionBuilder #cartContainer .cartHead { width: 100%; float: left; border-top: 3px solid #7e7e7e; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#subscriptionBuilder #cartContainer .cartHead li { width: 20%; float: left; padding: 10px; }

#subscriptionBuilder #cartContainer .cartHead li:last-child { padding-left: 0; }

#subscriptionBuilder #cartContainer .miniCart .cartBody { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin-bottom: 20px; }

#subscriptionBuilder #cartContainer .miniCart .cartBody li { width: 20%; float: left; padding: 10px; }
#subscriptionBuilder #cartContainer .miniCart .cartBody li:first-child { text-indent: -32px; padding-left: 40px; }
#subscriptionBuilder #cartContainer .miniCart .cartBody li:last-child { width: 40%; }
#subscriptionBuilder #cartContainer .miniCart .cartBody li .remove.lTeal { border: 2px solid #ef4135; padding: 1px 5px; font-size: 14px; margin-right: 5px; }
#subscriptionBuilder #cartContainer .miniCart .cartBody li ul { padding: 0; margin: 0; }
#subscriptionBuilder #cartContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0 !important; text-indent: 0 !important; }
#subscriptionBuilder #cartContainer .miniCart .cartBody li ul li .priceTickets, #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li .seatingTickets { float: left; width: 50%; }

#subscriptionBuilder #cartContainer #cartActions { float: left; margin-top: 50px; width: 50%; margin-left: 50%; padding: 13px; border-left: 1px solid #7e7e7e; border-bottom: 1px solid #7e7e7e; }

#subscriptionBuilder #cartContainer #cartActions ul li { width: 100%; float: left; padding-bottom: 10px; }

#subscriptionBuilder #cartContainer #cartActions ul li label { font-size: 18px; float: left; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; width: 50%; }

#subscriptionBuilder #cartContainer #cartActions ul li span { font-size: 18px; float: right; width: 50%; text-align: right; }

#subscriptionBuilder .continueBtn.checkoutBtns { width: 100%; float: left; padding: 13px 0; }

#subscriptionBuilder .continueBtn.checkoutBtns .btn.solid.btnStandOut { width: auto; float: right; border: none; margin-left: 10px; }
#subscriptionBuilder .continueBtn.checkoutBtns .btn.solid.btnStandOut:hover { background-color: #df1f12; }

#cartContainer #cartParkingArea { width: 50%; margin-left: 50%; border-top: solid 3px #838383; margin-top: 30px; padding: 13px; float: left; }

#cartContainer #cartParkingArea .addOnDescription p { font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; color: #ef4135; }

#cartContainer #cartParkingArea .selectQty label { float: left; font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#cartContainer #cartParkingArea .selectQty select { float: right; border: solid 2px #c6c6c6; width: auto; padding: 3px; }

#cartContainer #cartParkingArea .selectQty .parkingSubTotal { font-size: 18px; float: left; width: 100%; padding: 10px 0; }
#cartContainer #cartParkingArea .selectQty .parkingSubTotal label { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }
#cartContainer #cartParkingArea .selectQty .parkingSubTotal span { float: right; }

#cartContainer .alert.alert-error { float: left; width: 50%; margin-left: 50%; color: red; padding: 0 13px; font-size: 16px; }

#cartContainer .miniCart .giftCertCartHead { width: 100%; float: left; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#cartContainer .miniCart .giftCertCartHead li { width: 25%; float: left; padding: 10px; }

/* --------------------- Register --------------------- */
#registerControl .validatorVisible { display: inline !important; top: -5px; }

#registerControl .span12 h2 { margin-bottom: 20px; }

#registerControl .leftRegister { display: inline-block; margin-bottom: 20px; float: left; }

#registerControl .leftRegister .formSection { margin-top: 0 !important; }

#registerControl .rightRegister { display: inline-block; margin-bottom: 30px; float: right; }

#registerControl .rightRegister .billAddress { padding-bottom: 20px; }

#registerControl .rightRegister .billAddress a { display: block; }

#registerControl .rightRegister .mailingAddress { padding-bottom: 20px; }

#registerControl .checkList { float: left; clear: both; width: 100%; }

#registerControl .checkList input { margin-right: 7px; margin-top: 0; float: left; }

#registerControl .checkList li { background: none; padding-left: 0; padding-bottom: 5px; float: left; width: 100%; }

#registerControl .checkList li label { font-size: 14px; float: left; line-height: 16px; margin-bottom: 1px; color: #333; width: 151px; width: 87%; }

#registerControl .form li label { font-size: 16px; width: 35%; float: left; }

#registerControl .form input, #registerControl .form select, #registerControl #enterPromoCode input, #courseRegister input, #courseRegister select { border-radius: 0; border: solid 2px #c6c6c6; padding: 3px; }

#registerControl .form input { width: 60%; line-height: 1.5em; margin: 0; }

#registerControl .form li { padding-bottom: 10px; }

#registerControl .form li .rightCol { padding-top: 10px; }

#registerControl .form li .rightCol select { margin: 0; }

#registerControl .submitRegister { width: 50%; padding: 13px 0; }

#registerControl .submitRegister .formSection a { width: 35%; font-size: 16px; float: left; padding-top: 3px; }

#registerControl .submitRegister .formSection input { width: 60%; float: left; }

#registerControl .registerSubmitBtn { width: 100%; float: left; }

#registerControl .btn { font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; margin: 13px 15px 0 0; float: left; width: auto; clear: right; }
#registerControl .btn:after { font-family: FontAwesome; font-size: 16px; right: 20px; position: absolute; top: 10px; }

#registerControl .errorMsg { margin-left: 35%; text-decoration: none; color: #ef4135; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }

#registerControl .errorBox p { color: red; font-size: 16px; }

/* --------------------- CFS Gift Certificates --------------------- */
.giftCerts p { font-size: 16px; }
.giftCerts p strong { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.giftCerts .chooseDesign { width: 100%; float: left; padding-bottom: 13px; margin-bottom: 13px; border-bottom: solid 3px #7e7e7e; }

.giftCerts .chooseDesign .thumbnails li { width: 50%; float: left; padding: 13px; }

.giftCerts .chooseDesign .thumbnails .thumbnail { padding: 13px; cursor: pointer; }
.giftCerts .chooseDesign .thumbnails .thumbnail:hover { background: #eee; }

.giftCertCurrent { background: #eee; }

.giftCerts .chooseDesign .thumbnails p { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 22px; color: #ef4135; margin: 5px 0; }

.giftCerts .customizeGiftCert { width: 100%; float: left; padding: 13px 0; margin-bottom: 13px; }

.giftCerts .customizeGiftCert label { font-size: 18px; width: 30%; float: left; padding-top: 5px; }

.giftCerts .customizeGiftCert input[type="text"] { width: 65%; float: left; border: none; background: #ccc; padding: 7px 10px; margin-bottom: 10px; }

.giftCerts .customizeGiftCert .previewItem { width: 65%; float: left; border: none; background: #ccc; padding: 7px 10px; margin-bottom: 10px; }

.giftCerts .amountRow { width: 100%; float: left; padding: 13px 0; margin-bottom: 13px; border-bottom: solid 3px #7e7e7e; }

.giftCerts .previewRow { width: 100%; float: left; padding: 13px 0; margin-bottom: 13px; border-bottom: solid 1px #7e7e7e; }

.giftCerts .customizeGiftCert .btn.solid.btnStandOut { width: auto; float: right; border: none; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; }
.giftCerts .customizeGiftCert .btn.solid.btnStandOut:after { font-family: FontAwesome; font-size: 16px; right: 20px; position: absolute; }
.giftCerts .customizeGiftCert .btn.solid.btnStandOut:hover { background-color: #df1f12; }

#MainContent_PrimaryContent_ctrlGiftPurchase_valGiftCertificateErrorSummary { color: red; margin: 0 0 15px 5px; }

.giftCertcol span { color: red; font-weight: bold; float: right; margin-right: 13px; }

@media (max-width: 1180px) { .giftCertcol { width: 100%; } }
@media (max-width: 720px) and (min-width: 650px) { .giftCerts .customizeGiftCert input[type="text"], .giftCerts .customizeGiftCert .previewItem { width: 60%; }
  .giftCerts .customizeGiftCert label { font-size: 14px; } }
/* --------------------- DONATION PAGE --------------------- */
#considerDonation { clear: both; width: 100%; display: inline-block; }

#donationCallout { width: 45%; margin-right: 10%; float: left; }

#donationCallout p { font-size: 16px; font-size: 16px; line-height: 1.5; }

#donationEffect { width: 45%; float: left; }

#donationEffect ul { float: left; width: 100%; border-left: 1px solid #000; padding: 0 13px; border-bottom: 1px solid #000; margin-bottom: 30px; }

#donationEffect ul li { padding-bottom: 10px; float: left; width: 100%; }

#donationEffect ul li label { padding-top: 5px; font-size: 18px; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; width: 50%; float: left; }

#donationEffect ul li div { width: 50%; float: right; font-size: 18px; text-align: right; }
#donationEffect ul li div input { width: 100%; border: none; background: #ccc; padding: 7px 10px; }

#donationEffect .recognition p { color: #ef4135; width: 50%; margin-left: 50%; padding-top: 5px; display: block; font-size: 13px; clear: both; line-height: 1.3; }

#donationEffect #donationDecision { width: 100%; float: left; }

#donationEffect #donationDecision .btn.solid.btnStandOut { float: right; display: block; clear: both; }

#donationEffect #donationDecision .textLink { float: right; color: #666; font-size: 16px; display: block; clear: both; padding-top: 10px; }

.errorBox p { color: red; font-size: 16px; }

/* --------------------- CONFIRMATION --------------------- */
#confirmationContainer p { font-size: 16px; }

#confirmationContainer #confirmationOptions { float: left; width: 100%; margin-bottom: 13px; padding-top: 20px; }

#confirmationContainer #confirmationOptions .orderNumber { color: #ef4135; }

#confirmationContainer #confirmationOptions .step { float: left; width: 22%; padding-top: 10px; position: relative; border-top: 2px solid #ccc; font-size: 15px; line-height: 1.4; margin-right: 3%; }
#confirmationContainer #confirmationOptions .step p { font-size: 15px; }

#confirmationContainer #cartItemDisplay { float: left; width: 100%; margin-bottom: 13px; }

#confirmationContainer #cartItemDisplay ul li { padding-bottom: 10px; }

/*#confirmationContainer #cartItemDisplay ul li .packageArea {background:#eee; padding:10px;
	h2 {padding:0;}
	table tr td {padding:0;}}*/
#confirmationContainer .cartHead { width: 100%; float: left; border-top: 3px solid #7e7e7e; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#confirmationContainer .cartHead li { width: 20%; float: left; padding: 10px; }

#confirmationContainer .miniCart .cartBody { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin-bottom: 20px; }

#confirmationContainer .miniCart .cartBody li { width: 20%; float: left; padding: 10px; }
#confirmationContainer .miniCart .cartBody li:last-child { width: 40%; }
#confirmationContainer .miniCart .cartBody li .remove.lTeal { border: 2px solid #ef4135; padding: 1px 5px; font-size: 14px; margin-right: 5px; }
#confirmationContainer .miniCart .cartBody li ul { padding: 0; margin: 0; }
#confirmationContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0; }
#confirmationContainer .miniCart .cartBody li ul li .priceTickets, #confirmationContainer .miniCart .cartBody li ul li .seatingTickets { float: left; }
#confirmationContainer .miniCart .cartBody li ul li .priceTickets:first-child, #confirmationContainer .miniCart .cartBody li ul li .seatingTickets:first-child { width: 50%; }
#confirmationContainer .miniCart .cartBody li ul li .priceTickets:last-child, #confirmationContainer .miniCart .cartBody li ul li .seatingTickets:last-child { width: 50%; padding-left: 10px; }

.packageArea.donationLine { float: left; width: 100%; }

.packageArea.donationLine .packageCart .headerTr { padding-bottom: 0 !important; width: 100%; float: left; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

.packageArea.donationLine .packageCart .headerTr span { width: 20%; float: left; padding: 10px; }

.packageArea.donationLine .packageCart .perfRow { width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin-bottom: 20px; }

.packageArea.donationLine .packageCart .perfRow span { width: 20%; float: left; padding: 10px; }

/*maybe hide?*/
.packageArea.donationLine .subsFlexHeader { display: none; }

#confirmationContainer #cartActions .unstyled { width: 100%; float: left; padding: 0 10px; }

#confirmationContainer #cartActions .unstyled li { font-size: 16px; padding-bottom: 10px; overflow:hidden;}
#confirmationContainer #cartActions .unstyled li label { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#subscriptionBuilder #cartContainer .miniCart .cartBody.giftCertCart li { width: 25%; }

#confirmationContainer .miniCart .giftCertCartHead { width: 100%; float: left; background: #eee; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

#confirmationContainer .miniCart .giftCertCartHead li { width: 25%; float: left; padding: 10px; }

/* --------------------- MY PROFILE --------------------- */
.ticketHistoryBody p { font-size: 18px; padding-right: 20px; line-height: 1.3; }

#ticketHistoryDisplay { margin-bottom: 5px; width: 100%; float: left; }

#ticketHistoryFooter { width: 100%; float: left; }

#ticketHistoryFooter p { width: 32%; float: left; margin-right: 2%; line-height: 1.4; color: #000; background: #eee; padding: 13px 13px 20px 13px; margin-bottom: 20px; }
#ticketHistoryFooter p:nth-child(3n+3) { margin-right: 0; }

#ticketHistoryDisplay h2 { padding: 10px 0; margin: 0; color: #000; font-size: 22px; width: 100%; float: left; border-bottom: 3px solid #ccc; }

#ticketHistoryDisplay .ticketChart { width: 100%; float: left; }

#ticketHistoryDisplay .ticketChart>*>li { width: 100%; float: left; padding: 13px 0; border-bottom: 1px solid #ccc; font-size: 15px; }
#ticketHistoryDisplay .ticketChart>*>li:last-child { border-bottom: none; margin-bottom: 26px; }
#ticketHistoryDisplay .ticketChart>*>li h3 { font-size: 18px;}
#ticketHistoryDisplay .ticketChart>*>li .subLabel { padding-right: 10px; margin-right: 10px; }
#ticketHistoryDisplay .ticketChart>*>li a.exchangeBtn { display: block; }
#ticketHistoryDisplay .ticketChart>*>li a.exchangeBtn:before { font-family: FontAwesome; padding-right: 5px; }
#ticketHistoryDisplay .ticketChart>*>li a.printBtn { display: block; }
#ticketHistoryDisplay .ticketChart>*>li a.printBtn:before { font-family: FontAwesome; padding-right: 5px; }
#ticketHistoryDisplay .ticketChart>*>li .genSeat { display: block; }

#ticketHistoryDisplay .ticketChart>*>li .tableChart { width: 100%; float: left; }

#ticketHistoryDisplay .ticketChart>*>li .tableChart li { width: 100%; float: left; padding: 0; border-bottom: none; }

#ticketHistoryDisplay .imageHolder { display: inline-block; width: 100%; }

#ticketHistoryDisplay .alsoInterested { padding: 13px; background: #f5f5f5; width: 100%; float: left; }
#ticketHistoryDisplay .alsoInterested h2 { border-bottom: none; padding-top: 0; }
#ticketHistoryDisplay .alsoInterested .ticketChart li:last-child { margin-bottom: 0; }

#ticketHistoryDisplay .simplePagerNav li { width: 1px; padding-right: 20px; float: left; }

#ticketHistoryDisplay .simplePagerNav li.currentPage a { color: #ddd; text-decoration: none; }

.myProfileWrap .addressManager { margin: 20px 0; width: 100%; float: left; border-top: 1px solid #ccc; padding: 20px 0; border-bottom: 1px solid #ccc; }

.myProfileWrap .addressManager span { font-size: 16px; display: block; }

.myProfileWrap .addressManager a { display: inline-block; font-size: 14px; padding: 5px 10px 20px 0; }

.myProfileWrap .subsModalContent #addresses label { margin-left: 0; }

.myProfileWrap .subsModalContent .newAddress ul li select { width: 60%; }

.myProfileWrap #registerControl .form li .rightCol { float: left; width: 100%; }

.myProfileWrap #registerControl .continueBtn.updateButton .btn { width: 45%; margin-right: 5%; float: left; clear: none; font-size: 18px; padding: 10px 45px 10px 10px; }

.myProfileWrap #registerControl .btn.btnStandOut { width: auto; }

.myProfileWrap .deleteEdit { color: #666; }

.myProfileWrap .btn.profileAdd { width: 200px; font-size: 18px; margin: 0; padding: 10px 45px 10px 10px; }

.formHeader.accountPages .btn { display: block; float: none; width: 225px; margin-bottom: 20px; }

.subsModalInner .continueBtn.updateButton .btn { width: 45%; margin-right: 5%; float: left; clear: none; font-size: 18px; padding: 10px 45px 10px 10px; }

.loadingCal { width: 100%; height: 49px; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; }

.loading-image { height: 10px; width: 20px !important; z-index: 100; }

#loading { width: 100%; height: 49px; top: 0px; left: 0px; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; }

.calendarMonthDropdown { font-size: 44px; color: #ef4135; float: left; margin: 0; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; background-color: rgba(0, 0, 0, 0.5); border: 3px solid #fff; }

.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover .arrow { border-width: 11px; }

.popover .arrow:after { border-width: 10px; content: ""; }

.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #011; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }

.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }

.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #011; border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }

.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #011; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }

.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }

.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #011; border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }

@media (min-width: 979px) { /* Helper Text to see what media Query is being used */
  .helper:after { content: "LARGE"; }
  .dropdown { display: none !important; }
  .mobileCalendar { display: none; }
  .mobileLogin { display: none; }
  .mobileHome { display: none !important; }
  .interiorPage .generalContentWrapper { min-height: 350px; } }
@media (max-width: 1300px) { .helper:after { content: "LARGE-SMALL"; }
  .popup { top: 130%; left: 0; }
  .popup:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ef4135; left: 20px; top: -20px; }
  .venues .actionBtns { border-bottom: none; }
  .venues .actionBtns a { width: 50%; font-size: 14px; padding: 0 10px 0 0; border-lefT: none; }
  #reserveSelectSeats .syosWrapper #bestAvail .errorBox { padding: 20px 0 20px 199px; } }
@media (max-width: 979px) { /* Helper Text to see what media Query is being used */
  .helper:after { content: "MEDIUM"; }
  .mainContent { max-width: 100%; }
  .textBlock { background: #e3e3e3; border: none; margin-bottom: 10px; }
  .textBlock p { margin: 0; }
  .login input[type=text] { width: 78%; }
  .login input[name*="Username"] { width: 97%; }
  .register a[href*="register"] { float: left; width: 100%; }
  .login .btn, .login .loginPage, .login .gLoginPage { width: 20%;}
  .login .loginMsg, .login .gLoginPage .buttonText  { margin: 0px 25px 0px 0px !important; }  
  .login .loginPage img, .login .gLoginPage img {margin: 0px 0px 0px 5px;}
  .subNav { margin-bottom: 30px; }
  /* xForms */
  .xform input, .xform textarea { padding: 8px; width: 100%; }
  .xform select { width: 100%; }
  .homeWrapper .block.whatsOn { height: auto; }
  .homeWrapper .block.venues { height: auto; }
  .homeWrapper .block.twitterBlock { height: auto; }
  .homeWrapper .block.twitterBlock .actionLinks { position: static; }
  .homeRotatorSlideCaption { width: 100% !important; }
  .venues .actionBtns { padding-top: 10px; border-bottom: solid 2px #ccc; float: left; width: 100%; }
  .venues .actionBtns a { width: 50%; font-size: 16px; position: relative; padding: 0 25px 0 10px; color: #00aeef; border-lefT: solid 2px #ccc; float: left; }
  .locationList .locationDetails { margin-bottom: 10px; }
  .imageMap { float: none; }
  .artistSection { margin: 0 25px 0 0; }
  .artistSection:first-child { margin: 0 25px 0 0; }
  .artistList .artistRow ul li { width: 100%; margin: 0 0 15px; }
  .artistList .artistRow ul li:first-child { margin-bottom: 15px; }
  .artist img { width: 100%; margin: 0 0 15px; }
  .artist h3, .artist > p, .artist .text { width: 100%; clear: left; }
  .venues img { width: 50%; float: left; margin-right: 10px; }
  .venues .location { width: 100%; margin-bottom: 10px; float: left; }
  .venues .info { width: 50%; float: left; }
  .venues h3, .venues h4 { font-size: 16px; padding-left: 15px; }
  .venues h3 { margin-bottom: 5px; }
  .promo.inBlock { width: calc(50% - 6.5px); float: left; }
  .promo.inBlock:nth-child(odd) { float: right; }
  .promoLink { float: right; }
  .playDetailWrapper .showQuote { padding: 20px 60px; border: 6px solid #ef4135; font-size: 32px; text-align: center; color: #ef4135; line-height: 1; position: relative; margin-bottom: 20px; }
  .donateWrapper .donateImageBox h2 { position: relative; padding: 20px 0 0; color: #ef4135; }
  #OT_defList #OT_partySizeLbl { width: 25%; }
  #OT_defList #OT_partySize { width: 75%; }
  #OT_defList #OT_partySize .sbOptions { left: 0; }
  #OT_defList #OT_dateLbl { width: 25%; clear: left; }
  #OT_defList #OT_date { width: 75%; }
  #OT_defList #OT_timeLbl { width: 25%; clear: left; }
  #OT_defList #OT_time { width: 75%; }
  #OT_defList #OT_submitWrap { clear: left; width: 100%; }
  .watchlisten .watchListenHeader { padding-bottom: 0; }
  .watchlisten .tabs { padding: 15px 0; }
  .watchlisten .watchListenHeader ul.utilityNavLinks { float: left; padding: 10px 0; }
  .watchlisten .watchListenHeader ul.utilityNavLinks li { margin: 0 10px 0 0; padding: 0 10px 0 0; border: none; }
  .audiojs .play-pause { width: 8%; }
  .audiojs .scrubber { width: 92%; }
  #reserveSelectSeats .syosWrapper .nav-tabs { width: 100%; }
  #reserveSelectSeats .syosWrapper .btn.bestAvailableButton { width: 100%; }
  .mapImageModal .modal.btn { width: 100%; }
  .syos-cart-wrapper { right: 0; bottom: 0; }
  #syosTools { top: 0; left: 0; }
  .syos-embedded-zoom-wrap { left: 0; bottom: 0; }
  #registerControl .checkList li { width: 50%; }
  #registerControl .submitRegister { width: 100%; }
  #paymentContainer #checkoutOptions .shippingInfo { padding: 13px 0; float: left; width: 100%; }
  #paymentContainer #checkoutOptions .orderComments { padding-top: 13px; }
  #paymentContainer #cartActions ul .suggestedDonation { width: 66%; }
  #paymentContainer #cartActions ul .donationTotalWrap .totalBoxWrap { width: 66%; }
  #subscriptionBuilder #paymentContainer .cartHead li, #confirmationContainer .cartHead li { width: 33.33%; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li, #confirmationContainer .miniCart .cartBody li { width: 33.33%; float: left; padding: 10px; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li:last-child, #confirmationContainer .miniCart .cartBody li:last-child { width: 100%; background: #f5f5f5; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul, #confirmationContainer .miniCart .cartBody li ul { padding: 0; margin: 0; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li, #confirmationContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0; text-indent: 0; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .priceTickets, #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .seatingTickets, #confirmationContainer .miniCart .cartBody li ul li .priceTickets, #confirmationContainer .miniCart .cartBody li ul li .seatingTickets { float: left; width: 33.33%; }
  #subscriptionBuilder #paymentContainer .cartHead li:nth-child(4), #subscriptionBuilder #paymentContainer .cartHead li:last-child { display: none; }
  #paymentContainer .miniCart .cartBody li ul li, #confirmationContainer .miniCart .cartBody li ul li { padding: 0 !important; }
  #paymentContainer .miniCart .cartBody .priceAndSeats, #confirmationContainer .miniCart .cartBody .priceAndSeats { margin-top: 10px; }
  #paymentContainer .miniCart .giftCertCartHead li, #paymentContainer .miniCart .cartBody.giftCertCart li { width: 33.33%; }
  #confirmationContainer .miniCart .cartBody.giftCertCart li:last-child { background: none !important; }
  .supportWrapper .block { min-height: 0; height: auto; }
  .textAndButton span { font-size: 20px; }
  .indvGiveWrap .interiorPage .ticketSection select { width: 15%; }
  .indvGiveWrap .interiorPage .ticketSection .ticketDetails { width: 80%; }
  .indvGiveWrap .interiorPage .giftOptions.galaDonate span.taxNote { display: block; }
  .indvGiveWrap .interiorPage .giftOptions.galaDonate input { margin: 5px 0 10px 0; }
  .indvGiveWrap .interiorPage .giftOptions.galaAck ul .leftAckBox .donorName { padding-left: 0; }
  #subscriptionBuilder #cartContainer #cartActions { width: 100%; margin-left: 0%; }
  #cartContainer #cartParkingArea { width: 100%; margin-left: 0%; }
  #cartContainer .alert.alert-error { width: 100%; margin-left: 0%; }
  #subscriptionBuilder #cartContainer .cartHead li { width: 33.33%; }
  #subscriptionBuilder #cartContainer .cartHead li:nth-child(4), #subscriptionBuilder #cartContainer .cartHead li:last-child { display: none; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li { width: 33.33%; float: left; padding: 5px; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li:last-child { width: 100%; background: #f5f5f5; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li ul { padding: 0; margin: 0 0 0 35px; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0; text-indent: 0; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li .priceTickets, #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li .seatingTickets { float: left; width: 50%; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody.giftCertCart li { background: none; width: 20%; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody .priceAndSeats { margin-top: 10px; }
  #cartContainer .miniCart .giftCertCartHead li, #cartContainer .miniCart .cartBody.giftCertCart li { width: 33.33%; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody.giftCertCart li { width: 33.33%; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody.giftCertCart li { width: 33.33%; float: left; padding: 5px; background: none; }
  .packageArea.donationLine .packageCart .headerTr span, .packageArea.donationLine .packageCart .perfRow span { width: 33.33%; }
  .historyWrap .tabWrapper .nav-tabs li a { font-size: 14px; }
  .archiveHead .filterBlock .filter { margin-right: 20px; }
  .archiveHead .filterBlock .filter select { min-width: 175px; }
  .archiveHead .filterBlock .filter.archSearch { width: 100%; display: block; }
  .archiveHead .filterBlock .filter.archSearch input { width: 100%; }
  .showArchive .subPane li { width: 48%; padding-right: 2%; margin-bottom: 25px; float: left; }
  #donationCallout { width: 100%; margin-right: 0; }
  #donationEffect { width: 100%; margin-top: 20px; }
  .indvGiveWrap .interiorPage .ticketSection select { width: 15%; }
  .indvGiveWrap .interiorPage .ticketSection .ticketDetails { width: 80%; }
  .indvGiveWrap .interiorPage .giftOptions.galaDonate span.taxNote { display: block; }
  .indvGiveWrap .interiorPage .giftOptions.galaDonate input { margin: 5px 0 10px 0; }
  .indvGiveWrap .interiorPage .giftOptions.galaAck ul .leftAckBox .donorName { padding-left: 0; }
  #confirmationContainer #confirmationOptions .step { width: 47%; min-height: 215px; }
  #confirmationContainer #cartActions { width: 100%; margin-left: 0; }
  #subscriptionBuilder #confirmationContainer .cartHead li:nth-child(4), #subscriptionBuilder #confirmationContainer .cartHead li:last-child { display: none; }
  #confirmationContainer .miniCart .giftCertCartHead li, #confirmationContainer .miniCart .cartBody.giftCertCart li { width: 33.33%; }
  .indvGiveWrap .indvImgArea { position: relative; }
  .indvGiveWrap .indvImgArea img { width: 100%; }
  .indvGiveWrap .donationSmallBannerText { color: #ef4135; position: relative; width: 100%; bottom: 0; left: 0; padding-bottom: 10px; }
  .indvGiveWrap .giftOptions ul .leftAckBox .donorName input[type="text"] { width: 95%; }
  .indvGiveWrap .matchingGift input[type="text"] { width: 100%; }
  .indvGiveWrap .sliderZone .sliderWrap .donationSliderAmounts { font-size: 14px; }
  .desktopCalendar { display: none; }
  .loginChange { width: 100%; }
  #ticketHistoryFooter p { width: 48%; margin-left: 1%; margin-right: 1%; }
  .package-select-area #filterContainer { width: 100%; padding-bottom: 20px; padding-left: 10px; }
  .package-select-area #performanceSelectionContainer { width: 100%; border: 0; padding-left: 0; }
  .package-select-area .productionRow { padding: 10px; }
  .package-select-area .package-select-area .reserveSelection .quantity { margin-bottom: 10px; }
  #packageDisplayContainer .flexBtnContainer { padding-right: 10px; }
  .accountNav.row li { width: 32.5%; } }
@media (max-width: 650px) { /* Helper Text to see what media Query is being used */

  .helper { width: auto !important; }
  .helper:after { content: "SMALL"; }
  .mainContent { padding: 0; margin-top: 75px; }
  .homeWrapper { margin-top: 20px; }
  .row { margin: 0; }
  h1 { width: 96%; margin: 0 2% 5px; }
  .interiorBackdrop { left: 0; }
  .mainContent.subMainContent { padding-left: 0 !important; }
  .top-bar .title-area.logo img { height: 65px; }
  .block { height: auto }
  .height-Double .block { height: auto !important; }
  .btn, input[type='submit'], #fb-login, #GcustomBtn, #gSignInWrapper { width: 100% !important; max-width:100% !important; margin-left:0px !important; }
  #gSignInWrapper { margin-top:-7px !important;}
  header.publicHeader { min-height: 100% !important; }
  header .navWrapperHeightHack { min-height: 100% !important; }
  header { height: 72px; border: none; position: relative; width: 100%; overflow: hidden; padding: 0; }
  header .mainNav ul { padding: 0; }
  header .name { float: right; }
  header .menu-icon { float: left; height: 72px; }
  header.expanded { overflow: visible; z-index: 50; float: left; height: auto !important; }
  header.expanded .menu-icon { background: #ef4135; width: 85px; }
  header.expanded .menu-icon.toggle-topbar a { color: #fff; }
  header.expanded .top-bar-section { top: 123px; }
  header.expanded .top-bar-section.searchOpened { top: 196px; padding-top: 0px; }
      
  header .top-bar-section { width: 100%; background: #ef4135; position: absolute; top: 72px; padding: 10px; }
  header .mainNav ul li { width: 100%; }
  header .mainNav ul li a { color: #fff; font-size: 31px; 
                            border-bottom: solid 3px #fff; font-size: 31px; 
                            padding: 18px 0; margin-bottom: 0px; }
  header .mainNav ul li:first-child a {
    padding-top: 9px;
}
  header .mainNav ul li:last-of-type a{
      border:none;
  }
  header .search{
      padding-bottom: 10px;
  }
  header .mainNav ul li a:hover { color: #333; }
  header .mainNav ul li:last-child a { border: none; }
  header .search input { border: solid 4px #fff; color: #fff; background: #ef4135; padding: 20px; font-size: 34px; }
  header .dropdownMenu { display: none !important; }
  header .mainNav ul li a, header ul.dropdown li a { width: 100%; }
  header .has-dropdown > a:after { font-family: FontAwesome; content: "\f0da"; font-size: 23px; padding-left: 10px; }
  .utilityNav { display: none; }
  .top-bar .menuName { margin-left: 25px; }
  .homeWrapper .block { /*border: solid 5px #ccc; margin:0;*/ }
  .homeRotatorSlideCaption { padding: 0 6.5px; }
  .slideshowCaptionsWrapper { margin-bottom: 35px; }
  .venues img { margin-right: 15px; }
  .twitterBlock .actionLinks span { font-size: 12px; border: none; }
  .twitterBlock .actionLinks a { font-size: 13px; border: none; }
  .footer > div { border-bottom: solid 1px #333; margin-bottom: 10px; }
  .footer h3 { margin-bottom: 5px; }
  .ticketList li img { width: 100%; }
  .ticketList li .calendarListCopy { width: 100%; padding: 5px 0 10px; }
  .contactSection h3 { margin-bottom: 5px; }
  .formHeader address { margin-bottom: 15px; }
  .promo.inBlock { width: 100%; float: left; }
  .subHome .ticketList, .subHome .venues { margin-bottom: 13px; }
  .slideshowHalf li > div .text { width: 65%; float: left; }
  .slideshowHalf li > div p { margin-bottom: 10px; }
  .slideshowHalf li > div h3, .slideshowHalf li > div p { font-size: 18px; line-height: 20px; }
  .slideshowHalf li .btn { padding: 10px; position: relative; }
  .slideshowHalf li .btn:after { right: 10px; }
  .bx-controls-direction { display: none; }
  .bx-pager { margin-top: 0; }
  .bx-controls .bx-pager-item a { width: 10px; height: 10px; }
  .calendarListSection .btn { text-align: center; }
  .mainContent.subMainContent { padding: 0; }
  .subHeader { width: 100%; height: 72px; margin: 0; padding-top: 0; position: relative; display: block; }
  .subHeader.expanded { margin: 0; }
  
  .toggleSubHomePage { display: none; }
  header.collapsed { padding: 0; border: none; width: 100%; }
  header.collapsed .name { display: block; }
  header .mainNav { box-shadow: 0 23px 23px -19px rgba(0, 0, 0, 0.6); }
  header .mainNav ul { background: #ef4135; }
  .subhome .publicHeader { display: none; width: 100%; }
  header.collapsed .mainNav { width: 100%; display: none; }
  header .switchToSubNavWrapper { display: block; }
  header .switchToPubNavWrapper { display: block; }
  .subHeader.expanded { width: 100%; }
  .supportWrapper .block { border: none; margin-: 13px; }
  .supportWrapper .block img { float: none; display: block; position: relative; }
  .supportWrapper .textAndButton .btn.solid { position: relative; z-index: 1; bottom: 0; left: 0; display: block; }
  .supportWrapper .textAndButton span { font-size: 18px; }
  .indvGiveWrap .interiorPage .ticketSection select { width: 15%; }
  .indvGiveWrap .interiorPage .ticketSection .ticketDetails { width: 80%; }
  .indvGiveWrap .interiorPage .giftOptions.galaDonate span.taxNote { display: block; }
  .indvGiveWrap .interiorPage .giftOptions.galaDonate input { margin: 5px 0 10px 0; }
  .playDetailWrapper .slideshowCaptions .showDetails { padding: 15px 15px 35px; border-top: solid 3px #fff; border-left: none; }
  .playDetailWrapper .buyTicketsExpander { padding-left: 13px; padding-right: 13px; float:left; }
  .playDetailWrapper .buyTicketsExpander .btn.buyTixBtn { margin: 0 0 -4px 0; width: 100%; }
  
  .playDetailWrapper .slideshowCaptions .socialPdp { left: 0; }
  #OT_defList #OT_partySizeLbl { width: 35%; }
  #OT_defList #OT_partySize { width: 65%; }
  #OT_defList #OT_dateLbl { width: 35%; }
  #OT_defList #OT_date { width: 65%; }
  #OT_defList #OT_timeLbl { width: 35%; }
  #OT_defList #OT_time { width: 65%; }
  .library #press div { min-height: 0; }
  .homeWrapper .block.calendar { margin-bottom: 20px; }
  .homeWrapper .block.calendar .btn { width: 87%; }
  .programsEvents .block.calendar { margin-bottom: 0; border: 0; }
  .watchlisten .mainContent { padding: 0 10px; }
  .watchlisten h1 { width: 100%; margin: 0; line-height: 32px; }
  .watchlisten .tabs ul li { border: none; border-bottom: solid 5px #fff; }
  .watchlisten .tabs ul li:last-child { border: none; }
  .mainContent h1 span { line-height: 1em; }
  #reserveSelectSeats .formSection .promo { margin: 0; }
  #reserveSelectSeats .syosWrapper .seatTabs { margin-left: 0; }
  #bestAvailableTable ul.tableHead { font-size: 16px; padding: 5px; }
  #bestAvailableTable ul.tableBody { font-size: 14px; padding: 5px; }
  #bestAvailableTable ul.tableFoot { font-size: 14px; padding: 5px; }
  .syos-cart-wrapper { right: 0; bottom: 0; }
  #syosTools { top: 0; left: 0; }
  .syos-embedded-zoom-wrap { left: 0; bottom: 0; }
  #reserveSelectSeats .syosWrapper #bestAvail .errorBox { padding-left: 0; }
  span[id*="Username"] { display: none; }
  .loginChange ul li label { width: 100%; display: block; }
  .loginChange ul li input { width: 100%; }
  #registerControl .form li label { width: 100%; float: none; }
  #registerControl .form input { width: 100%; }
  #registerControl .form li label { display: block; }
  #registerControl .checkList li { width: 100%; }
  #registerControl .submitRegister { margin-top: 0px; }
  #registerControl .submitRegister .formSection a { width: 100%; float: none; padding-top: 0px; }
  #registerControl .submitRegister .formSection input { width: 100%; float: none; }
  #registerControl .btn { width: 100%; }
  #registerControl .errorMsg { margin-left: 0; }
  .donateWrapper .donateRadioButtons .donateRadio { display: block; margin-bottom: 10px; }
  #paymentContainer #checkoutOptions .step .giftCard label { width: 100%; float: none; }
  #paymentContainer #checkoutOptions .step .giftCard input { width: 60%; }
  #paymentContainer #checkoutOptions .step .giftCard a { width: 35%; }
  #paymentContainer #checkoutOptions .step .creditCard .expr label { width: 100%; float: none; display: block; }
  #paymentContainer #checkoutOptions .step .creditCard .expr label.cvv { width: 20%; text-align: left; padding-top: 5px; float: left; }
  #paymentContainer #checkoutOptions .step .creditCard .expr select { width: 46%; margin-right: 5%; margin-bottom: 10px; }
  #paymentContainer #checkoutOptions .step .creditCard .expr select.exprYear { margin-right: 0 !important; }
  #paymentContainer #checkoutOptions .step .creditCard .expr input { width: 78%; float: left; }
  #paymentContainer #checkoutOptions .step label { width: 100%; float: none; padding-top: 0; padding-bottom: 3px; }
  #paymentContainer #checkoutOptions .step input, #paymentContainer #checkoutOptions .step select { width: 100%; float: none; }
  #paymentContainer #checkoutOptions .addressBilling { padding-bottom: 13px; }
  #paymentContainer #checkoutOptions .paymentPlan span { width: 80%; }
  #paymentContainer #cartActions .orderSubTotal { padding: 13px 0; border-left: none; }
  #paymentContainer #cartActions .orderSubTotal ul li label { width: 65%; }
  #paymentContainer #cartActions .orderSubTotal ul li span { width: 35%; }
  #paymentContainer #cartActions ul .suggestedDonation { width: 100%; }
  #paymentContainer #cartActions ul .suggestedDonation label { width: 65%; }
  #paymentContainer #cartActions ul .suggestedDonation input { width: 35%; margin-right: 0; }
  #paymentContainer #cartActions ul .suggestedDonation .btn.solid { width: 35%; float: right; }
  #paymentContainer #cartActions ul .suggestedDonation .textLink { width: 35%; float: right; clear: both; }
  #paymentContainer #cartActions ul .donationTotalWrap .totalBoxWrap { width: 100%; }
  #subscriptionBuilder #cartContainer.cartHead { display: none; }
  #paymentContainer .cartHead { display: none; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li, #confirmationContainer .miniCart .cartBody li { width: 100%; padding: 5px; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li:last-child, #confirmationContainer .miniCart .cartBody li:last-child { width: 100%; background: #f5f5f5; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul, #confirmationContainer .miniCart .cartBody li ul { padding: 0; margin: 0; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li, #confirmationContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0 !important; text-indent: 0 !important; }
  #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .priceTickets, #subscriptionBuilder #paymentContainer .miniCart .cartBody li ul li .seatingTickets, #confirmationContainer .miniCart .cartBody li ul li .priceTickets, #confirmationContainer .miniCart .cartBody li ul li .seatingTickets { float: left; width: 100% !important; }
  #paymentContainer .miniCart .cartBody .priceAndSeats, #confirmationContainer .miniCart .cartBody .priceAndSeats { padding-left: 0; margin-top: 5px; }
  #paymentContainer .miniCart .cartBody .priceAndSeats span, #confirmationContainer .miniCart .cartBody .priceAndSeats span { padding: 0 0 10px 10px; }
  #paymentContainer .miniCart .cartBody .priceAndSeats span, #confirmationContainer .miniCart .cartBody .priceAndSeats span { padding: 0 0 5px 5px !important; }
  #paymentContainer .miniCart .cartBody.giftCertCart li:last-child { width: 33.33%; background: none; }
  #paymentContainer #checkoutOptions .step .errorMsg { width: 100%; margin-left: 100%; }
  /* Address Edit Pop Up */
  .subsModalContent .newAddress ul li label { font-size: 16px; width: 100%; float: none; padding-bottom: 3px; }
  .subsModalContent .newAddress ul li input { width: 100%; margin-left: 0; float: none; }
  .subsModalContent .newAddress ul li select { width: 100%; margin-left: 0; float: none; }
  #subscriptionBuilder .selectNewSectionContainer .continueBtn a { width: 100%; float: none; margin-bottom: 10px; display: block; }
  #subscriptionBuilder #cartContainer #cartActions { width: 100%; margin-left: 0; border-left: 0; }
  #cartContainer #cartParkingArea { width: 100%; margin-left: 0; }
  #cartContainer .alert.alert-error { width: 100%; margin-left: 0; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li { width: 100%; padding-left: 40px; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li:last-child { width: 100%; background: #f5f5f5; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li ul { padding: 0; margin: 0 0 0 35px; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li { float: left; width: 100% !important; padding: 0 !important; text-indent: 0 !important; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li .priceTickets, #subscriptionBuilder #cartContainer .miniCart .cartBody li ul li .seatingTickets { float: left; width: 100%; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody .priceAndSeats { padding-left: 0; margin-top: 5px; }
  #subscriptionBuilder #cartContainer .miniCart .cartBody.giftCertCart li { width: 100%; }
  .packageArea.donationLine .miniCart .headerTr { width: 100%; padding-bottom: 3px; }
  .giftCerts .chooseDesign .thumbnails li { width: 100%; float: none; padding: 13px 0; }
  .giftCerts .customizeGiftCert label { width: 100%; float: none; padding-top: 0px; }
  .giftCerts .customizeGiftCert input[type="text"] { width: 100%; float: none; }
  .giftCerts .customizeGiftCert .previewItem { width: 100%; float: none; }
  .historyWrap .tabWrapper .nav-tabs li { width: 100%; border-bottom: 3px solid #000; border-left: none; }
  .historyWrap .tabWrapper .nav-tabs li:last-child { border: none; }
  .historyWrap .tabWrapper .nav-tabs li a { font-size: 17px; }
  .historyWrap .tabWrapper .tab-content h4 { font-size: 16px; line-height: 1.5; padding: 10px 0 20px; }
  .historyWrap .tabWrapper .tab-content img { width: 100%; }
  .historyWrap .tabWrapper .tab-content .yearDetail { float: left; width: 100%; margin-bottom: 13px; }
  .archiveHead .venueFilters li { border-left: none; width: 100%; border-bottom: 3px solid #000; }
  .archiveHead .venueFilters li:last-child { border-bottom: none; }
  .showArchive .subPane li { width: 100%; }
  .showArchive .subPane li p span:first-child { font-size: 20px; }
  .showArchive .subPane li p span { font-size: 16px; }
  .archiveHead .filterBlock .filter { float: none; margin-right: 0; margin-bottom: 10px; }
  .archiveHead .filterBlock .filter label { font-size: 18px; }
  .archiveHead .filterBlock .filter select { width: 100%; }
  .archiveHead .filterBlock .filter.archSearch { padding-top: 10px; }
  #donationEffect ul { border-left: none; padding: 0; }
  #confirmationContainer #confirmationOptions .step { width: 100%; min-height: 0; margin: 0; }
  #confirmationContainer #cartActions { width: 100%; margin-left: 0; margin-bottom: 20px; border-left: none; padding: 0; }
  #confirmationContainer .cartHead { display: none; }
  #confirmationContainer .miniCart .cartBody.giftCertCart li:last-child { width: 33.33%; }
  .indvGiveWrap .giftOptions ul .leftAckBox { width: 100%; }
  .indvGiveWrap .giftOptions ul li.checkbox.anonCheckbox { width: 100%; }
  .indvGiveWrap .giftOptions ul .leftAckBox .donorName { padding-left: 0; }
  .indvGiveWrap .giftOptions ul .leftAckBox .donorName input[type="text"] { width: 95%; }
  .indvGiveWrap .matchingGift input[type="text"] { width: 100%; }
  .indvGiveWrap .matchingGift label { padding-left: 0; }
  .indvGiveWrap .matchingGift input[type="text"] { margin-left: 0; }
  #calendarHeader .formSection .promo { position: relative; width: 96%; margin: 10px 2% 5px; }
  #calendarHeader .formSection .promo a { width: 100%; }
  #calendarHeader .formSection #enterPromoCode { position: relative; width: 96%; margin: 10px 2% 5px; padding: 5px 0; float: left; }
  #calendarHeader .formSection #enterPromoCode input[type="text"] { width: 60%; }
  #calendarHeader .formSection #enterPromoCode .btn { width: 35%; margin-left: 5%; }
  .desktopCalendar { display: none; }
  .hasSubNav { display: none; }
  #ticketHistoryFooter p { width: 100%; margin-left: 0; margin-right: 0; }
  #ticketHistoryDisplay .imageHolder { display: block; }
  .benefitsPage .tableSection .tableHead { font-size: 16px; line-height: 1.3; }
  .benefitsPage .tableSection .tableHead li { overflow: hidden; }
  .benefitsPage .tableSection .tableHead ul { font-size: 14px; line-height: 1.3; }
  .benefitsPage .tableSection .tableRow { font-size: 14px; }
  aside { line-height: 1.3; }
  .packageVoucher input[type=text] { width: 100%; margin-bottom: 10px; }
  .package-select-area .productionRow.viewing .productionInformation { width: 100%; margin-bottom: 10px; }
  .package-select-area .productionButton { display: inline-block; width: 100%; float: none; }
  .package-select-area .productionInformation { width: 100%; margin-bottom: 10px; float: none; }
  .package-select-area .reserveSelection .quantity { margin-bottom: 10px; }
  #packageDisplayContainer .flexBtnContainer { padding-top: 20px; }
  .theaterContainer .theaterLeftColumn, .theaterContainer .theaterSectionSelection { width: 100%; }
  .theaterContainer .theaterSectionSelection { text-align: left; margin-top: 10px; margin-left: 0; }
  .packageListItemWrapper .btn { display: inline-block; width: 100%; margin-top: 10px; }
  .packageListItemWrapper .btn:first-child { margin-top: 0; } }
@media (max-width: 460px) { .accountNav.row li { width: 100%; text-align: center; font-size: 18px; margin-bottom: 5px; }
  .accountNav.row a { padding: 10px; } }
@media (max-width: 340px) { header.expanded .menu-icon { width: 55px; }
  .top-bar .title-area .toggleMenu { margin: 19px 0 0 15px; font-size: 24px; }
  .top-bar .menuName { margin-left: 15px; font-size: .8em; }
  #reserveSelectSeats .syosWrapper #bestAvail .errorBox { min-width: 100%; }
  .hasSubNav { display: none; }
  #subscriptionBuilder .continueBtn.checkoutBtns a:first-child { margin-bottom: 10px; }
  .subMenuName { font-size: .5em; } }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover .arrow { border-width: 11px; }

.popover .arrow:after { border-width: 10px; content: ""; }

.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #011; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }

.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }

.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #011; border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }

.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #011; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }

.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }

.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #011; border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }

#TonightPerformance {
    height: 464px !important; 
    overflow: hidden; 
}
#TonightPerformance .imgHidden { 
    display: block !important; 
    visibility: hidden !important; 
}
#TonightPerformance .PerformanceList img { 
    float:left; 
    width: 40%;
    max-width: 97.9px;
    margin-top: 5px;
    margin-right: 2%; 
}
#TonightPerformance .PerformanceList{ 
    display: inline-block; 
    width: 100%; 
    max-height: 71px; 
    margin-top: 2px;
}
#TonightPerformance .TonightBlock h2 {
    padding-bottom: 0px;
}
#TonightPerformance .TonightBlock { 
    height: 451px;
}
#TonightPerformance .TonightBlock .item {
    height: 340px; 
    overflow:hidden;
}
#TonightPerformance .tonightContainer {
    padding: 3px 0px 0px 0px;
}
#TonightPerformance .tonightTitle  { 
    float: left;  
    width: 58%;
}
#TonightPerformance .tonightBtn { 
    float: right; 
    font-size: 16px; 
    padding: 0px 3px 2px 0px; 
    width: 100%; 
    line-height: 14px; 
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    margin:0;

}
#TonightPerformance .tonightBtn.title{
      
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 29px;
}
#TonightPerformance .tonightBtn:hover, #TonightPerformance .tonightBtn.title { 
    color: black; 
}
#TonightPerformance .tonightBtn.title:hover, #TonightPerformance .tonightBtn .soldOut:hover
, #TonightPerformance .MoreShows a:hover, .MoreShowsBtn .icon-caret-down:hover, .MoreShowsBtn .icon-caret-up:hover  { 
    font-weight: 600; 
}
#TonightPerformance .MoreShows a {
    text-decoration: none;
}

.MoreShowsBtn {
    height: 18px;
}
.MoreShows, .MoreShowsBtn {
    text-align: center;
}
.MoreShowsBtn .icon-caret-down, .MoreShowsBtn .icon-caret-up {
    font-size: 28px;
    cursor: pointer;
}
#TonightPerformance #ShowContainer {
    padding-top: 10px;
    height:359px;
    overflow: hidden;
}
#TonightPerformance #ShowContainer .Items {
    width: 95%;
}
@media (max-width: 1152px) {
    #TonightPerformance .PerformanceList img  {
        display: none !important;
    }
    #TonightPerformance #ShowContainer { 
        height: 83% !important; 
    }
    #TonightPerformance .tonightTitle { 
        width: 100% !important;
    }
}
@media (max-width: 979px) {
    #TonightPerformance .PerformanceList img {
        display: inline !important;
    }
    #TonightPerformance .tonightTitle { 
        width: 58% !important; 
    }
}

.LoginContent {    
    min-height: 230px;
    border-top: solid 3px #838383;
    padding: 10px 0px 42px 0px !important;   
    width: 110%; 
    display: none;
}
.LoginContent input[type="text"], .LoginContent input[type="password"]  {
    max-width: 166px;
    max-height: 25px;    
    background: #d9d9d9;
    border: none;
    line-height: normal;
    position: initial;
}
.LoginContent li div input[type="text"], .LoginContent li div input[type="password"] {
    margin-bottom: 5px;
}
.LoginContent .login {
    border: none !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}
.LoginContent .loginForm li {
    line-height: 15px;
}
#LoginContent #btnLogin, #LoginContent #btnCancel {
    border: solid 3px #ef4135;
    color: #FFFFFF;
    padding: 1px 20px 0px 0px;
    font-size: 14px;
    line-height: normal;    
    position: inherit;
    margin: 0px;
    background-color: #ef4135;
    height: 28px;
    float: none;
    min-width: 100px;
    font-family: 'Knockout 31 A', 'Knockout 31 B';
}
    #LoginContent #btnLogin:hover, #LoginContent #btnCancel:hover {
        background-color: #df1f12;
        border-color: #df1f12;
    }

#LoginContent #btnCancel {
    float:right !important;
    font-size: 16px;
    height: 40px;
    padding: 8px 0px 0px 0px;
}

#ModalLoginPanel h4 {
    padding-left: 10px;
}
#ModalLoginPanel span {
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    font-weight: 400;
    font-style: normal;
    display: block;
    padding-left: 10px;
}
#LoginContent #tbxPassword, #LoginContent #tbxUsername, #ModalPanelRetrievePassword #tbxEmailRetrievePassword {
    color:black;
    font: 13.333px Arial;
}
#ModalPanelRetrievePassword #tbxEmailRetrievePassword {
    width:498px; 
    margin-bottom: 30px; 
    border:solid 2px #c6c6c6; 
    background-color: white;
}
.LoginContent #btnLogin:hover {    
    border-color:#000;
    color: #000;
}
.LoginContent .forgotPassword {
    padding: 10px 0px 5px 0px;
}
.LoginContent .RegisterNow {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
.LoginContent .rememberMe label {
    vertical-align: sub;
}
.LoginSimpleModal .errorBox ul, .LoginSimpleModal p, .PartnerMOSModal p{
    font-weight:normal !important;
    font-size: 18px;
    padding-bottom: 15px;
    margin: 0px;
    font-family: 'Knockout 50 A', 'Knockout 50 B' !important;
    color: #ef4135;
}
.LoginRed {
    font-size: 20px !important;
    color: #ef4135 !important;
    font-family: 'Knockout 50 A', 'Knockout 50 B' !important; 
}
.iconRed {    
    color: #ef4135 !important;
}

.calendarMonthDisplay .icon-caret-down {
    display:inline-block;
    padding: 10px 0px 0px 0px;
    cursor: pointer;
}

.soldOutTickets {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor:pointer;
    color: white !important;
    z-index: 2;
    min-width: 650px;
    width: 100%;
    text-align: center;
    background: #ef4135;
    padding: 20px;
    font-size: 15px;
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding-left: 250px;
    display:none;
}

    .miniCal .closeControl{		
        top:2px;		
    }		
    .miniCal .heading {		
    margin-bottom: 0px;		
    padding: 2px 0px 0px 10px;		
        background-color: #EF4135;
}		
    
    .playdetail .miniCal {		
    border-color: white;		
    border-width: 4px;		
    border-style: solid;		
    padding: 0px;		
    	
    }	
    .block.utrfakecal {
    padding: 0px;
}	
    .miniCalMonth {		
    font-family: 'Knockout 51 A', 'Knockout 50 B';		
}		
    .miniCalTitle {		
    color: white;		
    background-color: #000000;		
    font-family: 'Knockout 50 A', 'Knockout 50 B';		
    font-size: 43px;		
    padding-left: 3px;		
    padding-top: 4px;		
    padding-bottom: 1px;		
    line-height: 28px;		
}		
    table.miniCalWeeks {		
    border-width: 2px;		
    border-style: solid;		
    width: 100%;		
    table-layout: fixed;		
}		
    td.miniCalDay {		
    border: black;		
    border-style: solid;		
    background-color: #C7C8CA;		
    line-height: 13px;		
    padding-bottom: 5px;		
    padding-top: 2px;		
    padding-left: 1px;
    height: 49px;		
}		
    td.miniCalDay.miniCalPerfDay.inpast {
    background-color: #C7C8CA;
}
    td.miniCalDay.miniCalPerfDay.istoday {
    position: relative;
}

    td.miniCalDay.miniCalPerfDay{		
        background-color: #EF4135;		
    }		
    .miniCalTimeLink {		
    color: black;		
    font-family: 'Knockout 30 A', 'Knockout 31 B';		
    display: inline-block;
    width: 100%;
}	
    .miniCalTimeLink.unavailable {		
    color: rgba(0, 0, 0, 0.4);		
    
    font-family: 'Knockout 30 A', 'Knockout 31 B';		
    cursor: default;
}			
    .miniCalTimeLink:hover {		
        color: white;		
    }		
    .miniCalTimeLink.unavailable:hover {		
        color: rgba(0, 0, 0, 0.4);		
    }	
    td.miniCalDay.miniCalPerfDay.istoday:after {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: solid white;
    pointer-events: none;
    }	
    .miniCalTableWrap {
    color: black;
    }
    .miniCalTimeLink img {
    width: 15px;
    margin: -2px;
    }
    .miniCalTimeLink:hover img {
    	-webkit-filter: invert(100%);
        filter: invert(100%);
    }
    .miniCalInfo {
        text-align: center;
        padding: 4px;
        
        border: white;
        border-style: solid;
        border-top: 0px;
        border-width: 4px 0px;
        display:none;
        background: #EF4135;
        color: black;
    }
    .miniCalInfo>* {
        font-size: 20px;
        vertical-align: middle;
    }
    .formSection {
        margin-bottom:13px;
    }
    .miniCal>.heading{
        display:none;
    }
 ticketExpanderText>*:not(.showHeadline) {
    padding-left: 6.5px;
    padding-right: 6.5px;
}
    .previous_month .date {
    color: rgba(0, 0, 0, 0.4);
    }
    .next_month .date {
    color: rgba(0, 0, 0, 0.4);
    }
    .soldOutBox{
        border: 6px solid #ef4135;
        text-align: center;
        background-color: #ef4135;
        line-height: 1;
        position: relative;
        margin-bottom: 20px;
        font-size: 36px;
        font-family: "Knockout 31 A", "Knockout 31 B";
    }
    .ticketExpanderText>.soldOutBox{
        padding:20px;
    }
    .miniCalInfoMobile {
    text-align: left;
    padding: 4px;
    border: black;
    border-style: solid;
    border-top: 0px;
    background: #EF4135;
    display:none;
    }
    #beforeWrapper_SoldOutHeader{
        cursor: pointer;
    }
@media (max-width: 650px) {
       .legendSelected img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
    .legendSelected {
    color: white !important;
}
    .miniCalInfoMobile {
        display: block;
    }
    div[data-bb="datepickerMe"]{

    }
    .playdetail .miniCal {
        float:left;
    width: auto;
    }
    .playDetailWrapper .formSection .promo {

    }
    .soldOutTickets{
            position: fixed;
    width: 100%;
    min-width: initial;
    z-index: 100000;
    padding: 19px;
    }
}
    .miniCalInfoMobile:empty{
        display:none;
    }
    .miniCalInfoMobile * {
    font-size: 20px;
    vertical-align: middle;
    cursor:pointer;
}
    .ShowPastMonths {
    margin-bottom: 0px;
    padding: 2px 0px 0px 10px;
    background-color: #EF4135;
    cursor: pointer;
    display:none;
    -webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
    .ShowPastMonths span {
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 16px;
}
    


.fb-login-style {
    width: 100px;
    margin-top: 10px;
    color: white;
    border: none;
    background-color: #3B5998;
    padding:4px 0px 0px 5px;
}
.fb-login-style:hover {
    cursor: pointer;
    background-color: #3a61b3;
}
.fb-login-style div {
    font-size: 14px;
    font-family:'Knockout 31 A', 'Knockout 31 B';
    padding: 3px 0px 0px 29px;
}
.SocialStyle {
    color: #ef4135;
    font-size: 20px;
}

#GcustomBtn {
      display: inline-block;
      background: #dd4b39;
      color: white;
      min-width: 160px;
      white-space: nowrap;
    }
#GcustomBtn:hover {
    cursor: pointer;
    background: #e64522;
}
#GcustomBtn > span.label {
    font-weight: bold;
}
#GcustomBtn > span.icon {
    background: url('/Global/Icons/btn_googleplus_dark_normal_ios.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}
#GcustomBtn > span.buttonText {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    padding-left: 11px;
    font-size: 14px;
    /* Use the Roboto font that is loaded in the <head> */
}
.BlurElement {
-webkit-filter: blur(3.5px);
-moz-filter: blur(3.5px);
-o-filter: blur(3.5px);
-ms-filter: blur(3.5px);
filter: blur(3.5px);
}
body.wait, body.wait * {
 cursor: wait !important;
}
.LoginBtn-group {
    max-width: 390px;
}
.CalendarSearch {
    background: none;
    border-top:none;
    padding: 15px 10px 0px 10px;
    width: 100%;
    height: 78px;
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
}
.CalendarSearch span {
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    font-size: 18px;
    color: white;
}
.CalendarSearch .SearchBtn {    
    float: right;
    text-align: center;
    margin: -2px;
    border: solid 3px #ef4135;
    color: #ef4135;
    padding: 2px 0px 0px 0px;
    font-size: 14px;
    line-height: normal;
    position: inherit;
    background-color: #DDDDDD;
    height: 28px;
    min-width: 100px;
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    cursor: pointer;
}
.SearchResultImg {
    padding-right: 10px;
    width:210px;
    float:left;
    max-height: 142px;
}
.SearchHiddenImg {    
    display: block !important;
    visibility: hidden; 
    height: 128px;
}
.SearchPerformanceList {
    min-height:145px;
}
.SearchPerformanceList SearchImg { 
    float:left;
    padding:0px 10px 0px 0px;   
}

.SearchPerformanceList SearchSynopsis { 
    max-width: 1080px;   
}
.Search #SearchBtn {
    width: 100px;
    height: 42px;
    padding-top: 5px;
    margin-left: 10px;
}

.PaginateFooter {
    clear:both;
    border-top: 1px dotted;
    border-color: #333333;
    padding: .5em 0 0 .5em;
    text-align: left;
}
.PaginatePageNum {
    float: left;
    padding: 0 5px;
    cursor: pointer;
}
.PaginateActive {    
    color: #fff;
    background-color: #333333;
    text-shadow: 0 1px 1px #000;
    cursor: default;
}
.GalaTextMsg p{
    color:white;
}
.AddMemDonation {
    background-color: white;
    font-family: 'Knockout 31 A', 'Knockout 31 B';
}
.GalaTextMsg p{
    color:white;
}
#TonightPerformance .tonightBtn a.tonightBtn {    
    width: 50%;
    float: left;
    min-width: 63px;
}
.playDetailWrapper .ticketExpanderText>* {
    padding-left: 6.5px;
    padding-right: 6.5px;
}
.MOSDialogStyle {
    position: absolute !important;
    max-width: 640px; 
    border-radius: 4px; 
    background-color: black; 
    border: solid black 2px;
}
.MOSBtn {
    margin-bottom: 5px;
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    font-weight: 400;
    font-style: normal;
    background: #ef4135;
    color: #fff;
    border-color: #ef4135;
}
#EticketMsg p {
    font-family: 'Knockout 51 A', 'Knockout 51 B';
    color: #ef4135;
}
.unavailOverride a {
    color: #ffffff;
    border-bottom: solid white 2px;
}
.unavailOverride a:hover {
    border-bottom: solid white 4px;
}

.new-visitor {
    border: #838383 3px solid;
    padding: 10px;
    height: 300px;
    position: relative;
}

.login-header {
    font-family: 'Knockout 31 A', 'Knockout 31 B';
    color: black;
    font-size: 23px;
    margin-bottom: 10px !important;
}

.redButton {
    background-color: #ef4135 !important;
    color: white !important;
    border: solid 1px #ef4135 !important;
    font-size: 20px ;
    padding: 10px 20px 10px 20px;
    font-family: 'Knockout 31 A', 'Knockout 31 B' !important;
    margin: 5px  !important;
    min-width: 100px;
    max-width: 200px;
    text-align: center;
}

.redButton:hover{
    background-color:#df1f12;
}

.largeRedButton {
    background-color: #ef4135 !important;
    color: white !important;
    border: solid 1px #ef4135 !important;
    font-size: 20px !important;
    padding: 10px 20px 10px 20px !important;
    font-family: 'Knockout 31 A', 'Knockout 31 B' !important;
    margin: 5px  !important;
    min-width: 300px;
    max-width: 400px;
    text-align: center;
}


.visitorButton {
    position: absolute;
    bottom: 10px;
    padding: 7.5px 10px;
    width: 150px;
}

.login-message {
    font-size: 16px;
}

.new-visitor ul{
    list-style: disc !important;
    margin-left: 20px;
}

.loginForm {
    margin-top: 10px;
}

.loginForm li {
    margin-left: 5px;
}

.interiorHalf {
   
    padding: 20px !important;
    margin-bottom: 30px;
    width: calc(50% - 15px);

}

@media(max-width: 800px) {
    .interiorHalf {
        width: 100%;
    }
}



.interiorLeftColumn{
    margin-right: 30px;
}

.resetPasswordHolder {
    border: 13px solid black;
    position: absolute;
    width: 550px;
    bottom: 300px;
}

@media(max-width: 800px) {
    .resetPasswordHolder {
        width: 300px;
        bottom: 150px;
    }
}

.actions {
    margin-top: 10px;
}

@media(max-width: 800px) {
    .actions {
        text-align: center;
    }
}

.actions .redButton {
    margin-left: 0 !important;
}

.passwordParent {
    height: 400px;
}
.soldOutTickets a {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

.soldOutTickets a:hover {
    font-weight: lighter;
}





        .grid-item { 
            width: 22.5%;
        }

         .grid-item--large {
            width: 72.5%;
            z-index: 2;
        }

        @media screen and (max-width: 800px) {
            .grid-item {
                width: 100%;
            }
              .grid-item--large {
                width: 100%;
            }
        }
        
        @media only screen and (min-width: 800px) and (max-width: 1130px) {
              .grid-item {
                width: 45%;
            }
              .grid-item--large {
                width: 100%;
            }
        }

 


        

        .homeWrapper {
            width: 100%;
        }

         .packeryWrapper {
            margin-bottom: 13px;
        }

        .packery {
            min-height: 200px;
            margin-bottom: 13px;
        }

            /* clearfix */
            .packery:after {
                content: ' ';
                display: block;
                clear: both;
            }

 .card-title {
	font-size: 22px;
}

.card-content {
	padding: 6px;
}

.ticker-header h2 {
	margin: 0 !important;
	font-size: 2em !important;
}

.blockTitle{
    font-family: 'Knockout 30 A', 'Knockout 30 B';
    font-size:22px;
}

.packery .expand {
	cursor: pointer;
	color: #ef4135;
}
.card-content.activator {
    position: relative;
}
.packery a {
	color: #ef4135;
}

.packery .tripleDots {
	padding-top: 12px;
	margin-left: 15px;
        position: absolute;
    top: 0;
    right: 0;
}

.packery .blockTitle p {
	font-weight: 300 !important;
	font-size: 22px !important;
	color: #212121 !important;
	margin-top: 0px !important;
    margin-right: 20px;
}

.packery .btn {
	background-color: #ef4135;
	font-size: 14px;
}

.packery .btn:after {
	content: "" !important;
}

.packery .btn:hover {
	background-color: white !important;
	color: #ef4135 !important;
}

.archiveHolder {
	margin-top: 70px;
}
.card .card-image img {
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}
.card .card-content .card-title {
    line-height: normal;
}
.card .card-image {
    position: relative;
}
.activator{
    cursor: pointer;
}
.card .card-title.activator {
    cursor: pointer;
    position:relative;
    display: block;
}
.waves-block {
    display: block;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: .3s ease-out;
}
.card {
    position: relative;
    /* margin: 0.5rem 0 1rem 0; */
    background-color: #fff;
    transition: box-shadow .25s;
    
}
 .card-panel, .card{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.card .card-reveal {
    padding: 20px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}
i.right {
    float: right;
  
}
.card .card-action {
    position: relative;
    background-color: inherit;
    border-top: 1px solid rgba(160,160,160,0.2);
    padding: 20px;
}
.card .card-content {
    padding: 20px;
    border-radius: 0 0 2px 2px;
}
.card .card-reveal .card-title {
    cursor: pointer;
    display: block;
}
                  .packery h2{
             margin:0px;
             line-height:inherit;

         }
.grid-item-media{
        line-height: 0;
    border: 7px solid white;
}
    
        .grid-item { 
            width: calc(50% - 6px);
            border: 7px solid white;
            margin:0;
        }
        .packery.columns_3 .grid-item:not(.grid-item--large) {
            width: calc(33% - 6px);
        }
        .packery.columns_2 .grid-item:not(.grid-item--large) {
            width: calc(50% - 6px);
        }
        .packery.columns_4 .grid-item:not(.grid-item--large) {
            width: calc(25% - 12px);
        }
        .packery.columns_5 .grid-item:not(.grid-item--large) {
            width: calc(calc(100% / 5) - 12px);
        }
        .packery.columns_6 .grid-item:not(.grid-item--large) {
            width: calc(calc(100% / 6) - 12px);
        }
        .packery.columns_7 .grid-item:not(.grid-item--large) {
            width: calc(calc(100% / 7) - 12px);
        }
        .packery.columns_8 .grid-item:not(.grid-item--large) {
            width: calc(calc(100% / 8) - 12px);
        }
        .grid-item:hover {
    /*border-color: #f6303f;*/
}
         .grid-item--large {
               width: calc(100% - 18px);
            z-index: 2;
        }

        @media screen and (max-width: 800px) {
            .grid-item {
                width: 100%;
            }
              .grid-item--large {
                width: calc(100% - 18px);
            }
        }
        
        @media only screen and (min-width: 800px) and (max-width: 1130px) {
              .grid-item {
                width: 45%;
            }
              .grid-item--large {
                width: calc(100% - 18px);
            }
        }

            .expand {
                cursor: pointer;
                color: #ef4135;
            }

            .expandGallery {
                cursor: pointer;
            }

            .closeGallery {
                cursor: pointer;
            }

            .galleryPhoto {
                cursor: pointer;
                margin-top: 10px;
            }

         .packery h2{
             margin:0px;
             line-height:inherit;

         }
         .card span, p {
    line-height: normal;
}

/* Media Box Blox - Packery Styles */



.grid-item-media .centerIcon {
        text-shadow: 0 0 20px black;
	color: white;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 80px;
}
.grid-item-media:hover .centerIcon {
    color: #ed3e35;
}

.grid-item-media .hidden {
	display: none;
}

.grid-item-media .galleryUnclicked {
	position: relative;
	line-height: 0px;
}

.grid-item-media .banner {
	/* position: absolute; */
	font-size: 26px;
	/* background-color: rgba(0, 0, 0, 0.2); */
	z-index: 1;
	/* height: 60px; */
	width: 100%;
	bottom: 0px;
	/* line-height: 0px; */
	line-height: normal;
}

.grid-item-media .galleryNameHeader {
	color: black !important;
	width: 100%;
	font-size: 22px !important;
	padding: 12px;
	display: inline-block;
	line-height: 18px;
}

.grid-item-media .flexContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}

.grid-item-media .flexItem {
	width: 25%;
}

.grid-item-media .leftChevron {
	position: absolute;
	left: 20px;
	color: white;
	z-index: 1;
	top: 50%;
	font-size: 30px;
	cursor: pointer;
}

.grid-item-media .rightChevron {
	position: absolute;
	right: 20px;
	color: white;
	z-index: 1;
	top: 50%;
	font-size: 30px;
	cursor: pointer;
}

.grid-item-media .galleryPhoto {
	border: 4px solid rgba(111, 111, 111, 0);
	cursor: pointer;
}

.grid-item-media .galleryHolder {
	background-color: white;
}



.grid-item-media .soundUnclicked {
	position: relative;
}

.grid-item-media .caption {
	color: white;
	line-height:normal;
	background-color: #001111;
	user-select:text;
}

.grid-item-media .featureBoxHolder {
	position: relative;
        user-select: none;
}



.grid-item-media .audioPlayer {
	width: 100%;
	height: 35px;
}

.grid-item-media img {
	width: 100%;
}

.grid-item-media .Vimeovideo {
	width: 100%;
	height: 350px;
}

.grid-item-media .featureBox {
	width: 100%;
}

.grid-item-media .portraitPic {
	width: 40% !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.grid-item-media .blackBackground {
	background-color: black;
	width: 100%;
    user-select:none;
}

.grid-item-media .expandGallery {
	cursor: pointer;
}
    .headerExpandedPackeryMediaItem {
        background: white;
    }

    .headerExpandedPackeryMediaItem > span {
        font-size: 22px !important;
        padding: 8px;
        display: inline-block;
        line-height: 18px;
        position: relative;
        color: black;
    }

    .headerExpandedPackeryMediaItem > i.right {
        position: absolute;
        right: 0px;
        z-index: 1;
        top: 0;
        font-size: 30px;
        cursor: pointer;
        color: black;
    }
    .galleryShiftLeft {
        height: 100%;
        position: absolute;
        width: 58px;
        cursor: pointer;
    }
    .galleryShiftRight {
        height: 100%;
        right:0px;
        position: absolute;
        width: 58px;
        cursor: pointer;
    }
    .galleryShiftLeft:hover, .galleryShiftRight:hover {
        background-color: rgba(64, 64, 64, 0.4);
    }

.profileName {
    color: #ef4135;
    font-size: 24px;
    font-family:  'Knockout 50 A', 'Knockout 50 B';
}

@media(max-width: 650px) {
    .profileName {
        text-align: center;
    }
}



.removeRightPadding {
    padding-right: 10px;
}

.profileList {
    float: right;
    text-align: center;
}

.smallRedButton {
    background: #ef4135; 
    color: #fff; 
    border-color: #ef4135; 
    padding: 7px;
    font-family: 'Knockout 51 A', 'Knockout 51 B';
    content: "\f002";    
}
.smallRedButton:hover{
    color:white;
    background:  #df1f12;
}

#pastPerformanceList {
    
}

.twoColPerformances {
   width: 550px;
   display: inline-block;
   margin: 5px;
}

.ticketBenefitTitle {
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    font-size: 22px;
    float: left;
    margin: 15px 0;
 
}

#ticketHistoryDisplay interiorPage {
    margin-bottom: 0;
}

.event-list {
   width: 49%;
   display: inline-block;
   margin: 8px 0px;
}

.table-holder {
    margin: 0px;
    padding: 0;
    float: left;
    overflow: hidden;
}

.profile-title {
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    font-size: 22px;
    margin: 10px 0;
}

#member-card {
    border: 4px dotted #ef4135;
    float: left;
    margin-top: 12px;
    position: relative;
    width: 300px;
    height: 200px;
  
}

.membercard-header {
    position: absolute;
    top: 5px;
    left: 50px;
    background: url(/Static/img/membercard_header.jpg) no-repeat !important;
}

@media print{
    .membercard-header {
        background: url(/Static/img/membercard_header.jpg) no-repeat !important;
    }
}


.membercard-scissors {
    position: absolute;
    right: 0px;
    bottom: 0px;
}


.membercard-public {
    position: absolute;
    top: 35px;
}


.membercard-name {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    font-size: 25px;
    text-align: center;
}


.membercard-memberid {
    position: absolute;
   left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);

}

.questions {
    position: absolute;
    text-align: center;
    top: 130px;
    left: 60px;
    font-size: .65em;
}

.questions2 {
    position: absolute;
    text-align: center;
    top: 140px;
    left: 66px;
    font-size: .65em;
}

.photo-list img {
    width: 40%;
}

.halfNav {
    width: 49.6% !important;
}

.runningTime {
    padding: 0 15px;
}

.mobileUtilityNav {
    display:none !important;
}
@media(max-width: 650px) {
    .mobileUtilityNavSection{
            width: 100%;
    background: rgb(239, 65, 53);
    position: absolute;
    top: 72px;
    padding: 10px 10px 0px 10px;
    left: 0% !important;
    }
    .mobileUtilityNav > div {
        color: white;
        text-align: center;
    }

    .mobileUtilityNav {
        text-align: center;
        display: flex !important;
        justify-content: space-around;
    }

        .mobileUtilityNav a {
            color: white;
        }

    .miniSearch { padding-top: 10px;
    }

        .mobileUtilityNav i {
            display: block;
        }

    .expanded .menuName {
        color: white;
    }

    .search input::-webkit-input-placeholder {
        color: #fbcfcc;
    }

    .search input::placeholder {
        color: #fbcfcc;
    }



}

/*Facebook and Google Login Button Styling*/

.navBarButtons #btnCancel {
    display: none; 
    width:160px;
}

.navBarButtons #btnLogin {
    width:160px;
}

.navBarButtons #btnLogin img{
    float:left; 
    height: 20px;
    width: auto;
}

.navBarButtons #btnLogin div{
   padding-top:2px
}

.navBarButtons #fb-login {
    height: 28px; 
    width:160px;
    display: inline-block;
}

.navBarButtons #fb-login img{
   float:left; 
   width: 20px; 
   height: 20px;
}

.navBarButtons #fb-login div {
 margin-left:30px;
}

.navBarButtons #gSignInWrapper {
    margin-top: 10px;
}


.navBarButtons #GcustomBtn {
    height: 28px; 
    padding: 3px 0px 0px 0px; 
    text-align: left; 
    min-width:160px;
    width:160px;
}


    .navBarButtons #GcustomBtn span {
    margin-left:30px; 
    font-family: 'Knockout 31 A', 'Knockout 31 B'; 
    }

    #ModalLoginPanel #fb-login div {
        margin-top:5px;
        margin-right:25px;
        padding:0px !important;
    }

    #ModalLoginPanel .login {
        border: 0px;
    }

    #ModalLoginPanel #GcustomBtn span {
        margin-left:16px;
        font-size:16px;
    }

#ModalLoginPanel #fb-login {
    height:40px;
}



    .featureDescription {
        margin-top: 15px;
    }

    .leftColSF,.rightColSF {
        width: calc(50% - 42px);
        box-sizing:border-box;
        display:inline-block;
        vertical-align:middle;
    }

    .leftColSF {
        margin-left: 30px
    }

    .rightColSF {
        margin-right: 30px
    }
  
    address p {
        font-family: "Knockout 31 A", "Knockout 31 B";
        font-size: 14px;
    }

    @media(max-width: 1024px) {
        .leftColSF, .rightColSF {
            width: 100%;
            display: block;
        }

        .infoHolder {
            margin-top:10px;
        }

        .leftColInfoHolder, .rightColInfoHolder {
            padding: 0px 20px !important
        }

        .rightColInfoHolder {
           padding: 0px 30px 0px 20px !important;
        }


    .jumbotronTitle {
    left: 30% !important;
    font-size: 5vw !important;
}

      .jumboTronTitle2 {
      left: 13% !important;
    font-size: 5vw !important;
      }



    .jumbotronSubtitle {
        font-size: 3vw !important;
        left: 19% !important;
    }
  }

    @media(max-width: 650px) {
        .mainContent {
            padding-left: 0px !important;
        }
       
        .explore {
        left:38% !important;
        font-size: 4.5vw !important;
        }

        .seasonDown {
           font-size: 5.5vw !important; 
               bottom: 7% !important;
        }

        .leftColSF {
            margin-left:0px;
        }
        .rightColSF {
            margin-left:0px !important;
        }

        .jumboTronTitle2 {
            left: 8% !important;
            font-size: 7vw !important;
        }

       .jumbotronTitle {
    left: 28% !important;
    font-size: 7vw !important;
}


        .jumbotronSubtitle {
             font-size: 4vw !important;
             left: 19% !important;
        }
     
    }

    .leftColText {
           vertical-align: middle;
    }

    .featureHolder {
        height: 100%;
        margin-left: 0px;
        width: 100%;
        display: block;
        border-bottom: 1.5px solid #10b1f1;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .tagButton, #Button1, #Button2 {
        padding: 3px 10px;
        margin-right: 4px;
        display: inline-block;
        font-size: 18px;
        user-select: none;
        color: white;
        background-color: #F42534;
    }

    .tagButton a {
        font-family:"Knockout 30 A", "Knockout 30 B";
        font-size:18px;
        margin: 0;
        color:white;
        text-align: center;
        font-size:17px;
    }

    .readMore{
        margin-top:4px !important;
    }

    .featureImage img{
        width:100%;
    }

        .jumbotronImage {
        border-bottom: 1.5px solid #10b1f1;
        }

    .rightColInfoHolder {
        padding: 0px 10px 0px 20px;
    }

    .leftColInfoHolder {
        padding: 0px 20px 0px 0px;
    }

    .rightColSF {
        margin-left:20px;

    }

    .featureTitle {
        color:#10b1f1
    }

    .featureHolder a {
        color:#F42534;
    }

    .tagButton a {
        color:white;
    }

.jumbotronTitle {
    position: absolute;
    top: 29%;
    left: 27%;
    color: white;
    font-size: 6vw;
    text-shadow: 3px 3px 8px black;
}
.jumboTronTitle2 {
    position: absolute;
    top: 38%;
    left: 9%;
    color: white;
    font-size: 6vw;
    text-shadow: 3px 3px 8px black;
}
.jumbotronSubtitle {
    font-size: 3vw;
    text-shadow: 3px 3px 8px black;
    color: white;
    position: absolute;
    top: 52%;
    left: 21%;
    font-family: 'Knockout 50 A', 'Knockout 50 B';
}

    .mobileImage {
        display:none;
    }

    .explore {
       position: absolute;
        left: 41%;
        bottom:10%;
        font-size: 2.5vw;
        color: white;
        text-shadow: 3px 3px 8px black;
        cursor: pointer;
    }

    .seasonDown {
        position: absolute;
        bottom: 22%;
        left: 46.7%;
        color: white;
        font-size: 4vw;
        text-shadow: 3px 3px 8px black;
        cursor: pointer;
}
    .standardRedButton {
    background-color: #ef4135;
    color: white;
    text-align: center;
    font-size: 22px;
    padding: 10px;
    cursor: pointer;
    border: 3px solid white;
    display: inline-block;
}
 details {
     border-bottom: solid 1px #ccc;
     padding: 10px 0;
 }   
summary {
    font-size: 16px;
    color: #333;
    
    width: 100%;
    
   /*outline: none;*/ outline-color: #111111;
    display: block;
    user-select: none;
    cursor: pointer;
}

summary:focus {
    font-size: 18px;
}

summary:after {
    font-family: FontAwesome;
    margin-left: 10px;
    content: "\f0da";
    font-size: 20px;
    vertical-align: middle;
}

details[open]>summary:after {
    content: "\f0d7";
}
details[open]>summary {
    color: #ef4135;
}
  summary::-webkit-details-marker {
  display: none;
}

  .header1 {
      font-family: 'Knockout 50 A', 'Knockout 50 B';
      font-size: 36px;
  }

  .header2 {
      font-family: 'Knockout 50 A', 'Knockout 50 B';
      font-size: 30px;
  }

  .header3 {
      font-family: 'Knockout 50 A', 'Knockout 50 B';
      font-size:22px;
  }

  .jumpLink {
      cursor: pointer;
      user-select:none;
  }
  .jumpTarget {
      user-select:none;
  }
    .jumpRow {
        height: auto;
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .jumpRow>.block {
        float: none;
        width: auto;
        flex-grow: 1;
    border: solid transparent;
    background-clip: padding-box;
    }

    .block.textBlockHeaderStyle.jumpLink {
        float: none;
        width: auto;
        flex-grow: 1;
        /* margin: 0 11px; */
    }

    .jumpRow>.block:last-child {
        /*margin-right: 0px;*/
    }

    .jumpRow>.block {
        margin-right: 6px;
    }
/* Packery Post styles */
   .card .redBg {
         background: #ef4135;
        color:white;
        cursor:pointer;
    }

   .card .redBg:hover {
        background-color:rgba(223,31,18,1);
    }

    .card .card-title {
        display:block;
        line-height:normal;
        text-align:center;
        font-family:'Knockout 30 A', 'Knockout 30 B';
        font-size: 18px;
      
    }

    .card .artistName {
        text-align:center;
        display:block;
        font-family:'Knockout 30 A', 'Knockout 30 B';
        font-size:18px;
        color:white;
    }

    .card .expandedText {
        font-family: 'Archivo Narrow';
    }

    @media(max-width:600px) {
        .home-page-card {
             width:100% !important;
        }
       
    }

    .WordSection1 {
            font-family: 'Archivo Narrow';
    }

         .dinnerModal, .mellonModal, .activityModalDiv {
                            height: auto;
                            left: 50%;
                                top: 300px;
                            transform: translate(-50%, 0);
                            display: block;
                            border: none;
                            text-align: center;
                            position: absolute;
                            padding: 12px;
                            width: 300px;
                            overflow: hidden;
                            border-bottom-right-radius: 4px;
                            min-width: 550px;
                            background-color:white;
                            border: 13px solid black;
                            z-index:5
                        }

         .mellonModal {
             top:180px;
         }

         @media(max-width:650px) {
             .dinnerModal, .mellonModal {
                 width:80%;
                 min-width:80%;
                 top:50px;
             }
         }

         .dinnerModal select {
             border: solid 2px #c6c6c6;
             padding:3px;
             margin-left:5px;
         }
    
         .mellonMatchText {
             float:left;
             color:#ef4135;
             font-size:18px;

         }

    .headinghtml>p {
    text-align: center !important;
    margin: 0;
}

.headinghtml>p:nth-child(1) * {
    text-align: center !important;
    display: inline-block;
    font-family: 'Knockout 30 A', 'Knockout 30 B';
    font-size: 18px !important;
    color: white !important;
}

.headinghtml>p:nth-child(2) * {
    display: inline-block;
    line-height: normal;
    text-align: center !important;
    font-family: 'Knockout 30 A', 'Knockout 30 B';
    font-size: 18px !important;
    color: white !important;
}
   .expandedheadinghtml>p {
    text-align: unset !important;
    margin: 0px;
    color: #ef4135;
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    font-weight: 400;
    font-style: normal;
}

.expandedheadinghtml>p:nth-child(1) * {
    padding-bottom: 5px;
    font-size: 26px !important;
}

.expandedheadinghtml>p:nth-child(2) * {font-size: 26px !important;}

.col1, .col2 {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.alignMiddle {
        display: inline-block;
    vertical-align: middle;
}

.col1 a, .col2 a, .col1 p, .col2 p {
    font-family: 'Archivo Narrow';
}

    .renderSettingsPackery>div {
    display: inline;
}
.renderSettingsPackery>div>.card {
    display: inline-block;
}
em * {
    font-style: italic;
}
.miniCalInfo>img {
    height: 25px;
}
.miniCalInfoMobile img {
    height: 25px;
}

.whiteModalWrapper {
     position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: rgba(0,0,0,0.5);
    top: 0;
}

.whiteModalHeaderX {
    position: absolute;
    right: 8px;
    top: 5px;
    font-size: 20px;
    color: white;
    cursor: pointer;
}

.whiteModalBody {
       border: 3px solid black;
    margin-top: -25px;
    max-width: 700px;
    min-width: 500px;
    background-color: white;
    top: 40%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.whiteModalBody p {
    padding:10px;
}

.blackModalHeader {
    background-color:black;
    padding:5px;
    color:white;

}


.linkBox:hover{
    background-color:#ef4135;
    color:white;
    cursor:pointer;
}

.linkBox:hover .featureLink {
    color: white;
}

.featureLinkCard {
    margin: 10px 0px;
}

.featureLink {
    font-family: 'Knockout 30 A', 'Knockout 30 B';
    font-family: 22px;
}

.playdetail .featureHolder {
    margin-bottom:10px;
}

.sourceText {
    font-style:italic;
}

.playdetail .spacer {
    height:100px;
}

.newsCard {
    margin-bottom:10px;
}

.benefit-slider-desc, .benefit-slider-desc span, .benefit-slider-desc div,.benefit-slider-title, .benefit-slider-title span, .benfit-slider-price, .benfit-slider-price span, .benefit-slider-desc div, .benefits-slider-row>div, .columnHovering {
    font-family:'Knockout 31 A', 'Knockout 31 B'
}

.performanceHolder a, .MoreShows a, .actionBtns a, .mellonMatch, .jumpTargetPlaying p, .jumpTargetTickets p, .jumpTargetSupport p {
    font-family:'Knockout 31 A', 'Knockout 31 B'
}


.perfTitle, .venueFilters li a, .showNextMonth, .showPreviousMonth, .Month a, .genrelink, .lead, .dayofWeek, .head a, .calendarListCopy span, .slideshowHalf li p {
 font-family:'Knockout 31 A', 'Knockout 31 B'
}

.Month a {
    font-size: 40px;
}

.venueNavItem a {
    margin:0;
}

.venueNavItem a:hover {
    background-color:white;
    color:black;
}
.matchingGift h2 {
    margin-top:10px
}

.miniCalTimeLink {
    margin:0;
}
.leftArrow:after {
    transform: rotate(180deg);
}
.downArrow::after {
    transform: rotate(90deg);
}

.pricingRuleMessage {
     font-family: 'Knockout 30 A','Knockout 30 B';
    font-size: 20px;
    border: 3px solid #ef4135;
    padding: 7px;
    margin-top:10px;
    display: inline-block;
}

.closePackery {
    cursor:pointer;
}

.card-content, .personDetails, .centeredText {
    z-index:6;
}

.genre {
    display: inline-block;
    margin-top: 3px;
    line-height: 20px;
    height: 20px;
    color: black;
    padding: 0 6px;
    margin-right: 0px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Archivo Narrow', sans-serif;
    border-radius: 16px;
    background-color: #e4e4e4;
}

.perfGenres>span:empty {
    display: none;
}

.miniCalPerfs .miniCalTimeLink, .miniCalDay .day, .miniCalDay .date  {
    font-family: 'Knockout 30 A', 'Knockout 31 B'
}
}
.packContainer .card>a {
    margin-bottom: 0;
}

@media (min-width: 1300px) {
    #reserveSelectSeats .syosWrapper #bestAvail .errorBox>span{margin-left: 200px;display: inline-block;}
}

.homeWrapper .holidayButton {
    background-color: #ef4135;
    color:white;
  
}

.homeWrapper .holidayButton span, .homeWrapper .holidayButton a {
 font-family: 'Knockout 50 A', 'Knockout 50 B';
   font-size:30px;
   color:white;
}

.view a{
    float:right;
    margin-bottom:0px;
}

.view a:after {
    font-family: FontAwesome;
    font-size: 16px;
    margin-left: 10px;
    content: "\f0da"; 
}

/*PDP Styling*/

/*Program Pages*/