* {
	margin: 0;
	padding: 0;
}

body {
	background: #eaeaea;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

a, .geo, .prize {
	color: #396CC4;
	font-weight: bold;
}
.separator {
	position: relative;
	left: -3px;
	color: #396CC4;
	font-weight: bold;
}

.prize {
	text-transform: uppercase;
	font-weight: bold;
}

.modal-footer {
	padding: 9px 10px 10px !important;
	margin-top: 10px !important;
	text-align: center !important;
	border-top: 1px solid #e5e5e5;
}

.modal.in, .modal-2.in {
	display: block;
}

.modal, .modal-2 {
	margin: 9% auto auto auto;
	opacity: .95 !important;
	text-align: center;
}

.modal p, .modal-2 p {
	font-size: 16px !important;
}

/*.modal-2 { margin: -30% auto auto auto;} */

.modal-2 {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: auto;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	outline: 0;

}

.timer, .red {
	color: red;
	font-weight: bold;
}

/*WRAPPER*/
#wrapper {
	margin: 40px auto 0;
	width: 532px;
	position: relative;
}

#txt {
	color: #eaeaea;
}

/*WHEEL*/
#wheel {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	border: 18px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px, rgba(0, 0, 0, 0.05) 0px 3px 0px;
	transform: rotate(0deg);
}

#wheel:before {
	content: '';
	position: absolute;
	width: 484px;
	height: 484px;
	border-radius: 50%;
	z-index: 1000;
}

#inner-wheel {
	width: 100%;
	height: 100%;

	-webkit-transition: all 6s cubic-bezier(0, .99, .44, .99);
	-moz-transition: all 6 cubic-bezier(0, .99, .44, .99);
	-o-transition: all 6s cubic-bezier(0, .99, .44, .99);
	-ms-transition: all 6s cubic-bezier(0, .99, .44, .99);
	transition: all 6s cubic-bezier(0, .99, .44, .99);
	background: url('../img/sexwheel.png');
	background-position: center;
	background-repeat: no-repeat;

}

#wheel div.sec {
	position: absolute;
	width: 0;
	height: 0;
	border-style: none;
	xborder-width: 130px 75px 0;
	transform-origin: 75px 129px;
	left: 100px;
	top: -8px;
	opacity: 1;
}

#wheel div.sec:nth-child(1) {
	transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
}

#wheel div.sec:nth-child(2) {
	transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
}

#wheel div.sec:nth-child(3) {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

#wheel div.sec:nth-child(4) {
	transform: rotate(220deg);
	-webkit-transform: rotate(220deg);
	-moz-transform: rotate(220deg);
	-o-transform: rotate(220deg);
	-ms-transform: rotate(220deg);
}

#wheel div.sec:nth-child(5) {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

#wheel div.sec:nth-child(6) {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

#wheel div.sec .fa {
	margin-top: -100px;
	color: rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 10000000;
	display: block;
	text-align: center;
	font-size: 36px;
	margin-left: -15px;
	text-shadow: rgba(255, 255, 255, 0.25) 0px -1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 0px;
}

#spin {
	width: 142px;
	height: 142px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -71px 0 0 -71px;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 0px;
	z-index: 1000;
	background: #fff;
	cursor: pointer;
	font-family: 'Exo 2', sans-serif;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#spin:after {
	content: "SPIN";
	text-align: center;
	line-height: 136px;
	color: #CCC;
	font-size: 2em;
	text-shadow: 0 2px 0 #fff, 0 -2px 0 rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 100000;
	width: 136px;
	height: 136px;
	display: block;
}

/*
#spin:before{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 28px 20px;
	border-color: transparent transparent #ffffff transparent;
	top:-24px;
	left:48px;
}
*/
#inner-spin {
	width: 108px;
	height: 108px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -54px 0 0 -54px;
	border-radius: 50%;
	background: red;
	z-index: 999;
	box-shadow: rgba(255, 255, 255, 1) 0px -2px 0px inset, rgba(255, 255, 255, 1) 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;

	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

#spin:active #inner-spin {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
}

#spin:active:after {
	font-size: 15px;
}

#shine {
	width: 500px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0.91) 9%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(1%, rgba(255, 255, 255, 0.99)), color-stop(9%, rgba(255, 255, 255, 0.91)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0.91) 9%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0.91) 9%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0.91) 9%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0.91) 9%, rgba(255, 255, 255, 0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */

	opacity: 0.1;

}

/*ANIMATION*/
@-webkit-keyframes hh {
	0%, 100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	50% {
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	}
}

@keyframes hh {
	0%, 100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	50% {
		transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
	}
}

.spin {
	-webkit-animation: hh 0.1s; /* Chrome, Safari, Opera */
	animation: hh 0.1s;
}

@media only screen and (max-device-width: 768px) {

	#wrapper {
		margin: 20px auto 0;
		width: 266px;
		position: relative;
	}

	/*WHEEL*/
	#wheel {
		width: 250px;
		height: 250px;
		border-radius: 50%;
		position: relative;
		overflow: hidden;
		border: 6px solid #fff;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px, rgba(0, 0, 0, 0.05) 0px 3px 0px;
		transform: rotate(0deg);
	}

	#wheel:before {

		width: 242px;
		height: 242px;
		border-radius: 50%;
		z-index: 1000;
	}

	#wheel div.sec {
		position: absolute;
		width: 0;
		height: 0;
		transform-origin: 37px 64px;
		left: 50px;
		top: -4px;
		opacity: 1;
	}

	#inner-wheel {
		background: url('../img/sexwheel-mobile.png');
	}

	#spin {
		width: 90px;
		height: 90px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -44px 0 0 -46px;
		border-radius: 50%;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 0px;
		z-index: 1000;
		background: #fff;
		cursor: pointer;
		font-family: 'Exo 2', sans-serif;

		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	#spin:after {
		content: "SPIN";
		text-align: center;
		line-height: 90px;
		color: #CCC;
		font-size: 1.4em;
		text-shadow: 0 2px 0 #fff, 0 -2px 0 rgba(0, 0, 0, 0.3);
		position: relative;
		z-index: 100000;
		width: 90px;
		height: 90px;
		display: block;
	}

	/*
	#spin:before{
		content:"";
		position:absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 20px 28px 20px;
		border-color: transparent transparent #ffffff transparent;
		top:-24px;
		left:48px;
	}
	*/
	#inner-spin {
		width: 70px;
		height: 70px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -35px 0 0 -35px;
		border-radius: 50%;
		background: red;
		z-index: 999;
		box-shadow: rgba(255, 255, 255, 1) 0px -2px 0px inset, rgba(255, 255, 255, 1) 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;

		background: rgb(255, 255, 255); /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=1); /* IE6-9 fallback on horizontal gradient */
	}

	#spin:active:after {
		font-size: 15px;
	}

	#shine {
		width: 250px;
		height: 250px;

	}

}

.unsubscribe{
    width:100%;
    position:fixed;
    bottom:20px;
    left:0;
    text-align:center;
    font-size:13px;
    z-index: 2000;
}
.unsubscribe a,
.unsubscribe a:hover {
    color:#ccc;
    text-decoration:underline;
}