@charset "UTF-8";
@import url('//cloud.typography.com/7343112/644104/css/fonts.css');




/*

CANADIAN STAGE BRANDED STYLE SHEET (AV 6.8.1)

Notes:
- Relative file path for branded images referenced in this CSS file:(../../Images/Branding/CanadianStage/images/[image name])

*/




/* Basic HTML Styles
-------------------------------------------------------------- */


html
{
	height:100%;
	max-width:1600px;
	margin:0 auto;	
}

body
{
	background:rgba(100,100,100,1);
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial;
	font-weight: 400;
	font-style: normal;
	color: rgba(20,20,20,1);
}

.bodyDetails
{
	padding:0 0 0 0;
	left:0;
	right:0;
}

#content
{
	padding:0;
	width:100%;	
	max-width: 100%;
	background:rgba(100,100,100,1);
}

.btn-default
{
	border-radius:0;
	background: rgba(230,230,230,1);
	padding: 15px 25px 15px 25px;
	border-color: rgba(170,170,170,1);
}

.btn-primary
{
	border-radius:0;
	padding: 10px 15px 10px 15px;
	border: 1px solid rgba(20,20,20,1);
	color: rgba(255,242,0,1);
	background: rgba(20,20,20,1);
	font-size: 14px;
	padding: 15px 25px 15px 25px;
	font-weight: 500;
}

.btn-primary:hover
{
	border-radius:0;
	border: 1px solid rgba(255,242,0,1);
	color: rgba(20,20,20,1);
	background: rgba(255,242,0,1);
	border-color: rgba(255,242,0,1);
}

.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[disabled].active, fieldset[disabled] .btn-primary.active
{
	border-radius:0;
	padding: 10px 15px 10px 15px;
	border: 1px solid rgba(20,20,20,1);
	color: rgba(255,242,0,1);
	background: rgba(20,20,20,1);
	padding:15px 30px 15px 30px;
	opacity: 0.5;
}

.btn-primary:focus
{ 
    background-color: rgba(255,242,0,1);
}

.btn:focus
{ 
    background-color: rgba(255,242,0,1);
}

.navigation-box.item-select-navigation .btn .btn-primary
{
	background: rgba(20,20,20,1);
	opacity:1;
	color:rgba(20,20,20,1);
	max-width:100%;
	border:1px solid rgba(170,170,170,1);
	padding:20px;
}

.navigation-box.item-select-navigation .btn
{
	background: rgba(230,230,230,1);
	opacity:1;
	color:rgba(20,20,20,1);
	max-width:100%;
	border-left:1px solid rgba(170,170,170,1);
	border-right:1px solid rgba(170,170,170,1);
	border-bottom:1px solid rgba(170,170,170,1);
	border-top: 1px solid rgba(170,170,170,1);
	padding:20px;
	margin:0;
}

.alert
{
	background: rgba(255,242,0,1);
	border: none;
	border-radius:0;
	color: rgba(20,20,20,1);
	padding: 15px 25px 15px 25px;
}

.order-totals .section-box-item
{
	border-top: 1px solid rgba(170,170,170,1);
}

.account-box, .section-box
{
	border-top: 1px solid rgba(100,100,100,1);
	margin-top: 15px;
	padding: 30px 0 15px 0;
}

.odd
{
	background: rgba(245,245,245,1);
}

.even
{
	background: rgba(245,245,245,0.5);
}

.form-control
{
	font-size:18px;
	color: rgba(20,20,20,0.8);	
}


/* Container - determines width at different sizes - bootstrap
-------------------------------------------------------------- */


.container
{
	width:100%;
	padding:0;
	background: transparent;
}

.articles,
.article-container,
.main-article-body,
.secondary-linked-features,
.tertiary-linked-features,
.has-secondary-features,
.has-tertiary-features,
.articles.has-secondary-features.has-tertiary-features .article-container.main-article-body,
.articles .article-container.main-article-body,
.articles .article-container.secondary-linked-features,
.articles .article-container.tertiary-linked-features,
.primary-feature-wrapper,
.main-article-body,
.articles .article-container,
.articles.has-secondary-features .article-container.main-article-body
{
	width:100%;
	padding:0 0 0 0;
	margin:0 auto;
}

@media screen and (min-width: 992px)
{
	.articles,
	.article-container,
	.main-article-body,
	.secondary-linked-features,
	.tertiary-linked-features,
	.has-secondary-features,
	.has-tertiary-features,
	.articles.has-secondary-features.has-tertiary-features .article-container.main-article-body,
	.articles .article-container.main-article-body,
	.articles .article-container.secondary-linked-features,
	.articles .article-container.tertiary-linked-features,
	.primary-feature-wrapper,
	.main-article-body,
	.articles .article-container
	{
		width:100%;
		padding:0 0 0 0;
		margin:0 auto;
	}
}





/* Basic Typography 
-------------------------------------------------------------- */



h1
{
	margin-top:0px;
	margin-bottom: 30px;
	font-size: 48px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
	display: block;
}

h2
{
	margin-top:0px;
	margin-bottom: 30px;
	font-size: 48px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
}

h3
{
	margin-top:0px;
	margin-bottom: 20px;
	font-size: 2em;
	margin-top:0px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
	margin-bottom: 15px;
	line-height: 125%;
}

h4
{
	margin-top:0px;
	margin-bottom:0px;
	font-size: 18px;
	margin-top: 5px;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 500;
	font-style: normal;
}

h5
{
	margin-top:0px;
	margin-bottom:0px;
	font-size:0.875em;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 500;
	font-style: normal;
}

h6
{
	margin-top:0px;
	margin-bottom:0px;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-style: normal;
	font-size: 0.75em;
	margin-bottom:15px;
	font-weight: 500;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small
{
	color:inherit;
	opacity:1;
	font-size:60%;
	font-weight:inherit;
}

a
{
	color:inherit;
	font-weight:500;
	text-decoration:none;
	transition: all 0.4s;
}

a:hover
{
	color:inherit;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.25s;
}



/* Carousel Frame and Controls
-------------------------------------------------------------- */


.primary-feature-wrapper
{
	padding:0;
	margin:0 -15px 0 -15px;
	background: rgba(20,20,20,1);
	width:auto;
}

.primary-feature-wrapper img
{
	width:100%;
}

.carousel-control
{
	top: 0px;
	width: 90px;
	background:none;
	height:auto;
	z-index:200;
	opacity:1;
	font-size:18px;
}

.carousel-control.left
{
	background-image:linear-gradient(to right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);
	margin-left:-15px;
	transition: margin-left 0.2s;
}

.carousel-control.left:hover
{
	background-image:linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	margin-left:-15px;
	transition: margin-left 0.2s;
}

.carousel-control.right
{
	background-image:linear-gradient(to left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);
	margin-right:-15px;
	transition: margin-right 0.2s;
}

.carousel-control.right:hover
{
	background-image:linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	margin-right:-15px;
	transition: margin-right 0.2s;
}

.carousel-control:hover
{
	opacity:1;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .icon-next
{
	height:auto;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	left:0;
	margin-top:0;
	font-size: 18px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next
{
	height:auto;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	right:0;
	font-size: 18px;
}

.carousel-control .glyphicon-chevron-left:before
{
	background: rgba(20,20,20,0.5);
	content: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-carousel-arrow-left.png);
	opacity:0.7;
	padding: 45px 20px 45px 25px;
	margin-top:0;
}

.carousel-control .glyphicon-chevron-right:before
{
	background: rgba(20,20,20,0.5);
	content: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-carousel-arrow-right.png);
	opacity:0.7;
	padding: 45px 20px 45px 25px;
	margin-top:0;
}


.carousel-indicators
{
	background:none;
	text-align: center;
	height:auto;
	top:auto;
	z-index:50;
	position:absolute;
	width: 100%;
	margin:0 auto;
	left:auto;
	right: auto;
	bottom: 30px;
}

.carousel-indicators li
{
	border-radius:0px;
	border:none;
	background:rgba(100,100,100,1);
	height: 5px;
	width: 45px;
	padding:0;
	margin:0;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
}

.carousel-indicators .active
{
	border-radius:0px;
	border:none;
	background: rgba(255,242,0,1);
	height: 5px;
	width: 45px;
	padding:0;
	margin:0;
}

#cs-carousel-image
{
	overflow:hidden;
	background: rgba(170,170,170,1);
}

#cs-carousel-caption
{
	position:absolute;
	bottom:30px;
	width:auto;
	max-width:70%;
	height:auto;
	background:none;
	text-shadow:0px 0px 40px rgba(20,20,20,0.8);
	z-index:200;
	padding: 0 0 0 15px;
}

@media screen and (min-width:1400px)
{
	#cs-carousel-image
	{
		background: rgba(20,20,20,1);
	}
}

@media screen and (max-width:991px)
{
	.carousel
	{
		background:black;
	}
	
	img
	{
		max-width:1300px;
	}
	
	#cs-carousel-image
	{
		background:none;
	}
	
	#cs-carousel-image img
	{
		background: rgba(170,170,170,1);
		width:150%;
	}
	
	#cs-carousel-caption
	{
		position:absolute;
		bottom:0;
		height:auto;
		width:100%;
		margin:0 0 0 -15px;
		max-width:100%;
		background: none;
		text-shadow:0px 0px 40px rgba(20,20,20,0.8);
		z-index:200;
		padding: 30px;
		border-bottom:1px solid rgba(20,20,20,0.3);
	}
}



/* Carousel Type Styles
-------------------------------------------------------------- */


.primary-feature-wrapper h1
{
	font-size:48px;
	margin:0;
	color:white;
}

@media screen and (max-width:767px)
{
	.primary-feature-wrapper h1
	{
		font-size:36px;
		margin:0;
		color:white;
	}
}

.primary-feature-wrapper h3
{
	font-size:22px;
	margin:-15px 0 0 0;
	color:white;
}

@media screen and (max-width:767px)
{
	.primary-feature-wrapper h3
	{
		font-size: 18px;
		margin:-15px 0 0 0;
		color:white;
	}
}

.primary-feature-wrapper h4
{
	font-size:18px;
	margin:0;
	text-transform:none;
	margin-top:15px;
	color: rgba(255,255,255,1);
	font-weight:300;
}

.primary-feature-wrapper h4 a
{
	font-weight:bold;
	font-size:12px;
	display:inline-block;
	margin-top:15px;
	height:auto;
	width:auto;
	border-radius:6px;
	padding:7px 30px 7px 15px;
	color: rgba(170,170,170,1);
	background: rgba(100,100,100,1);
	text-decoration:none;
	opacity:1;
	background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-link-arrow.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	text-shadow:none;
}

.primary-feature-wrapper h4 a:hover
{
	color: rgba(100,100,100,1);
	background: rgba(255,242,0,1);
	text-decoration:none;
	opacity:1;
	background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-link-arrow.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	text-shadow:none;
}

.primary-feature-wrapper h6
{
	color: rgba(255,255,255,0.5);
	font-size: 8px;
	margin-bottom:-10px;
}

a
{
	color:inherit;
}



/* Shopping Cart Top Bar (above mobile)
-------------------------------------------------------------- */


@media screen and (min-width: 992px)
{
	#customer-utilities
	{
		height: 60px;
		min-height:30px;
		padding: 15px 0 0 0;
		z-index: 80000;
		background: transparent;
		width: 100%;
		max-width: 1170px;
		margin-top: -40px;
		position:absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
	}

	#orderInfo
	{
		padding:0;
		width: 100%;
		max-width: 1170px;
		height: auto;
		display:inline-block; 
		padding: 0;
		float:right;
		background: transparent;
		border-top: 0px solid rgba(100,100,100,0.5);
		height: auto;
		pointer-events: none;
	}

	#customer-order-info
	{
		padding:0 0 20px 0;
		color:rgba(220,220,220,1);
		margin-top: -15px;
	}

	.customer-greeting
	{
		font-size: 12px;	
		padding-top: 0px;
		pointer-events: all;
	}

	.customer-order
	{
		font-size: 12px;
		font-style:normal;
		padding-top: 55px;
	}

	.order-timeout
	{
		font-style:normal;
		font-size:0.875em;
	}

	#orderTimeout
	{
		color:rgba(170,170,170,1);
	}

	.shopping-cart-link
	{

font-size:0.875em;

color:rgba(220,220,220,1);

margin-right: 0;

font-weight:400;

display: inline-block;

background:transparent;

border-radius: 0;

text-align: center;

border: 1px solid rgba(255,242,0,1);

padding: 5px 39.7px 5px 39.7px;

color: rgba(255,242,0,1);

pointer-events: all;

opacity:1;

transition: opacity 0.4s;
}

	.shopping-cart-link:hover
	{
		font-size:0.875em;
		color:rgba(220,220,220,1);
		margin-right: 0;
		font-weight:400;
		display: inline-block;
		background:transparent;
		border-radius: 0;
		text-align: center;
		border: 1px solid rgba(255,242,0,1);
		padding: 5px 39.7px 5px 39.7px;
		color: rgba(255,242,0,1);
		pointer-events: all;
		opacity:0.5;
		transition: opacity 0.25s;
	}
	
	.activePromocodeText
	{
		font-size:0.875em;
		color: rgba(170,170,170,1);
	}
	
	.active-promotions ul li
	{
		margin: 0;
		font-size:0.875em;
	}
	
	.active-promotions
	{
		border-right: 0;
		float: left;
		padding-top: 10px;
	}
}

.customer-options, .active-nav .customer-options, .active-sidebar .customer-options
{
	opacity:1
}


/*
.cart-callout a:last-child
{
	display:none;
}

.cart-callout a:nth-last-child(2)
{
	display:none;
}
*/



/* Header
-------------------------------------------------------------- */


@media screen and (max-width: 991px)
{
	#header
	{
		width:100%;
		padding:25px 30px 0 30px;
		background: transparent;
		margin-top:0;
		overflow:hidden;
		max-height: 300px;
		position:absolute;
		z-index: 400000;
	}
		
	.header-content
	{
		max-height: 160px;
		/* min-height:auto; */
	}	

	.header-content img
	{
		width:100%;
		max-width:300px;
	}
}


@media screen and (max-width: 515px)
{
	
	#header
	{
		box-shadow: none;
	}
	
	.header-content img
	{
		display:none;
	}
	
	.header-content
	{
		background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68_logos/1516_logo_cs_short.svg);
		background-repeat: no-repeat;
		/* background-size: auto 30%; */
	}
}

