/******* Do not edit this file *******
Woody ad snippets CSS and JS
Saved: Jul 12 2021 | 14:56:47 */
.luckywheel-container #_1 {
  fill: #FF7878;
}

.luckywheel-container #_2 {
  fill: #7EECEC;
}

.luckywheel-container #_3 {
  fill: #FFF171;
}

.luckywheel-container #_4 {
  fill: #37DE6A;
}

.luckywheel-container #_5 {
  fill: #7280FD;
}

.luckywheel-container #_6 {
  fill: #37DE6A;
}

.luckywheel-container #_7 {
  fill: #FFF171;
}

.luckywheel-container #_8 {
  fill: #7EECEC;
}

.luckywheel-container #_9 {
  fill: #FF7878;
}

.luckywheel-container #_10 {
  fill: #7280FD;
}

.luckywheel-container .frame {
  fill: #666;
}

.luckywheel-container .winIndicator {
  fill: #fff;
}

.luckywheel-container .wheelMiddle {
  fill: #fff;
}

.luckywheel {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width:850px;
  max-height:850px;
  position:relative;
}
.luckywheel-buttons{
	margin:0 auto;
	display:flex;
	justify-content:center;
}
.luckywheel-container .btn,
.luckywheel-container .btn:visited {
  font-weight: 600;
  margin: 10px auto;
  padding:12px 35px;
  border:none;
  border-radius: 4px;
  background-color: #323253;
  color: #FFF;
  font-size:16px;
  text-transform:uppercase;
}

.luckywheel-container .btn:hover,
.luckywheel-container .btn:active {
  opacity:0.9;
  box-shadow: 3px 3px 4px 0 #444;
  cursor:pointer;
}
.luckywheel-container .sticks > circle{
	fill:#B2B2B2;
}
.luckywheel-container .st0{opacity:0.2;}
.luckywheel-container .st1{fill:#FFFFFF;}
.luckywheel-container .st2{fill:#CCCCCC;}
.luckywheel-container .st3{opacity:0.15;}
.luckywheel-container .st4{fill:#323253;}
.luckywheel-container .st5{opacity:0.2;enable-background:new    ;}

.luckywheel-content{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	font-family:Montserrat;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.luckywheel-content > div.text-block{
	width:26%;
	height:12%;
	position:absolute;
	display:flex;
	align-items:center;
}
.luckywheel-content > div.text-block:nth-child(1){
	transform:rotate(-90deg);
	top: 20.8%;
    left: 37.2%;
}
.luckywheel-content > div.text-block:nth-child(2){
	transform:rotate(-54deg);
	top: 25.4%;
    left: 50.6%;
}
.luckywheel-content > div.text-block:nth-child(3){
	transform:rotate(-18deg);
	top: 37%;
    left: 58.9%;
}
.luckywheel-content > div.text-block:nth-child(4){
	transform:rotate(18deg);
	top: 51.3%;
    left: 59.2%;
}
.luckywheel-content > div.text-block:nth-child(5){
	transform:rotate(54deg);
	top: 63.2%;
    left: 51%;
}
.luckywheel-content > div.text-block:nth-child(6){
	transform:rotate(90deg);
	top: 67.2%;
    left: 37.4%;
}
.luckywheel-content > div.text-block:nth-child(7){
	transform:rotate(126deg);
	top: 62.7%;
    left: 23.4%;
}
.luckywheel-content > div.text-block:nth-child(8){
	transform:rotate(162deg);
	top: 51.2%;
    left: 15%;
}
.luckywheel-content > div.text-block:nth-child(9){
	transform:rotate(198deg);
	top: 36.8%;
    left: 14.8%;
}
.luckywheel-content > div.text-block:nth-child(10){
	transform:rotate(234deg);
	top: 25.2%;
    left: 23%;
}
.luckywheel-container .message{
	text-align: center;
    padding: 15px 0;
    border: solid 1px red;
	display:none;
}
@media only screen and (max-width:1025px){
	.luckywheel-content{
		font-size:14px;
	}
}
@media only screen and (max-width:769px){
	.luckywheel-content{
		font-size:12px;
	}
}
@media only screen and (max-width:769px){
	.luckywheel-content{
		font-size:12px;
	}
}
@media only screen and (max-width:670px){
	.luckywheel-content{
		font-size:10px;
	}
}
@media only screen and (max-width:670px){
	.luckywheel-content{
		font-size:10px;
	}
}
@media only screen and (max-width:550px){
	.luckywheel-content{
		font-size:8px;
	}
}
@media only screen and (max-width:550px){
	.luckywheel-content{
		font-size:5px;
	}
}