@charset "utf-8";
/* CSS Document */

#rotatorWrap {
	
	display:none;
	position:relative;
	/*width:1448px; height:540px;*/
	width:100%;
	padding-bottom:37.292817679558011049723756906077%;
	
	-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;
	overflow:hidden;
}
/*.game_cover { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; width:100%; height:40em; position: absolute; z-index: 0; top: 0; left: 0; }*/
#overlay {
				
		position:absolute;
		left:0; top:0;
		width:100%;
		height:100%;
		background-color:transparent;
		-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;
}
#fluxmask {
		background-image:url(../img/rotator/flux_mask.png);
		background-size:cover;
		position:absolute;
		left:0; top:0;
		width:100%;
		height:100%;
		background-color:transparent;
		-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;
}
#fluxsquare {
	position:absolute;
	width:6.9060773480662983425414364640884%;
	height:18.518518518518518518518518518519%;
	left:46.546961325966850828729281767956%;
	top:40.740740740740740740740740740741%;
	z-index:100;
}
#fluxsquare svg {
 	max-width:100%; min-width:100%;
	/*min-height:100%;*/
	height:100%;
		
}
#holder {
		/*background-image:url(../img/rotator/cross.svg);*/
		position:absolute;
		left:0; top:0;
		width:100%;
		height:100%;
		background-color:#000;
		z-index:99;
		background-size:cover;
		background-repeat:no-repeat;
		-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;
}
#rotatorWrap ul {list-style:none; margin:0; padding:0; z-index:55; width:100%; height:100%}
#rotatorWrap li {	
	
	width:49.930939226519337016574585635359%;
	height:49.814814814814814814814814814815%;
	float:left;	
	position:relative;	
	padding:0;	
	background-size:cover;
	background-position: 0px 66%;
}
/*#rotatorWrap li.over {background-image:url(library/img/rotator/trans_grey.png)}
#rotatorWrap li.on {background-image:url(library/img/rotator/current_slide_bg.png)}*/

.rotatorWrapText {
	display:none;
	width:60.68965517241379%;
	min-height:69.51672862453532%;
	left:22.20689655172414%;
	top:13.7546468401487%;
	z-index:999;
	position:absolute;
	padding:1%;
	overflow:visible;	
	
	
}
#rotatorWrap .on .rotatorWrapText, #rotatorWrap .over .rotatorWrapText {
	display:block;	
}

.rotatorWrapText h2 {
	margin:0;	
}
.rotatorWrapText h2 a {
		
	font-family: 'Montserrat', sans-serif;	
	color:#fff;	
	z-index:999;	
}

.rotatorWrapText p.description {
	font-family: 'Muli', sans-serif;		
	color:#fff;
	z-index:999;	
	}

.rotatorWrapText a.readMore {
	font-family: 'Montserrat', sans-serif;
	font-size:.8em;
	color:#fff;	
	}



/*#rotatorWrap li:before{
									    width: 65%;
									    height: 100%;
									    display: block; 
									    position: absolute;
									    top: 0;
									    left: 0;
									    z-index: 50;
									    opacity: 0;
									    background: -webkit-linear-gradient(left, #0CF, transparent);
									    -webkit-transition: all 250ms linear;
									    content: ".";
									    text-indent: -99999px;
									}															
#rotatorWrap li:hover:before{opacity: 1;}	*/
#fluxRot1 {
	margin:0 .13812154696132596685082872928177% .18518518518518518518518518518519% 0;
}
#fluxRot2 {
	margin-bottom:.18518518518518518518518518518519%;
}
#fluxRot4 {
	margin-right:.13812154696132596685082872928177%;
}



.mobileRotatorSlide {
	height:22em;
	background-size:cover;
	background-position:35% 50%;	
}

.mobileRotText h2 a {
	font-size:20px; line-height:22px; font-family: 'Montserrat', sans-serif;	
	color:#fff;	
	z-index:999;	
}
.mobileRotText {
	width:80%; left:10%; bottom:15%; padding:1%; position:absolute;
}


#flexWrap ol.flex-control-nav {z-index:100; height: 36px; width: auto; z-index: 100; color: #fff; margin: 0; padding: 0;}
#flexWrap ol.flex-control-nav li{list-style-type: none; float: left; margin-right: 10px; width: 30px; height: 36px;}
#flexWrap ol.flex-control-nav li a{display: block; text-indent: -9999px; width: 40px; height: 36px; background:url("http://www.muchmusic.com/events/bigjingle/mobile/images/rotator-nav.png") no-repeat; background-position: -51px 0;}
#flexWrap ol.flex-control-nav li a.flex-active{background-position: 0 0;}

@media (min-width: 768px) {
	
	#rotatorWrap {display:block;}
	
	#mobileRotator {display:none;}
	
	.rotatorWrapText h2 {
		font-size:20px;	
		line-height:1.6em;
	}
	
	.rotatorWrapText p.description {
		display:none;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	.rotatorWrapText h2 {
		margin-bottom: 20px;
		font-size:20px;	
		line-height:1.6em;		
	}
		
	.rotatorWrapText p.description {
		display:none;
	}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.rotatorWrapText h2 {
		margin-bottom: 20px;
	}
		
	.rotatorWrapText p.description {
		font-size:14px;	
		line-height:1.6em;
		display:inline;
	}
	
}

#flexWrap {position:absolute; right:10px; bottom:10px}