.email_notifications {
	position: absolute;
	top: 10px;
	right: 9px;
	text-align: right;
}
	.chk-toggle {
	  position: absolute;
	  margin-left: -9999px;
	  visibility: hidden;
	}
	.chk-toggle + label {
	  display: block;
	  position: relative;
	  cursor: pointer;
	  outline: none;
	  user-select: none;
	}
	.chk-toggle + label > span {
		position: absolute;
		top: 1px;
		right: 40px;
		width: 120px;
		font-size: .85em;
		font-weight: 400;
		color: #888;
		text-align: right;
		display: inline-block;
		white-space: nowrap;
		padding: 0;
		margin: 0;
	}
	.chk-toggle:checked + label > span{
		color: #fff;
	}
		input.chk-toggle-round + label {
			padding: 2px;
			width: 30px;
			height: 15px;
			background-color: rgba(255,255,255, .2);
			border-radius: 60px;
		}
		input.chk-toggle-round:checked + label {
			background-color: rgba(17,211,105, .5);
		}
		input.chk-toggle-round + label:before,
		input.chk-toggle-round + label:after {
			display: block;
			position: absolute;
			top: 1px;
			left: 1px;
			bottom: 1px;
			content: "";
		}
		input.chk-toggle-round + label:before {
			right: 1px;
			background-color: #000;
			border-radius: 60px;
			transition: background 0.4s;
		}
		input.chk-toggle-round + label:after {
			width: 18px;
			background-color: #555;
			border-radius: 100%;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
			transition: margin 0.4s;
		}
		input.chk-toggle-round:checked + label:after {
			background-color: #129c57;
		}
		input.chk-toggle-round:checked + label:before {
			background-color: #06341d;
		}
		input.chk-toggle-round:checked + label:after {
			margin-left: 14px;
		}



h2.week {
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}
h2.week + span {
	display: block;
	font-size: .8em;
	font-weight: 400;
	color: #dbc84f;
	letter-spacing: 2em;
	text-align: center;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	margin: 0 0 30px;
}

.goat-faint {
	text-align: center;
	margin: 0 0 10px;
}
	.goat-faint img {
		opacity: .8;
		display: inline-block;
		width: 150px;
		height: auto;
		border-radius: 500px;
		-webkit-border-radius: 500px;
	}

