@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
    
/* Lets reset some DEFAULT styles */
#popupBody {
	background: none;
}
#popupBody img {   
    height: auto !important;
}
body {
	background: #000;
	color: #000000;
	font: 16px/20px 'Roboto', Tahoma, Arial, Helvetica, sans-serif;
}
body#popupBody,
body.popupDetails {
  background: #fff;
}     
ol, ul {
    list-style: outside none none;
}
a{
	color: #f20000;
    outline: 0 none;
    text-decoration: none;
}
a:hover{
	color: #5cd6eb;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    color: #5cd6eb;
    font-family: 'Inter Tight', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
    line-height: normal;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 19px;
    color:#000;
}





h4 {
    font-size: 16px;
    margin-top: 14px !important;
    color:#000;
}
h5 {
    font-size: 16px;
    color:#000;
}   
.container {
	width: 100%;
}
/* -----------------------------HEADER------------------------------*/
	 
#header {
	background: #fff;
    padding: 10px 0px 0px 0px;
}
    
.header-content {
	background-color: #fff;
}
#header .header-logo { 
  float:left;
}
.tal_tagline { 
	padding-bottom: 6px;
}
.tal_tagline h4 { 
	font-weight: 500;
	text-align: center;
}
.tal_tagline p { 
	color: #5cd6eb;
	text-align: center;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
}
.tal_tagline p a {
	color: #5cd6eb;
}	
.tal_tagline p a:hover {
	color: #f20000;
}
@media (min-width: 992px) {
	.tal_tagline h4 { text-align: left; }	
}
@media (min-width: 1200px) {

	.tal_tagline p {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
		margin-top: 10px;
		line-height: normal;
	}

}

/* -----------------------------MAINNAV------------------------------*/
#menu { 
	background: #5cd6eb; 
}

/* ---------------------------  FOOTER  ---------------------  */
 #footer {
	background-color: #000;
	color: rgba(255,255,255,0.6);
	padding: 14px 0;
	text-align: center;
}
#footer  p {
	font-size: 13px;
	line-height: normal;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 8px;
}
 
#bcpa_share { 
	margin: 0 auto 30px;
	padding-top: 8px;
}  

 
.account-box h1, 
.section-box h1, 
.account-box h2, 
.section-box h2, 
.account-box h3, 
.section-box h3, 
.account-box h4, 
.section-box h4 {
    line-height: 1;
    margin-bottom:25px;
}
.small-heading-text {
	font-size: 11px;
	line-height: 17px;
}  
.account-box .form-control {
    width: initial;
}
.account-box .field-label, 
.section-box .field-label {
    color: #000;
}
.articles .article-container {
 
    margin-bottom: 50px;
}     

.article-container img { 
	height: auto !important; 
}	
.system-message-block {

	color: #121212;
}
.alert-info {
    background-color: #EFFAFF;
    border-color: #009DDC;
    color: #121212;
} 
.alert-info hr {
    border-top-color: #009DDC;
}   
.alert-info .alert-link {
    color: #009DDC;
}   
.alert-success {
    border-color: #3c763d;
    color: #121212;
}  
.alert-success hr {
    border-top-color: #3c763d;
}
.alert-success .alert-link {
    color: #3c763d;
}
    
.alert-warning {
    background-color: #FFDFE0;
    border-color: #DF373E;
    color: #121212;
}
.alert-warning hr {
    border-top-color: #DF373E;
}
.alert-warning .alert-link {
    color: #DF373E;
}

.system-message-block {
    
    margin: 20px 40px;
}
    
 
.customer-options, .active-nav .customer-options, .active-sidebar .customer-options {
  
    background: none repeat scroll 0 0 #5cd6eb; /* was #000 */
    opacity: 1;
    width: 34%;
    left: initial;
    right: 115px;
    top: 0px;
    border-radius: 0px 0px 22px 22px;
    min-height: 100px;
    padding: 10px 0px;
    
    -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.25);
}
.customer-buttons {
    margin: 15px 0 0 0;
}
    
