/* 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
 */
[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"; }

.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.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); 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; }
@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 li { margin-bottom: 20px; float: left; }

.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; 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; }
.venues .actionBtns a:after { font-family: FontAwesome; font-size: 12px; right: 10px; position: absolute; }

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

.linkBlock .btn { float: left; width: 100%; border-color: #ef4135; color: #ef4135; 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, .homeWrapper.subHomeWrapper .block.footer { background: #111111; color: #fff; font-size: 16px; float: left; width: 100%; padding: 35px 25px; }

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

.footer address { margin-bottom: 15px; }

.footer h3 { font-weight: normal; font-size: 18px; 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: #ef4135; 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; }

.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.4); }

.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; margin-bottom: 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%; color: #ef4135; border-color: #ef4135; text-align: center; padding: 5px; float: right; }

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

.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; background: #ef4135; font-size: 18px; padding: 10px; margin-right: 10px; position: absolute; bottom: 0; left: 0; }
.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'] { width: 280px; z-index: 9999; background-color: #ef4135; padding: 8px; }

.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: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; color: #000; }

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

h2 { font-size: 27px; padding-bottom: 15px; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; }

h3 { font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; font-size: 22px; margin-bottom: 20px; }

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

p { margin: 0 0 15px; font-size: 15px; }

p:last-child { margin: 0; }

input, select, textarea { outline: none; }

strong, b { font-weight: bold; font-family: 'Knockout 51 A', 'Knockout 51 B'; font-weight: 400; font-style: normal; }

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%; }

/* 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, a:visited { text-decoration: none; color: #ef4135; font-family: 'Knockout 31 A', 'Knockout 31 B'; font-weight: 400; font-style: normal; cursor:pointer; }

a:focus { outline: none; }

a:hover { color: #df1f12; }

/* Buttons */
.btn, input.btn, input[type="submit"] { cursor: pointer; border: solid 4px #000; color: #000; padding: 10px 45px 10px 10px; font-size: 20px; 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; }

.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: solid 3px #111111; width: 100%; padding: 5px 32px 5px 8px; font-size: 20px; position: relative; left: 0; z-index: 0; font-family: 'Knockout 50 A', 'Knockout 50 B'; font-weight: 400; font-style: normal; }

header .search .btnSearch { position: absolute; top: 15px; font-size: 22px; right: 10px; z-index: 5; }

header .utilityNav { padding-top: 30px; 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: 5px; 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; }

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 { width: 100%; border: solid 3px #000; float: left; margin-bottom: 25px; }

.nav-tabs li { float: left; border-left: solid 3px #000; }

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

.nav-tabs li a { display: block; text-align: center; width: 100%; float: left; padding: 8px 15px; font-size: 17px; color: #000; }
.nav-tabs li a:hover { color: #ef4135; }

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

.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; text-decoration: none; font-size: 25px; }

.sbToggle { background: url(../img/select-icons.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; 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: 1; overflow-y: auto; }

.sbOptions li { padding: 0 7px; }

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

.sbOptions a:link, .sbOptions a:visited { 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.4); }

.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 { 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; }

.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:86px;
    }
    }
.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.4); }

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

.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 { position: relative; width: 50%; border-right: solid 3px #fff; font-size: 20px; color: #ef4135; float: left; display: block; padding: 10px; }
.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); }

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

.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: 34px 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%; }

.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 { float: none; width: 100%; border: none; }

.nav-tabs#menuTabs li { float: none; border: 3px solid #7e7e7e; height: 45px; }

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

.nav-tabs#menuTabs li a.selected { background: #7e7e7e; 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: normal; }

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

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

#OT_defList dt, #OT_defList dd { float: left; background: #d9d9d9; 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: 25px; 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:visited { 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; }

#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 { position: relative; }

.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: 284px; }

.playdetail .miniCal .ui-datepicker { width: 264px; }

/* Play Details Page */
.playDetailWrapper { position: relative; margin-top: 160px; }

