.st0{display:none;}
	.st1{fill:#FFFFFF;}
	.st2{fill:#7DB129;}
	.st3{fill:#3CE0AC;}
	.st4{fill:#E3D13B;}
	.st5{fill:#E33B5B;}
	.st6{fill:#FFB20E;}
	.st7{fill:#94D5F3;}
	.st8{fill:#DC0C15;}
	.st9{opacity:0.2;}
	.st10{display:none;fill:#CCCCCC;}
	.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#009FE3;}
	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E1001A;}
	.st13{clip-path:url(#SVGID_00000159430023638380807480000003235551717729675937_);fill:url(#SVGID_1_);}
	.st14{fill:none;stroke:#0A2240;stroke-width:4.6709;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st15{fill:#0A2240;}
	.st16{fill:#3CB4E5;}
	
		.st17{clip-path:url(#SVGID_00000023979830245919489520000004800017223390852755_);fill:#FFFFFF;stroke:#3CB4E5;stroke-width:0.8691;stroke-miterlimit:10;}
	
		.st18{clip-path:url(#SVGID_00000183965739147403342920000015541701800618494102_);fill:url(#SVGID_00000140712762236060267170000009111122488141058433_);}
	
		.st19{clip-path:url(#SVGID_00000057106751863759983820000017926806588536136844_);fill:#FFFFFF;stroke:#3CB4E5;stroke-width:0.8691;stroke-miterlimit:10;}
	
		.st20{clip-path:url(#SVGID_00000155137236174306979770000011936114637166387866_);fill:url(#SVGID_00000124856156459930036100000007251900788661350556_);}
	
		.st21{clip-path:url(#SVGID_00000104681693262290051860000004320575776352195513_);fill:#FFFFFF;stroke:#3CB4E5;stroke-width:0.8691;stroke-miterlimit:10;}
	
		.st22{clip-path:url(#SVGID_00000043438476388027918670000011911985976459735178_);fill:url(#SVGID_00000047778670594583196340000018006674203747169709_);}
	
		.st23{clip-path:url(#SVGID_00000089566868969010792840000015649322060852794786_);fill:#FFFFFF;stroke:#3CB4E5;stroke-width:0.8691;stroke-miterlimit:10;}
	
		.st24{clip-path:url(#SVGID_00000044167326561769896880000005340456308494770057_);fill:url(#SVGID_00000181779926655398066180000007733292917933353859_);}
	
		.st25{clip-path:url(#SVGID_00000104664680951210428890000011284181111864583313_);fill:#FFFFFF;stroke:#3CB4E5;stroke-width:0.8691;stroke-miterlimit:10;}
	
		.st26{clip-path:url(#SVGID_00000160183986168171706400000001866443501869705604_);fill:url(#SVGID_00000078742456479987566980000015335106088188971166_);}
	.st27{display:inline;}
	.st28{fill:#001689;}
	.st29{fill:#E1251B;}
	.st30{opacity:0.15;}
	.st31{fill-opacity:0.22;}
	.st32{fill:#CCCCCC;}
	.st33{fill:#FFFFFF;stroke:#000000;stroke-width:0.25;stroke-miterlimit:10;}
	.st34{font-family:'Roboto Slab', sans-serif;}
	.st35{font-size:26px;}
	.st36{fill:#FFFFFF;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
	.st37{fill:#EE1D24;stroke:#000000;stroke-width:0.25;stroke-miterlimit:10;}
	
	
	.no-stock{fill:#595959;}

.logo {
	width: 100px;
	height: 100px;
  margin: 10px 0 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	z-index: 100;
}

.frame,
.sticks {
  fill: #fff;
}

.winIndicator {
  fill: #fff;
}

.wheelMiddle {
  fill: #fff;
}

body {
  text-align: center;
  margin: 0;
  background-color: tomato;
}

.swal2-popup {
	font-family:'Roboto Slab', sans-serif;
}

.luckywheel {
  margin: 40px auto;
  width: 80%;
  height: 50%;
  position: relative;
	padding-top: 50px;
	overflow: hidden;
}

.luckywheel::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 25px;
	width: 65px;
	height: 100px;
	margin-left: -30px;
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 26.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 84.1 133.8" style="enable-background:new 0 0 84.1 133.8;" xml:space="preserve"><style type="text/css">.st0{fill:%23020203;fill-opacity:0.22;}.st1{fill:%23FFFFFF;}.st2{fill:%23CDCCCC;}</style><g><g><path class="st0" d="M42,9.8C20.8,9.9,3.7,28,3.7,50.1c0,6.6,1.6,13.1,4.7,19l31.9,59.8c0.4,0.8,1.2,1.3,2,1.3c0.9,0,1.8-0.5,2.2-1.4L76.1,69c3-5.9,4.5-12.5,4.6-19.1C80.6,27.8,63.3,9.9,42,9.8z"/><path class="st1" d="M42,4C20.8,4.1,3.6,21.3,3.7,42.5c0,6.4,1.6,12.7,4.7,18.4l31.8,57.3c0.3,0.8,1.2,1.3,2,1.3c0.9,0,1.7-0.5,2.2-1.2l31.7-57.6c3-5.6,4.5-11.9,4.6-18.3C80.5,21.1,63.3,4,42,4z"/><path class="st2" d="M34,34.7c-1.1,2.7-0.9,5.7,0.5,8.1l1.3,1.8c0.5,0.5,1.1,0.9,1.7,1.3c1.2,0.8,2.7,1.2,4.1,1.3c1.4,0,2.8-0.3,4.1-0.9c1-0.4,1.9-1,2.6-1.8l0.8-0.8c0.9-1.1,1.5-2.5,1.7-3.9c0.3-1.4,0.2-2.9-0.3-4.2c-0.3-1.4-1.1-2.7-2.1-3.7c-1-1-2.2-1.7-3.6-2.2c-1.4-0.5-2.9-0.5-4.3-0.3c-1.4,0.2-2.7,0.8-3.8,1.7L35.9,32C35.1,32.8,34.5,33.7,34,34.7z"/></g></g></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}

.btn,
.btn:visited {
  font-weight: 800;
  margin: 10px;
  height: 60px;
  width: 260px;
  font-size: 32px;
  box-shadow: 4px 4px 20px 0 #cc4c45;
  border-radius: 0;
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
	cursor: pointer;
}

.btn:hover,
.btn:active {
  color: #fff;
  background-color: #000;
  border: none;
  text-decoration: none;
  box-shadow: 4px 4px 5px 0 #cc4c45;
}

@media only screen and (min-width: 768px) {
	
	.luckywheel {
		width: 600px
	}

	.logo {
		width: 120px;
		height: 120px
	}	
	
}

@media only screen and (min-width: 992px) {

	.luckywheel {
		width: 800px
	}
	
	.logo {
		width: 160px;
		height: 160px
	}	
	
}