#orderInfo {
    width: 100%;
    margin-top: 10px;
} 
    
#orderInfo span {
    font-style: normal;
}   
    
.greeting-message {
    
    font-weight: normal;
}
    
.content-wrapper {

    background-color: #fff;
    overflow:visible;
}
	
#menu {
    
    z-index:99;
}

#orderTimeout {
 
    background-color:#de0400;
    color: #FFFFFF;
    padding: 0px 4px;
    border-radius: 4px;
}
	
	
/* BUTTONS */
	
.menu-toggle.btn-default {
    
    background-color: #f20000; 
    color: #FFFFFF;
    border: 1px solid #f20000; 
}
    
.btn {

    border: 1px solid transparent;
    border-radius: 4px;
    text-transform: uppercase;    
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
 a.btn-primary,   
.btn-primary { /* Blue Butts for Buy buttons */

    background-color: #5cd6eb; 
    color: #fff;
    font-weight: normal;
    border-color: #5cd6eb;
}

.btn-default, 
.btn-link { /* Grey Butts for Cancel type buttons and a href link buttons */

    background-color: #9F9F9F;
    color: #fff;
    font-weight: normal;
    border-color: #9F9F9F;
}    
   
.item-options .btn-primary, 
.item-options .btn-link, 
.item-options .btn-default {
    
    min-width:initial;
}
    
.account-box .btn-link {
    
    margin-top: 20px;
    display:block;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    
    background: none repeat scroll 0 0 #f20000;
    border: 1px solid #f20000; 
    color:#FFF;
    
}
    
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {
    
    background: none #5cd6eb; 
    border: 1px solid #5cd6eb;
    color:#FFF;
    
}    
    
.btn-link:hover, 
.btn-link:focus, 
.btn-link:active, 
.btn-link.active, 
.open .dropdown-toggle.btn-link {
   
    background-color: #5cd6eb; 
    border: 1px solid #5cd6eb; 
    text-decoration:none;
    color:#FFF;
}
   
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary.active[disabled], 
fieldset[disabled] .btn-primary.active {
    background-color: #C0C0C0;
    border-color: #C0C0C0;
    color: #5F5F5F;
    
    background-image: url('https://www.quaytickets.com/ArticleMedia/Images/qt/disabled-stripes.png');
}



a.btn-primary:not(:disabled):not(.disabled):hover,
a.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus {
    color: #ffffff;
    background-color: #f20000; 
    border-color: #f20000;
}

a.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #ffffff;
    background-color: #f20000; 
    border-color: #f20000;
}




.form-control {
    border-radius: 0px;
}
    
.shopping-cart-link:link, .shopping-cart-link:visited, .shopping-cart-link:focus {
    
    background-color: #2fa99c;
    border: 1px solid #2fa99c;
    color:#FFF;    
    
    font-size: 12px;
    padding: 4px 12px;
}
    
.shopping-cart-link:hover {

    background-color: #2fa99c;
    border: 1px solid #2fa99c;
    color:#FFF;    
    
    font-size: 12px;
    padding: 4px 12px;   
   
   /*
    background: none repeat scroll 0 0 #f20000;
    border: 1px solid #f20000;

    color:#FFF;
    font-size: 12px;
    padding: 4px 12px;
	*/
}
   
    
    
/* FEATURE BOX - NOT SURE IF WE ARE USING THIS - DID NOT UPDATE THESE FOR REDESIGN 2017 */
    
#feature-box {
    width: 1020px;
    height: 300px;
    overflow:hidden;
    margin: 0px 30px;
    background-color:grey;
} 
    
#feature-box-wrap .glyphicon {
    
    display:none;
}
    
.carousel-control {
    
    width: 30px;
}
 
#feature-box-wrap .left, #feature-box-wrap .right {
    
     background-repeat:no-repeat;  
     background-size: 60px 300px;
     opacity: 1;
}
    
