/** carousel stuff **/

.carousel-content .h1
{
	color: #FFFFFF;
	margin-top: 0;
	/*background: rgba(255,255,255,0.2);*/
	/*text-shadow:0 1px 4px rgba(0,0,0,0.8);*/
	font-size: 250%;
	max-width: 68%;
	display: inline-block;
	margin-bottom: 5px; 
}

.carousel-content .h1, .carousel-content .h2, .carousel-content p
{
	font-weight: 600;
} 

.carousel-content-inner p { font-size: 150%; margin-bottom: 5px; }

.carousel-content
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.carousel-content-inner
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0 15px;	
}

@media (max-width: 768px) {
	.carousel-content{ font-size: 50%; }
	.carousel-content .h1 { max-width: 100%;  }	
}
@media (min-width: 768px) {
	.carousel-content-inner {min-height: 53px;}
}

@media (max-width: 360px) {
	.carousel-content{ font-size: 30%; }
}
@media (min-width: 768px) {
	.carousel-content{ font-size: 57%;  }
}
@media (min-width: 992px) {
	.carousel-content{ font-size: 70%; }
	.carousel-content .h1 {font-size: 350%;}
	.carousel-content-inner {min-height: 134px;}
} 
@media (min-width: 1200px) {
	.carousel-content{ font-size: 80%; }
	.carousel-content .h1 {font-size: 400%;}
	.carousel-content-inner {min-height: 145px;}
}
@media (min-width: 1400px) {
    .carousel-content{ font-size: 85%; }
    .carousel-content .h1 {font-size: 420%;}
    .carousel-content-inner {min-height: 180px;}
}

.carousel-content.right .carousel-content-inner
{
	text-align: right;
}

.carousel-content.center .carousel-content-inner
{
	text-align: center;
}

/*.carousel-indicators li 
{
	border-radius: 0;
}

.carousel-indicators 
{
     margin: 0;
     right: 10px;
     left: auto;
     width: auto;
}*/

/*.container .carousel-content-inner, .container-fluid .carousel-content-inner {
    padding-left: 60px;
    padding-right: 60px;
}*/
/** end of carousel stuff **/

/* banner code */
.spinner-container
{
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -15px;
	right: -15px;
	background: #ad2c6a;
	overflow: hidden;
	z-index: -200;
}

.spinner
{
	position: absolute;
	top: -240px;
	left: -200px;
	width: 800px;
	height: 800px;
	background: url(/images/carousel/starburst.png) no-repeat;
	background-size: cover;
	animation-name: spin; 
	animation-duration: 20000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.carousel-content .bingocard
{
	position: absolute;
	background: url(/images/carousel/bingocard.png);
	width: 366px;
	height: 210px;
	bottom: -247%;
	transform: scale(0.55);
}

.carousel-content .bingoball
{
	position: absolute;
	background: url(/images/carousel/bingoball.png);
	width: 340px;
	height: 210px;
	bottom: -15%;
	/*transform: scale(0.8);*/
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@media (min-width: 768px) {
	.spinner-container{ top: -66%; bottom: -66%; }
	.carousel-content .bingocard, .carousel-content .bingoball { transform: scale(0.64); bottom: -138%; left: -50px; }
	.carousel-content .bingoball { left: -75px;}
	.freebingo .spinner { left: -275px; }
}
@media (min-width: 992px) {
	.spinner-container{ top: -10%; bottom: -10%; }
	.carousel-content .bingocard, .carousel-content .bingoball { transform: scale(0.8); bottom: -25.5%; left: 0; } 
	.carousel-content .bingoball { left: -50px;}
	.freebingo .spinner { left: -250px; }
} 
@media (min-width: 1200px) {
	.spinner-container{ top: -15%; bottom: -15%; }
	.carousel-content .bingocard, .carousel-content .bingoball { transform: scale(1); bottom: -15%; left: 0; }
	.carousel-content .bingoball { left: -0;}
	.freebingo .spinner { left: -250px; }
}
@media (min-width: 1400px) {
    .spinner-container{ top: -11%; bottom: -11%; }
    .carousel-content .bingocard, .carousel-content .bingoball { transform: scale(1.15); bottom: -2%; left: 20px; }
    .carousel-content .bingoball { left: -0;}
    .freebingo .spinner { left: -250px; }
}
/* end of banner code */