/* ############## */
* {
	margin: 0;
	padding: 0;
}

.clr {
	clear: both;
}

body {
}
.bg {
	background-color: #E36756;
	 -webkit-transition: all 1.5s ease;
	 -o-transition: all 1.5s ease;
	 -moz-transition: all 1.5s ease;
	 transition: all 1.5s ease;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 z-index: -10;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	color: #000;
	padding-top: 30px;
	a {
		color: inherit;
	}
	.lead {
		font: 16px/19px Octava;
		width: 600px;
	}
	.go {
		.arr {
			height: 68px;
			width: 51px;
			background: url(../images/arrow.png) no-repeat center center;
			float: left;
		}
		.button {
			width: 137px;
			height: 77px;
			background: url(../images/start.png) no-repeat center center;
			float: left;
			cursor: pointer;
			margin-bottom: 1px;
			&:hover {
				background: url(../images/start_hover.png) no-repeat center center;
			}
			&:active {
				margin: 1px 0 0;
			}
		}
	}
}

.result {
	display: none;
	.song {
		font: 13px/15px Futura;
	}
	.text {
		font: 46px/49px Octava;
		color: #fff;
		width: 600px;
	}
	.owl {
		float: left;
	}
	.ans {
		width: 460px;
		font: 20px/24px Futura;
		float: left;
	}
	.next {
		.arr {
			height: 68px;
			width: 51px;
			background: url(../images/arrow.png) no-repeat center center;
			float: left;
		}
		.button {
			width: 137px;
			height: 77px;
			background: url(../images/next.png) no-repeat center center;
			float: left;
			cursor: pointer;
			margin-bottom: 1px;
			&:hover {
				background: url(../images/next_hover.png) no-repeat center center;
			}
			&:active {
				background: url(../images/next_click.png) no-repeat center center;
				margin: 1px 0 0;
			}
		}
	}
}

.share_buttons {
	position: absolute;
	margin: 55px 0 0 256px;
	padding-top: 20px;
	background: url(../images/a1.png) no-repeat top center;
	
	img {
		float: left;
	}
	.vk {
		width: 162px;
		height: 43px;
		background: url(../images/vk.png);
		cursor: pointer;
		float: left;
		&:hover {
			background: url(../images/vk_hover.png);
		}
	}
	.tw {
		width: 162px;
		height: 43px;
		background: url(../images/twitter.png);
		cursor: pointer;
		float: left;
		&:hover {
			background: url(../images/twitter_hover.png);
		}
	}
	.fb {
		width: 162px;
		height: 43px;
		background: url(../images/fb.png);
		cursor: pointer;
		float: left;
		&:hover {
			background: url(../images/fb_hover.png);
		}
	}
}