#feature-box-wrap .left {

    background-image: url('/ArticleMedia/Images/carousel-left-arrow.png');
}    
    
#feature-box-wrap .right { 

    background-image: url('/ArticleMedia/Images/carousel-right-arrow.png');
}  
   
#feature-box-wrap .left:hover, #feature-box-wrap .right:hover {
    background-position: -30px 0px;
}    
 
#feature-box-wrap .carousel-indicators {
    bottom: 7px;
}
   
#feature-box-wrap .event-feature {
    
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color:rgba(0,0,0,0.5);
    margin:0px;
    padding-bottom: 15px;
}
    
#feature-box-wrap .event-feature h2 {
    
    color:#FFF;
}
    
#feature-box-wrap .event-feature-dates {
    
    color:#FFF;
    font-size: 16px;
    font-weight:bold;
}
    
#feature-box-wrap .event-feature-dates a {
    
    position:absolute;
    right: 50px;
    bottom: 15px;
    display:block;
    text-transform: uppercase;
    background-color:#003A64;
    color:#FFF;
    border-radius: 4px;
    padding: 8px 12px;
    font-weight: bold;
    font-size: 14px;
}    
    
#feature-box-wrap .event-feature-dates a:hover {
    
    background-color:#f20000;
    text-decoration: none;

}    

 

/* PROMO BOX */
    
#promoCodeBox {
    
    width:100%;
    padding: 8px 12px;
    
    border-radius: 0px;
    line-height: 23px;
    background-color: white;
    color: #5cd6eb; 
}
    
#promoCodeBox .btn-default, 
#searchBox .btn-default {
    
    font-weight:normal !important;
    color: #5cd6eb;
    padding: 5px 10px;
    border: 2px solid #5cd6eb;
    background-color:#fff;
}
#promoCodeBox .btn-default:hover, 
#searchBox .btn-default:hover {
    color:#FFF;
    background-color:#5cd6eb;
}      
    
#promoCodeBox #promoCodeBoxInput {
    
    border: 0px solid #5cd6eb; 
    background-color: #5cd6eb; 
    border-radius: 0px;
    color: #FFFFFF; 
}
    
#promoCodeBox h4 {
    
    color: #5cd6eb;
}
    
#promoCodeBox .promotional-code-message {
    
    color:#3f3f3f;
}    

.last-promotional-code-name {
    color:#666;
}  
    

	
/* SEARCH BOX */
    
#searchBox {
    background: #f5f5f5 none repeat scroll 0 0; 
    border: 2px solid #d9d9d9; 
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 10px 10px 5px 10px;
    text-align: center;
	color: #626b72;
}
    
    
#searchBox .btn-default {
    font-weight:bold;
    color:#FFFFFF;
    background-color: #f20000;
    padding: 7px 12px;
    border: none;
}
#searchBox .btn-default:hover {
    background-color: #5cd6eb ; 
}
#searchBox input {
    
    border: 1px solid #666666;
    
}
#searchBox .item-search-keyword {
    
    margin-right: 20px;
}
/*    
#searchBox li:first-child {
    
    float:right;
    padding: 0px 25px 0px 0px;
}
*/

    
/* SEAT PLAN / VENUE IMG */

.venue-image img {
    
    width: 100% !important;
    height: auto !important;
    
    max-height: initial !important;
    max-width: initial !important;
}
    
html body div.content-wrapper div#content div.container div#seatResults.bodyDetails div.venue-image-column.av-right div.venue-image.item-box svg#svg_seat_location.svg-map g#map-matrix image#backgrounder {
    
    width: 100% !important;
    height: auto !important;
    display: block !important;
}



/* PAGINATION */
    
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0px;
    margin-left: 0;
}
    