@media screen and (min-width: 992px)
{
	#header
	{
		position:absolute;
		z-index:50000;
		width:100%;
		max-width:100%;
		left:0;
		right:0;
		margin:0 auto 0 auto;
		height:auto;
		background: transparent;
		padding:0;
		padding-bottom:0;
		display:inline-block;
	}
	
	.header-content
	{
		height:auto;
		padding:0;
		margin: 39px auto auto auto;
		width: 100%;
		min-height: 0;
		max-width:1170px;
		text-align: center;
	}	
		
	.header-content img
	{
		max-width:255px;
		display: inline-block;
	}
}





/* Main Menu below 992px wide
-------------------------------------------------------------- */


.menuContainer.main-nav .nav li .menu_item
{
	padding:15px 30px 15px 30px;
	font-size: 20px;
}

.menuContainer .nav li a
{
	color:white;
	background: rgba(20,20,20,1);
	text-decoration:none;
}

.menuContainer.main-nav .nav li .dropdown-menu li a
{
	
	color:rgba(170,170,170,1);
	padding: 10px 30px 10px 30px;
	text-decoration:none;
	font-size: 18px;
}

.menuContainer.main-nav .nav li .dropdown-menu :last-child a
{
	
	color:rgba(170,170,170,1);
	padding:15px 30px 15px 30px;
	text-decoration:none;
}

.menuContainer.main-nav .nav li .dropdown-menu li a:hover
{
	color:white;
	background:rgba(20,20,20,1);
}

#menuTopItem-help
{
	display:none;
}

.menu-toggle.btn-default
{
	top:0;
	margin:0 auto;
	font-size:1.5em;
	color: rgba(170,170,170,1);
	border: 1px solid rgba(255,242,0,1);
}

.menu-toggle.sidebar-button
{
	background:none;
	border-radius:0;
	height:inherit;
	width: 48%;
	height: 60px;
	padding: 15px 0 0 0;
	border-left:none;
	border-right:none;
	background: rgba(20,20,20,1);
	border: 1px solid rgba(255,242,0,1);
	margin-top: 80px;
}

.menu-toggle.menu-button
{
	background:none;
	border-radius:0;
	height:inherit;
	width: 48%;
	height: 60px;
	padding: 15px 0 0 0;
	background: rgba(20,20,20,1);
	right:auto;
	left:auto;
	
	z-index: 1000000;
	margin-top: 80px;
}



/* Main Menu above 992px wide
-------------------------------------------------------------- */

@media (min-width: 992px)
{
	#menu
	{
		position:absolute;
		text-align:center;
		top: 105px;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		display:block;
		z-index:60000000;
		background: rgba(20,20,20,1);
		width: 100%;
		max-width:1170px;
	}

	#menu .glyphicon
	{
		top:0px;
		padding-left: 10px;
	}

	.glyphicon-chevron-down:before
	{
		background:none;
		content: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-main-menu-arrow2.png);
		opacity:0.7;
	}

	.menuContainer
	{
		padding:0;
		
	}

	.menuContainer.main-nav
	{
		width: 100%;
		margin-left: 20%;
		text-align:center;
		padding:0;
		
	}

	#menu ul li
	{
		padding:0;
		margin-right:0px;
		margin-left:0px;
		font-size:1.125em;
		font-family: 'Gotham SSm A', 'Gotham SSm B';
		font-weight:500;
		font-style: normal;
		border-color:transparent;
	}

	#menu ul:last-child
	{
		border-left:0px solid rgba(20,20,20,0.3);
		padding:0;
		margin-right:0px;
	}

	#menu ul li a
	{
		color: rgba(170,170,170,1);
		height:45px;
		display:block;
		background: transparent;
		margin-bottom: 0px;
		margin-top: 0px;
		padding: 12px 20px 0 20px;
		font-size:1em;
		text-decoration:none;
	}

	#menu ul li a:hover
	{
		color: white;
		background:transparent;
	}

	#menu, .active-nav #menu, .active-sidebar #menu
	{
		padding:0;
		box-shadow: none;
	}

	#menu ul
	{
		padding:0;
		margin:0;
	}

	#menu ul:first-child
	{
		border-right:0px solid;
	}

	#menu ul.menuSub
	{
		background: rgba(20,20,20,1);
		margin:5px 0px 0px 0px;
		height:auto;
		border-radius:0;
		padding:inherit;
		box-shadow: none;
		transition: 1s;
	}

	#menu ul.menuSub a
	{
		background: transparent;
		margin:0;
		height:inherit;
		border-radius:0;
		padding:10px 15px 10px 15px;
		font-family: 'Gotham SSm A', 'Gotham SSm B';
		font-weight:500;
		font-style: normal;
		box-shadow:none;
	}

	#menu ul.menuSub :first-child a
	{
		background: transparent;
		margin:0;
		height:inherit;
		border-radius:0;
		
		border-radius:0;
		
		padding:20px 15px 10px 15px;
	}

	#menu ul.menuSub :last-child a
	{
		background: transparent;
		margin:0;
		height:inherit;
		border-radius:0;
		border-radius:0;
		padding:10px 15px 20px 15px;
	}

	#menu ul.menuTopItem
	{
		padding:0;
		margin:0;
		border-radius:0;
	}
	
	#menu ul.menuTopItem .open
	{
		box-shadow:none;
	}

	.menuContainer.main-nav .nav .menuTopItem .dropdown-menu
	{
		border-radius:0;
		border:none;
		background: rgba(20,20,20,0.8);
		box-shadow:none;
	}

	.menuContainer.main-nav .nav .menuTopItem .dropdown-toggle
	{
		border-left: none;
		background: red;
		box-shadow:none;
		margin-right: 25px;
		
		margin-top: -2px;
	}

	.menuContainer.main-nav .nav .menuTopItem.open .dropdown-toggle
	{
        box-shadow: none;
    }

	#menuTopItem-help
	{
		display:none;
	}
}



/* Calendar Widget
-------------------------------------------------------------- */


#calendar-widget-frame
{
    background:rgba(20,20,20,1);
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;

}

#calendarWidget-body
{
	background:rgba(20,20,20,1);
}

#calendarWidget-navigation
{
	background: rgba(100,100,100,1);
	color: rgba(20,20,20,1);
	border: solid rgba(20,20,20,1);
	border-width:1px 1px 0px 1px;
}

#calendarWidget-navigation td a
{
	color: rgba(20,20,20,1);
	text-decoration:none;	
}

#calendarWidgetHeader
{
	border: solid rgba(20,20,20,1);
	border-width:1px 1px 0 0;	
	background: rgba(100,100,100,1);
}

#calendarWidgetHeader td
{
	background: rgba(100,100,100,1);
	border: solid rgba(20,20,20,1);
	border-width:0 0 0 1px;
	font-size:10px;
	color: rgba(20,20,20,1);
	text-transform:none;
	font-weight: 500;
}

#calendarWidgetTable
{
	border: solid rgba(20,20,20,1);
	border-width:1px 1px 0 0;		
}

#calendarWidgetTable td
{
	background: rgba(100,100,100,1);
	border: solid rgba(20,20,20,1);
	border-width:0 0 1px 1px;
	color: rgba(20,20,20,1);
	height:30px;
	font-size:12px;
	font-weight:500;
}

#calendarWidgetTable .WidgetToday
{ 	
	background:white;
	color:rgba(20,20,20,1);
}

#calendarWidgetTable .WidgetEvent:hover,
#calendarWidgetTable .WidgetEvent
{
	background:rgba(255,248,0,1);
	color:rgba(20,20,20,1);
}



/* Calendar - reset some bootstrap styles
-------------------------------------------------------------- */


.table th, .table td
{
    border-top:0px solid rgba(170,170,170,1);
}

.btn-group.open .dropdown-toggle
{
	box-shadow: none;
}



/* Search Results page
-------------------------------------------------------------- */


.search-results-container
{
	display:block;
	padding:0;
	margin-top:0px;
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	background: none;
	border-top: 0px solid rgba(100,100,100,1);
	max-width: 1170px;
}

@media screen and ( min-width: 992px )
{
    .search-results-container
	{
        margin-top:0px;
		margin-bottom:30px;
    }
}

.result-box-item
{
	background:none;
	border-bottom: 1px solid rgba(100,100,100,1);
	padding:0px 30px 0 30px;
	background: rgba(220,220,220,1);
}

@media screen and (min-width:1200px)
{
	.result-box-item
	{
		padding:5px 30px 0 30px;
	}
}

.result-box-item-details
{
	padding:0;
}

.item-description
{
	background:none;
	width:70%;
}

.item-link
{
	background:none;
}

@media screen and (max-width:767px)
{
	.item-description
	{
		background:none;
		width:100%;
	}
}

@media screen and (min-width:768px)
{
	.item-description
	{
		background:none;
		width:100%;
	}
}

@media screen and (min-width:992px)
{
	.item-description
	{
		background:none;
		width:100%;
	}
}

@media screen and (min-width:1200px)
{
	.item-description
	{
		background: transparent;
		width: 80%;
	}
	
	.item-link
	{
		background:none;
		width: 20%;
	}
}

.item-name
{
	float:left;
	width:auto;
	background:none;
	margin: 15px 30px 10px 0;
	padding:0;
	display:inline-block;
	font-weight:bold;
}

.search-results-container .item-description .item-name
{
	font-size:1.125em;
}

.search-results-container .item-start-date
{
	float:right;
	width:auto;
	background:none;
	margin: 15px 0px 10px 30px;
	padding:0;
	display:inline-block;
	font-size:1.125em;
	color: rgba(100,100,100,1);
}

@media screen and (max-width:767px)
{
	.search-results-container .item-start-date
	{
		float:left;
		width:100%;
		margin:0;
		text-align:right;
	}
	
	.item-name
	{
		width:100%;
	}
}

@media screen and (max-width:514px)
{
	.search-results-container .item-start-date
	{
		float:left;
		width:100%;
		margin:-10px 0 0 0;
		text-align:center;
		font-size:1em
	}
	
	.item-name
	{
		width:100%;
	}
}

.start-date-label
{
	display:none;
}

.search-results-container .btn-primary
{
	background: rgba(20,20,20,1);
	color: rgba(170,170,170,1);
	margin-top:5px;
	margin-bottom:10px;
	margin-left:0;
	border-radius: 0;
	border:none;
	box-shadow:none;
	font-size: 14px;
	padding: 12px 20px 10px 20px;
	text-transform: uppercase;
	text-decoration:none;
	font-weight: 500;
}

.search-results-container .btn-primary:hover
{
	background: rgba(255,242,0,1);
	color: rgba(220,220,220,1);
}

.search-results-container .results-box
{
	margin:0;
}

.pagination > li > a
{
	background: rgba(220,220,220,1);
	border: 1px solid rgba(100,100,100,1);
	color: rgba(20,20,20,1);
}

.pagination > li > a:hover
{
	background: rgba(230,230,230,1);
	border: 1px solid rgba(100,100,100,1);
}

.pagination > li:first-child > a, .pagination > li:first-child > span
{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border: 1px solid rgba(100,100,100,1);
	color: rgba(20,20,20,1);
}

.pagination > li:last-child > a:hover
{
	background: rgba(230,230,230,1);
}

.pagination > li:first-child > a:hover
{
	background: rgba(230,230,230,1);
}

.pagination > li:last-child > a, .pagination > li:last-child > span
{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid rgba(100,100,100,1);
	color: rgba(20,20,20,1);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
	background: rgba(170,170,170,1);
	border: 1px solid rgba(100,100,100,1);
	color: rgba(20,20,20,1);
}



/* Footer
-------------------------------------------------------------- */


#footer
{
	background: rgba(20,20,20,1);
	padding: 15px 0 120px 0;
	color: rgba(170,170,170,1);	
	margin-top: 30px;
}

.footer-content
{
	padding:0;	
}

