html,body{margin:0;height:100%;width:100%;font-family:Verdana,Geneva,Tahoma,sans-serif}
.fixedBG{background-image: linear-gradient(to right, #8360c3, #2ebf91);}
#main{transition:margin-left .5s}
.ad1{background-size:cover;width:100%;height:399px}
.container1{overflow:auto;background-color:#fff;margin:auto;padding:10px;width:80%;margin-top:3%;margin-bottom:3%}
.text1{color:#697cb4;display:block;text-align:center;margin:auto;padding:12px;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}
.text2{color:#697cb4;display:block;width:80%;text-align:center;margin:auto;margin-top:2%;margin-bottom:0;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}
.blink_text{animation:blinker 1s linear infinite;font-size:28px;font-weight:700;text-align:center;}
@keyframes blinker { 50%{opacity:0} }
#footer{display:block;width:100%;background-color:#414a69;position:relative;bottom:0}
.footerContent{overflow:hidden;height:auto;text-align:center}
#footer p{color:#fff}
#footer .links{text-decoration:none;color:#fff}
#footer .links:hover{text-decoration:underline;color:gray}
.footerLogos{text-align:center;display:block;background-color:#ebebeb}
.footerLogos img{background-position:center;background-repeat:no-repeat;background-size:cover;height:10%;width:100px;margin-left:20px;margin-bottom:10px}
.footerLogos .eighteenplus{margin-left:5px;margin-top:10px;height:7%;width:70px}
/*INDEX CSS*/
#box1{display:block;float:left;overflow:hidden;width:75%;height:auto;margin-top:10px;border-radius:3%;border-bottom-left-radius:0;border-bottom-right-radius:0;text-align:center;background-color:#fff;background-image: linear-gradient(315deg, #ffffff 0%, #d7e1ec 75%);}
#box2{display:block;float:left;width:23%;height:auto;margin-left:1%;margin-top:10px;text-align:center}
#box2 img {width:100%;height:159px;}
#mainRes{width:55%;float:left;margin:2%;margin-top:0;height:95%}
#liveUpdate{background-color:transparent;width:30%;float:left;margin:2%;height:90%;box-shadow:none;text-align:center;color:#fff}
#countText{margin-top:45%;text-shadow:3px 3px #000}
#countNum{font-size:75px;margin-top:0;text-shadow:5px 5px 8px #000}
.topText{color:#fff;margin:auto;margin-right:0;width:50%;background-color:#f1ac18;padding:20px 0}
#result {border:5px solid #2871cc;height:389px;}
#result h2 {text-transform:uppercase;background:linear-gradient(to left,#003f9a 0%,#330867 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:21px;family:$font}
.resultHead{font-size:25px;font-weight:700;text-align:center;color:white;background-color:#2871cc;padding:8px;margin: 0;}
.resultDate{font-size:18px;font-weight:700;text-align:center;color:white;background-color:#2871cc;padding:8px;margin: 0;}
.container1{background-color:#fff;}
.prizes{overflow:auto;width:100%;margin-top:0;text-align:center;color:#414a69;background-color:transparent}
.prizes ul{padding:0}
.circle{display:inline-block;margin-top:0;margin-left:10px;height:50px;width:50px;color:#fff;border-radius:50%;background-color:#c7d0d8;background-image:
radial-gradient(ellipse farthest-corner at right bottom, #003f9a 0%, #003f9a 8%, #003f9a 30%, #003f9a 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #003f9a 0%, #003f9a 8%, #003f9a 25%, #78c1ff 62.5%, #78c1ff 100%)}
.circle h3{margin:auto;margin-top:18%;font-size:25px;color:#fff}
.resultsTopText{color:#697cb4;display:block;width:80%;text-align:center;margin:auto;margin-top:2%;margin-bottom:0;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}
.mainTable{overflow:auto;border-collapse:collapse;width:100%;margin:auto;margin-bottom:0}
.mainTable tr{border-radius:10px}
.mainTable tr:nth-child(odd){background-color:#dcf0fa}
.mainTable td,.mainTable th{padding:20px;text-align:center;color:#5f5f5f;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;font-size:18px;font-weight:700}
.mainTable th{background-color:#009bd8;font-size:20px;color:#fff}
.topnav{background-color:#fff;overflow:hidden;width:100%;margin:0;margin-top:0;margin-bottom:0;padding:12px 0;background-image: linear-gradient(360deg, #ffffff 0%, #d7e1ec 75%);}
.navwrap {width:85%;margin:auto;}
.topnav img{float:left;width:250px;height:80px;margin:9px 0 0 25px;}
.topnav .icon{display:none;float:right;padding:20px;color:#000;font-size:25px;margin-top:1%}
.topnavRight{float:right;margin-top:1%;margin-bottom:0;padding:5px}
.section{transition:.2s;display:block;float:left;margin-top:3%;margin-right:20px;padding:12px 16px;text-decoration:none;color:#70768b;font-size:18px;font-weight:700;z-index:10;margin-bottom:0}
.section:hover{color:#000;background-color:#87abf9}
#resultSection{display:inline-block;margin:0;float:none;width:80%}
.hideOnMob{visibility:show}
.dropdown-btn{text-decoration:none;float:right;font-size:20px;color:#818181;display:none;border:none;background-color:transparent;outline:none}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}
.dropdown-content a{float:none;color:gray;padding:12px 16px;text-decoration:none;display:block;text-align:left}
.dropdown-content a:hover{background-color:#ddd;color:#000}
#drop:hover .dropdown-content{display:block}
/*Three Lines Menu */
.box_shadow_menu{position:relative;padding-left:1.25em}
.box_shadow_menu:before{content:"";position:absolute;left:0;top:.25em;width:1em;height:.15em;background:#00719c;box-shadow:0 .25em 0 0 #00719c,0 .5em 0 0 #00719c}
/* How To Play */
.info_box{color:#555555;line-height:1.8;text-align:left;padding:12px;}
@media only screen and (max-width: 600px) {
.ad1{background-size:cover;width:100%;height:150px}
.container1{background-color:transparent;margin-top:15px;width:95%;margin:auto;}
#box1{width:100%}
#box2{width:100%;margin-left:0;margin-top:12px}
#box2 img {width:100%;height:159px;margin-top:5px;}
#mainRes,#liveUpdate{background-color:#232323b0;width:100%;float:none;margin:auto;margin-top:2%;margin-bottom:0;padding:10px;width:80%;height:auto}
#countText{margin-top:0;font-size:20px}
#countNum{font-size:40px}
.phone_hide{display:none;}
.dateHolder{flex-wrap:wrap;float:left}
.dateHolder .topText{width:100%;font-size:15px}
h2{font-size:20px}
.circle{width:40px;height:40px}
.circle:first-child{margin-left:0}
.circle h3{margin-top:8px;font-size:18px}
.topnav .section,.sectionDay{display:none}
.topnav a.icon{display:block;position:absolute;right:2%}
.topnav img{width:75%;height:85px;margin:auto;}
.topnav.responsive .section{display:block;width:100%;text-align:center;border-bottom:none}
#resultSection{display:inline-block;margin:0 0 0 15%;float:none;width:40%}
.hideOnMob{visibility:hidden}
.dropdown-btn{display:block;width:10%;float:right;position:relative;margin-top:3%;right:23%}
.topnav.responsive .dropdown{float:none}
.topnav.responsive .dropdown-content{position:relative;box-shadow:none;background-color:#404969}
.topnav.responsive .dropdown-content a{color:#ffd000;text-align:center}
.footerLogos img{width:70px;height:8%}
.footerLogos .eighteenplus{margin-left:5px;margin-top:10px;height:5%;width:50px}
.mainTable td,.mainTable th {font-size:12px;font-weight:700;}
}