.pagination > li > a, .pagination > li > span {

    border: 2px solid #FFF;

    background-color: #FFF;
    color:#000;
}
    
    
.pagination > li > a:hover, 
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #5cd6eb;
    border-color: #5cd6eb;
    color: #fff;
}
    
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #00000000;
    border: 2px solid #00000000;
    color: #5cd6eb;
}
   
	
/* ITEM DESCRIPTION */
    
.item-description-details .btn {

   margin-top: 3px;
   padding: 0px 5px;
   border: none;
   background-color: #DFDFDF;
   font-weight: normal;
   color:#121212;
}
    
.item-description-details .btn:hover, .item-description-details .btn:focus, .item-description-details .btn:active {
   margin-top: 3px;
   padding: 0px 5px;
   border: none;
   background-color: #CFCFCF;
}
    

/* SEARCH RESULTS */
.search-results-container {
    margin-bottom: 20px;
}
    
.even, .odd {
    background: none repeat scroll 0 0 #FFF;
    border-top: 2px solid #D9D9D9;
    line-height: 25px;
}
    
.results-box .result-box-item:last-child {
    
    border-bottom: 2px solid #D9D9D9;
}
    
.search-results-container .item-description .item-name {
    
    font-size: 14px;
    line-height: 2rem;
    display: block;
    
    color: black;
    font-weight: normal;
}

.search-results-container .item-image .item-logo {
    
    border-radius: 0px;
}  
    
.search-results-container .item-teaser {
    
    display:none;
}

.result-box-item .no-logo .item-logo {

	background-image:url('https://www.quaytickets.com/ArticleMedia/Images/qt/qt-default-img-v1.jpg') !important;
	background-size: 100% auto !important;
	background-position: center center !important;
}

.result-box-item .start-date, .result-box-item .item-venue {

  font-size: 14px;
	font-weight:normal;
}   
    
.result-box-item .start-date-label {

	display:none;
}

.result-box-item .item-venue {

	font-weight:normal;
}
    
.result-box-item .excellent, .result-box-item .good, .result-box-item .limited, .result-box-item .soldout, .result-box-item .unavailable {
    
    width: 150px;
}
    
.result-box-item .excellent .availability-icon img, .result-box-item .good .availability-icon img, .result-box-item .limited .availability-icon img, .result-box-item .soldout .availability-icon img, .result-box-item .unavailable .availability-icon img {
    
    display:none;
}
    
.result-box-item .excellent { 
	background-image: url(/ArticleMedia/Images/branding/Availability_Excellent.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.result-box-item .good { 
	background-image: url(/ArticleMedia/Images/branding/Availability_Good.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.result-box-item .limited {
	background-image: url(/ArticleMedia/Images/branding/Availability_Limited.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.result-box-item .soldout {
	background-image: url(/ArticleMedia/Images/branding/Availability_Sold_Out.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.result-box-item .unavailable {
	background-image: url(/ArticleMedia/Images/branding/availability-unavailable.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
 
   
/* BEST AVAILABLE / SEAT MAP TABS */
    
.seat-tabs-box .seat-tabs .seat-tab {
    
    border: 1px solid #F92B1E;
    color: #F92B1E; /* was #000 */
}
    
.seat-tabs-box .seat-tabs .seat-tab:hover {
    background: none repeat scroll 0 0 #2fa99c; /* was 3BB59C */
    border-color: #2fa99c; /* was 3BB59C */
    color: #fff;
}
    
.seat-tabs-box .seat-tabs .seat-tab.active {
    background-color: #F92B1E;
    border-color: #F92B1E;
    color: #fff;
}


/* SEAT PLAN / VENUE IMG */

.venue-image img {
    
    width: 100% !important;
    height: auto !important;
    
    max-height: initial !important;
    max-width: initial !important;
}



    
/* PRICING - MAPSELECT */
    
    
#price_zone_section {
    
    font-size: 12px;   
}
    
.price-zone-option, .item-box-detail-data {
    
    font-size: 14px;  
}
    

/* CALENDAR */
 
    
#calendar-widget-frame {
    width: 100%;
    margin-bottom:15px;
}
    
#calendarWidget-navigation {
    
    background: none repeat scroll 0 0 #009DDC;
}

#calendarWidget-body {
    background: none repeat scroll 0 0 #FFF;
}

#calendarWidget-navigation td a {
    color: #fff;
}
#calendarWidgetHeader td {

    background: none repeat scroll 0 0 #009DDC;
    border-color: #FFF;
    color: #FFFFFF;
    border-width: 1px 1px 1px 1px;
}
    
#calendarWidgetTable {

    border-color: #FFF;
}
#calendarWidgetTable td {

    background: none repeat scroll 0 0 #DFDFDF;
    border-width: 1px 1px 1px 1px;
}
#calendarWidgetTable .WidgetToday {
    
    background: none repeat scroll 0 0 #000;
}
#calendarWidgetTable .WidgetEvent:hover, #calendarWidgetTable .WidgetEvent {
    
    background: none repeat scroll 0 0 #009DDC;
}
    
