/**Stylesheet for CBMS Weekly Picks Plugin.*/

@font-face{
	font-family: oswald;
	src: url('../Fonts/oswald.eot');
	src: url('../Fonts/oswald.eot?iefix') format('eot'),
		 url('../Fonts/oswald.woff') format('woff'),
		 url('../Fonts/oswald.ttf') format('truetype'),
		 url('../Fonts/oswald.svg#webfont') format('svg');
}

@font-face{
	font-family: molot;
	src: url('../Fonts/molot.eot');
	src: url('../Fonts/molot.eot?iefix') format('eot'),
		 url('../Fonts/molot.woff') format('woff'),
		 url('../Fonts/molot.ttf') format('truetype'),
		 url('../Fonts/molot.svg#webfont') format('svg');
}

#cbms_weekly_picks_holder{
	position: relative;
	background: #000000;
	background: radial-gradient(#1B1B1B 20%, #000000 70%);
	width: 100%;
	overflow: hidden;
}

#cbms_weekly_picks_tag{
	position: absolute;
}

#cbms_weekly_picks_tag_holder{
	position: relative;  
	-webkit-perspective: 100px; 
	perspective: 100px;
}

#this{
	position: absolute;
	top: 0em;
	font-family: molot, sans-serif;
	font-size: 6em;
	color: #353839 ;
	transform: rotateY(5deg);
	-webkit-transform: rotateY(5deg);
	text-transform: uppercase;
	animation: move_this 60s infinite;
}

#weeks{
	position: absolute;
	top: 1.3em;
	font-family: oswald, sans-serif;
	font-weight: bold;
	font-size: 4.7em;
	color: #DCDCDC;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	text-transform: uppercase;
}

#picks{
	position: absolute;
	top: 2.15em;
	font-family: molot, sans-serif;
	font-size: 4.8em;
	color: #353839 ;
	transform: rotateY(-5deg);
	-webkit-transform: rotateY(-2deg);
	text-transform: uppercase;
	animation: move_picks 60s infinite;
}


@keyframes move_this {
    0%   {transform: rotateY(5deg);}
    50% {transform: rotateY(-5deg);}
    100%   {transform: rotateY(5deg);}	
}

@keyframes move_picks {
    0%   {transform: rotateY(-2deg);}
    50% {transform: rotateY(2deg);}
    100%   {transform: rotateY(-2deg);}	
}

#cbms_weekly_picks{
	position: relative;
	height: 52em;
	padding: 10em 0em;
	box-sizing: border-box;
}

#cbms_weeklypick_1{
	position: absolute;
	top: 15em;
	left: 50%;
	width: 12em;
	height: 18.3em;
	margin-left: -6em;
}

#cbms_weeklypick_2{
	position: absolute;
	top: 32em;
	left: 50%;
	width: 8em;
	height: 12.2em;
	margin-left: -18em;
	overflow: hidden;
}

#cbms_weeklypick_3{
	position: absolute;
	top: 7em;
	left: 50%;
	width: 6em;
	height: 9.13em;
	margin-left: 14em;
	overflow: hidden;
}

#cbms_weeklypick_4{
	position: absolute;
	top: 26em;
	left: 50%;
	width: 8em;
	height: 12.2em;
	margin-left: 5em;
	overflow: hidden;
}

#cbms_weeklypick_5{	
	position: absolute;
	top: 10em;
	left: 50%;
	width: 5em;
	margin-left: -10em;
	height: 7.625em;
	overflow: hidden;
}

#cbms_weeklypick_6{	
	position: absolute;
	top: 15em;
	left: 50%;
	width: 4em;
	margin-left: 12em;
	height: 6.1em;
	overflow: hidden;
}

#cbms_weeklypick_7{	
	position: absolute;
	top: 15em;
	left: 50%;
	width: 6em;
	margin-left: -15em;
	height: 9.13em;
	overflow: hidden;
}

#cbms_weekly_pick_1{
	position: absolute;
	left: 50%;
	width: 12em;
	height: 18.3em;
	overflow: hidden;
}

#cbms_weekly_pick_2{
	position: absolute;
	left: 50%;
	width: 8em;
	height: 12.2em;
	overflow: hidden;
}

#cbms_weekly_pick_3{
	position: absolute;
	left: 50%;
	width: 6em;
	height: 9.13em;
	overflow: hidden;
}

#cbms_weekly_pick_4{
	position: absolute;
	left: 50%;
	width: 8em;
	height: 12.2em;
	overflow: hidden;
}

#cbms_weekly_pick_5{	
	position: absolute;
	left: 50%;
	width: 5em;
	height: 7.625em;
	overflow: hidden;
}

#cbms_weekly_pick_6{	
	position: absolute;
	left: 50%;
	width: 4em;
	height: 6.1em;
	overflow: hidden;
}

#cbms_weekly_pick_7{
	position: absolute;	
	left: 50%;
	width: 6em;
	height: 9.13em;
	overflow: hidden;
}

#cbms_weekly_pick_1 img, #cbms_weekly_pick_2 img, #cbms_weekly_pick_3 img, #cbms_weekly_pick_4 img, #cbms_weekly_pick_5 img, #cbms_weekly_pick_6 img, #cbms_weekly_pick_7 img{
	width: 100%;
	height: auto;
}