#footer a
{
	color:rgba(170,170,170,1);
	text-decoration:none;
	display:inline-block;
	font-weight:400;
}

#footer a:hover
{
	color:white;
	text-decoration:none;
}

#footer img
{
	max-width:70px;
}

#footer h3
{
	color: rgba(220,220,220,1);
}



/* Search Events Bar
-------------------------------------------------------------- */


#searchBox
{
	z-index:80000000;
	background: transparent;
	width:100%;
	max-width:1170px;
	padding: 0;	
	display: block;
	margin: 0 auto 0 auto;
	left:0;
	top: 0;
	right:0;
	height: 40px;
	overflow: hidden;
	position: absolute;
	pointer-events:none;
}

#searchBox.search-box
{
	border-radius:0;
	text-align:left;
}
	
#searchBox.search-box form
{
	text-align: right;
}

#searchBox.search-box form ul
{
	background: rgba(245,245,245,0.9);
	width: 260px;
	border: none;
	display: none;
	height: 35px;
	pointer-events: all;
	border-radius: 0;
	box-shadow: none;
}

#searchBox.search-box ul
{
	height: 35px;
}

#searchBox.search-box li
{
	background:none;
	height: auto;
	padding:0;
	margin:0;
	text-align:left;
}

#searchBox.search-box li label
{
	background: transparent;
	height: 35px;
	padding:0;
	margin:0;
	text-align:left;
	width: inherit;
	font-weight:bold;
}

#searchBox.search-box form ul li .field-label
{
	color:rgba(20,20,20,1);
	font-size:1em;
	text-align:center;
	padding: 0;
	background: none;
	height: auto;
	display: inline-block;
	float: left;
	display: none;
}

#searchBox.search-box form ul li .form-control
{
	background: transparent;
	border: none;
	box-shadow: none; 
	border-radius: 0;
	padding: 0 0 0 40px;
	margin: 0px;
	float: left;
	height: 35px;
	width: 205px;
	color: rgba(20,20,20,0.8);
	background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/icons/seats/search_icon2.png);
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-position: 0px 7px;
	font-weight: 400;
}

#searchBox.search-box form ul li .btn
{
	height: 35px;
	background: transparent;
	border:none;
	border-radius:0;
	margin: 0 0 0 0;
	color: rgba(100,100,100,1);
	font-size:1em;
	text-decoration:none;
	display: inline-block;
	padding: 0 10px 0 10px;
	float:left;
	font-weight:500;
}

#searchBox.search-box form ul li .btn:hover
{
	background: rgba(255,242,0,1);
	color: rgba(100,100,100,1);
	transition: all 0.25s;
}

#searchBox.search-box li:nth-child(1)
{
	background:none;
	height: auto;
	padding:0;
	margin:0;
}

#searchBox.search-box li:nth-child(2)
{
	display:none;
}

#searchBox.search-box li:nth-child(3)
{
	display:none;
}

@media screen and (max-width:514px)
{
	#searchBox.search-box form ul
	{
		background: rgba(245,245,245,0.9);
		width:60%;
		border: none;
		display: inline-block;
		height: 30px;
		pointer-events:all;
		border-radius: 0;
		box-shadow: none;
	}

	#searchBox.search-box form ul li .form-control
	{
		background: transparent;
		border: none;
		box-shadow: none; 
		border-radius: 0;
		padding: 0 0 0 40px;
		margin: 0px;
		float: left;
		height: 30px;
		width: 200px;
		color: rgba(20,20,20,0.8);
		background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/icons/seats/search_icon2.png);
		background-repeat: no-repeat;
		background-size: auto 66%;
		background-position: 10px 5px;
		font-weight: 400;
		display: inline-block;
	}

	#searchBox.search-box form ul li .btn
	{
		width: 45px;
		background: transparent;
		border:none;
		margin: -40px 0 0 0;
		border-radius:0;
		color: rgba(100,100,100,1);
		font-size:1em;
		text-decoration:none;
		display: inline-block;
		padding: 0 0 0 0;
		font-weight:500;
		float: right;
	}
}



/* Pop Up
-------------------------------------------------------------- */


element.style
{
	position:absolute;
	z-index: auto;
	top: 50%;
	bottom: 50%;
}

@media (min-width: 768px)
{
	.modal-dialog
	{
		width: 600px;
		margin: 20% auto 0 auto;
	}
}

.modal-content
{
	border-radius:0;
}

#popupDiv {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1000;
}



/* Error Message
-------------------------------------------------------------- */


.error-message, .timeout-message
{
	background-color: rgba(255,242,0,0.95);
	display:block;
	padding:100px 0 0 0;
	position:absolute;
	z-index:5000000000;
	padding:30px;;
	margin:0 auto;
	width:50%;
	height:100%;
	border-radius:0;
	color: rgba(100,100,100,1);
	text-shadow:none;
}

@media screen and (min-width: 992px)
{
	.error-message, .timeout-message
	{
		margin-top:135px;
	}
}



/* Breadcrumb Menu
-------------------------------------------------------------- */


.breadcrumb
{
	background: transparent;
	padding:0;
	font-size: 0.9em;
	margin-bottom: 30px;
	font-weight:500;
	width: auto;
}

.breadcrumb a
{
	color: rgba(100,100,100,1);
	text-decoration:none;
}

.breadcrumb a:hover
{
	color: rgba(20,20,20,1);
	text-decoration: none;
}

.breadcrumb > .active
{
	color: rgba(20,20,20,1);
}

.breadcrumb > li + li:before
{
	color: rgba(100,100,100,1);
}



/* Ticket Buying and Account Info Windows
-------------------------------------------------------------- */


#mapSelect,
#shoppingCart,
#donation-details,
#login,
#loginDelivery,
#logout,
#maintainAccount,
#maintainContacts,
#giftOrder,
#seatSelect,
#forgotPassword,
#createAccount,
#maintainAddress,
#accountMemberships,
#ticketUsage,
#listOrders,
#customerOffers,
#messageCenter,
#changePassword,
#accountInformation,
#viewOrder,
#error,
#orderContact,
#seatResults,
#showSeats,
#redeemOffers,
#bundleSelect,
#bundleResult,
#miscItemDetail,
#maintainAddresses,
#orderQuesions
{
	background: rgba(220,220,220,1);
	width: 100%;
	max-width:1170px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	overflow:auto;
	margin-top: 170px;
}

@media screen and (min-width: 992px)
{
    #mapSelect,
    #shoppingCart,
    #donation-details,
    #login,
    #loginDelivery,
    #logout,
    #maintainAccount,
    #maintainContacts,
    #giftOrder,
    #seatSelect,
    #forgotPassword,
    #createAccount,
    #maintainAddress,
    #accountMemberships,
    #ticketUsage,
    #listOrders,
    #customerOffers,
    #messageCenter,
    #changePassword,
    #accountInformation,
    #viewOrder,
    #error,
    #orderContact,
    #seatResults,
	#showSeats,
	#redeemOffers,
	#bundleSelect,
	#bundleResult,
	#miscItemDetail,
	#maintainAddresses,
	#orderQuesions
	{
        padding: 30px;
        margin-top: 170px;
        margin-bottom: 0px;
	}
}

@media screen and (min-width: 992px)
{
	.map-parent
	{
		display: inline-block;
		float: right;
		width: 570px;
	}
}

@media screen and (min-width: 1200px)
{
	.map-parent
	{
		display: inline-block;
		float: right;
		width: 715px;
	}
}

@media screen and ( min-width: 1200px )
{
    .map-select-tickets-column
    {
        width: 390px;
    }
}

.viewOrder
{
	background:white;
	width:100%;
	max-width:1170px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:50px 30px 30px 30px;
	overflow:auto;
}

@media screen and (min-width: 992px)
{
    .viewOrder
	{
        padding:180px 30px 30px 30px;
    }
}

#bundleSelect #promoCodeBox
{
	background:transparent;
	padding:0;
}


#bundleResult #promoCodeBox
{
	background:transparent;
	padding:0;
}

.bundle-performance-description
{
	background:none;
	width:340px;
	word-break: break-all;
	display:inline-block;
	font-weight:500;
}

.bundle-performance-date
{
	background:none;
	width:320px;
	display:inline-block;
}

.bundle-performance-venue
{
	background:none;
	width:auto;
	display:inline-block;
}

.bundles-container h4
{
	font-size:18px;
	margin:30px 0 30px 0;
}



/* Promo Code Box
-------------------------------------------------------------- */


#promoCodeBox
{
	background: rgba(100,100,100,1);
	width:inherit;
	max-width: 100%;
	border-top:0px solid rgba(20,20,20,0.3);
	padding: 30px 30px 45px 30px;
	margin: 0;
}

#promoCodeBox h4
{
	font-size: 2em;
	font-weight: 300;
	color: rgba(220,220,220,1);
	display:block;
	background:none;
	max-width:1110px;
	margin: 15px auto 15px auto;
}

.promotional-code-input ul
{
	max-width:1110px;
	margin:10px auto 0 auto;	
}

.promotional-code-input ul li:last-child
{
	width:100%;
	max-width:400px;
	margin: 0;
}

@media screen and (max-width:767px)
{
	.promotional-code-input ul li:last-child
	{
		width:100%;
		margin: 0;
		max-width:100%;
	}
}

@media screen and (max-width:991px)
{
	.promotional-code-input ul li:last-child
	{
		width:100%;
		margin: 0;
		max-width:100%;
	}
}

.promotional-code-input ul li .form-control
{
	background:none;
	border: 1px solid rgba(20,20,20,1);
	height: 45px;
	box-shadow:none;
	border-radius: 0px;
	padding:15px;
	margin-top:15px;
}

.promotional-code-input ul li .btn
{
	background:rgba(20,20,20,1);
	border: 1px solid rgba(20,20,20,1);
	border-radius: 0px;
	color: rgba(170,170,170,1);
	height: 45px;
	width:45px;
	text-align:center;
	padding:0;
	margin-top:15px;
}

.promotional-code-input ul li .btn:hover
{
	background:rgba(255,242,0,1);
	color: rgba(170,170,170,1);
	border:1px solid rgba(255,242,0,1);
}

#lastPromoCodeBox
{
	background:none;
	text-align:left;
	border-radius:0;
	border:none;
	padding:15px 0 15px 0;
	font-size:1.25em;
}

.last-promotional-code-name span
{
	background:none;
}



/* Ticket and Account Controls
-------------------------------------------------------------- */


.navigation-box
{
	background: rgba(220,220,220,1);
	width: 100%;
	overflow: auto;
	max-width: 1170px;
	display:block;
	margin-left:auto;
	margin-top: 0px;
	margin-right:auto;
	padding: 30px;
	border-top: 1px solid rgba(100,100,100,1);
}

.navigation-box a
{
	text-decoration:none;
	font-weight:500;
}

.navigation-box a:hover
{
	text-decoration:none;
}

@media screen and (min-width: 992px)
{
    .navigation-box
	{
        padding: 30px;
        overflow: auto;
	}
}

#mapSelect #promoCodeBox
{
	background:none;
	padding:15px 0 30px 0;
}

#mapSelect #promoCodeBox h4
{
	font-size: 20px;
	color: rgba(20,20,20,1);
}

#mapSelect.promotional-code-input ul li:last-child
{
	width:100%;
	margin: 0;
}

#seatSelect #promoCodeBox
{
	background:none;
	padding:15px 0 30px 0;
}

#seatSelect #promoCodeBox h4
{
	font-size: 20px;
	color: rgba(20,20,20,1);
}

#seatSelect.promotional-code-input ul li:last-child
{
	width:100%;
	margin: 0;
}

a.btn.btn-default.continue-shopping
{
	background: rgba(255,242,0,1);
	margin-bottom: 45px;
	border-radius: 0px;
	padding: 15px 25px 15px 25px;
	border: 0px solid rgba(170,170,170,1);
}



/* Alert
-------------------------------------------------------------- */


.system-message-block
{
	background-color: rgba(0,0,0,);
	display:block;
	padding:100px 0 0 0;
	position: fixed;
	z-index: 100000000000;
	padding:30px;
	margin:0 auto;
	margin-top:20%;
	height: auto;
	border-radius:0;
	color: rgba(20,20,20,1);
	text-shadow:none;
	left:0;
	right:0;
	text-align:center;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	font-size:18px;
	width:80%;
}

.message-context
{
	text-shadow:none;
	padding-top:10px;
}

.close
{
	font-size:42px;
	font-weight:normal;
	opacity:0.8;
	text-shadow:none;
	color: rgba(20,20,20,1);
	padding-left:30px;
	display:block;
}

@media screen and (min-width: 992px)
{
	.system-message-block
	{
		margin-top: 0;
		top: 40%;
		width:50%;
	}
}

.cs-search-banner
{
	background: rgba(20,20,20,1);
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding: 30px;
    margin-top: 170px;
	overflow:auto;
	color: rgba(220,220,220,1);
}

@media screen and ( min-width: 992px )
{
    .cs-search-banner
	{
        padding: 30px;
        margin-top: 170px;
	}
}

.pagination-box
{
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	background: rgba(220,220,220,1);
	margin: 0;
}



/* Custom Canadian Stage Elements
-------------------------------------------------------------- */


