/* new styles */


/*
	 services bar bg #404040
	 servives bar fonr color #b5b5b5
	 red #ff553b
	 red hover #ff6a56
	 light grey/rotater bg #eeeeee
	 
	 242424, 121212i
	 */
/* ---------------------Generic styles ---------------------*/
body {}
b, strong {
	font-family: "Source Sans Pro", "Arial", sans-serif;
	
} 
 
body {
	background-color: #ffffff;
	text-align: left;
	overflow-x: hidden;
	color: #353434;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	font-weight: normal;
	font-style: normal;
	background-image: none;
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: .05em;
}

body, html { overflow-x:hidden; }


a {
	color: inherit;
	text-decor ation: none;
}
a:link {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: #F2451D;
	text-decoration: none;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
a:visited:hover {color: #F2451D;}
.link-underline a{text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	margin:0;
	}
body h1 {
	font-family: "Source Sans Pro", "Arial", sans-serif;
	font-size: 36px;
	line-height: 110%;
	margin-top: 10px;
    margin-bottom: 10px;
}
@media(max-width:767px) {
	body h1 {
	font-size: 28px;
}
	
	body {
	font-size: 18px;
	line-height: 120%;
}
	
}





#contentWrapper {
	padding: 0;
}



.item_wrapper {
	width: 100%;
}

.container a img:hover {
	filter: alpha(opacity=80);
	-khtml-opacity: .8;
	-moz-opacity: .8;
	opacity: .8
}
.container {
	max-width: 1240px;
	padding-right: 0px;
	padding-left: 0px;
}
@media(max-width:1280px) {
	.container {
	padding-right: 40px;
	padding-left: 40px;
}
	}
@media(max-width:991px) {
	
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.row {     margin-right: -5px; 
    margin-left: -5px; }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

    	  padding-right: 5px; 
     padding-left: 5px; 
    }
	
}



.cl{clear:both}

/* Mobile overrides */

@media(max-width:767px) {
	#contentWrapper {
		margin: 10px;
	}
}

/* second nav */
#newsnav a{text-decoration:none;display:block;padding:10px;padding-left:30px;padding-right:30px;background-color:#eeeeee;float:left;margin-right:10px;margin-bottom: 10px}
#newsnav a.active{text-decoration:none;display:block;padding:10px;padding-left:30px;padding-right:30px;background-color:#404040;color:#ffffff;float:left;margin-right:10px;margin-bottom: 10px}
#newsnav a:hover{background-color:#404040;color:#ffffff;}

	@media(max-width:767px) {
		#newsnav a,#newsnav a.active{padding-left:12px;padding-right:12px;}

	}

/* ERRORS */

.missed-gig{background-color:#ffebdb;padding:20px;color:#fd8f18;margin-top:20px;margin-bottom:20px;}
.error-orange{background-color:#ffebdb;padding:20px;color:#fd8f18;margin-top:20px;margin-bottom:20px;}


.error-red{background-color:#ffe0e1;padding:20px;color:#c41e12;margin-top:20px;margin-bottom:20px;}
.error-green{background-color:#cef5d4;padding:20px;color:#26b01b;margin-top:20px;margin-bottom:20px;}

.error-orange a,.error-red a ,.error-green a{text-decoration: underline;}


.form-group .error-orange{background-color:#ffebdb;padding:10px;color:#fd8f18;margin:0;}
.form-group .error-green{background-color:#cef5d4;padding:10px;color:#26b01b;margin:0;}
/*
.error-green:after {
    border-top: 20px solid #cef5d4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 0px;
    content: "";
    position: absolute;
    rotate: 90deg;
    offset-rotate: 90px;
    transform: rotate(90deg);
    top: 40%;
    left: -5px;
    margin-left: px;
    width: 0;
    height: 0;
}
*/

/*----------------------- ads ---------------------*/

.rightAdsHomepageMargin{
	margin-top:60px;
}
.rightAdsHomepageMarginWithFilters{
	margin-top:138px;
}
.below-top-banner{padding-top:10px;}


#zoneWrap_j{margin-bottom:20px;width:300px;margin:0 auto}
.zone_i {
	floa t: left;
	margin-bottom:40px;
	text-align: center
}

.news-item .zone_i img{margin-top:0px;}
#popular .island-ads{margin:0;}



#zone_a {
	text-align: center;
}
#zone_a img{max-width:940px}


	 /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	#zone_a img{height:200px}
    }




	.venueAdWrapper{
		width:300px;
		height:250px;
		padding:10px;
		overflow:hidden;
        background-size: 300px 250px;
        background-repeat:no-repeat ;
		background-position:top left;
		padding-top:100px;
		text-align:center;
		cursor:pointer;
		line-height: 18px
	}
	.venueAdWrapper a{color:#ffffff;font-size:16px;line-height: 18px}
	
	
	.vitem{padding-top:4px;padding-bottom:4px}
	
	
	
	




.bgad, #bg {
	z-index: -20;
}
@media(max-width:767px) {
	
	#zone_a_wrapper {
		margin-left: 0px;
		margin-bottom: 0px;
	}
	 
}

.ads{margin: 0 auto;}
.ads .zone_i{float: inherit;text-align: center;}
.island-ads{text-align:center;margin-top:20px;padding-bottom:40px;}

.island-ads-homepage{margin-top:0px;text-align:center;}
.island-ads-nomargin{margin-top:0px}

.mobile-ad-position-1 div,.mobile-ad-position-2 div,.mobile-ad-position-3 div{float:inherit;}
@media(max-width:767px) {.mobile-ad-position-1,.mobile-ad-position-2,.mobile-ad-position-3{text-align:center;margin-top:40px;margin-bottom:40px;}}



#island-ads{padding-left:0;text-align:center;}

#dynamic-ads{padding-left:0;text-align:center;}
#dynamic-ads .zone_i{float: inherit;}

  #dynamic-ads{ 
	background-color: #eeeeee;
    margin-left: -30px;
    margin-right: -30px;
    width: inherit;
    padding-bottom: 20px;
     padding-left: 15px;
    padding-top: 15px;
    padding-right: -15px;
    margin-top:100px;
}
.content-col{padding-right:60px;}


@media(max-width:767px) {
.content-col{padding-right:0px;}

#dynamic-ads {
    background-color: inherit; 
    margin-left: inherit;  
        margin-right: inherit; 
    width: inherit;
    padding-bottom: inherit; 
    padding-left: inherit; 
    padding-top: inherit; 
    padding-right: inherit; 
}

}

@media(min-width:767px)and (max-width:997px){

	.ads .zone_i {
	  float: left;
	    padding:40px;
	}
	#dynamic-ads .zone_i {
		 float: left;
	}
	#dynamic-ads{background-color: #ffffff}

	#zoneWrap_j {
    margin-bottom: 20px;
 padd ing:40px;
    float: left;
}
}