.table th, .table td {
    border-top: 0px solid #ddd !important;
}
    
#calendarWidgetHeader {

    border-color: #ddd;
    border-width: 1px 1px 1px 0;
}
    
#searchFilters select {
    
    width: 100%;
}
	


/* online map fix */
#svg_online_map {
     max-height: 100vh !important;
}

  
/* USER ACCOUNT MANAGEMENT */
    
.my-account-nav ul li.active a, .my-account-nav ul li:hover a {
    border-right-color: #009DDC;
    color: #009DDC;
}
    
.my-account-nav ul li a .badge {
    background-color: #009DDC;
}
      
.account-box {
    
    margin: 25px auto;
}

.account-box .field-label {
    float: none;
}
    
#content .container .navigation-box.section-box {
    
    background-color: #FFF;
    padding: 25px;
    margin: 0px 20px 0px 25px;
    width: 100%;
    max-width: 1100px;
}

#purchaseBox.navigation-box.section-box {

    margin: 0px !important;
}
	
/* marketing select box fix for IE */	
	
#account-marketing-data-box .extended.attribute select.form-control {
    
    width:100% !important;
    font-size: .9em;
}
	
.delivery-methods .method-logo {

	width: 80px;
	float:left;
	margin-top: 10px;
	padding-right: 20px;
}

.delivery-methods .method-selector {

	float:left;
	width: 70%;
}

.delivery-methods .method-selector label {
	 clear: right;
	 display:block;
	 font-weight:bold;
}

.delivery-methods .delivery-method-description {

	line-height: 21px;
	color:#231F20;
}


  
/* PAYMENT ICONS */    
    
.payment-methods-list {
    background-color:#FFF;
}
    
.payment-methods-list .payment-method-option {
    width: 20%;
    min-height: 140px;
    background:none;
}
    
.payment-methods-list .payment-method-option {
    
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin: 0 1% 1%;
    padding: 5px;
    text-align: center;
    width: 48%;
}
    
.payment-methods-list .payment-method-option:hover {   
    
    background: none repeat scroll 0 0 #DFF4FF;
}

.payment-method-logo, .payment-method-logo a {
    
    width: 100% !important;
    text-align: center !important;
    box-shadow: unset !important;
}
    
.account-box.payment-input-box {
    
    border: 1px solid #dddddd;
}
    

/* marketing select box fix for IE */
	
#account-marketing-data-box .extended.attribute select.form-control {
    
    width:100% !important;
    font-size: .9em;
}

.account-options.keywords li {
    width: 49%;
}

#searchBox label img {

    float:right;
    margin-right: 4px;
    margin-top: 6px;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('https://www.quayevent.com/ArticleMedia/Images/quayevent/cal.gif') no-repeat;
    width: 21px; /* Width of new image */
    height: 17px; /* Height of new image */
    padding-left: 21px; /* Equal to width of new image */      
}  
   
    
    