.cs-layer-regular
{
	width:100%;
	background:rgba(170,170,170,1);
	padding-top:8px;
	padding-bottom:8px;
}

.cs-layer-regular img
{
	padding-bottom:10px;
}

.cs-layer-regular ul
{
	background:none;
	display:block;
	margin:15px 0 30px 0;
}

.cs-layer-regular li a
{
	text-decoration:underline;
	color:rgba(100,100,100,1);
}

.cs-layer-regular li a:hover
{
	text-decoration:underline;
	color:inherit;
}

.cs-layer-line
{
	width:100%;
	background: rgba(253,253,253,1);
	padding-top:15px;
	padding-bottom:15px;
	border-top: 1px solid rgba(100,100,100,1);
}

.cs-layer-line img
{
	padding-bottom:10px;
}

.cs-layer-line-bottom
{
	width:100%;
	background:rgba(220,220,220,1);
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(20,20,20,0.3);
}

.cs-layer-line ul
{
	background:none;
	display:block;
	margin:15px 0 30px 0;
}

.cs-layer-dark
{
	width:100%;
	background:rgba(20,20,20,1);
	padding-top:15px;
	padding-bottom:15px;
	color: rgba(170,170,170,1);
}

.cs-layer-dark a:hover
{
	text-decoration: underline;
}

.cs-layer-dark h3
{
	color: rgba(220,220,220,1);	
}

.cs-layer-light
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: rgba(220,220,220,1);
	padding-top:15px;
	padding-bottom:15px;
	max-width: 1160px;
	left: auto;
	right: auto;
	overflow: auto;
}

.cs-layer-tickets
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background: rgba(20,20,20,1);
	padding:30px;
	max-width: 1170px;
	left: auto;
	right: auto;
	overflow: auto;
	color: rgba(170,170,170,1);
}

.cs-layer-tickets h3
{
	font-size:2em;
	font-weight:300;
	margin-bottom: 30px;
	color: rgba(220,220,220,1);
}

.cs-layer-info
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom:30px;
	background: rgba(100,100,100,1);
	padding:0px;
	max-width: 1170px;
	left: auto;
	right: auto;
	overflow: auto;
	font-size:1.125em;
	font-weight:500;
	color: rgba(20,20,20,1);
	
}

.cs-layer-info ul
{
	list-style-type:square;
	vertical-align: text-top;
	padding-left:0;
}

.cs-layer-info li
{
	margin-bottom:15px;
}

.cs-layer-info h3
{
	font-size:2em;
	font-weight:400;
	color: rgba(220,220,220,1);
	display:block;
	margin-bottom: 15px;
	font-weight:300;
}

.cs-layer-info small
{
text-transform:uppercase;
font-size:80%;
line-height:1.75;
}

.cs-layer-info a
{
	text-decoration:none;
	display: block;
}

.cs-layer-info a:hover
{
	text-decoration:none;
	color: rgba(220,220,220,1);
}


.cs-layer-breadcrumb
{
	width:100%;
	background: rgba(170,170,170,1);
	padding-top: 40px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgba(100,100,100,1);
	text-align: left;
}

.cs-layer-quote
{
	width:100%;
	background:rgba(50,50,50,1);
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
}

.cs-layer-quote table
{
	display:table-cell;
    vertical-align:middle;
	margin:auto;
	text-align:left;
}

@media (min-width:768px)
{
	.cs-layer-quote table
	{
		height:360px;
		text-align:left;
	}
}

