/*attempting to recreate gfac logo in pure css*/
.topBackOval{
	position: absolute;
	width: 121.373px;
	height: 219.01px;
	background: #fff100;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
    transform: rotate(16deg);
}

.topFrontOval{

	position: absolute;
	width: 99.042px;
	height: 180.203px;
	background: #42413C;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
    transform: rotate(16deg);
	
	margin-top: 13px;
	margin-left: 13.5px;
}

.bottomBackOval{
	position: absolute;
	margin-top: 180px;
margin-left: -50px;
	
	width: 121.373px;
	height: 219.01px;
	background: #fff100 ;
	-moz-border-radius: 50%;		
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
    transform: rotate(16deg);
}

.bottomFrontOval{
	position:absolute;
		
	width: 99.042px;
	height: 169.403px;
	background: #42413C;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
    transform: rotate(16deg);
	
	margin-top: 220px;
	margin-left: -42px;
}

.topSideCut{
	position:absolute;
		
	width: 70px;
	height: 75px;
	background: #42413C;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-ms-transform: rotate(58deg); /* IE 9 */
    -webkit-transform: rotate(58deg); /* Chrome, Safari, Opera */
	transform: rotate(58deg);
	margin-top: 176px;
	margin-left: 8.5px;
}

.bottomSideCut{
	position:absolute;
		
	width: 70px;
	height: 75px;
	background: green;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-ms-transform: rotate(58deg); /* IE 9 */
    -webkit-transform: rotate(58deg); /* Chrome, Safari, Opera */
	transform: rotate(58deg);
	margin-top: 176px;
	margin-left: 7px;
}


.bottomCut{
	position:absolute;
		
	width: 100px;
	height: 100px;
	background: #42413C;

	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
	transform: rotate(16deg);
	margin-top: 306px;
	margin-left: -30px;
}

.bottomCut2{
		position:absolute;
		
	width: 100px;
	height: 100px;
	background: #42413C;

	-ms-transform: rotate(-36deg); /* IE 9 */
    -webkit-transform: rotate(-36deg); /* Chrome, Safari, Opera */
	transform: rotate(-36deg);
	margin-top: 344px;
	margin-left: -40px;
}







/*giveaway/prize icon in pure css*/
.giveawayIcon{
	margin: 0.05em;
	background-color: #C4C4C4;
	border-radius: 1em;
	color: #ffffff;
	text-align: center;
	font: 7.5em Harabara, sans-serif;
	font-weight: bold;
	width: 1em;
	height: 1em;
}

/*question mark*/
.giveawayIcon:after{
	content: "?";
	margin-left: 0.05em;
}




/*tournament icon in pure css*/
.tournamentIcon{
	font-size: 8em;
	height: 1em;
	width: 1em;
	margin: 0.05em;
	margin-top: -0.3em;
	padding-bottom: 0.03em;
		
}

/*semi left1 oval*/
.tournamentIconLeft{
	vertical-align: bottom;
	position: relative;
	height: 0.04em;
	width: 0.15em;
	background: #c4c4c4;
	border-radius: 1em;
	top: 0.9em;
	left: 0.06em;
}

/*semi left2 oval*/
.tournamentIconLeft:after{
	position: absolute;
	height: 0.04em;
	width: 0.15em;
	background-color: #c4c4c4;
	border-radius: 1em;
	left: 150%;
	content: " ";
}

/*finals left oval*/
.tournamentIconLeft:before{
	position: absolute;
	height: 0.06em;
	width: 0.25em;
	background-color: #c4c4c4;
	border-radius: 1em;
	left: 45%;
	top: -400%;
	content: " ";
}

/*semi right1 oval*/
.tournamentIconRight{
	position: relative;
	height: 0.04em;
	width: 0.15em;
	background: #c4c4c4;
	border-radius: 1em;
	top: 0.86em;
	left: 0.565em;
}

/*semi right2 oval*/
.tournamentIconRight:after{
	position: absolute;
	height: 0.04em;
	width: 0.15em;
	background-color: #c4c4c4;
	border-radius: 1em;
	left: 150%;
	content: " ";
}

