@charset "UTF-8";

.fixed-header .menu-item {
	font-size: 16px !important;
	margin: 0 10px !important;
}

.bluheader h1 {
	text-align:center;
	color:#2bafd3;
	font-size:60px !important;
}

.subcont {
	position:relative;
	width: 55vw;
	height:5vw;
	text-align: center;
	margin-bottom:30px; 
}

.bluestroke {
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}

.subtext {
	z-index: 9;
	text-align: center;
}

.fade-in {
	animation: fadein 1200ms;
  animation-delay: 4s;
  -moz-animation: fadein 1200ms; /* Firefox */
  -moz-animation-delay:4s;
  -webkit-animation: fadein 1200ms; /* Safari and Chrome */
  -webkit-animation-delay:4s;
  -o-animation: fadein 3200ms; /* Opera */
  
  opacity: 0;
  animation-fill-mode: forwards;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.tg-list-container-b {
	width: 880px;
	height:96px;
	border-radius: 25px;
	background-color: #a7e8f4;
	padding: 20px;

}

.tg-list-container-g {
	width: 880px;
	height:96px;
	border-radius: 25px;
	background-color: #25ca73;
	padding: 20px;

}

.tg-list-container-r {
	width: 880px;
	height:96px;
	border-radius: 25px;
	background-color: #ffaa30;
	padding: 20px;

}

.tg-txt-city {
	font-family: plentyn-bold, comic sans, sans-serif;
    font-weight: 400;
	font-size: 28px;
	line-height: 100%;
}
.tg-txt-venue {
	font-family: plentyn-bold, comic sans, sans-serif;
    font-weight: 400;
	font-size: 17px;
}
.tg-txt-date {
	font-family: plentyn-bold, comic sans, sans-serif;
    font-weight: 400;
	font-size: 28px;
}

.tg-list-city {
	width: 33%;
	float: left;

	display:visible;
}

.tg-list-date {
	width: 36%;
	float: left;

	display:visible;
}

.tg-list-tickets {
	width: 30%;
	float: left;
	padding-top:0;
}
.tg-list-mobile {
		float:left;
		width:55%;
		display:none;
	}
.ar-container {
	width:85vw;
}
.ar-image {
	width:30%;
	margin: 18px;
	float: left;
}
.ar-image img{
	width:100%;
	height:100%;
}
.ar-copy{
	text-align: left;
	padding: 0 10%;
}
.tb-txt-button{
	font-size:16px; line-height: 100%;
}


.vip-container {
	width: 100%;
	border-radius: 25px;
	padding: 20px 30px;
	color: white;
	text-align: left;
	background-image: url(/img/site/ccm-background-dim.png);
	background-size: 400px;
	text-shadow: 2px 2px 4px #333333;
}
.vip-image {
	float: left;
	width: 30%;
	-webkit-animation: rotation 2s infinite linear;
}
.vip-image-alt {
	float: right;
	width: 30%;
	-webkit-animation: rotation 2s infinite linear;
}
.vip-text {
	float: left;
	width: 70%;
	padding: 0 20px;
}
.vip-details {
	clear: both;
	width: 100%;
	padding: 20px;
	text-align: center;
	font-style: italic;
	font-size: 14px;
}


#countbox1 {
	font-family: 'plentyn-bold';
	color: #ff5a61;
	font-size: 40px;
	margin-top: -25px;
}














@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}











@media only screen and (max-width: 1280px){
	.ar-image {
	width:30%;
	margin: 10px;
	float: left;
}
}




@media only screen and (max-width: 1200px){
    .tg-list-container-b {
	width: 880px;
	}
	.tg-list-container-g {
	width: 880px;
	}
	.ar-image {
		width:100%;
		margin: 0px;
		float: none;
		padding-bottom: 20px;
	}
}
@media only screen and (max-width: 600px){
	.tg-list-container-b {
	width: 540px;
	}
	.tg-list-container-g {
	width: 540px;
	}
	.tg-txt-city {
	font-size: 22px;
	}
	.tg-txt-venue {
		font-size: 16px;
	}
	.tg-txt-date {
		font-size: 22px;
	}
	.tg-list-date {
		padding-top: 20px;
	}
	

}
@media only screen and (max-width: 500px){
	.tg-list-container-b {
		width: 380px;
		height: 136px;
	}
	.tg-list-container-g {
		width: 380px;
		height: 136px;
	}
	.tg-txt-city {
		font-size: 16px;
	}
	.tg-txt-venue {
		font-size: 12px;
	}
	.tg-txt-date {
		font-size: 16px;
	}
	.tg-list-city {
		display:none;
	}
	.tg-list-date {
		display:none;
	}
	.tg-list-mobile {
		display:block;
		width: 46%;
	}
	.tb-txt-button{
		font-size:12px; line-height: 120%;
	}
	.tg-list-tickets{
		padding-top:20px;
	}
	.vip-image {
		float: none;
		width: 100%;
	}
	.vip-image-alt {
		float: none;
		width: 100%;
	}
	.vip-text {
		float: none;
		width: 100%;
		padding: 0;
	}
	.subtext {
		margin-top:28px;
	}
	#countbox1 {
		font-size: 30px;
		margin-top: 0px;
	}
}