/* ----------------------- RESPONSIVE MEDIA QUERIES ------------------------ */
    

    
@media (max-width: 515px) { /* Micro Mobile */

    .detailed-search-results .item-image.result-box-item-details {

        width: 175px;
        margin: 10px auto;
        display: block;
    }
    .detailed-search-results .item-image.no-logo .item-logo {
        
        min-height: 100px;
        max-height: 175px;
    }

}  
    
@media (max-width: 767px) { /* mobile */
    
    .modal-dialog {
        margin: 60px auto;
        width: 90%;
    }

    #header {
        padding: 0px;
    }
    
    #menuTopItem-help { display:none; }
    
    #content {
        padding: 20px 0;
    }
    .content-wrapper {
        overflow: hidden;
    }
    
	.customer-options, 
	.active-nav .customer-options, 
	.active-sidebar .customer-options {
        background: none repeat scroll 0 0 #ffffff;
        box-shadow: 0 0 20px #666;
    }
    
    #feature-box, .primary-feature-wrapper {
    
          display:none !important;
    }

    .search-box {
        margin: 7px 0 35px;
    }

    #searchBox li:first-child {  
        clear: both;
        float: none;
        padding: 0px;
		margin-right: 0;
    }
    
    .search-box form ul li {
        
        display: block;
        margin: 0;
    }
 
    #searchBox label {
       width: 290px;
    }
    
    #searchBox input {
        
        width: 170px;
        float:right;
    }
    
    #searchBox .btn {
        
        width: 100px;
        float:none;
        margin-left: 18px;
        margin-top: 5px;
    }
    
    .searchBoxLabel {

        float:left;
    }
    
    #account-marketing-data-box .account-box .form-control {
        width: 100%;
        max-width: 100%;
    }
    
    #account-marketing-data-box option {
        
        font-size: 11px;
    }
	
}

    