@media (min-width:992px)
{
	.cs-layer-quote
	{
		background:rgba(50,50,50,1) url(https://www.canadianstage.com/ArticleMedia/Images/mj-quote-2017-6.jpg) -120px no-repeat;
	}
	
	.cs-layer-quote
	{
		height:360px;
		text-align:left;
	}
}

@media (min-width:1200px)
{
	.cs-layer-quote
	{
		background:rgba(50,50,50,1) url(https://www.canadianstage.com/ArticleMedia/Images/mj-quote-2017-6.jpg) -60px no-repeat;
	}
	
	.cs-layer-quote
	{
		height:400px;
		text-align:left;
	}
}

@media (min-width:1400px)
{
	.cs-layer-quote
	{
		background:rgba(50,50,50,1) url(https://www.canadianstage.com/ArticleMedia/Images/mj-quote-2017-6.jpg) 0 no-repeat;
	}
	
	.cs-layer-quote
	{
		height:400px;
		text-align:left;
	}
}

.cs-row-inside-wrapper
{
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	display:block;
	overflow:auto;
}

.cs-everything-box
{
	padding-top: 30px;
	padding-bottom:15px;
}

.cs-everything-box h4
{
	line-height:150%;
}

.cs-everything-box h4 a
{
	font-weight:bold;
	font-size:0.75em;
	display:inline-block;
	margin-top: 10px;
	height:auto;
	width:auto;
	border-radius:6px;
	padding:2px 25px 2px 15px;
	color: rgba(170,170,170,1);
	background: rgba(100,100,100,1);
	text-decoration:none;
	background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-link-arrow.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	text-shadow:none;
}

.cs-everything-box h4 a:hover
{
	color: rgba(100,100,100,1);
	background: rgba(255,242,0,1);
	text-decoration:none;
	background-image: url(https://www.canadianstage.com/ArticleMedia/Images/Images/cs68/cs-link-arrow.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	text-shadow:none;
}

.cs-quote-line
{
	display:inline-block;
	width:100%;
	height:auto;
	overflow:visible;
	background:none;
	padding-bottom: 0px;
	color: rgba(100,100,100,1);
}

.cs-quote-line h3
{
	font-size: 2em;
	margin-bottom:0px;
	line-height: 1.3;
}

.cs-quote-line h6
{
	font-size: 0.75em;
	margin-bottom:0px;
	font-weight: 500;
}

#cs-show-page-tickets-box
{
	margin-top:0;
	overflow:auto;
}

@media screen and ( min-width: 992px )
{
	#cs-show-page-tickets-box
	{
		margin-top:0;
	}
}

.cs-info-box
{
	font-size:0.875em;
	font-weight:bold;
	background:none;
	margin:30px 0 0 0;
}

.cs-info-box ul
{
	background:none;
	list-style-type:none;
	padding:0;
}

.cs-info-box ul li
{
	background:none;
	border-top:1px solid rgba(20,20,20,0.3);
	padding:5px 0 5px 0;
}

.cs-info-box ul li:last-child
{
	border-bottom:1px solid rgba(20,20,20,0.3);
}

.cs-info-box ul li a
{
	color: rgba(100,100,100,1);
	text-decoration:none;
	display:block;
}

.cs-info-box ul li a:hover
{
	color: rgba(20,20,20,1);
	text-decoration:underline;
}



/* Social Icons
-------------------------------------------------------------- */


.social_icon
{
	display:inline-block;
	width:100%;
	max-width:44px;
	margin-top:-8px;
}

.social_icon a
{
	display:inline-block;
	opacity:0.5;
}

.social_icon a:hover
{
	display:inline-block;
	opacity:0.8;
}

.social_icon img
{
	width:100%;
	max-width:20px;
}



/* Make Mobile Menu Drop Down
-------------------------------------------------------------- */


@media screen and ( max-width: 991px )
{

	.customer-options
	{
		width: 100%;
		padding: 0 5% 0 5%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 200px;
		top: auto;
		text-align: left;
		margin-top:-200%; 
		opacity:1;
	}

	.active-sidebar .customer-options
	{
		width: 100%;
		padding: 170px auto 0 auto;
		margin-top: 125px;
		background:rgba(100,100,100,1);
	}

	.active-sidebar #content
	{
		margin-left: auto;
		margin-right: auto;
	}

	#menu
	{
		background: none transparent;
		margin: 200px 0 0 0;
		float: left;
		width: 100%;
		z-index: 900000;
		position:absolute;
		top:0;
		visibility:hidden;
		opacity:0;
		transition:visibility 0s linear 0.25s,opacity 0.25s linear;
	}

	.active-nav #menu
	{
		margin: 140px auto 0 auto;
		width: 100%;
		visibility:visible;
		opacity:1;
		transition-delay:0.25s;
		left: auto;
		right: auto;
	}

	.active-nav #content
	{
		margin-right: auto;
		margin-left:auto;
	}
}



/* Image Box
-------------------------------------------------------------- */


.imageBox
{
	width:100%;
	height:auto;
	display: inline-block;
}

.imageBoxTitle
{
	display:block;
	font-size:1.8em;
	line-height: 1.1em;
	color: rgba(20,20,20,1);
	margin-top:20px;
	font-weight:400;
	text-transform: lowercase;
	letter-spacing:-0.01em;
	word-spacing:-0.03em;
}

.imageBoxTitleDark
{
	display:block;
	font-size:1.8em;
	line-height: 1.1em;
	color: rgba(100,100,100,1);
	margin-top:20px;
	font-weight:400;
	text-transform: lowercase;
	letter-spacing:-0.01em;
	word-spacing:-0.03em;
}

.imageBoxTitleYellow
{
	display:block;
	font-size:1.8em;
	line-height: 1.1em;
	color: rgba(255,242,0,1);
	margin-top:20px;
	font-weight:400;
	text-transform: lowercase;
	letter-spacing:-0.01em;
	word-spacing:-0.03em;
}

.imageBoxDates
{
	display:block;
	font-size:1.25em;
	color: rgba(100,100,100,1);
	margin-top:10px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:400;
}

.imageBoxCaption
{
	display:block;
	font-size:12px;
	color: rgba(100,100,100,1);
	margin-top:10px;
	margin-bottom:15px;
	font-weight:400;
	line-height:125%;
}

.imageBoxButton a
{
	display:inline-block;
	background: rgba(100,100,100,1);
	color: rgba(220,220,220,1);
	padding:15px 20px 15px 20px;
	text-decoration:none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	font-size:1.125em;
	margin-bottom:15px;
	font-weight:500;
	float:left;
	margin-right: 1px;
}

.imageBoxButton a:hover
{
	background: rgba(255,242,0,1);
	color: rgba(100,100,100,1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.imageBoxImage
{
	padding:0;
	background: rgba(255,242,0,1);
}

.imageBoxImage a
{
	opacity:1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.imageBoxImage a:hover
{
	opacity:0.4;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.bubbleWrapper
{ 
	width: 120px;
	height: 120px;
	border-radius:60px;
	background: url(../images/abe-bg.png) no-repeat;
	background: rgba(255,242,0,1);
	position: absolute;
	bottom: 12%;
	right:25%;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
	transition:0.5s;
	z-index:100000;
}

.bubbleWrapper:hover
{ 
  background: rgba(255,242,0,0.8);
  transition:0.5s;
}

@media screen and (max-width:515px)
{
	.bubbleWrapper
	{
		top:80%;
		right:-3%;
		display:none;
	}
}

.bubble
{
	position: absolute; 
	left: 0;
	top: 0;
	width: 120px; 
	height: 120px; 
	display: table;
	-ms-transform: rotate(15deg); /* IE 9 */
	-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
	transform: rotate(15deg);
}

.bubble a
{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
	font-size: 18px;
	font-weight:500;
	line-height:1.25;
	text-decoration:none;
	color: rgba(20,20,20,1);
}

.bubble a:hover
{
  text-decoration:none;
}

.section-link
{
	padding:10px;
	border: 1px solid rgba(170,170,170,1);
	margin:0 5px 0 10px;
	font-size:18px;
	color: rgba(20,20,20,1);
	display:inline-block;
	text-decoration: none;
	background: transparent;
}

.middleTitle
{
	position: absolute;
	top: 53%;
	transform: translateY(-50%);
	-webkit-transform:  translateY(-50%);
	-moz-transform:  translateY(-50%);
	-o-transform:  translateY(-50%);
	padding:0;
	width: 84%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:inline-block;
	background:transparent;
}

.middleTitle h1
{
	font-size: 5.75em;
	color:white;
	text-shadow: 0 0 30px rgba(0,0,0,0.4);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 300;
	font-style: normal;
	line-height: 0.9;
	margin-bottom: 0.5em;
	display:block;
	letter-spacing:-0.04em;
}

.middleTitle h2
{
	font-size:1.25em;
	text-shadow: 0 0 30px rgba(0,0,0,0.4);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 20px; 
	color: rgba(255,242,0,1);
	line-height:125%;
	display:block;
}

.middleTitle h3
{
	font-size:1.5em;
	color:white;
	text-shadow: 0 0 30px rgba(0,0,0,0.4);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 40px;
	margin-top:-25px;
	display:block;
}

.middleTitle a
{
	display:inline-block;
	background: rgba(100,100,100,1);
	color: rgba(220,220,220,1);
	padding:15px 20px 15px 20px;
	text-decoration:none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	font-size:1.125em;
	margin-left:-3px;
	font-weight:500;
}

.middleTitle a:hover
{
	background: rgba(255,242,0,1);
	color: rgba(100,100,100,1);
	transition: all 0.2s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

@media screen and (max-width: 991px)
{
	.middleTitle
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform:  translateY(-50%);
		-moz-transform:  translateY(-50%);
		-o-transform:  translateY(-50%);
		padding:0;
		width:8auto;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		display:block;
		background:transparent;
	}

	.middleTitle h1
	{
		font-size: 5em;
		color:white;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
		font-family: 'Gotham A', 'Gotham B', Arial;
		font-weight: 300;
		font-style: normal;
		line-height: 0.9;
		margin-bottom: 0.5em;
		display:block;
		letter-spacing:-0.04em;
	}

	.middleTitle h2
	{
		font-size:1.25em;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
		font-family: 'Gotham A', 'Gotham B', Arial;
		font-weight: 500;
		font-style: normal;
		margin-bottom: 15px; 
		color: rgba(255,242,0,1);
		line-height:125%;
		display:block;
	}

	.middleTitle h3
	{
		font-size:1.5em;
		color:white;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
		font-family: 'Gotham A', 'Gotham B', Arial;
		font-weight: 300;
		font-style: normal;
		margin-bottom: 40px;
		margin-top:-25px;
		display:block;
	}

	.middleTitle a
	{
		display:inline-block;
		background: rgba(100,100,100,1);
		color: rgba(220,220,220,1);
		padding:15px;
		text-decoration:none;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		font-size:1em;
		margin-bottom: 0px;
		font-weight:500;
	}

	.middleTitle a:hover
	{
		background: rgba(255,242,0,1);
		color: rgba(100,100,100,1);
		transition: all 0.2s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
}


@media screen and (max-width: 515px)
{
	.middleTitle
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform:  translateY(-50%);
		-moz-transform:  translateY(-50%);
		-o-transform:  translateY(-50%);
		padding:0;
		width: 70%;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		display:inline-block;
		background:transparent;
	}

	.middleTitle h1
	{
		font-size: 2.5em;
		color:white;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
		font-family: 'Gotham A', 'Gotham B', Arial;
		font-weight: 300;
		font-style: normal;
		line-height: 1.2;
		margin-bottom: 0.5em;
		display:block;
		letter-spacing:-0.04em;
	}

	.middleTitle h2
	{
		font-size:1.25em;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
		font-family: 'Gotham A', 'Gotham B', Arial;
		font-weight: 500;
		font-style: normal;
		margin-bottom: 30px; 
		color: rgba(255,242,0,1);
		line-height:125%;
		display:none;
	}

	.middleTitle h3
	{
		font-size:1.5em;
		color:white;
		text-shadow: 0 0 30px rgba(0,0,0,0.4);
		font-family: 'Gotham A', 'Gotham B', Arial;
		font-weight: 300;
		font-style: normal;
		margin-bottom: 31px;
		margin-top: -17px;
		display:block;
		line-height: 1.1;
	}

	.middleTitle a
	{
		display:inline-block;
		background: rgba(100,100,100,1);
		color: rgba(220,220,220,1);
		padding:15px;
		text-decoration:none;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		font-size:1em;
		margin-bottom: 0px;
		font-weight:500;
	}

	.middleTitle a:hover
	{
		background: rgba(255,242,0,1);
		color: rgba(100,100,100,1);
		transition: all 0.2s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
}

.section-box h3
{
	margin-bottom:45px;
	font-size:24px;
	font-weight: 400;
	color: rgba(20,20,20,1);
}

#shoppingCart .navigation-box
{
	width:100%;
	padding: 30px 30px 30px 0;
}

.order-performance
{
	margin-bottom:30px;
}

.account-box
{
	max-width: 100%;
}

.account-box h1
{
	font-size:36px;
	padding-bottom:30px;
	display:inline-block;
}

.account-box h3
{
	font-size:24px;
	padding-bottom:15px;
	display:inline-block;
}

.login-box.account-box,
.forgot-password-box.account-box
{
	border-radius:0;
	background-color: rgba(245,245,245,1);
	border:0px;
}

#my-account-nav-container
{
	background: rgba(230,230,230,1);
	margin-left:-30px;
	margin-top:-60px;
	padding-top:70px;
}

@media screen and (max-width:991px)
{
	#my-account-nav-container
	{
		margin-left:0px;
		margin-top:0px;
		padding-top:20px;
	}
}

.my-account-nav ul li.active a, .my-account-nav ul li:hover a
{
	color: rgba(255,242,0,1);
	border-right-color: rgba(20,20,20,1);
	background: rgba(20,20,20,1);
}

.my-account-nav ul li a .badge
{
	background: rgba(255,242,0,1);
	color: rgba(20,20,20,1);
}

.seat-tabs-box h1
{
	margin-bottom:30px;
}

.order-contact-heading h1
{
	margin-bottom:30px;
}
.order-contact-heading
{
	margin-bottom: 60px;
}

.payment-methods-list .payment-method-option
{
	border-radius:0px;
	padding:20px 25px 15px 25px;
	margin-top:15px;
}

.account-box .form-control
{
	width:50%;
	border-radius:0px;
	margin-top:5px;
	margin-bottom:10px;
}

@media screen and (max-width:515px)
{
	.account-box .form-control
	{
		width:100%;
		border-radius:0px;
		margin-top:5px;
		margin-bottom:10px;
	}
}



/* Z Row - No borders

-------------------------------------------------------------- */


.zrow
{
	margin-right: 0;
	margin-left: 0;
	overflow: hidden;
	position: relative;
	display: block;
}

.zol-xs-1, .zol-sm-1, .zol-md-1, .zol-lg-1, .zol-xs-2, .zol-sm-2, .zol-md-2, .zol-lg-2, .zol-xs-3, .zol-sm-3, .zol-md-3, .zol-lg-3, .zol-xs-4, .zol-sm-4, .zol-md-4, .zol-lg-4, .zol-xs-5, .zol-sm-5, .zol-md-5, .zol-lg-5, .zol-xs-6, .zol-sm-6, .zol-md-6, .zol-lg-6, .zol-xs-7, .zol-sm-7, .zol-md-7, .zol-lg-7, .zol-xs-8, .zol-sm-8, .zol-md-8, .zol-lg-8, .zol-xs-9, .zol-sm-9, .zol-md-9, .zol-lg-9, .zol-xs-10, .zol-sm-10, .zol-md-10, .zol-lg-10, .zol-xs-11, .zol-sm-11, .zol-md-11, .zol-lg-11, .zol-xs-12, .zol-sm-12, .zol-md-12, .zol-lg-12
{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
.zol-xs-1, .zol-xs-2, .zol-xs-3, .zol-xs-4, .zol-xs-5, .zol-xs-6, .zol-xs-7, .zol-xs-8, .zol-xs-9, .zol-xs-10, .zol-xs-11, .zol-xs-12
{
	float: left;
}
.zol-xs-12
{
	width: 100%;
}
.zol-xs-11
{
	width: 91.66666667%;
}
.zol-xs-10
{
	width: 83.33333333%;
}
.zol-xs-9
{
	width: 75%;
}
.zol-xs-8
{
	width: 66.66666667%;
}
.zol-xs-7
{
	width: 58.33333333%;
}
.zol-xs-6
{
	width: 50%;
}
.zol-xs-5
{
	width: 41.66666667%;
}
.zol-xs-4
{
	width: 33.33333333%;
}
.zol-xs-3
{
	width: 25%;
}
.zol-xs-2
{
	width: 16.66666667%;
}
.zol-xs-1
{
	width: 8.33333333%;
}

@media (min-width: 768px)
{
	.zol-sm-1, .zol-sm-2, .zol-sm-3, .zol-sm-4, .zol-sm-5, .zol-sm-6, .zol-sm-7, .zol-sm-8, .zol-sm-9, .zol-sm-10, .zol-sm-11, .zol-sm-12
	{
		float: left;
	}
	
	.zol-sm-12
	{
    	width: 100%;
	}
  
	.zol-sm-11
	{
		width: 91.66666667%;
	}
	
	.zol-sm-10
	{
    	width: 83.33333333%;
    }
    
	.zol-sm-9
	{
    	width: 75%;
    }
    
	.zol-sm-8
	{
    	width: 66.66666667%;
    }
    
	.zol-sm-7
	{
	width: 58.33333333%;
	}
	
	.zol-sm-6
	{
	width: 50%;
	}
	
	.zol-sm-5
	{
	width: 41.66666667%;
	}
	
	.zol-sm-4
	{
	width: 33.33333333%;
	}
	
	.zol-sm-3
	{
	width: 25%;
	}
	
	.zol-sm-2
	{
	width: 16.66666667%;
	}
	
	.zol-sm-1
	{
	width: 8.33333333%;
	}
}

@media (min-width: 992px)
{

	.zol-md-1, .zol-md-2, .zol-md-3, .zol-md-4, .zol-md-5, .zol-md-6, .zol-md-7, .zol-md-8, .zol-md-9, .zol-md-10, .zol-md-11, .zol-md-12
  {
    float: left;
  }
  .zol-md-12
  {
    width: 100%;
  }
  .zol-md-11
  {
    width: 91.66666667%;
  }
  .zol-md-10
  {
    width: 83.33333333%;
  }
  .zol-md-9
  {
    width: 75%;
  }
  .zol-md-8
  {
  	width: 66.66666667%;
  }
  .zol-md-7
  {
  	width: 58.33333333%;
  }
  
  .zol-md-6
  {
  	width: 50%;
  }
  
  .zol-md-5
  {
  	width: 41.66666667%;
  }
  
  .zol-md-4
  {
	width: 33.33333333%;
  }
  
  .zol-md-3
  {
	width: 25%;
  }
  
  .zol-md-2
  {
	width: 16.66666667%;
  }
  
  .zol-md-1
  {
	width: 8.33333333%;
  }
}

@media (min-width: 1200px)
{
  .zol-lg-1, .zol-lg-2, .zol-lg-3, .zol-lg-4, .zol-lg-5, .zol-lg-6, .zol-lg-7, .zol-lg-8, .zol-lg-9, .zol-lg-10, .zol-lg-11, .zol-lg-12
  {
    float: left;
  }
  .zol-lg-12 {
    width: 100%;
  }
  .zol-lg-11 {
    width: 91.66666667%;
  }
  .zol-lg-10 {
    width: 83.33333333%;
  }
  .zol-lg-9 {
    width: 75%;
  }
  .zol-lg-8 {
    width: 66.66666667%;
  }
  .zol-lg-7 {
    width: 58.33333333%;
  }
  .zol-lg-6 {
    width: 50%;
  }
  .zol-lg-5 {
    width: 41.66666667%;
  }
  .zol-lg-4 {
    width: 33.33333333%;
  }
  .zol-lg-3 {
    width: 25%;
  }
  .zol-lg-2 {
    width: 16.66666667%;
  }
  .zol-lg-1 {
    width: 8.33333333%;
  }

}

.contentLayer
{
  margin-right: 0;
  margin-left: 0;
  background:rgba(253,253,253,1);
  overflow:auto;
}

.contentLayerLight
{
  margin-right: 0;
  margin-left: 0;
  background:rgba(253,253,253,1);
  overflow:auto;
}

.cs-box
{
	background:rgba(253,253,253,1);
	margin-top:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:auto;
}

.cs-row-wrapper
{
	padding-left:15px;
	padding-right:15px;
}

.cs-box-dark
{
	background:rgba(20,20,20,1);
	margin-top:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:auto;
}

.cs-box-title
{	
	display:block;
	overflow:auto;
	padding:30px;
	border-bottom: 1px solid rgba(100,100,100,1);
	font-size:3em;
	color: rgba(100,100,100,1);
	font-weight:300;
}

.cs-box-titleDark
{	
	display:block;
	overflow:auto;
	padding:30px;
	border-bottom: 1px solid rgba(100,100,100,1);
	font-size:3em;
	color: rgba(255,242,0,1);
	font-weight:300;
}

.contentLight
{
	width:100%;
	height:auto;
	background: rgba(230,230,230,1);
	overflow:auto;
	padding:15px;
}

.contentDark
{
	width:100%;
	height:auto;
	background: rgba(20,20,20,1);
	overflow:auto;
	padding:15px;
}

.contentYellow
{
	width:100%;
	height:auto;
	background: rgba(255,242,0,1);
	overflow:auto;
	padding:15px;
}

.contentBox
{
	width:auto;
	height:auto;
	margin:15px;
}

.contentBlurb
{
	color: rgba(20,20,20,1);
	font-weight:400;
	font-size:16px;
	width:auto;
	height:auto;
	line-height:150%;
}

.contentPhoto
{
	width:auto;
	height:auto;
	border-left: 0px solid rgba(230,230,230,1);
}





#svg_map_section_inner
{
	border: 1px solid rgba(170,170,170,1);
	padding:15px;
	background:white;
}

.item-information.item-box ul, .item-information.item-box ul li:first-child, .item-information.item-box ul li h3, .item-information.item-box ul li h4
{
	margin-bottom: 15px;
}


.order-contact .billing-info .btn-group
{
	width:100%;
	padding-top:15px;
	padding-bottom:30px;
}

.order-contact .billing-info select
{
	width:100%;
}

.order-contact .billing-info .btn-group .btn:first-child
{
	border:1px solid rgba(170,170,170,1);
}

.account-box .field-label, .section-box .field-label
{
	color: rgba(100,100,100,1);
	margin-bottom:5px;
}

.order-customer-details
{
	padding:30px;
	background: rgba(245,245,245,1);
}

.order-customer-details .item-box-item, .order-totals .section-box-item
{
	padding: 15px 0 15px 0;
	border-top:1px solid rgba(170,170,170,1);
	margin-bottom: 15px;
}

.order-totals
{
	width:100%;
	background: rgba(220,220,220,1);
    max-width: 1170px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#purchaseBox
{
	float:right;
}

#payments
{
	margin-left:3%;
	width:100%;
	float:right;
}

.order-instructions
{
	width:100%;
	float:right;
}

.order-instructions p
{
	width:100%;
	float:right;
	margin: 0 0 15px 0;
	font-size:12px;
	font-style:normal;
	font-weight:500
}

.order-customer-details h3
{
	border-bottom:1px solid rgba(100,100,100,1);
	padding-bottom:30px;
	margin-bottom:15px;
}

#add_to_order
{
	background: rgba(255,242,0,1);
	color: rgba(170,170,170,1);
	border-top: 0px rgba(20,20,20,1) solid;
	border-left: 0px rgba(20,20,20,1) solid;
	border-right: 0px rgba(20,20,20,1) solid;
	border-bottom: 0px rgba(20,20,20,1) solid;
	margin-bottom: 30px;
	font-size: 24px;
}

#add_to_order.btn-primary
{
	background: rgba(255,242,0,1);
	color: rgba(170,170,170,1);
	border-top: 0px rgba(20,20,20,1) solid;
	border-left: 0px rgba(20,20,20,1) solid;
	border-right: 0px rgba(20,20,20,1) solid;
	border-bottom: 0px rgba(20,20,20,1) solid;
	margin-bottom: 0px;
	font-size: 14px;
	padding: 8px 10px 8px 10px;
}

#add_to_order.btn-primary:hover
{
	background: rgba(255,242,0,1);
	color: rgba(20,20,20,1);
	border-top: 0px rgba(20,20,20,1) solid;
	border-left: 0px rgba(20,20,20,1) solid;
	border-right: 0px rgba(20,20,20,1) solid;
	border-bottom: 0px rgba(20,20,20,1) solid;
	margin-bottom: 0px;
	font-size: 14px;
	padding: 8px 10px 8px 10px;
}

#add_to_order.btn-primary[disabled]
{
	background: rgba(255,242,0,0.2);
	color: rgba(170,170,170,1);
	border-top: 0px rgba(20,20,20,1) solid;
	border-left: 0px rgba(20,20,20,1) solid;
	border-right: 0px rgba(20,20,20,1) solid;
	border-bottom: 0px rgba(20,20,20,1) solid;
	margin-bottom: 0px;
	font-size: 14px;
	padding: 8px 10px 8px 10px;
}

div.cancel_seat
{
	margin:15px 0 0 0;
}



#selected_seats_ul div.selected_seat_info
{
	padding: 15px 0 15px 0;
}

#price_zone_section
{
	margin-bottom:30px;
}



/* New Show Page Content

-------------------------------------------------------------- */

.cs-layer-showPage
{
	width:100%;
	background: rgba(253,253,253,1);
	padding-top:0px;
	padding-bottom:0px;
	overflow: auto;
}

.show-description
{
	background:transparent;
	height:auto;
	overflow:auto;
	width:100%;
	display:inline-block;
	padding: 30px 15px 30px 15px;
	font-size: 1.25em;
	line-height: 1.5;
	font-weight:300;
}

.show-description h3
{
	font-size:2em;
	font-weight:400;
	margin-bottom:15px;
	color: rgba(100,100,100,1);
}

.show-quote
{
	background:transparent;
	height:auto;
	overflow:auto;
	width:100%;
	display:inline-block;
	padding: 30px 30px 30px 15px;
}

.show-quote h3
{
	font-weight: 400;
}

.show-calendar
{
	background: rgba(20,20,20,1);
	height:auto;
	overflow:auto;
	width:100%;
	display:inline-block;
	padding: 30px;
	color: rgba(170,170,170,1);
}

.show-calendar h3
{
	font-size:1.25em;
	font-weight:500;
	margin-bottom:15px;
	color: rgba(220,220,220,1);
}

.show-calendar ul
{
	background:none;
	list-style-type:none;
	padding:0;
	margin-top: 0px;
	color: rgba(170,170,170,1);
	font-size:1em;
	font-weight:400;
	text-transform:lowercase;
}

.show-calendar ul li
{
	background:none;
	border-top: 1px solid rgba(100,100,100,1);
	padding:5px 0 5px 0;
}

.show-calendar ul li:first-child
{
	background:none;
	border-top: 1px solid rgba(100,100,100,1);
	padding:5px 0 5px 0;
}

.show-calendar ul li:last-child
{
	background:none;
	border-bottom: 1px solid rgba(100,100,100,1);
	padding:5px 0 5px 0;
}

.show-date
{
	font-size:1em;
	font-weight:500;
	color: rgba(100,100,100,1);
	text-transform:uppercase;
	display:inline-block;
	width:100%;
	padding:0 0 15px 15px;
}

.show-date-wrapper
{
	width:100%;
	max-width:1140px;
	display:inline-block;
}

.show-date2
{
	font-size:1.25em;
	font-weight:500;
	color: rgba(220,220,220,1);
	text-transform: none;
	display:inline-block;
	padding:0 0 15px 15px;
	background: rgba(20,20,20,1);
	width:25%;
	padding: 30px;
	float:right;
	text-align: left;
	text-transform:uppercase;
	overflow: auto;
}

@media screen and (max-width:991px)
{
	.show-date2
	{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		left:auto;
		right:auto;
		text-align:center;
		text-transform:uppercase;
		font-size:1.5em;
	}
}

.show-bread
{
	width:auto;
	display:inline-block;
	float:left;
	margin-left:15px;
}



/* Mobile Drop Down Shopping Cart

-------------------------------------------------------------- */

@media screen and (max-width:991px)
{

	.cart-callout .btn
	{
		background:rgba(100,100,100,1);
		padding:30px;
		margin-top:30px;
		border: 1px solid rgba(255,242,0,1);
		color:rgba(255,242,0,1);
		font-size:24px;
		text-transform:uppercase;
		font-weight:400;
	}

	.cart-callout .btn:hover
	{
		background:rgba(20,20,20,1);
		padding:30px;
		margin-top:30px;
		border: 1px solid rgba(255,242,0,1);
		color:rgba(255,242,0,1);
		font-size:24px;
		text-transform:uppercase;
		font-weight:400;
	}

}

a#notificationOffers.section-link
{
	font-size:12px;
	color:rgba(220,220,220,1);
	margin-right: 0;
	font-weight:400;
	display: inline-block;
	background:transparent;
	border-radius: 0;
	text-align: center;
	border: 1px solid rgba(255,242,0,1);
	padding: 6px;
	color: rgba(255,242,0,1);
	text-decoration:none;
}

#accountContent
{
	padding-left:60px;
	display:inline-block;
}

@media screen and (max-width:991px)
{
	#accountContent
	{
		padding-left:15px;
		padding-right: 15px;
		display: block;
		overflow: auto;
	}

	.account-box .form-control
	{
		width:100%;
	}
}



/* Change Ticket Buttons 

-------------------------------------------------------------- */






/* Bundles Purchasing

-------------------------------------------------------------- */



.bundles-header
{
	background:none;
	padding:15px 0 0 0;
}


.item-information.item-box .item-logo img
{
	border-radius:0;
}

.item-information.item-box.has-logo1 .item-description-details
{
	background:none;
	padding:0 0 0 30px;
}


.bundle-result-admission .section-box-item-details:first-child
{
	background:none;
	width:50%;
}

.bundle-result-admission .section-box-item-details:nth-child(2)
{
	background:none;
	width:25%;
}

@media screen and (max-width: 991px)
{
	.bundle-result-admission .section-box-item-details:first-child
	{
		background:none;
		width:100%;
	}

	.bundle-result-admission .section-box-item-details:nth-child(2)
	{
		background:none;
		width:100%;
	}
}

.bundle-event-seat-location.section-box-item-details
{
	background:none;
	width:50%;
	float:right;
}

@media screen and (max-width: 991px)
{
	.bundle-event-seat-location.section-box-item-details
	{
		background:none;
		width:100%;
	}
}




/*

.section-box
{
    border-top: 0px solid rgba(170,170,170,1);
    display: inline-block;
    padding: 0;
    margin:  20px 0 0 0;
    width: 100%;
}

*/

.order-performance
{
	border-top: 1px solid rgba(100,100,100,1);
	padding-top:30px;
	padding-bottom:30px;
	max-width:1110px;
	left:auto;
	right:auto;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}

.order-performance .item-options .btn
{
	padding: 12px 15px 15px 15px;
	border-radius:0;
	border: 1px solid rgba(170,170,170,1);
	/* margin:10px 0 0 10px; */
}


.performance-info 
{
	padding:0;
}

.admission-row
{
	float:right;
	width: 100%;
}

h4.item-short-description
{
	font-weight:500;
	font-size: 18px;
	line-height:125%;
}

.section-box-item.item-total
{
	padding:20px 0 0 0;
}

.general-page-content h2
{
	font-size:36px;
}

.active-promotions
{
	border-bottom:0px solid rgba(170,170,170,1);
	margin-bottom:30px;
	padding-bottom:30px;
}

@media screen and (max-width:991px)
{
	.active-promotions
	{	
		border-bottom: 1px solid rgba(20,20,20,1);
		margin-bottom:30px;
		padding-bottom:30px;
	}
}

.seat-tabs-box .seat-tabs .seat-tab.active
{
	background: rgba(170,170,170,1);
	border-color: rgba(100,100,100,1);
	color: rgba(20,20,20,1);
	margin:0;
	padding:15px;
}

.seat-tabs-box .seat-tabs .seat-tab
{
	background: rgba(230,230,230,1);
	border-color: rgba(100,100,100,1);
	color: rgba(20,20,20,1);
	margin:0;
	opacity:0.8;
	padding:15px;
}

.seat-tabs-box .seat-tabs .seat-tab:hover
{
	background: rgba(230,230,230,1);
	border-color: rgba(100,100,100,1);
	color: rgba(20,20,20,1);
	margin:0;
	opacity: 1;
}

.my-account-section-heading
{
	margin:15px 0 15px 0;
}

.search-box
{
	border-radius:0;
	background-color: rgba(230,230,230,1);
}



/* Kiran Quote Box 2

-------------------------------------------------------------- */


.quoteBox
{
	overflow:hidden;
	background: rgba(230,230,230,1);
}

.quoteBoxLeft
{
	background: url(/ArticleMedia/Images/Images/cs68/mjc.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:400px;
}

.quoteBoxLeftBrochure
{
	background: url(/ArticleMedia/Images/Images/cs68/mjc.jpg) no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:400px;
}

.quoteBoxRight
{
	background: rgba(230,230,230,1);
	height:400px;
	display:table;
	width:100%;
}

.quoteBoxRightText
{
	text-align:left;
	display: table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	padding:60px;
}

.quoteBoxRightText h1
{
	font-weight:300;
	display:block;
	margin-bottom:15px;
	font-size:48px;
	color:rgba(170,170,170,1);
}

.quoteBoxRightText h2
{
	font-weight:300;
	display:block;
	margin-bottom:30px;
	font-size:24px;
	color:rgba(100,100,100,1);
	line-height:1.4;
}

.quoteBoxRightText h3
{
	font-weight:400;
	display:block;
	font-size:15px;
	color:rgba(100,100,100,1);
	margin:0;
	line-height:1.4;
}

.quoteBoxRightText a
{
	display:inline-block;
	background: rgba(100,100,100,1);
	color: rgba(170,170,170,1);
	padding:15px;
	text-decoration:none;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	font-size:13px;
	margin-bottom:10px;
	font-weight:500;
}

.quoteBoxRightText a:hover
{
	background: rgba(255,242,0,1);
	color: rgba(170,170,170,1);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}


/*

.rbcBox
{
	background: url(/ArticleMedia/Images/Images/cs68/lights_sign_bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 250px;
	padding-bottom: 250px;
	text-align: center;
}

.rbcBox h2
{
	font-size:60px;
	display:block;
	text-shadow: 0 0 30px rgba(0,0,0,0.4);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	color: white;
	margin-bottom: 
}

.rbcBox h3
{
	font-size:24px;
	display:block;
	text-shadow: 0 0 30px rgba(0,0,0,0.4);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 400;
	font-style: normal;
	color: rgba(255,242,0,1);
	margin-bottom: 25px;
}

.rbcBox a
{
	display: inline:block;
	background:black;
	padding:20px;
}

.rbcBox a
{
	display: inline-block;
	padding:20px;
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	background:rgba(255,242,0,1);
	color: black;
	font-size:24px;
}

.rbcBox a:hover
{
	background:rgba(255,242,0,0.8);
	color: black;
}

.saBox
{
	background: url(/ArticleMedia/Images/Images/cs68/spotlight_banner3.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 200px;
	padding-left: 500px;
	padding-right: 500px;
	text-align: center;
	min-height: 500px;
}

@media screen and (max-width:1400px)
{
	.saBox
	{
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 200px;
		padding-right: 200px;
	}
}

@media screen and (max-width:700px)
{
	.saBox
	{
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

.saBox h2
{
	font-size:50px;
	display:block;
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 300;
	font-style: normal;
	color: white;
	margin-bottom:15px;
}

.saBox h3
{
	font-size:22px;
	display:block;
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	color: rgba(255,242,0,1);
	margin-bottom: 30px;
}

.saBox a
{
	display: inline-block;
	padding:25px;
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	background:rgba(255,242,0,1);
	color: black;
	font-size:18px;
	transition:0.5s;
}

.saBox a:hover
{
	background:rgba(255,242,0,0.8);
	color: black;
	transition:0.5s;
}

@media screen and (min-width:991px)
{
	.watershed
	{
		margin-right: 10%;
	}
}

@media screen and (max-width:991px)
{
	.watershedBG
	{
		margin-left: -5%
	}
}

@media screen and (max-width:600px)
{
	.watershedBG
	{
		margin-left: -70%
	}
}



/* Change Seat Map Colors
   Original value: rgba(230,230,230,1)
-------------------------------------------------------------- */

.seatS
{
	fill: grey; 
	stroke: grey;
}

.seats
{
	fill: grey; 
	stroke: grey;
}

.seatu
{
	fill: grey; 
	stroke: grey;
}

.seatO
{
	fill: grey; 
	stroke: grey;
}

.seato
{
	fill: grey; 
	stroke: grey;
}

.seatR
{
	fill: grey; 
	stroke: grey;
}

.seatr
{
	fill: grey; 
	stroke: grey;
}

/* Change Seat Map Price Zone Color
   
-------------------------------------------------------------- */
.price-zone-price-text,
.price-zone-price
{
	color: #000 !important;
}

#pricing_list {
	padding: 0px !important;
}

.legend-ul {
	padding: 0 10px !important;
}

/* mapSelect.asp Promotion Code

-------------------------------------------------------------- */

.promo-link {
	font-size: 18px;
}

.promo-link:before {
	font-size: 18px;
	content: 'Click to enter a ';
}


/* Tabs

-------------------------------------------------------------- */

#tabs
{
	padding:30px 0px 2px 0px;
}

.nav-tabs
{
	background:transparent;
	border-bottom: 1px solid rgba(20,20,20,1);
	padding:30px;
	border-radius: 0;
}

.nav-tabs > li > a
{
	background:transparent;
	border-radius:0;
	border:none;
	color:rgba(20,20,20,1);
}

.nav-tabs > li> a:hover
{
	background: rgba(170,170,170,1);
	color: rgba(20,20,20,1);
	border-radius:0;
	border:none;
}

.nav-tabs > li.active > a:focus
{
	background: rgba(170,170,170,1);
	color: rgba(220,220,220,1);
	border-radius:0;
	border:none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	background: rgba(100,100,100,1);
	color: rgba(220,220,220,1);
	border-radius:0;
	border:none;
}









/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */


/* NEW CONTENT

-------------------------------------------------------------- */




/* Z Row - No borders

-------------------------------------------------------------- */


.zrow
{
	margin-right: 0;
	margin-left: 0;
	overflow: hidden;
	position: relative;
	display: block;
}

.zol-xs-1, .zol-sm-1, .zol-md-1, .zol-lg-1, .zol-xs-2, .zol-sm-2, .zol-md-2, .zol-lg-2, .zol-xs-3, .zol-sm-3, .zol-md-3, .zol-lg-3, .zol-xs-4, .zol-sm-4, .zol-md-4, .zol-lg-4, .zol-xs-5, .zol-sm-5, .zol-md-5, .zol-lg-5, .zol-xs-6, .zol-sm-6, .zol-md-6, .zol-lg-6, .zol-xs-7, .zol-sm-7, .zol-md-7, .zol-lg-7, .zol-xs-8, .zol-sm-8, .zol-md-8, .zol-lg-8, .zol-xs-9, .zol-sm-9, .zol-md-9, .zol-lg-9, .zol-xs-10, .zol-sm-10, .zol-md-10, .zol-lg-10, .zol-xs-11, .zol-sm-11, .zol-md-11, .zol-lg-11, .zol-xs-12, .zol-sm-12, .zol-md-12, .zol-lg-12
{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
.zol-xs-1, .zol-xs-2, .zol-xs-3, .zol-xs-4, .zol-xs-5, .zol-xs-6, .zol-xs-7, .zol-xs-8, .zol-xs-9, .zol-xs-10, .zol-xs-11, .zol-xs-12
{
	float: left;
}
.zol-xs-12
{
	width: 100%;
}
.zol-xs-11
{
	width: 91.66666667%;
}
.zol-xs-10
{
	width: 83.33333333%;
}
.zol-xs-9
{
	width: 75%;
}
.zol-xs-8
{
	width: 66.66666667%;
}
.zol-xs-7
{
	width: 58.33333333%;
}
.zol-xs-6
{
	width: 50%;
}
.zol-xs-5
{
	width: 41.66666667%;
}
.zol-xs-4
{
	width: 33.33333333%;
}
.zol-xs-3
{
	width: 25%;
}
.zol-xs-2
{
	width: 16.66666667%;
}
.zol-xs-1
{
	width: 8.33333333%;
}

@media (min-width: 768px)
{
	.zol-sm-1, .zol-sm-2, .zol-sm-3, .zol-sm-4, .zol-sm-5, .zol-sm-6, .zol-sm-7, .zol-sm-8, .zol-sm-9, .zol-sm-10, .zol-sm-11, .zol-sm-12
	{
		float: left;
	}
	
	.zol-sm-12
	{
    	width: 100%;
	}
  
	.zol-sm-11
	{
		width: 91.66666667%;
	}
	
	.zol-sm-10
	{
    	width: 83.33333333%;
    }
    
	.zol-sm-9
	{
    	width: 75%;
    }
    
	.zol-sm-8
	{
    	width: 66.66666667%;
    }
    
	.zol-sm-7
	{
	width: 58.33333333%;
	}
	
	.zol-sm-6
	{
	width: 50%;
	}
	
	.zol-sm-5
	{
	width: 41.66666667%;
	}
	
	.zol-sm-4
	{
	width: 33.33333333%;
	}
	
	.zol-sm-3
	{
	width: 25%;
	}
	
	.zol-sm-2
	{
	width: 16.66666667%;
	}
	
	.zol-sm-1
	{
	width: 8.33333333%;
	}
}

@media (min-width: 992px)
{

	.zol-md-1, .zol-md-2, .zol-md-3, .zol-md-4, .zol-md-5, .zol-md-6, .zol-md-7, .zol-md-8, .zol-md-9, .zol-md-10, .zol-md-11, .zol-md-12
  {
    float: left;
  }
  .zol-md-12
  {
    width: 100%;
  }
  .zol-md-11
  {
    width: 91.66666667%;
  }
  .zol-md-10
  {
    width: 83.33333333%;
  }
  .zol-md-9
  {
    width: 75%;
  }
  .zol-md-8
  {
  	width: 66.66666667%;
  }
  .zol-md-7
  {
  	width: 58.33333333%;
  }
  
  .zol-md-6
  {
  	width: 50%;
  }
  
  .zol-md-5
  {
  	width: 41.66666667%;
  }
  
  .zol-md-4
  {
	width: 33.33333333%;
  }
  
  .zol-md-3
  {
	width: 25%;
  }
  
  .zol-md-2
  {
	width: 16.66666667%;
  }
  
  .zol-md-1
  {
	width: 8.33333333%;
  }
}

@media (min-width: 1200px)
{
  .zol-lg-1, .zol-lg-2, .zol-lg-3, .zol-lg-4, .zol-lg-5, .zol-lg-6, .zol-lg-7, .zol-lg-8, .zol-lg-9, .zol-lg-10, .zol-lg-11, .zol-lg-12
  {
    float: left;
  }
  .zol-lg-12 {
    width: 100%;
  }
  .zol-lg-11 {
    width: 91.66666667%;
  }
  .zol-lg-10 {
    width: 83.33333333%;
  }
  .zol-lg-9 {
    width: 75%;
  }
  .zol-lg-8 {
    width: 66.66666667%;
  }
  .zol-lg-7 {
    width: 58.33333333%;
  }
  .zol-lg-6 {
    width: 50%;
  }
  .zol-lg-5 {
    width: 41.66666667%;
  }
  .zol-lg-4 {
    width: 33.33333333%;
  }
  .zol-lg-3 {
    width: 25%;
  }
  .zol-lg-2 {
    width: 16.66666667%;
  }
  .zol-lg-1 {
    width: 8.33333333%;
  }

}


/* M Row - 60

-------------------------------------------------------------- */

/* Changes the spacing of bootstrap columns (from 10 on mobile to 60 on larger screens)

-------------------------------------------------------------- */


.mol-xs-1, .mol-sm-1, .mol-md-1, .mol-lg-1, .mol-xs-2, .mol-sm-2, .mol-md-2, .mol-lg-2, .mol-xs-3, .mol-sm-3, .mol-md-3, .mol-lg-3, .mol-xs-4, .mol-sm-4, .mol-md-4, .mol-lg-4, .mol-xs-5, .mol-sm-5, .mol-md-5, .mol-lg-5, .mol-xs-6, .mol-sm-6, .mol-md-6, .mol-lg-6, .mol-xs-7, .mol-sm-7, .mol-md-7, .mol-lg-7, .mol-xs-8, .mol-sm-8, .mol-md-8, .mol-lg-8, .mol-xs-9, .mol-sm-9, .mol-md-9, .mol-lg-9, .mol-xs-10, .mol-sm-10, .mol-md-10, .mol-lg-10, .mol-xs-11, .mol-sm-11, .mol-md-11, .mol-lg-11, .mol-xs-12, .mol-sm-12, .mol-md-12, .mol-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mol-xs-1, .mol-xs-2, .mol-xs-3, .mol-xs-4, .mol-xs-5, .mol-xs-6, .mol-xs-7, .mol-xs-8, .mol-xs-9, .mol-xs-10, .mol-xs-11, .mol-xs-12 {
  float: left;
}
.mol-xs-12 {
  width: 100%;
}
.mol-xs-11 {
  width: 91.66666667%;
}
.mol-xs-10 {
  width: 83.33333333%;
}
.mol-xs-9 {
  width: 75%;
}
.mol-xs-8 {
  width: 66.66666667%;
}
.mol-xs-7 {
  width: 58.33333333%;
}
.mol-xs-6 {
  width: 50%;
}
.mol-xs-5 {
  width: 41.66666667%;
}
.mol-xs-4 {
  width: 33.33333333%;
}
.mol-xs-3 {
  width: 25%;
}
.mol-xs-2 {
  width: 16.66666667%;
}
.mol-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px)
{
  .mol-sm-1, .mol-sm-2, .mol-sm-3, .mol-sm-4, .mol-sm-5, .mol-sm-6, .mol-sm-7, .mol-sm-8, .mol-sm-9, .mol-sm-10, .mol-sm-11, .mol-sm-12 {
    float: left;
  }
  .mol-sm-12 {
    width: 100%;
  }
  .mol-sm-11 {
    width: 91.66666667%;
  }
  .mol-sm-10 {
    width: 83.33333333%;
  }
  .mol-sm-9 {
    width: 75%;
  }
  .mol-sm-8 {
    width: 66.66666667%;
  }
  .mol-sm-7 {
    width: 58.33333333%;
  }
  .mol-sm-6 {
    width: 50%;
  }
  .mol-sm-5 {
    width: 41.66666667%;
  }
  .mol-sm-4 {
    width: 33.33333333%;
  }
  .mol-sm-3 {
    width: 25%;
  }
  .mol-sm-2 {
    width: 16.66666667%;
  }
  .mol-sm-1 {
    width: 8.33333333%;
  }

}

@media (min-width: 992px)
{
  .mol-md-1, .mol-md-2, .mol-md-3, .mol-md-4, .mol-md-5, .mol-md-6, .mol-md-7, .mol-md-8, .mol-md-9, .mol-md-10, .mol-md-11, .mol-md-12 {
    float: left;
  }
  .mol-md-12 {
    width: 100%;
  }
  .mol-md-11 {
    width: 91.66666667%;
  }
  .mol-md-10 {
    width: 83.33333333%;
  }
  .mol-md-9 {
    width: 75%;
  }
  .mol-md-8 {
    width: 66.66666667%;
  }
  .mol-md-7 {
    width: 58.33333333%;
  }
  .mol-md-6 {
    width: 50%;
  }
  .mol-md-5 {
    width: 41.66666667%;
  }
  .mol-md-4 {
    width: 33.33333333%;
  }
  .mol-md-3 {
    width: 25%;
  }
  .mol-md-2 {
    width: 16.66666667%;
  }
  .mol-md-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1200px)
{
  .mol-lg-1, .mol-lg-2, .mol-lg-3, .mol-lg-4, .mol-lg-5, .mol-lg-6, .mol-lg-7, .mol-lg-8, .mol-lg-9, .mol-lg-10, .mol-lg-11, .mol-lg-12
  {
    float: left;
  }
  .mol-lg-12 {
    width: 100%;
  }
  .mol-lg-11 {
    width: 91.66666667%;
  }
  .mol-lg-10 {
    width: 83.33333333%;
  }
  .mol-lg-9 {
    width: 75%;
  }
  .mol-lg-8 {
    width: 66.66666667%;
  }
  .mol-lg-7 {
    width: 58.33333333%;
  }
  .mol-lg-6 {
    width: 50%;
  }
  .mol-lg-5 {
    width: 41.66666667%;
  }
  .mol-lg-4 {
    width: 33.33333333%;
  }
  .mol-lg-3 {
    width: 25%;
  }
  .mol-lg-2 {
    width: 16.66666667%;
  }
  .mol-lg-1 {
    width: 8.33333333%;
  }

}


@media screen and (min-width:768px)
{
	.mol-xs-1, .mol-sm-1, .mol-md-1, .mol-lg-1, .mol-xs-2, .mol-sm-2, .mol-md-2, .mol-lg-2, .mol-xs-3, .mol-sm-3, .mol-md-3, .mol-lg-3, .mol-xs-4, .mol-sm-4, .mol-md-4, .mol-lg-4, .mol-xs-5, .mol-sm-5, .mol-md-5, .mol-lg-5, .mol-xs-6, .mol-sm-6, .mol-md-6, .mol-lg-6, .mol-xs-7, .mol-sm-7, .mol-md-7, .mol-lg-7, .mol-xs-8, .mol-sm-8, .mol-md-8, .mol-lg-8, .mol-xs-9, .mol-sm-9, .mol-md-9, .mol-lg-9, .mol-xs-10, .mol-sm-10, .mol-md-10, .mol-lg-10, .mol-xs-11, .mol-sm-11, .mol-md-11, .mol-lg-11, .mol-xs-12, .mol-sm-12, .mol-md-12, .mol-lg-12
	{
		position: relative;
		min-height: 1px;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}











/* New Content Types

-------------------------------------------------------------- */


.cs-content-light
{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	overflow:auto;
	background-color: rgba(253,253,253,1);
}

.cs-content-dark
{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	overflow:auto;
	background-color: rgba(20,20,20,1);
}

.cs-content-c
{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	overflow:auto;
	background-color: rgba(170,170,170,1);
}

.cs-content-medium
{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	overflow:auto;
	background-color: rgba(100,100,100,1);
}

@media screen and (min-width:768px)
{

	.cs-content-light
	{
		max-width: 100%;
		padding-left:30px;
		padding-right:30px;
		padding-top:30px;
		padding-bottom:30px;
		display:block;
		overflow:auto;
		background-color: rgba(253,253,253,1);
	}

	.cs-content-dark
	{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:30px;
		padding-right:30px;
		padding-top:30px;
		padding-bottom:30px;
		display:block;
		overflow:auto;
		background-color: rgba(20,20,20,1);
	}

	.cs-content-c
	{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:30px;
		padding-right:30px;
		padding-top:30px;
		padding-bottom:30px;
		display:block;
		overflow:auto;
		background-color: rgba(170,170,170,1);
	}

	.cs-content-medium
	{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:30px;
		padding-right:30px;
		padding-top:30px;
		padding-bottom:30px;
		display:block;
		overflow:auto;
		background-color: rgba(100,100,100,1);
	}
}




/* Reset Font Sizes

-------------------------------------------------------------- */

/*

body
{
 	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 400;
	font-style: normal;
 	font-size: 18px;
 	line-height: 1.5;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small
{
	font-weight: normal;
	line-height: 1;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small
{
  font-size: 60%;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

*/



/* Banner element for separating sections and date on show page

-------------------------------------------------------------- */

.section-banner
{
	/* max-width: 1500px; */
	width:100%;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	overflow:auto;
	background: rgba(170,170,170,1);
	text-align:left;
	font-size:24px;
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	text-transform:uppercase;
	color: rgba(20,20,20,1);
}

@media screen and (min-width:768px)
{
	.section-banner
	{
		padding-left:60px;
		padding-right:60px;
		padding-top:15px;
		padding-bottom:15px;
		font-size:32px;
	}
}

.section-banner-yellow
{
	max-width:100%;
	width:100%;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	overflow:auto;
	background: rgba(255,242,0,1);
	text-align:left;
	font-size:24px;
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	text-transform:uppercase;
	color: rgba(20,20,20,1);
}

@media screen and (min-width:768px)
{
	.section-banner-yellow
	{
		padding-left:60px;
		padding-right:60px;
		padding-top:15px;
		padding-bottom:15px;
		font-size:32px;
	}
}

.script-banner-yellow
{
	max-width:100%;
	width:100%;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	overflow:auto;
	background: rgba(255,242,0,1);
	text-align:center;
	font-size:24px;
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	text-transform:uppercase;
	color: rgba(20,20,20,1);
}

@media screen and (min-width:768px)
{
	.script-banner-yellow
	{
		padding-left:60px;
		padding-right:60px;
		padding-top:15px;
		padding-bottom:15px;
		font-size:32px;
	}
}

.section-banner-light
{
	max-width:1400px;
	width:100%;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	overflow:auto;
	background: rgba(220,220,220,1);
	text-align:left;
	font-size:24px;
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 500;
	font-style: normal;
	text-transform:uppercase;
	color: rgba(20,20,20,1);
}

@media screen and (min-width:768px)
{
	.section-banner-light
	{
		padding-left:60px;
		padding-right:60px;
		padding-top:15px;
		padding-bottom:15px;
		font-size:32px;
	}
}



/* Style Tabs

-------------------------------------------------------------- */

#tabs
{
	padding:0;
	overflow:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	overflow-y: hidden;
}

@media screen and (min-width:768px)
{
	#tabs
	{
	padding-left:60px;
	padding-right:60px;
	}
}

.nav-tabs
{
	background: rgba(220,220,220,1);
	border-bottom: 0px solid rgba(20,20,20,1);
	border-radius: 0;
}

.nav-tabs li
{
	display:block;
	width:auto;
	text-align:center;

}

.nav-tabs > li > a
{
	background:transparent;
	border-radius:0;
	border:none;
	color:rgba(20,20,20,1);
	padding:15px;
	font-weight:500;
	font-size:14px;
}

.nav-tabs > li> a:hover
{
	background: rgba(255,242,0,1);
	color: rgba(20,20,20,1);
	border-radius:0;
	border:none;
}

.nav-tabs > li.active > a:focus
{
	background: rgba(170,170,170,1);
	color: rgba(255,242,0,1);
	border-radius:0;
	border:none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	background: rgba(253,253,253,1);
	color: rgba(20,20,20,1);
	border-radius:0;
	border:none;
}


/* Style Content Light (ie main content)

-------------------------------------------------------------- */

.cs-content-light
{
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 400;
	font-style: normal;
 	font-size: 18px;
 	line-height: 1.5;
}

.cs-content-light h1
{
	font-size: 90px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-light h2
{
  font-size: 56x;
  	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-light h3
{
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-light h4
{
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 500;
	line-height: 1.1;
}

.cs-content-light h5
{
	font-size: 16px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: 500;
	line-height: 1.1;
}

.cs-content-light h6
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
}


.cs-content-light a
{
	text-decoration:underline;
	font-weight: 500;
}

.cs-content-light a:hover
{
	text-decoration:none;
}

.cs-content-light ul
{
	list-style-type:none;
	padding:0;
	margin-bottom:60px;
	border-top: 1px solid rgba(20,20,20,1);
	font-weight: 400;
	font-size:14px;
	line-height: 1.5;
}

.cs-content-light li
{
	padding:15px 0 15px 0;
	border-bottom: 1px solid rgba(20,20,20,1);
}





/* Style Content Light (ie main content)

-------------------------------------------------------------- */

.cs-content-c
{
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 400;
	font-style: normal;
 	font-size: 18px;
 	line-height: 1.5;
}

.cs-content-c h1
{
	font-size: 90px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-c h2
{
  font-size: 56x;
  	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-c h3
{
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-c h4
{
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 500;
	line-height: 1.1;
}

.cs-content-c h5
{
	font-size: 16px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: 500;
	line-height: 1.1;
}

.cs-content-c h6
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
}

.cs-content-c a
{
	display:inline-block;
	padding:15px;
	background: rgba(100,100,100,1);
	color:rgba(20,20,20,1);
	font-weight:500;
	font-size:16px;
	margin-bottom:60px;
	margin-top:15px;
}

.cs-content-c a:hover
{
	background: rgba(255,242,0,1);
}



.cs-content-c ul.news
{
	list-style-type:none;
	padding:0;
	margin-bottom:60px;
	border-top: 1px solid rgba(20,20,20,1);
	font-weight:500;
	font-size:14px;
}

.cs-content-c ul.news li
{
	padding:15px 0 15px 0;
	border-bottom: 1px solid rgba(20,20,20,1);
}


.cs-content-c ul.news li a
{
	text-decoration:underline;
	font-weight:500;
	display:inline-block;
	padding:0px;
	background: none;
	color:rgba(20,20,20,1);
	font-weight:500;
	font-size:14px;
	margin-bottom:0px;
	margin-top:0px;
}

.cs-content-c ul.news li a:hover
{
	text-decoration:none;
}

.cs-content-c img
{
	display:inline-block;
	margin-bottom:15px;
	background:rgba(255,242,0,1);
}

.cs-content-c a.image
{
padding:0;
background: none;
margin: 0 auto;
display:block;
opacity:1;
}

.cs-content-c a.image:hover
{
padding:0;
background: none;
margin: 0 auto;
display:block;
opacity:0.5;
}


/* Style Content Dark (ie grid content)

-------------------------------------------------------------- */

.cs-content-dark
{
	font-family: 'Gotham A', 'Gotham B', Arial;
	font-weight: 400;
	font-style: normal;
 	font-size: 18px;
 	line-height: 1.5;
 }

.cs-content-dark ul
{
	color: rgba(235,235,235,1);
	list-style-type:none;
	padding:0;
	margin:0;
}

.cs-content-dark ul li
{
	display:block;
	padding:0;
	margin:0;
}

.cs-content-dark ul li:first-child
{
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:15px;
	color:rgba(255,242,0,1);
	font-weight:500;
}

.cs-content-dark ul li:nth-child(2)
{
	font-size:56px;
	font-weight:300;
	line-height:1;
	letter-spacing:-2px;
	text-transform:lowercase;
}

.cs-content-dark ul li:nth-child(3)
{
	font-size:20px;
	margin-top:3px;
	margin-bottom:15px;
	color:rgba(100,100,100,1);
}

.cs-content-dark ul li:nth-child(4)
{
	font-size:24px;
	text-transform:uppercase;
	margin-bottom:15px;
	color:rgba(255,242,0,1);
	font-weight:500;
}

.cs-content-dark ul li small
{
	text-transform:uppercase;
	font-size:70%;
}

.cs-content-dark ul li a
{
	display:inline-block;
	padding:15px;
	background: rgba(100,100,100,1);
	color:rgba(20,20,20,1);
	font-weight:500;
	font-size:16px;
	margin-bottom:30px;
	float:left;
	margin-right: 1px;
	
}

.cs-content-dark ul li a:hover
{
	background: rgba(255,242,0,1);
}

.cs-content-dark h1
{
	font-size: 90px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-dark h2
{
  font-size: 56px;
  	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-dark h3
{
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.1;
}

.cs-content-dark h4
{
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 500;
	line-height: 1.1;
	color:rgba(170,170,170,1);
}

.cs-content-dark h5
{
	font-size: 16px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: 500;
	line-height: 1.1;
}

.cs-content-dark h6
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom:0px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
}

.cs-content-dark img
{
	display:inline-block;
	margin-bottom:15px;
	background:rgba(255,242,0,1);
}

.cs-content-dark img.button
{
	padding:0;
	float:left;
	margin-right: 1px;
}

/* 2017 Tweaks

-------------------------------------------------------------- */

#popupDiv_confirmDiv {
    background: transparent;
    padding-left: 10px;
    min-height: 50px;
}

.gift-appeal, .gift-fund 
{
    display:none;
}

.header-button {
    font-size: 0.875em;
    color: rgba(220,220,220,1);
    margin-right: 0;
    font-weight: 400;
    display: inline-block;
    background: transparent;
    border-radius: 0;
    text-align: center;
    border: 1px solid rgba(255,242,0,1);
    padding: 5px 10px 5px 10px;
    color: rgba(255,242,0,1);
    pointer-events: all;
    opacity: 1;
    transition: opacity 0.4s;
}
	
	
.header-button:hover {
		font-size:0.875em;
		color:rgba(220,220,220,1);
		margin-right: 0;
		font-weight:400;
		display: inline-block;
		background:transparent;
		border-radius: 0;
		text-align: center;
		border: 1px solid rgba(255,242,0,1);
		padding: 5px 10px 5px 10px;
		color: rgba(255,242,0,1);
		pointer-events: all;
		opacity:0.5;
		transition: opacity 0.25s;
	}
	
/* Pop-up correction

-------------------------------------------------------------- */
	
.black_overlay {
	z-index: 999 !important;
}

#popupBody {
background: white;
}