/*------------------------Forms ----------------------*/

input {
    border-radius: 0;
     border-style:solid;
   
}
.searchPage2017 input{
 border-style:inherit;
}
input[type="text"],input[type="email"],input[type="password"] {
-webkit-appearance:none; /* Remove default shadow */
}


input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}
.alert-danger {
	color: #111111;
	background-color: #FFFF99;
	border-color: #FFFF99;
}
.alert {
	border-radius: 0px;
}
.alert-success {
	color: #111111;
	background-color: #ececec;
	border-color: #ececec;
}


.form-group input, .form-group textarea, .form-group select {
	 padding-left:20px;
	  padding-right:20px;
	   padding-top:14px;
	    padding-bottom:14px;
     height: 100%;
     border:1px solid #a2a2a2;
	background-color: #ffffff;
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset;
	margin-bottom: 2px;
	font-size: 18px
}
 .form-group select {
 	padding: 7px 8px 7px 14px;
 ;
 font-size: inherit;
 height:50px;


 }
.form-group .inputWrap input {
	border: 0
}
.inputWrap {
	background-color: #ffffff;
}

.form-group select {
 -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
.help-block{font-size:14px}

.form-group small label{margin-left:10px;}








/* service bar */

.services-bar {
	height: 65px;
	background-color: #404040;
	text-align: left;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	padding-left: 0px;
}
.services-bar-links {
	float: left;
	padding: 16px;
	padding-left: 0px;
}
.services-login {
	width: 280px;
	float: right;
}
.services-search {
	width: 320px;
	float: right;
	;
	text-align: right;
}
.services-search .inputWrap .q {
	float: left;
	width: 140px;
}
.services-search .submit {
	float: right;
	width: 33px;
	height: 33px;
}
.services-search img {
	width: 30px;
}
.services-bar .member-action {
	height: 65px;
	background-color: #ff5742;
	float: right;
	color: #ffffff;
	display: block;
	
	padding: 20px;
	padding-left: 36px;
	border-left: 1px solid #404040;
	padding-right: 36px;
}
.services-bar .member-action:hover{
	background-color: #ff6a56;
}
.services-bar .member-action-logout{
	background-color: #4d4d4d;
}
.services-bar a:hover {
	text-decoration: none
}
.services-bar a {
	font-size: 16px
}
.services-bar-links img {
	margin-right: 10px;
	display: block;
	float: left;
}
.services-bar-links a {
	margin-left: 28px;
	display: block;
	float: left;
	color: #f0f0f0;
}
.services-bar-links a:hover {
	text-decoration: none;
	color: #ff553b
}
.header-bar {
	padding: 20px;
	padding-left: 0px;
	
	background-color: #eeeeee;
	text-align: left;
}
@media(max-width:997px) {

.services-bar .container{padding-right:0;}
}














/*--------------HEADER NAV ------------*/

#navigation-bar {
    position: relative;
    height: 10px;
    margin: 2px;
}
#search {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
}
#label {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 20;
}
#label label {
    display: block;
    width: 60px;
    height: 60px;
    background: url("https://d1dfuenbwfmzfl.cloudfront.net/assetts/images/site/ic_search_white_48dp_2x.png") 0 0;
    background-size: 50%;
    background-repeat: no-repeat;
    font-size: 0;

    text-indent: -9999px;
    cursor: pointer;
}