.playDetailWrapper .buyTicketsExpander { color: #fff; float: left; 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; color: #838383; }

.playDetailWrapper .slideshowCaptions .socialPdp { position: absolute; width: 100%; top: -30px; left: 50%; }

.playDetailWrapper .buyTicketsExpander .btn.buyTixBtn { border: solid 4px #fff; width: 100%; float: left; background: #ef4135; color: #fff; position: relative; margin: 0 0 13px 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 .firstRow p { color: #fff; }

.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 { 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: 16px; 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.4); padding-left: 6.5px; padding-right: 6.5px; }

.playDetailWrapper .buyTicketsExpander > div.formSection { border: 0px; padding: 0px; margin-top: 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; }
.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.4); 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: 18px; }
.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: #d9d9d9; 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; }

.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; padding-top: 10px; 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.4); }

.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.currentPage 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: 13px; font-size: 24px; }
.benefitsPage h3 { font-size: 18px; margin-bottom: 10px; }
.benefitsPage h4 { font-size: 16px; }
.benefitsPage .memberInfo ul { wfloat: left; padding: 15px; background: #eee; margin: 10px 0 0; font-size: 16px; }
.benefitsPage .memberInfo .btn { float: left; margin-top: 10px; height: auto; width: 100%; padding: 11px; }
.benefitsPage .noPadding { margin-bottom: 0px !important; padding-bottom: 0px !important; }
.benefitsPage .tableSection { margin-bottom: 30px; padding-bottom: 30px; width: 100%; float: left; }
.benefitsPage .tableSection .tableBreak { border-right: 6.5px solid #fff; }
.benefitsPage .tableSection .tableHead { float: left; width: 100%; background: #f5f5f5; font-size: 20px; margin-bottom: 10px; }
.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: 8px; }
.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 { padding: 13px; background: #eee; float: left; margin-top: 30px; }
.benefitsPage .redeemSection li { font-size: 16px; }
.benefitsPage .BenefitsOpenText { width: 100%; float: left; margin-top: 20px; }

/* Account Nav */
.accountNav.row { margin-left: -0.85em !important; margin-right: -0.9em !important; margin-top: -20px !important; margin-bottom: 35px; }
.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, form, .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 { padding: 20px; border: 6px solid #ef4135; font-size: 36px; text-align: center; color: #ef4135; line-height: 1; position: relative; margin-bottom: 20px; }

.normalP { margin: 0 0 15px; font-size: 15px; }

.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; padding-top: 15px; }
.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: 100%; background: #d9d9d9; border: none; padding: 11px 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 {  min-width: 550px; background: #001111; padding: 13px; }
#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 { 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 { 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.4); }

#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 { float: left; background: none; border: 3px solid #fff; border-bottom: none; padding: 20px 10px 0px 10px; clear: both; background-color: rgba(0, 0, 0, 0.4); }

#calendarArea .calendarMonthDisplay .calendarMonthSelector h2, #calendarArea .calendarMonthDisplay .calendarMonthSelector div  { font-size: 44px; color: #ef4135; 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: 36px !important;}
div#calendarMonthExtend {padding: 10px 10px !important;}
.Month {padding-left: 15px !important;}
#calendarArea #calendarMonthExtend { display: none; width: 100%; min-height: 100%; min-width: 100%; }
#calendarArea #calendarMonthExtend>div>div {padding: 9px 0px 5px 5px;}
#calendarArea #calendarMonthExtend table, #calendarArea .calendarMonthDisplay #calendarMonthExtend tbody { background-color: rgba(0, 0, 0, 0.4) !important}

#calendarArea .calendarMonthDisplay .calendarMonthSelector .changeMonthNext { font-size: 44px; color: #ef4135; float: left; 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: 20px; 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: 10px; color: black; overflow:hidden;  }

.calFilters { float: left; width: 100%; margin-bottom: 15px; }

.calFilters ul { float: left; width: 100%; border: solid 3px #fff; overflow: hidden; }

.calFilters ul li { float: left; width: 20%; 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 { background-color: rgba(0, 0, 0, 0.4); }

.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%; }

#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: 100%;}
#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; }

#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.3; margin-bottom: 5px; }

#calendarPage .popover.calendarPopUp .popover-content span { font-size: 18px; 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 #ef4135; text-align: center; padding: 10px 8px; font-size: 16px; 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 { color: #df1f12; border-color: #df1f12; }

/* --------------------- Reserve Page ---------------------*/
#reserveSelectSeats .calendarWrap { display: none; }

#reserveSelectSeats #selectedPerformance { float: left; border-bottom: solid 3px #7e7e7e; width: 100%; padding: 13px 0; }

#reserveSelectSeats #selectedPerformance img { width: 100%; }

#reserveSelectSeats #selectedPerformance .performanceInfo { float: left; width: 100%; }

#reserveSelectSeats #selectedPerformance h4 a { font-size: 27px; display: block; padding: 0 0 10px; font-weight: 400; }

#reserveSelectSeats #selectedPerformance h5 { font-size: 18px; color: #000; display: block; }

#reserveSelectSeats #selectedPerformance .changePrefBtn.btn { color: #ef4135; border-color: #ef4135; display: block; width: 220px; margin: 10px 0 0 0; }
#reserveSelectSeats #selectedPerformance .changePrefBtn.btn:hover { border-color: #df1f12; 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: #ef4135; border-color: #ef4135; display: block; float: left; font-size: 20px; }
#reserveSelectSeats .formSection #havePromo.btn:after { font-family: FontAwesome; font-size: 16px; right: 20px; position: absolute; top: 10px; }
#reserveSelectSeats .formSection #havePromo.btn:hover { border-color: #df1f12; color: #df1f12; }

#reserveSelectSeats .formSection #havePromo.btn div p { margin: 0; padding: 0; }

#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 .syosWrapper .nav-tabs li { width: 50%; }

#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); }

.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; float: right; 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%; float: left; }

#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: 33%; }

#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; font-size: 1.4em; 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; }
#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; margin-bottom: 13px; }
#ticketHistoryDisplay .ticketChart li .subLabel { padding-right: 10px; border-right: 1px solid #838383; 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 { width: 20%; }
  .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 !important; }
  .height-Double .block { height: auto !important; }
  .btn, input[type='submit'] { width: 100%; }
  header.publicHeader { min-height: 100% !important; }
  header .navWrapperHeightHack { min-height: 100% !important; }
  header { height: 86px; 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: 85px; }
  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: 85px; }
  header .top-bar-section { width: 100%; background: #ef4135; position: absolute; top: 86px; padding: 10px; }
  header .mainNav ul li { width: 100%; }
  header .mainNav ul li a { color: #fff; font-size: 31px; border-bottom: solid 5px #fff; font-size: 31px; line-height: 30px; padding: 25px 0; }
  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: 86px; margin: 0; padding-top: 0; position: relative; display: block; }
  .subHeader.expanded { margin: 0; }
  .subHeader .name img { margin-top: 10px; }
  .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; }
  .playDetailWrapper .buyTicketsExpander .btn.buyTixBtn { margin: 0 0 13px 0; width: 100%; }
  .playDetailWrapper .buyTicketsExpander .promoLink { float: left; padding: 0 0 10px 0; padding-top: 0; }
  .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: 34px 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 .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; 
}
#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; }
#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 {
    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 input[type="submit"] {
    border:solid 3px #ef4135;
    color: #ef4135;
    padding: 0px 10px 0px 10px;
    font-size: 14px;
    line-height: normal;    
    position:inherit;
}
.LoginContent li div input[type="submit"] {
    margin: 0px;
}
.LoginContent input[type="submit"]:hover {    
    border-color:#000;
    color: #000;
}
.LoginContent .forgotPassword {
    padding: 10px 0px 5px 0px;
}
.LoginContent .RegisterNow {
    margin: 0px;
    padding: 5px 0px 0px 0px;
}
.LoginContent .rememberMe label {
    vertical-align: sub;
}
.LoginSimpleModal .errorBox ul, .LoginSimpleModal p{
    font-weight:normal !important;
    font-size: 18px;
    padding-bottom: 15px;
    margin: 0px;
    font-family: 'Knockout 50 A' !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;
    color: white !important;
    z-index: 2;
    min-width: 650px;
    width: 100%;
    text-align: center;
    background: #ef4135;
    padding: 20px;
    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);
    padding-left: 250px;
}