html,body{height:100%;width:100%;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#0b2b39;background:linear-gradient(-50deg,#2e2f78,#0a212b,#071921,#0b2b39);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh}
html{background:linear-gradient(-50deg,#2e2f78,#0a212b,#071921,#0b2b39);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh}
@keyframes gradient {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.blink_text{animation:blinker 1s linear infinite;color:#cbaf87;font-size:28px;font-weight:700;text-align:center;}
@keyframes blinker { 50%{opacity:0} }
.live_text {color:#cbaf87;font-weight:700;text-align:center;}
.container{overflow:auto;background-color:#fff;margin:auto;padding:10px;width:80%;height:auto;margin-top:3%;margin-bottom:3%;}
#container-a{background-color:#30475e;padding:3% 1%;margin:0 auto;font-family:Arial,Helvetica,sans-serif;position:relative;top:-10%;}
.title-banner{position:relative;left:30%;margin:0;z-index:3}
#latest-draw-banner{top:3%}
#live-draw-banner{top:0;margin:0}
#contact-banner{top:5%}
.pb-date-text{display:inline-block;width:45%;margin-left:3%;color:#cbaf87;font-weight:700}
#right-text{text-align:right}
.prize-box{display:inline-block;width:33%;height:100%;background-color:transparent;text-align:center}
.prize-text{color:#fff;margin:0;text-align:center;font-size:19px}
.fp_circle{display:inline-block;height:25px;width:25px;border-radius:50%;padding:2.5%;font-size:21px;font-weight:700;border:3px solid #30475e;color:#fff;background-color:#c7d0d8;background-image:radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%)}
.sd_circle{display:inline-block;height:25px;width:25px;border-radius:50%;padding:2.5%;font-size:21px;font-weight:700;border:3px solid #30475e;color:#27272b;background-color:#c7d0d8;background-image:radial-gradient(ellipse farthest-corner at right bottom, #b5873e 0%, #f0d8b1 8%, #f0d8b1 30%, #f0d8b1 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #b5873e 0%, #b5873e 8%, #b5873e 25%, #b5873e 62.5%, #b5873e 100%)}
.td_circle{display:inline-block;height:25px;width:25px;border-radius:50%;padding:2.5%;font-size:21px;font-weight:700;border:3px solid #30475e;color:#27272b;background:#EFDFBB;background-color: #e8c99b;background-image:radial-gradient(ellipse farthest-corner at right bottom, #fcf9f2 0%, #fcf9f2 8%, #fcf9f2 30%, #fcf9f2 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #b5873e 0%, #b5873e 8%, #b5873e 25%, #b5873e 62.5%, #b5873e 100%)}
.circle{display:inline-block;height:25px;width:25px;border-radius:50%;padding:2.5%;font-size:21px;font-weight:700;border:3px solid #30475e;color:#27272b;background-color:#c7d0d8;background-image:radial-gradient(ellipse farthest-corner at right bottom, #BEC0C2 0%, #BEC0C2 8%, #BEC0C2 30%, #BEC0C2 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #BEC0C2 0%, #BEC0C2 8%, #BEC0C2 25%, #7D7D7A 62.5%, #7D7D7A 100%)}
.pb2-seperator{display:block;text-align:center}
.pb2{margin-top:20px;background-color:transparent;padding:0}
.pb2 .circle{margin:0}
@media screen and (max-width: 600px) {
#container-a{top:-5%;margin:0 auto}
.title-banner{width:70%;height:15%;left:15%}
#latest-draw-banner{top:-2%}
#live-draw-banner{top:3%}
#contact-banner{top:2%}
.pb-date-text{width:100%;text-align:center;margin-left:0;margin-top:10%}
#right-text{text-align:center;margin-top:0}
.prize-box{width:100%}
.prize-text{font-size:14px}
.circle{padding:1% 2% 3%;font-size:14px}
}
#carousel1{width:100%}
.mySlides{display:none}
.slideshow-container{width:100%;height:100%;position:relative}
.prev,.next{cursor:pointer;position:absolute;top:40%;width:auto;padding:16px;color:#fffab;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0}
.next{right:0;border-radius:3px 0 0 3px}
.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}
.dot{cursor:pointer;height:13px;width:13px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.active,.dot:hover{background-color:gray}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:2s;animation-name:fade;animation-duration:2s}
@-webkit-keyframes fade {
from{opacity:.4}
to{opacity:1}
}
@keyframes fade {
from{opacity:.4}
to{opacity:1}
}
#past-draw-index{text-align:center;position:relative;top:-5%;color:#fff}
.past-r{width:100%;margin:auto;text-align:center;border-collapse:collapse;overflow:auto}
.past-r tr{border-top:5px solid #cbaf87;border-bottom:5px solid #cbaf87}
.past-r tr:nth-child(odd){background-color:#b2a89a;border:none}
.past-r tr:first-child{background:radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);}
.past-r th{font-size:28px;padding:1.5%;color:#fff;margin:0}
.past-r td{padding:0;color:#30475e;font-size:19px;font-weight:700;}
.past-r .circle{color:#fff;width:18px;height:18px;font-size:15px;padding:3%;border:none;background-color:#c7d0d8;background-image:radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%)}
#view-more-indx{display:block;width:80%;position:relative;top:-8%;margin:0 auto;padding:12px 0;text-align:center;text-decoration:none;color:#30475e;background-color:#e7dec8}
#myInput label{color:#e7dec8}
.contactsBox {padding:15px;}
input[type=text],input[type=email],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical;background-color:#e7dec8}
input[type=button]{background-color:#04AA6D;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}
input[type=button]:hover{background-color:#45a049}
.contactBox{border-radius:5px;background-color:#f2f2f2;padding:20px}
.text-contact{margin:5% auto 2%;color:#cbaf87;padding:15px;}
.button{background-color:#cbaf87;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;border-radius:10px;cursor:pointer;transition:.3s}
.button:hover{background-color:#b0a383}

@media screen and (max-width: 600px) {
.container{width:88%;}
.text-contact{margin-top:10%;}
.button{padding:12px 20px}
#past-draw-index{font-size:18px}
.past-r th{font-size:15px;padding:1.5%;color:#fff;margin:0}
.past-r td{font-size:12px;padding:1%;color:#30475e}
.circle{font-size:21px;padding:2.5%}
.past-r .circle {font-size:12px;}
.blink_text{font-size:25px;margin-top:35px;}
#view-more-indx{top:-5%;font-size:12px;padding:8px 0}
}