* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    outline: none;
}
body {
    font-family: 'Averta', 'sans-serif' !important;
    font-size: 14px;
}
#winwheel>.box{
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom: 0;
	padding: 60px 0;
}
#winwheel.section {
    width: 100%;
    height: 100%;
}
#winwheel .box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    clear: both;
    float: left;
	position: relative;
}
#winwheel .container {
    margin: 0 auto;
    width: 1170px;
}
.winwheel-spin {
	width: 40%;
}
.winwheel-detail {
	display: flex;
	width: 100%;;
}
.winwheel-content {
	padding: 0 0 0 30px;
	display: inline-block;
	justify-content: end;
	text-align: left;
	width: 60%;
	
}

.winwheel-content img{
	width: 100%;
	height: 465px;
}
.winwheel-circle {
	width: 465px;
	height: 465px;
	background: url(/winwheel/circle2.png) no-repeat center center;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	z-index: 2;
}
.winwheel-circle.winwheel-circle2 {
	background: url(/winwheel/circle2.png) no-repeat center center;
	background-size: cover;
}
.winwheel-circle img{
	width: 20%;
	position: absolute;
	bottom: 40%;
	z-index: 10;
}
.winwheel-circle canvas {
	position: relative;
	z-index: 1;
	margin: 31px;
	border-radius: 50%;
}
.winwheel-action {
	width: 465px;
	margin-top: 20px;
	text-align: center;
}
.winwheel-btn {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	display: inline-block;
	min-width: 270px;
	padding: 8px 0px;
	border-radius: 25px;
	background: linear-gradient(180deg,#f9af22 0,#ec603c 100%);
	border: 2px solid #ffde17;
	cursor: pointer;
}
.winwheel-top{
	margin-bottom: -40px;
}
.winwheel-alert {
	color: red;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    padding: 10px;
    background: rgba(255,255,255,0.5);
    border-radius: 4px;
    text-decoration: blink;
}
.winwheel-title {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.winwheel-title img{
	max-width: 700px;
	width: 100%;
}
.winwheel-desc {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.winwheel-desc2 {
	color: #FFFFFF;
	border-radius: 20px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3em;
	text-align: center;
	max-width: 230px;
	padding: 5px 0;
	margin: auto;
	background: linear-gradient(180deg,#64affa 0,#0066ee 100%);
	margin-bottom: 15px;
}
.winwheel-history {
	margin-top: 20px;
	width: 100%;
	padding: 10px 30px;
	border-radius: 10px;
	background: rgba(255,255,255,0.2);
}
.winwheel-history-item {
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	margin-bottom: 10px;
	color: #fff;
	font-size: 17px;
	display: none;
}
.winwheel-history-item .phone {
	font-weight: bold;
}
.winwheel-history-item-1,.winwheel-history-item-2,.winwheel-history-item-3 {
	display: block;
}
.fancybox-can-swipe .fancybox-content{
	background: #d4edfa;
	border-radius: 25px;
	padding: 50px 20px;
}
.popup-winwheel {
    display: none;
    width: 460px;
    padding: 25px;
	background-color: #0072bc;
	background-image: url(register_bg.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}
.popup-winwheel__title {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
    margin-bottom: 5px;
	color: #00279f;
	font-size: 32px;
}
.popup-winwheel__title img {
	width: 60%;
	height: auto;
}
.popup-winwheel__subtitle {
    font-size: 30px;
	text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
	color: #00279f;
	font-weight: 600;
}
.popup-winwheel .form-control {
    border: 1px solid #6265ad;
	color: #003366;
}
.popup-winwheel textarea {
    height: 69px;
}
.popup-winwheel .form-submit {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.g-recaptcha > div {
	margin: 0 auto;
}
.popup-winwheel .form-submit__winwheel {
	color: #003366;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
	padding: 10px 0;
	border-radius: 6px;
	width: 100%;
	background-color: #faaf3b;
	border: none;
	font-weight: bold;
}
.winwheel_address{
	position: relative;
	display: flex;
	align-items: center;
}
.address{
	transition: all 0.5s;
}
.address select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFFFFF url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat 95% center;
}
.winwheel_address::before{
	content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	position: absolute;
	right: 20px;
}
.coming-alert {
	text-align: center;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.blink_me {
  	animation: blinker 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
@keyframes blinker {  
	50% { opacity: 0.5; }
}

.winwheel-thanks {
	width: 100%;
	overflow: hidden;
	background: #0072bc;
}
.winwheel-thanks .container{
	min-height: 486px;
	overflow: hidden;
	background: url(thanks_bg.jpg) no-repeat center center;
}
.winwheel-thanks-img {
	width: 100%;
	text-align: center;
	margin-top: 105px;
}
.winwheel-thanks-title {
	width: 790px;
	margin: 30px auto;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
}
.winwheel-thanks-title span {
	text-transform: uppercase;
}
.winwheel-thanks-desc {
	text-align: center;
}

.winwheel-law-btn {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	padding: 8px 20px;
	border-radius: 25px;
	display: inline-block;
	margin-top: 16px;
	margin-left: 43%;
	background: linear-gradient(180deg,#f9af22 0,#ec603c 100%);
	border: 2px solid #ffde17;
	cursor: pointer;
}
#popup-law {
    display: none;
	width: 100%;
	max-width: 600px;
	padding: 50px 17px;
	background: #FFFFFF;
	border-radius: 0;
	padding-bottom: 10px;
}
.css-content{
	height: 80vh;
	overflow-y: scroll;
	position: relative;
	padding: 0px 33px;
}
.css-content::-webkit-scrollbar{
	width: 8px;
}
.css-content::-webkit-scrollbar-thumb{
	background-color: #0f41cd;
	border-radius: 3px;
}
.css-content::-webkit-scrollbar-track{
	background-color: #FFFFFF;
}

@media screen and (max-height: 640px) {
	.winwheel-spin, .winwheel-content {
		transform: scale(0.9);
	}
}
@media screen and (max-height: 600px) {
	.winwheel-spin, .winwheel-content {
		transform: scale(0.8);
	}
}
.winner-list .container{
	display: flex;
	justify-content: space-between;
	align-items: start;
}
#winwheel .winner-list{
	padding-top: 100px;
	padding-bottom: 20px;
}
.winner-list .container>div{
	width: 48%;
}
.winner-list__content .winwheel-desc{
	font-size: 36px;
}
.winner-list__content img{
	width: 90%;
	margin-bottom: 30px;
}
.winner-list__content>img{
	width: 100%;
}
.winwheel-list__table tbody{
	height: 250px;
}
.winwheel-list__table{
	padding: 30px;
	color: #FFFFFF;
	margin-bottom: 60px;
	position: relative;
	z-index: 1;
}
.winwheel-list__table::before {
	content: " ";
	position: absolute;
	inset: 0;
	border-radius: 20px;
	padding: 5px; 
	background:linear-gradient(180deg, #fdc70c, #e93f3a); 
	-webkit-mask: 
	   linear-gradient(#fff 0 0) content-box, 
	   linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
			mask-composite: exclude; 
			z-index: -1;
  }
  
table a{
	color: #FFFFFF;
}
th{
	padding: 10px 0 30px 0;
	
}
.winwheel-list th{
	text-transform: uppercase;
	font-size: 14px;
}

table{
	text-align: center;
	border-collapse: collapse;
}
tr{
	box-sizing: border-box;
}
tbody {
    display: block;
    overflow: auto;
}
tbody::-webkit-scrollbar{
	width: 5px;
	border-radius: 5px;
}
tbody::-webkit-scrollbar-thumb{
	background-color: #0f41cd;
	border-radius: 3px;
}
tbody::-webkit-scrollbar-track{
	background-color: #FFFFFF;
	border-radius: 5px;
}
thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
table {
    width: 100%;
}
td{
	border-top: 1px solid #ababab;
	padding: 10px 5px 15px 5px;
}
th:not(:last-child),
td:not(:last-child){
	text-align: left;
}
.winwheel-list__search h3{
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 10px 0px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
}
.winwheel-list__search form{
	position: relative;
	display: flex;
	align-items: center;
}
.winwheel-list__search .form-control{
	width: 80%;
}
.winwheel-list__search .form-group{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}
.winwheel-list__search button{
	position: absolute;
	line-height: 0;
	border: none;
	right: 12%;
	background: none;
}
.popup-prize{
	background-image: url('/winwheel/background.png'); 
	width: 100%;
	height: 100vh;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.popup-prize__content{
	background: linear-gradient(90deg, #ffd33f 0, #ffb72c 100%);
	position: absolute;
	top: 50%;
    left: 50%;
	width: 500px;
	transform: translate(-50%,-50%);
	padding: 20px;
	border: 5px solid #ffa922;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	text-align: center;
	margin-top: 35px;
}
.popup-prize__content img{
	width: 100%;
}
.popup-prize__content h3{
	color: #00279f;
	text-transform: uppercase;
	margin-top: 12px;
	font-weight: 600;
	font-size: 24px;
}
.popup-prize__content h2{
	color: #00279f;
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: 800;
	font-size: 28px;
}
.popup-prize__content h4{
	color: #00279f;
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: 600;
	font-size: 18px;
}
.gift-prize{
	position: relative;
	width: 90%;
	margin: auto;
	margin: 20px auto;
}
.note-prize{
	color: #00279f;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.contact-prize{
	font-style: italic;
	color: #00279f;
	font-weight: lighter;
}
.gift-prize>div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 15px;
	color: #FFFFFF;
	line-height: 27px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.gift-prize .value{
	display: inline-block;
	margin-top: 5px;
	font-size: 44px;
	font-weight: 1000;
	letter-spacing: -0.5px;
	color: #fdb91a;
	vertical-align: top;
	margin-left: 5px;
}
.popup-prize__content >img{
	max-height: 80px;
	object-fit: contain;
}
.not-winned .popup-prize__content{
	padding: 20px;
}
.not-winned .box-notificate__content{
	padding: 80px 0;
}
.not-winned .box-notificate__content img{
	margin-bottom: 20px;
}
.not-winned .box-notificate__content p{
	color: #00279f;
	font-weight: bold;
	font-size: 16px;
}
.is-winned__money div>div{
	text-align: left;
	display: flex;
}
.is-winned__money div>div>p:first-child{
	font-size: 16px;
	width: 35%;
	text-align: right;
	text-transform: uppercase;
	padding-right: 15px;
	line-height: 20px;
}
.is-winned__money div>div>p:last-child{
	font-size: 28px;
	font-weight: bold;
}
.is-winned__money .contact-prize,
.is-winned__money .note-prize{
	text-align: left;
}
.is-winned__money>p{
	color: #00279f;
	text-transform: uppercase;
	border-bottom: 2px solid #00279f;
	padding: 10px 0 15px 0;
	font-weight: bold;
	font-size: 20px;
}
.is-winned__money .value{
	margin-bottom: 12px;
}
.condition{
	font-size: 16px;
	color: #00279f;
	text-align: left;
	font-weight: bold;
}
.condition_detail{
	color: #00279f;
	text-align: left;
	font-weight: 600;
	margin: 10px 0;
}
.condition_detail>p{
	line-height: 20px;
	margin-bottom: 3px;
}
.site-header .main-menu ul li:hover > a,
.site-header .main-menu ul li.active > a{
	background-color: #02b6ac;
}