#input {
    position: absolute;
    top: 0;
    right: 60px;
    width: 350px;
    height: 60px;
    z-index: 5;
    overflow: hidden;
}
#input input {
    display: block;
    position: absolute;
    top: 0;
    left: -450px;
    width: 350px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    color: #333;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: right 0;
}
#input input:focus {
    outline: none
}
#input.focus {
    z-index: 20
}
#input.focus input {
    left: 0;
    transition: left 0.3s;
}

.nav-wrapper {
	position: relative;
	min-height: 120px;
}
.desktop-nav {
	position: relative;
	top: 90px;
	text-align: right;
	display: block;
}
.desktop-nav a {
	color: #000000
}
.main-nav {
	font-family: "Source Sans Pro", "Arial", sans-serif;
	text-transform: uppercase;
	display: inline;
	letter-spacing: 0.1em;
	font-weight:bold;
}
.sub-nav {
	font-family: "Source Sans Pro", "Arial", sans-serif;
	text-transform: uppercase;
	display: inline;
	    opacity: .4;
}
.main-nav a, .sub-nav a {
	margin-left: 18px;
}
.main-nav a {
	margin-left: 18px;
	font-size: 20px;
}

.main-nav-mob a{font-size:14px;}
.main-nav-mob{display:block;padding-top:10px}
.sub-nav a {
	margin-left: 18px;
	font-size: 20px;
	letter-spacing: 0px
}
.desktop-nav a:hover {
	text-decoration: none;
	color: #ff553b
}

.sub-nav a:hover {
    text-decoration: none;
    color: #aaaaaa;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
.navbar-toggle{border-radius: 0}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default {
    background-color: #ffffff;
    border:0px
}


	.navbar{padding:6px;}
	@media(max-width:767px) {
	.navbar{margin-bottom:0;border:0;}
}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

	}
	.nav > li > a {padding-top:24px;padding-left:4px;}
	.navbar-brand {padding:0;}



.navbar-collapse{border-top:0;max-height: 380px;}
.mobile-nav-bold{font-family: "Source Sans Pro", "Arial", sans-serif;font-weight:bold;}

.navbar-default .navbar-nav > li > a{color: inherit;text-transform: uppercase;font-size:16px;    line-height: 180%;
}
.nav > li > a{padding-top:0;}
.navbar-nav{margin-top:20px;}