@media (min-width: 768px) and (max-width: 991px) { /* Tablet */
    
    .modal-dialog {
        margin: 60px auto;
        width: 80%;
    }
    
    .container {
        width: 100%;
    }
  
    #header {
        padding: 0px;
    }

    #menuTopItem-help { display:none; }
  
    
    #content {
        padding: 20px 0;
    }
    
    .content-wrapper {
        overflow: hidden;
    }
    
	  .customer-options, .active-nav .customer-options, .active-sidebar .customer-options {
        background: none repeat scroll 0 0 #ffffff;
        box-shadow: 0 0 20px #666;
    }
    
    #feature-box-wrap {
    
       width: 731px;
        margin: 0px auto;
    }

    #feature-box {
        width: 671px;
        height: 300px;
    }

    #account-marketing-data-box .account-box .form-control {
        width: 100%;
        max-width: 100%;
    }
    
}
    	
	
@media (max-width: 991px) { /* Mobile AND Tablet */
    
	.customer-options, .active-nav .customer-options, .active-sidebar .customer-options {
	  
		background: none repeat scroll 0 0 #FFF;
		opacity: 1;
		width: 70%;
		left: initial;
		right: 30px;
		top: 0px;
		border-radius: 0px 0px 22px 22px;
		min-height: 100px;
		padding: 10px 0px;
		
		-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.25);
	}
   
    .menu-toggle.btn-default {

        top: 20%;
    }
    #menu {
        float: left;
        margin: 0 0 0 -100%;
        width: 80%;
    }
    
    .menuSub.dropdown-menu {
        
        display:none !important;
    }

    #menuTop.nav .menuTopItem .menu_item {
        background-color: #5cd6eb; 
        color:#fff;
    } 
    
    #menuTop.nav .menuTopItem .menu_item:hover {
        background-color: #f20000; 
        color:#fff;
    }   
    .menuContainer .nav li a {
        border-bottom: 1px solid #fff;
    }

    /* logo */
    
    
    #header .header-logo {
        float: none;
    }
    
    .header-content a img {
        display:block;
        margin: 0px auto;
    }  

    #content { background-color: #FFF; }

}
@media (max-width: 515px) { /* Micro Mobile */

	/* Move toggles down below the logo and move padding from the header content element to the tagline element */
	.header-content {
		padding: 0 10px; 
	}
    .tal_tagline {
		padding: 0 60px 6px; 
    }
	.menu-toggle.btn-default {
        top: 65%;
    }
	#searchBox input {
		float: none;
		display: block;
		clear: left;
	}
	.search-box .form-control {
		max-width: 85%;
	}
}
@media (min-width: 992px) { /* ALL Desktops */
    

    #menu {

        margin: 0px auto;
        padding: 0px;
        display:block;
        text-align: center;
        z-index: 100;
    }
	
    .menuContainer.main-nav {
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
		/*max-width: 1350px;*/
    }

    #menuTop.nav {
        background:none;
        display: table;
        table-layout:auto;
        margin-left:auto; 
        margin-right:auto;
    }

    .menuContainer.main-nav .nav .menuTopItem {

        margin: 0px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    #menuTop.nav .menuTopItem a.menu_item {
      
        background:none;
        height: 100%;
        transition: all 0.1s ease-in-out 0s;
        width: 100%;
        position:relative;
        padding: 0px;

        color: #fff; /* was dacf6b*/
        display: block;
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        padding: 20px 16px;
        text-decoration: none;
      
    }

    #menuTop.nav #menuTopItem-help {

        display:none;
    }

    #menuTop.nav .menuTopItem a.menu_item:hover {

        background-color: #F20000;
        color: #fff;
    }
 
    .menuContainer.main-nav .nav .menuTopItem .dropdown-toggle {

      display:none !important;
    }

    #menu .glyphicon.glyphicon-chevron-down {

        display:none;
    }
    
    #menu ul ul { 

      display: none; 
      margin:0px;
    } 

    #menu ul li:hover > ul { 

      display: block;
    }
	
    .menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
        background: none;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        margin: 0px;
        padding: 0px;
    }

    #menu .dropdown-menu li.menuSubItem a  {
		color: #2fa99c;
        background-color: #eee; /* was ffecb9 */
        border-top: 1px solid #fff; /* was ffecb9 */
        font-size: 14px;
        padding: 5px 10px 5px 18px;
        text-align: left;
    }
    #menu .dropdown-menu li.menuSubItem:last-child a {
        border-bottom: 1px solid #fff; /* was ffecb9 */
    }

    #menu .dropdown-menu li.menuSubItem a:hover  {

        background-color: #d11616;  /* was D70F02*/
        color:#fff;
    }

    #content { 
        background:none; 
        padding: 20px 0px 0px 0px;
    }
}
    
    
    

@media (min-width: 992px) and (max-width: 1200px) { /* Desktop */
  
    #content { 
        background-color: #FFF; 
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .content-wrapper #content .container #default.bodyDetails {

        padding: 0px;
    }

    #menuTop.nav .menuTopItem a.menu_item {

        font-size: 15px;
    }

    #menuTop.nav .menuTopItem a.menu_item {
        
       /* padding: 12px 12px; */
    }
    
    .customer-options, .active-nav .customer-options, .active-sidebar .customer-options {
        right: 75px;
        width: 45%;
    }
    
    #feature-box {
        width: 880px;
        height: 300px;
        overflow:hidden;
        margin: 0px 30px;
        background-color:grey;
    }
    
    .search-box form ul li .form-control {
        
       width: 150px;
    }
    
    .raologos img { height: 65px !important; width: auto !important; margin-top: 10px; }
    

    .map-select-tickets-column {
        width: 380px;
    }
    
    .map-parent {
        width: 525px;
        margin-left: 10px;
    }
    
}

