.wheel
{
	position: relative;
	margin-right:-20px;
	margin-left:-20px;
	margin-top:20px;
	width:auto;
	height:400px;
	overflow: hidden;
	box-shadow: inset 0px -20px 20px 0px rgba(0,0,0,0.5), inset 0px 10px 20px 0px rgba(0,0,0,0.3);
	border:12px solid #ffffff;
	border-radius: 25px;
	background-color:#ffffff;
}

	.wheel:before {
		content:'';
		position: absolute;
		border-radius: 15px;
		right:0px;
		left:0px;
		width:100%;
		height:400px;
		z-index:2;
		background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
		box-shadow: inset 0 0 6px 2px rgba(0, 0, 0, 0.3), inset 0 26px 20px 0px rgba(0, 0, 0, 0.3), inset 0 -26px 26px 0px rgba(0, 0, 0, 0.6);
	}


.wheel .segment
{
	display: table;
	box-sizing: border-box;
	width:100%;
	height:70px;
	font-weight:600;
	color:#ffffff;
	text-shadow: 	2px 0 rgba(0,0,0,0.6), 
					-2px 0 rgba(0,0,0,0.6), 
					0 2px rgba(0,0,0,0.6), 
					0 -2px rgba(0,0,0,0.6),
					1px 1px rgba(0,0,0,0.6), 
					-1px -1px rgba(0,0,0,0.6), 
					1px -1px rgba(0,0,0,0.6), 
					-1px 1px rgba(0,0,0,0.6);
	/*box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.1), inset 0px 5px 5px 0px rgba(255,255,255,0.2);*/
	border-bottom:0px solid rgba(0,0,0,0.2);

	box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.15)
}

	.wheel .segment span
	{
		display: table-cell; 
		vertical-align: middle;
		text-align: center;
		width:100%;
		height:66px;
		padding-left:20px;
		padding-right:20px;
	}

.wheel .arrow_right {
  border: solid #ffffff;
  border-width: 0 15px 15px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  position: absolute;
  z-index:2;
  margin-top:190px;
  right:-13px;
}

.wheel .arrow_left {
  border: solid #ffffff;
  border-width: 0 15px 15px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  z-index:2;
  margin-top:190px;
  left:-13px;
}