.member-action-mobile{margin-left:-20px;font-size:16px;}
.member-action-mobile-login{width:50%;float:left;background-color:#ff553b;padding:10px;text-align:center;}
.member-action-mobile-signup{width:50%;float:left;background-color:#404040;padding:10px;text-align:center;}
.member-action-mobile-logout{width:50%;float:left;background-color:#404040;padding:10px;text-align:center;}
.member-action-mobile a{color:#ffffff;}


.navbar-search{margin-left:-15px;margin-top:20px;}
.member-action-search{}
.member-action-search .navbar-form{border:0;}
.member-action-search .input-group-btn{background-image: url(//d1dfuenbwfmzfl.cloudfront.net/assetts/images/site/ic_search_black_48dp_2x.png);
background-repeat: no-repeat;text-indent:-10000px;background-size: 50%;width: 70px;height:30px;}
.member-action-search .btn{border:0;border-radius: 0}

.member-action-search .btn-default{}

.subby-nav{}


/* collapse nav for ipad ****/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}













/* -------------------Section headers --------------------------*/
.region_head {
font-size: 28px;
padding-bottom: 9px;
    margin: 20px 0 20px;
	border-bottom: 0;
	font-family: "Source Sans Pro", "Arial", sans-serif;font-weight:bold;
}
.region_head h1,
 .region_head h2, 
 .region_head h3, 
 .region_head h4, 
 .region_head h5, 
 .region_head h6, 
 .region_head b, 
 .region_head, 
 .region_head_sitter, 
 .region_head div, 
 .region_head_orange h2,
 .section-header h1,
 .section-header h2, 
 .section-header h3

 {

font-size: 28px;
pad ding-bottom: 9px;
    ma rgin: 40px 0 20px;
	bo rder-bottom: 0;
	 margin-bottom: 10px;
	font-family: "Source Sans Pro", "Arial", sans-serif;font-weight: bold
}

@media(max-width:667px) {

.region_head, .region_head h1,
 .region_head h2, 
 .region_head h3, 
 .region_head h4, 
 .region_head h5, 
 .region_head h6, 
 .region_head b, 
 .region_head, 
 .region_head_sitter, 
 .region_head div, 
 .region_head_orange h2,
 .section-header h1,
 .section-header h2, 
 .section-header h3

 { 

    margin: 20px 0 20px;
}

}












/* ------------------Rotater ------------------*/

.rotater-title {
	display: block;
	color: #111111;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	display: block;
	font-size: 28px;
	line-height: 1.3em;
	margin-bottom: 10px;
 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
}
.rotater-synopsis {
	color: #404040;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	display: inline;
	font-size: 20px;
	line-height: 1.3em
}
.rotater-info-wrapper {
	position: relative;
	width: 380px;
	background-color: #eeeeee;
	padding: 20px;
	left: -80px;
	top: 100px;
	z-index: 101;
	height: 380px;
	overflow: hidden;
}
@media(max-width:997px) {
	.rotater-info-wrapper {
	height: 200px;
		
}

}

@media(max-width:667px) {
	.rotater-info-wrapper {
		height: 340px;
	}
.rotater-synopsis {
	 overflow: hidden;
     display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
	}

	}

body .galleria-stage {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.galleria-stage {
	bottom: 0;
	padding: 0;
	margin: 0;
}
#zone_a_wrapper div {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 0px;
}
@media(max-width:767px) {
	#zone_a_wrapper div {
	margin-bottom: 0px;

}
	
}


.container .navbar {
	padding: 0;
}
.galleria-container {
	background-color: #ffffff;
}
.section-full-width {
	background-color: #eeeeee;
	padding: 50px;
	margin-top: 40px;
}

.homepage-rotater{margin-top:40px;}

@media(max-width:997px) {
	#zone_a_wrapper div {
	margin-top: 10px;
}
	
	.rotater-info-wrapper {
		position: relative;
		width: 100%;
		background-color: #eeeeee;
		padding: 20px;
		top: 0px;
		left: 0px;
		;
		z-index: 101
	}
.section-full-width {
	background-color: #eeeeee;
	padding: 10px;
	margin-top: 50px;
}

.homepage-rotater {
    margin-top: 0px;
}
	
	.homepage-rotater .container {
		padding-left: 0px;
		padding-right: 0px;
		margin-top:0px;
	}
	.news-box .item_text {
		margin-bottom: 40px;
   
	}
	.news-box .item{height:inherit;}
	.section-gigs {
		padding: 10px;
	}
}

/* style for dark greay full width bar */
.dark-grey{margin-top:0;background-color:#404040; 
    margin-top: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    color:#eeeeee}
.dark-grey a{color:#eeeeee;}
.dark-grey.info-header{color:#eeeeee}
.full-width-wrap-member{
	background-color: #404040;color:#ffffff;padding:0;margin:0;
}



.news-item{height:320px;}
.video-item .news-item{height:300px;}
@media(max-width:767px) {
	.news-item{height:inherit;}
}


.article_text, .article_text p {
	color: #353434;
	font-size: 21px;
	line-height: 140%;
}
@media(max-width:767px) {
	
	.article_text, .article_text p {
	color: #353434;
	font-size: 19px;
	line-height: 130%;
}
	
}
.article_text p a{text-decoration:underline}
.date {
	font-size: 14px;
}
.image-cropper {
	width: 140px;
	height: 140px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 10px;
}
.image-cropper img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
}

.image-cropper-wrapper {
	margin-bottom: 40px;
	font-size: 16px;line-height: 140%
}
.image-cropper-wrapper .item_text{

	hei ght:120px;
}


.button-outline {
	margin: 20px;
	padding: 10px;
text-transform: capitalize;
	margin-left: 0;
	padding-left: 0;
	font-size: 16px;
}
.button-outline a {
	padding: 10px;
	border: 1px solid #ff553b;
	color: #ff553b;
}
.button-outline a:hover {
	border: 1px solid #ff553b;
	background-color: #ff6a56;
	color: #ffffff;
	text-decoration: none;
}

.button-outline-red {
	margin: 20px;
	padding: 10px;
	margin-left: 0;
	padding-left: 0;
	display: block;
}
.button-outline-red a {
	padding: 10px;
	color: #ffffff;
	background-color: #ff553b;
		padding-left: 30px;
	padding-right: 30px;
}
.button-outline-red  a:hover {
	background-color: #ff6a56;
	color: #ffffff;
	text-decoration: none;
}


@media(max-width:767px) {

	.image-cropper-wrapper {
	font-size:  80%;
	line-height: 120%;
	height: 220px;
		}
		.image-cropper {
width: 120px;
height: 120px;

		}
	}












/*--------------TRACK DETAIL --------------------*/

.track-detail-image{

	width: 380px;
	height: 380px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	margin: auto;
	
}

@media(max-width:767px) {
	.track-detail-image{
			width: 260px;
	height: 260px;
	}
	
}
.track-detail-image-wrapper{background-color:#efefef;padding:20px;}
.track-detail-image img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
}


.track-embed-image{

	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	    margin: auto;
	
}

.track-embed-image img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
}


.tracks-item-3{height:280px}
@media(max-width:767px) {
	
	.tracks-item-3{height:inherit}
}













/*  -------------FOOTER ------------- */

.ftrContent div, .ftrContent li, .ftrContent a {
	font-size: 16px;
	color: #EEEEEE;
}
.ftrContentWrapper {
	background-color: #404040;
}
.ftrContent {
	padding-top: 60px;
	background-color: #404040;
	background-image: none;
	padding-left: 0;
	padding-right: 0;
}
.ftrHdr {
	font-family: "Source Sans Pro", "Arial", sans-serif;
}
.ftrContent a {
	text-transform: capitalize;
}
.ftrWrap {
	line-height: 24px
}
.ftr li {
	line-height: 24px
}
.ftrContentWrapper img {
	margin-left: 10px;
}
.ftr li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ftr ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.ftrContent {
	text-align: left;
}
.h1header {
	font-size: inherit;
	font-weight:normal;
	color: inherit;
	display: inline;
	width: 200px;
	padding: 0;
	margin: 0
}









/* Buy button */

a.buybuttonsm {
	margin: 40px;
	padding: 9px;
	padding-left: 30px;
	padding-right: 30px;
	color: #ffffff;
	background-color: #ff553b;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	text-transform: capitalize;
	font-size: 16px;
	display: block;
}
a.buybuttonsm:hover {
	background-color: #ff6a56;
	text-decoration: none;
}

.event a.soldout{width:143px;text-align:center;margin:0;padding:8px;;background-color:#404040;color:#ffffff;}
.vevent a.soldout{width:143px;text-align:center;margin:0;padding:8px;;background-color:#404040;color:#ffffff;}
.gigguide-row a.soldout{text-align:center;;background-color:#404040;color:#ffffff;margin: 40px;
    padding: 10px;}

@media(max-width:767px) {
	.gigguide-row a.soldout{width: 110px;margin:0;padding:8px;}
}

.buy-button-form input[type="submit"]{
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;;
	min-width: 140px;
	color: #ffffff;
	background-color: #ff553b;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	text-transform: capitalize;
font-size: 16px;
	display: block;
border:0;}

@media(max-width:767px) {

	.buy-button-form input[type="submit"]{width:100%;}
}



.buy-button-form input[type="submit"]:disabled {
    background: #dddddd;
}













/* -------------HOMEPAGE GIG GUIDE----------------- */


.gigguide-row {
	background-color: #eeeeee;
	margin-bottom: 8px;
	margin-left: 0px;
}


.gigguide-row-highlight {
	background-color: #404040;
	margin-bottom: 4px;
	color: #FFFFFF;
	margin-left: 0px;
}
.gigguide-row-highlight a, .gigguide-row-highlight div {
	color: #FFFFFF;
}

.gigguide-row-highlight .gig-title a {	color: #FFFFFF;}
.gigguide-row b, .gigguide-row-highlight b {
	font-size: 18px;
	display: block;
	font-weight: normal;
	font-family: "Source Sans Pro", "Arial", sans-serif;
}
.inner-col {
	padding-top: 10px;
	padding-bottom:10px;
	padding-right: 10px;
	float: left;
	margin-left:110px;
	float: left
}

.gigguide-row .col-md-12, .gigguide-row-highlight .col-md-12 {
	margin: 0;
	padding: 0;
	min-height: 129px;
}





.venue-title{font-size: 16px;}

.gig-title {
 font-size:20px;
 max-width:580px;

}

@media(max-width:1280px) {
 .gig-title {
  max-width:400px;
 }
}
@media(max-width:1100px) {
 .gig-title {
  max-width:340px;
 }
}
@media(max-width:987px) {
 .gig-title {
  max-width:500px;
 }
}
@media(max-width:867px) {
 .gig-title {
  max-width:400px;
 }
}
@media(max-width:767px) {
 .gig-title {
max-width:100%;
 }
}


.gig-title a{color:#000000;}
.gig-title a:hover{color:#F2451D;}
.gig-image {
	max-width: 92px;
	position:absolute;
	max-height: 130px;
    overflow: hidden;

}

.gigguide-row-highlight .info-header, .gigguide-row .info-header {
	margin-top: 0;
}
.item_header {
	margin-bottom: 20px;
	display: block;
	font-size: 26px;
}

@media(max-width:767px) {
.gigguide-row{margin-right: 0px;}
.gigguide-row-highlight .info-header, .gigguide-row .info-header {margin-top: 0;padding-top: 10px;}
.inner-col {
		padding-top: 0;
		font-size:80%;
		margin-left:120px;
	
	}

	.gig-image {
		max-width: 100px;
		max-height: 140px;
    overflow: hidden;
	}
	.gig-image .buybuttonsm{margin: 0;
padding-left: 36px;
top: 111px;
position: absolute;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;}

.inner-col .buybuttonsm{margin:0;float:left;margin-top:10px;}

.gigguide-row .col-md-12, .gigguide-row-highlight .col-md-12 {
min-height: 140px;
}
.gig-title{

	 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    white-space: inherit;
}

}









/*----------- NEWS PAGE ----------------*/
/*
@media (min-width: 997px) and (max-width: 1280px) {

.news-display-image .image{
	
	margin-right: 80px;
    margin-left: 80px;
	}
}
*/
/*
.news-display-image{height: 700px;}
.news-display-image img{
	position: absolute;
    clip: rect(0px,1240px,690px,0px);
}

@media(max-width:767px) {

.news-display-image{height: 100%;}
.news-display-image img{
	position: relative;
    clip: none;
}

	}
*/
.synop {
	font-style: italic;
	padding-top: 6px;
	padding-bottom: 6px
}
.item {
	/*margin-right:12px*/
}

.article_text embed {
		width: 100%;

	}
	.article_text iframe {
		width: 100%;

	}
	.article_text object {
		width: 100%;

	}
@media(max-width:767px) {
	.article_text embed {
		width: 100%;
		height: 200px;
	}
	.article_text iframe {
		width: 100%;
		height: 200px;
	}
	.article_text object {
		width: 100%;
		height: 200px;
	}
	.content .image{margin-left:-15px;margin-right:-15px;}
}



.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;


}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/*----------Share -----------*/

.share-container{padding-top:10px;padding-bottom:16px;font-size:1.3em}
.share-container a{display:block;float:left;margin-right:6px;}

.share-container iframe{margin-top:4px;}

@media(max-width:767px) {
	.share-container{font-size:1.5em}
}


.share-icon-1 a{margin-left:6px;}
.share-icon-2 a{margin-left:12px;}
.share-icon-3 a{margin-left:12px;margin-right:0px;}


/*video embed responsive */





/*BLUR */

.section-full-width-wrap {
	width: 100%;
	position: absolute;
	background-color: #000000;
	height: 410px;
	overflow: hidden;
}
.section-full-width-wrap .section-full-width {
	background-color: #000000;
	text-align: center;
	position: absolute;
	display: block;
	background-size: cover;
	width: 100%;
	height: 430px;
	margin: -5px -10px -10px -5px;
	-webkit-filter: blur(80px);
	-moz-filter: blur(80px);
	-o-filter: blur(80px);
	-ms-filter: blur(80px);
	filter: blur(80px);
	opacity: 1.0;
	filter: alpha(opacity=100);
	transform: scale(1.8);
}
.section-header {
	font-size: 28px;
	padding-top: 20px;
	padding-bottom: 20px;

}
@media(max-width:767px) {
	.section-full-width-wrap .section-full-width {
		height: 0;
	}
	.section-header {
		font-size: 28px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
}
.item_image {
	margin-bottom: 10px;
	width: 100%;
}
@media(max-width:767px) {
.item_image {margin-top: 0px;margin-bottom: 10px;}
	.item_text {margin-bottom: 40px;;}

}
.item_topic {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 16px
}
.item_text {

	margin-bottom: 40px;
			 overflow: hidden;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}
.item_text_synopsis {

	margin-bottom: 20px;
	font-size: 16px;
}
.news-box .item {
	he ight: 340px;
}
@media(max-width:767px) {
.news-box .item {
	height: inherit;
}

}
.page-header {
	font-family: "Source Sans Pro", "Arial", sans-serif;font-weight:bold;
	font-size: 28px;
	border-bottom: 0;
margin-top:20px;
}

/*ticket page */

.info-header, label {
	text-transform: uppercase;
	color: #666666;
	margin-top: 20px;
	font-size: 14px;
	letter-spacing: 1.5px;
}
.gig-guide-side-bar {
	background-color: #eeeeee;
	;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.gig-guide-side-bar-extras {
	;
	margin-top: 10px;
	padding: 20px;
}
.steps .col-md-3 {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.step {
	background-color: #404040;
	border-left: 1px solid #ffffff;
	color: #ffffff
}
.step1 {
	background-color: #404040;
	border-left: 0;
	color: #ffffff
}
.step .step-header {
	color: #dddddd
}
.steps .info-header {
	margin-top: 0;
}
.step-selected .step-header {
	color: #404040;
	height: 100%;
}


.step-selected:after {
      border-top: 20px solid #ffffff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    bottom: 0px;
    content: "";
    position: absolute;
    rotate: 90deg;
    offset-rotate: 90px;
    transform: rotate(270deg);
    top: 40%;
    right: -25px;
    margin-left: px;
    width: 0;
    height: 0;
    z-index: 1000;
}

@media(max-width:767px) {
.step-selected:after {
	    border-top: 16px solid #eeeeee;
	    right: -20px;
	}

}
.step4:after{display:none;}


.ticket-info-wrapper {
	background-color: #eeeeee;
	padding: 40px;
}
@media(max-width:767px) {
.ticket-info-wrapper {
	background-color: #eeeeee;
	padding: 10px;
}


}
.ticket-buy-button a, input.ticket-buy-button {
	font-family: "Source Sans Pro", "Arial", sans-serif;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	color: #ffffff;
	background-color: #ff553b;
	font-family: "Source Sans Pro", "Arial", sans-serif;
	text-transform: capitalize;
	font-size: 16px;
	border: 0;
}
inp ut[type="checkbox"] {
	transform: scale(2, 2);
	height:inherit;
}

/*
<div class="control-group">
			<label class="control control--checkbox">Yes! I want this
				<input type="checkbox" checked="checked" name="small" id="small" onclick="updateTOT('50')">
				<div class="control__indicator"></div>
			</label>
		</div>
		*/

.control {
    font-size: 14px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
    text-transform: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: capitalize;
}


.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border:1px solid #a2a2a2;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ffffff;
}

/* Checked state */
.control input:checked ~ .control__indicator {
	background: #404040;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #ff553b;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: #ffffff;
	border:1px solid #dddddd;
}

/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 6px;
    left: 10px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 8px;
	left: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}


/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}





.ticket-buy-button a:hover, input.ticket-buy-button:hover {
	background-color: #ff6a56;
	text-decoration: none;
}
@media(max-width:767px) {
	.step {
		heig ht: 100px;
	}
	.steps .col-md-3 {
		padding: 14px;
		text-align: center;
		font-size: 0.9em
	}
	.step .info-header {
		margin-top: 0;
		color: #eeeeee
	}
	.step-selected .info-header {
		margin-top: 0;
		color: #404040
	}
	.step-selected {
		background-color: #eeeeee;
	}
	.ticket-buy-button a, input.ticket-buy-button {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.button-outline,.button-outine-red {
		width: 100%;
		display: block;
		text-align: center;
		padding:0;
	}
	.button-outline a,.button-outine-red a{
		width: 100%;
		display: block;
	}
}



.big-title{font-size:180%;}

.ticket-right{ text-align: right;}
@media(max-width:767px) {
.ticket-right{ text-align: left;}

}



/* ---------------------  USER BACKEND -------------------*/
.user-message{float:right;;padding:40px;padding-top:80px;;background-color:#505050;top:0;right:0;height:100%;}
.user-menu a{color:#FFFFFF;display:block;float:left;margin-left:8px;margin-right:20px;font-weight: bold;}
.user-menu {padding:40px;padding-top:120px;padding-left:0;padding-bottom:20px;float:left;}
.user-menu a.active{color:#ff553b;}

/* Mobile overrides */
@media(max-width:767px) {
.user-menu {padding-top:20px;padding-bottom:20px;padding-right:20px;}
.user-menu a{margin-left: 0px;margin-right: 0px;}

}

.user-bg-white{background-color: #eeeeee
	;padding:20px}

.user-bg-white	.gigguide-row{background-color: #ffffff;}

.upload-image-button{

     height: inherit;
    line-height: inherit;
  overflow: inherit;

text-align: inherit;
  width: inherit;
    position: absolute;
    top: 1px;
    left:1px;
    background-color: #ffffff;
    padding: 4px;
    cursor: pointer;


}
/*     line-height: 30px;
    overflow: hidden;
    text-align: left;
    width: 138px;
    height: 180px;
    z-index: inherit;
    */
.upload-image-text{

    text-decoration: underline;
    width: 128px;
    margin-top: 30px;
}
.upload-image-button input{height:200px;}


/*----------------- My Tickets -------------------------*/

.member-mytickets-icons{    position: absolute;
    right: 0;
    top: 180px;
    padding: 20px;}
.member-mytickets-icon{
float:left;font-size:80%;width:80px;text-align:center;

}
.member-mytickets-icon i{display:block;}


@media(max-width:767px) {
	.member-mytickets-icons{
		position: relative; 
		top: inherit;
		padding:20px;
		padding-left:0;
		padding-right:0;}
		.member-mytickets-icon{
;width:60px;font-size:60%

}
}


/*-------------------Gig detail page ----------------*/
 .gig-guide-side-bar{background-color:#eeeeee;;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:20px;}
 .gig-guide-side-bar-extras{;margin-top:10px;padding:20px;}
 .info-header{text-transform: uppercase;color: #999999;margin-top:20px;font-size:14px;letter-spacing:1.5px;}



	
	
	.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-body {
	padding:0
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-footer{padding-left:20px}



/*----------------Ticket Homepage -------------------border-style: solid;
-----*/

.ticketRow h2{margin-top:6px;}
.ticketRow{background-color: #eeeeee;padding-bottom:20px;}

.ticket-homepage h2{font-weight: normal;}
.ticket-row{background-color:#eeeeee;font-size:14px;margin:0;padding:0;margin-bottom:4px;}
.ticket-row div{padding:0;}
.ticket-row .content{padding:8px;display:block;}

.ticket-row a.buybuttonsm {margin:0;padding:8px;padding-left:30px;padding-right:30px;text-align:center;}
.ticket-row a.soldout {width:143px;text-align:center;margin:0;padding:8px;;background-color:#404040;color:#ffffff;}
.ticket-row-image{max-width:120px;padding-right:0;margin:0;}
.ticketRow .ticket-title{margin-top:10px;margin-bottom:10px;font-weight: bold;}



@media(max-width:767px) {
	.ticket-row .content{padding-top:0;padding-bottom:0;display:block;}
	.ticket-row {margin-top:0;line-height:120%;}
	.ticket-row a.buybuttonsm {margin:10px;}
	.ticket-title{;margin-left:10px;margin-top:10px;}
.ticket-row-image {
    padding-left: 10px;
}
	.ticket-row a.soldout {width: inherit;}
}

.ticket-homepage-image-col{max-width:140px;}
.ticket-homepage-col{padding-left:0px;}

#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }


.searchPage2017 {
    position: relative;
    /* width: 280px; */
    text-align: right;
    border: 1px solid #a2a2a2;
    padding: 3px;
    height: 50px;

}
.searchPage2017footer {

   border: 0;
}

.search-page-input{width:50%}
@media(max-width:767px) {
	.search-page-input{width:100%}
	
}


.inputWrap {
    border: 0;
    margin: 0;
}


.searchPage2017 .inputWrap .q {
	  float: left;
    width: 200px;

    padding: 7px 8px 7px 8px;
    border: 0;
    margin: 0;
    font-weight: normal;
}

.searchPage2017 .submit {
    float: right;
    width: 33px;
    height: 33px;
    margin:6px;
}
.searchPage2017 input:required:invalid {
    outline: none;
    border:0;
}
.searchPage2017 input:required {
    box-shadow:none;
     outline: none;
    border:0;
}

@media(max-width:767px) {
	.searchPage2017 .submit {  float: inherit;}
	.searchPage2017 {width: inherit;}
	.searchPage2017 .inputWrap .q {width: inherit;padding: 7px 4px 7px 4px;}
	.searchPage2017 .inputWrap {float: inherit;}
	.ticketSelect{width:100%;}

}


    /* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-28 { font-size: 28px; }
.material-icons.md-32 { font-size: 32px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.share-btn{font-size:32px;padding:4px;}


/* Venue page */
.photo-grid .item{height:400px}
@media(max-width:767px) {

.photo-grid .item{height:300px;font-size:14px;line-height:120%;}
}

/*------------photos ------------------*/
.photos-item-3 .item-image, .photos-item-4 .item-image, .photos-item-6 .item-image, .photos-item-12 .item-image{margin-top:10px;margin-bottom:20px;}
.photos-item-3,.photos-item-4 {height:440px;}
.photos-item-6{height:580px;}
.photos-item-3 .item-title, .photos-item-4 .item-title, .photos-item-6 .item-title{

overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}
.item-image img{object-fit: cover}

@media(max-width:767px) {
.photos-item-6{height:360px;}
.photos-item-3,.photos-item-4 {height:360px;}

.photos-item-12{text-align:center;}

}
@media(max-width:998px) {

.ticket-item .col-xs-6{padding-bottom:20px;}
}


/*1290photo gallery detail */

.photo-gallery .galleria-wrap{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;;margin:20px auto;background-color:#000000 }
.photo-gallery .cred{margin-top:20px;font-size:11px;}

 /* This rule is read by Galleria to define the gallery height: */
.photo-gallery #galleria{height:602px;} 

.photo-gallery .galleria-thumbnails .galleria-image{width:100px;height:80px;}
.photo-gallery .galleria-thumbnails-list{height:80px;;;}
.photo-gallery .galleria-images .galleria-image img{top:0;}
 
.photo-gallery .galleria-counter{bottom:60px;}
.photo-gallery .galleria-thumbnails-container { height: 100px;;padding-top:4px;top:620px;}
.photo-gallery .galleria-container{overflow: inherit;height:600px;background-color:#000000 }
.photo-gallery .galleria-image{top:0;}

.photo-gallery .galleria-thumbnails .galleria-image{margin-right:20px;}
    

.photo-gallery .galleria-info-link, .photo-gallery .galleria-info-close, .photo-gallery .galleria-image-nav-left{    margin-left: -10px;lef t:0px;top: 313px;;height:50px;width:50px;background-color:#FFFFFF}

.photo-gallery .galleria-info-link, .photo-gallery .galleria-info-close, .photo-gallery .galleria-image-nav-right{    margin-right: -10px;le ft: 874px;top: 313px;height:50px;width:50px;background-color:#FFFFFF;}

.photo-gallery .notouch .galleria-image-nav-left:hover, .photo-gallery .notouch .galleria-image-nav-right:hover {back ground-color:#FFFFFF;}


.photo-gallery .galleria-image-nav-left{background-position: 12px 10px}
.photo-gallery .galleria-image-nav-right{background-position: -284px 10px;}
		
.photo-gallery .galleria-wrap{margin:0}
.photo-gallery .galleria-info-link{display:none;top: 273px}

.photo-gallery{margin-top:20px;}

@media(max-width:767px) {

.photo-gallery #galleria{height:300px;} 
	
	.photo-gallery .galleria-thumbnails-container { display:none}
	.photo-gallery .galleria-info-link, .photo-gallery .galleria-info-close, .photo-gallery .galleria-image-nav-right{top:50%}
	.photo-gallery .galleria-info-link, .photo-gallery .galleria-info-close, .photo-gallery .galleria-image-nav-left{top:50%}
}






/*----------------GIG Upgrades ---------------------*/
.row-gig-upgrade{background-color:#ffffff;padding:20px;font-size:80%}

.row-gig-upgrade .info-header{font-size: inherit;}
.row-gig-upgrade h2{margin:0;padding:0;font-weight:normal;}

.centered-and-cropped {width:120px;height:180px;overflow:hidden;object-fit: cover }
.centered-and-cropped-wrap { float:right;}
@media(max-width:767px) {
.centered-and-cropped-wrap { float:inherit;}

}


.ticket-success-page .member-mytickets-icon{
width:inherit;margin-right:20px;

}