.seatS {
               fill: lightgrey
}
.seats {
               fill: lightgrey
}
.seatu {
               fill: lightgrey
}
.seatO {
               fill: lightgrey;
}
.seato {
               fill: lightgrey;
}
.seatR {
               fill: lightgrey;
}
.seatr {
               fill: lightgrey;
}

    
@media screen and ( min-width: 1200px ) { /* large desktop */
  

    #content, 
	.active-nav #content, 
	.active-sidebar #content, 
	#orderInfo, .active-nav #orderInfo, 
	.active-sidebar #orderInfo, 
	.container, 
	.active-nav #menu, 
	.active-sidebar #menu, 
	.footer-content {

        max-width: 1350px;
    }
	.header-content .container {

        max-width: auto;
    }
    .bodyDetails {
        background: #fff none repeat scroll 0 0;
        display: inline-block;
        margin: 0 25px;
        min-height: 280px;
        padding: 20px;
        width: 1100px;
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .content-wrapper #content .container #default.bodyDetails {

        padding: 0px 20px 20px 20px;
    }
 
	#menu .menuContainer.main-nav, 
    #footer .footer-content.container { max-width: 1350px; }

    .search-box form ul {
        
        display: inline-block;
        width: 100%;
    }
    /*
    #searchBox li:first-child {

        float:right;
        padding: 0px 40px 0px 0px;
    }
    */
    
    .map-select-tickets-column {
        width: 400px;
    }
    
    .map-parent {
        width: 640px;
    }

}
    
 /* === 7.38 AudienceView Changes - Start */
.searchBoxLabel{ margin-right: 10px; }
.btn-primary { color:white!important; background:#5cd6eb!important; font-size:14px; }
.btn-primary:hover { background:#f20000!important; }

#menu .dropdown-menu li.menuSubItem a { display:flex;}
#menu .dropdown-menu li.menuSubItem a:hover { text-decoration:none;}
#add_to_order { font-size:13px;}
    
@media screen and (min-width: 992px) {
	.search-box form ul li .form-control {
		width: 180px !important;
	}
}

@media screen and (min-width: 768px){
	.search-box form ul li .form-control {
		width: 180px !important;
		min-width: 180px !important;
	}

	.search-box form ul li .input-group .form-control {
		width: 180px !important;
		min-width: 180px !important;
	}
}



 /* === AudienceView Fix 20240725 - Start */


.venue-title h3
{
font-weight: 400;
margin-bottom: 0px;
font-size: 18px;
	}


.other-event a.btn-unstyled.btn-link
{
background-color: transparent;
    color: #000;
	}


.performance-info .item-description {
  color: rgba(0,0,0,0.87)!important;
}


@media screen and ( min-width: 992px ){
.navigation-box .btn-primary {
  float: right;
  min-width: 55% !important;
  color: #000 !important;
  font-weight: 800;
  font-size: 1rem;
}

.navigation-box .btn-primary:hover {
  color: #fff !important;
}

.performance-header {

  margin: 0 auto 0px!important;

}

.performance-info #item-description-text {
  line-height: 22px!important;
  margin-bottom: 5px;
}
    
    .performance-info #item-description-text.text-truncate {
  height: auto!important;
}
    
.performance-venue {
  margin-bottom: 5px;
  color: rgba(0,0,0,0.87);
  font-weight: normal !important;
}

.performance-info .item-short-description {
  margin: 0 10px 5px 10px !important;

}


 .item-description {
    font-size: 1em;
    margin-top: 2px;
    margin-left: 10px;
  }

    .performance-header{
  display: flex;
}
    
#seat-price-zone.item-box, .select-price-zones.item-box, #seat-quantity.item-box, .select-tickets-column.av-left div#promoCodeBox.promotional-code-input
    {
  margin-bottom: 0px;
}
    

    
    
}


.show-more
{
  background-color: #000;
  padding: 6px 12px;
  font-size: .7em;
  text-transform: uppercase;
  font-weight: 800;
  border-radius: 4px;
}

.show-more:hover
{
  background-color: #5cd6eb;
  padding: 6px 12px;
  font-size: .7em;
  text-transform: uppercase;
  font-weight: 800;
  border-radius: 4px;
    border: none;
}