#bets_overview {
	text-align: center;
}
#bets_overview h4 {
	font-size: 1.2em;
	font-style: italic;
	color: #999;
	letter-spacing: .2em;
	margin: 0 0 20px;
}
#bets_overview .day {
	text-align: center;
	margin: 0 0 30px;
}
	#bets_overview .day a.bet {
		opacity: 1;
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: calc(33.33333% - (30px + 2px));
		min-height: 150px;
		background: rgba(0,0,0, .5);
		text-align: left;
		border: 1px solid rgba(255,255,255, .1);
		box-shadow: 0 15px 15px rgba(0,0,0, .5);
		margin: 0 15px 30px 15px;
	}
	#bets_overview .day a.bet.active {
		background: rgba(0,0,0, 1);
		border: 1px solid rgba(17,211,105, .2);
	}
		#bets_overview .day a.bet .cntdwn {
			position: absolute;
			z-index: 100;
			top: 6px;
			left: 6px;
			background: rgba(0,0,0, .8);
			font-size: .9em;
			font-weight: 400;
			color: #dbc84f;
			line-height: 10px;
			box-sizing: border-box;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			padding: 8px 6px 6px;
		}

		#bets_overview .day a.bet .b_company {
			position: absolute;
			z-index: 100;
			top: 6px;
			right: 6px;
			width: 75px;
			height: 40px;
			background-position: top right;
			background-size: contain;
			background-repeat: no-repeat;
			box-sizing: border-box;
			border-radius: 2px;
			-webkit-border-radius: 2px;
		}
			#bets_overview .day a.bet .b_company.mrgn {
				top: 36px;
			}

		#bets_overview .day a.bet .cover {
			position: relative;
			width: 100%;
			height: 150px;
			background-color: #000;
			background-position: top center;
			background-size: cover;
			background-repeat: no-repeat;
			cursor: default;
			transition: all .2s;
			-webkit-transition: all .2s;
		}
		#bets_overview .day a.bet.active .cover {
			cursor: pointer;
		}
			#bets_overview .day a.bet .cover .bet_purchase {
				opacity: 0;
				position: absolute;
				display: table;
				width: 100%;
				height: 101%;
				background: rgba(0,0,0, .8);
				transition: all .2s;
				-webkit-transition: all .2s;
				padding: 0;
				margin: 0;
			}
			#bets_overview .day a.bet .cover:hover .bet_purchase {
				opacity: 1;
			}
				#bets_overview .day a.bet .cover .bet_purchase .c,
				#bets_overview .day a.bet .cover .stop .c {
					display: table-cell;
					width: 100%;
					height: 100% !important;
					vertical-align: middle;
					text-align: center !important;
					padding: 8px 0 0 0;
				}
					#bets_overview .day a.bet .cover .bet_purchase .c > span {
						display: inline-block;
						font-size: 1.5em;
						text-transform: uppercase;
						margin: -40px 0 0 0;
						transition: all .2s;
						-webkit-transition: all .2s;
					}
						#bets_overview .day a.bet .cover .bet_purchase .c > span > i {
							display: inline-block;
							vertical-align: middle;
							width: 22px;
							height: 22px;
							background-image: url('../img/coin.png');
							background-position: center center;
							background-size: 100%;
							background-repeat: no-repeat;
							margin: 0 8px 1px 0;
						}
						#bets_overview .day a.bet .cover .bet_purchase .c > span > span {
							display: inline-block;
							vertical-align: middle;
						}
					#bets_overview .day a.bet .cover:hover .bet_purchase .c > span {
						margin: 0;
					}
					#bets_overview .day a.bet .cover .bet_purchase .c > span:hover {
						box-shadow: 0 0 45px rgba(0,0,0, .5);
					}

			#bets_overview .day a.bet .cover .stop {
				opacity: 1;
				position: absolute;
				display: table;
				width: 100%;
				height: 101%;
				background: rgba(0,0,0, .8);
				transition: all .2s;
				-webkit-transition: all .2s;
			}
				#bets_overview .day a.bet .cover .stop .c span {
					transform: rotate(-6deg);
					display: inline-block;
					font-size: 2em;
					font-style: italic;
					font-weight: 500;
					color: #cc2929;
					text-transform: uppercase;
					margin: 0;
				}

			#bets_overview .day a.bet .cover .purchased {
				width: 100%;
				height: 100%;
				background: rgba(0,0,0, .8);
			}
				#bets_overview .day a.bet .cover .purchased span {
					position: absolute;
					z-index: 100;
					top: 6px;
					right: 6px;
					background: #2481c2;
					font-size: .9em;
					color: #fff;
					border-radius: 2px;
					-webkit-border-radius: 2px;
					box-sizing: border-box;
					padding: 3px 8px 2px;
					transition: all .2s;
					-webkit-transition: all .2s;
				}
				#bets_overview .day a.bet .cover:hover .purchased span {
					background: #1b6191;
				}

		#bets_overview .day a.bet .descr {
			font-weight: 400;
			color: #fff;
			text-align: center;
			box-sizing: border-box;
			padding: 10px 10px 2px;
		}
			#bets_overview .day a.bet .descr div {
				display: inline-block;
				vertical-align: top;
				background: rgba(255,255,255, .05);
				font-size: .8em;
				text-transform: uppercase;
				border-radius: 2px;
				-webkit-border-radius: 2px;
				box-sizing: border-box;
				padding: 4px 10px;
				margin: 0 8px 8px 0;
			}
			#bets_overview .day a.bet .descr div:last-child {
				margin-right: 0;
			}
				#bets_overview .day a.bet .descr div span {
					color: #777;
					margin: 0 3px 0 0;
				}
				#bets_overview .day a.bet .descr div def {
					color: #fff;
				}




@media screen and (max-width: 900px){
	#bets_overview .day {
		margin: 0 0 50px;
	}
		#bets_overview .day a.bet {
			width: calc(50% - (20px + 2px));
			margin: 0 10px 30px 10px;
		}
}


@media screen and (max-width: 700px){
	h2.week {
		margin: 25px 0 0 0;
	}
}


@media screen and (max-width: 600px){
	#bets_overview .day {
		margin: 0 0 70px;
	}
		#bets_overview .day a.bet {
			width: 100%;
			margin: 0 0 30px 0;
		}
			#bets_overview .day a.bet .cover .stop .c span {
				font-size: 2.7em;
			}
}