/*finals right oval*/
.tournamentIconRight:before{
	position: absolute;
	height: 0.06em;
	width: 0.25em;
	background-color: #c4c4c4;
	border-radius: 1em;
	left: 45%;
	top: -400%;
	content: " ";
}

/*winner oval*/
.tournamentIconTop{
	position: relative;
	height: 0.08em;
	width: 0.3em;
	background: #c4c4c4;
	border-radius: 1em;
	top: 0.45em;
	left: 0.355em;
}

/*center triangle in crown*/
.tournamentIconCrown{
	width: 0;
	height: 0;
	border-left: 0.0875em solid transparent;
	border-right: 0.0875em solid transparent;
	border-bottom: 0.157em solid #c4c4c4;
	position: relative;
	top: 0.2em;
	left: 0.424em;
}

/*right triangle in crown*/
.tournamentIconCrown:after{
	position: absolute;
	content: " ";
	width: 0; 
	height: 0; 
	border-left: 0.0875em solid transparent;
	border-right: 0.01em solid transparent;
	border-bottom: 0.157em solid #c4c4c4;
	left: 0.011em;
}
/*left triangle in crown*/
.tournamentIconCrown:before{
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
	border-left: 0.01em solid transparent;
	border-right: 0.0875em solid transparent;
	border-bottom: 0.157em solid #c4c4c4;
	left: -0.11em;
}




/*event lil calender icon in pure css*/
.eventIcon{
	font: 5em Harabara, sans-serif;;
	height: 0.8em;
	width: 1.08em;
	background-color: #C4C4C4;
	border-radius: 0.08em;
	padding: 0.02em;
	padding-top: 0.25em;
	margin: 0 auto;
}

.eventIconDay{
	height: 0.25em;
	width: 0.25em;
	float: left;
	margin: 0.01em;
}

.whiteBox{
	background-color: #FFFFFF;
}

.greyBox{
	background-color: #F2F2F2;
}

.bottomLeft{
	border-bottom-left-radius: 0.05em;
}
.bottomRight{
	border-bottom-right-radius: 0.05em;
}

.eventIcon1:after{
	color: #999999;
	position: relative;
	content: "1";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon2:after{
	color: #999999;
	position: relative;
	content: "2";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon3:after{
	color: #999999;
	position: relative;
	content: "3";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon4:after{
	color: #999999;
	position: relative;
	content: "4";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon5:after{
	color: #999999;
	position: relative;
	content: "5";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon6:after{
	color: #999999;
	position: relative;
	content: "6";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon7:after{
	color: #999999;
	position: relative;
	content: "7";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon8:after{
	color: #999999;
	position: relative;
	content: "8";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon9:after{
	color: #999999;
	position: relative;
	content: "9";
	top: -3.3em;
	font-size: 0.20em;
	
}

.eventIcon10:after{
	color: #999999;
	position: relative;
	content: "10";
	top: -3.3em;
	font-size: 0.20em;
	letter-spacing: 0.15em;
	left: 0.1em;
}


.eventIcon11:after{
	color: #999999;
	position: relative;
	content: "11";
	top: -3.3em;
	font-size: 0.20em;
	letter-spacing: 0.15em;
	left: 0.05em;
}









/*return to top button in pure css*/
.topButton{
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #2F353E;
}

.topButton:hover{
	background-color: #fff100;
}

.topButton:hover:after{
	background-color: #000;
}

.topButton:hover:before{
	background-color: #000;
}

.topButton:after{
	position: absolute;
	height: 6px;
	width: 16px;
	background-color: #ffffff;
	border-radius: 1em;
	content: " ";
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-left: 26px;
	margin-top: 25px;
}

.topButton:before{
	position: absolute;
	height: 6px;
	width: 16px;
	background-color: #ffffff;
	border-radius: 1em;
	content: " ";
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-left: 19px;
	margin-top: 25px;
}