@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face {
  font-family: 'BluPurpl';
  src: url('../fonts/BluPurplRegular.eot');
  src: url('../fonts/BluPurplRegular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/BluPurplRegular.woff2') format('woff2'),
  url('../fonts/BluPurplRegular.woff') format('woff'),
  url('../fonts/BluPurplRegular.ttf') format('truetype'),
  url('../fonts/BluPurplRegular.svg#BluPurplRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cinzel Decorative';
  src: url('../fonts/CinzelDecorative-Bold.eot');
  src: url('../fonts/CinzelDecorative-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/CinzelDecorative-Bold.woff2') format('woff2'),
  url('../fonts/CinzelDecorative-Bold.woff') format('woff'),
  url('../fonts/CinzelDecorative-Bold.ttf') format('truetype'),
  url('../fonts/CinzelDecorative-Bold.svg#CinzelDecorative-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

html{
  font-family: 'Roboto', sans-serif;
  margin: 0 auto;
  max-width: 1920px;
}

header {
  padding: 156px 0 100px;
}

section {
  padding: 120px 0;
  padding-bottom: 50px;
}
a{
  color: #b36652;
}
a:hover{
  text-decoration: none;
}

.logo{
  margin-bottom: -32px;
  max-width: 200px;
}
.bg-dark{
  background: rgb(0,66,242);
  background: -moz-linear-gradient(0deg, rgba(0,66,242,1) 0%, rgba(3,47,163,1) 45%, rgba(3,47,163,1) 55%, rgba(0,66,242,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,66,242,1) 0%, rgba(3,47,163,1) 45%, rgba(3,47,163,1) 55%, rgba(0,66,242,1) 100%);
  background: linear-gradient(0deg, rgba(0,66,242,1) 0%, rgba(3,47,163,1) 45%, rgba(3,47,163,1) 55%, rgba(0,66,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0042f2",endColorstr="#0042f2",GradientType=1);
}

.pos{
  height: 100%;
  position: relative;
}

.contain-layer{
  width: 100%;
  height: 100%;
  position: relative;
}
.navbar-brand{
  display: block;
}

nav.bg-dark{
  border-bottom: 10px solid red;
}
.contain-logo{
  position: relative;
}
.contain-logo::after{
  content: '';
  position: absolute;
  left: -16%;
  bottom: -72%;
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 34px solid #0042ef;
  clear: both;
  z-index: -2;
}
.layer{
  position: absolute;
  width: 235px;
  left: -7px;
  top: -33px;
}


@media (max-width: 991px){
  .navbar-collapse{
    text-align: center;
    position: absolute;
    top: 95px;
    width: 100%;
  }
  .navbar-collapse li{
    background: #003ee2;
    padding: 10px;
    margin: px;
    border-bottom: 1px solid #7a7a7a;
  }
  .layer{
    display: none;
  }
  .contain-logo::after{
    border: 0;
  }
  .logo{
    margin-bottom: 0;
    max-width: 150px;
  }
  .box-fa-content{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .box-g > img{
    display:none;
  }
}
@media (min-width: 992px){
  .box-fa-content{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .navbar-dark .navbar-nav .nav-link{
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar-dark ul.navbar-nav li{
    margin-right: 3px;
  }
  .navbar-dark ul.navbar-nav li a{
    position:relative;
    padding-bottom:8px; /*spacing between each menu item and arrow underline beneath it */
    text-decoration:none;
  }
  .navbar-dark ul.navbar-nav li.active a::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: -41%;
    left: 0;
    background: #fff;
  }
  .navbar-dark ul.navbar-nav li.active a::before{
    content:'';
    width:0;
    height:0;
    position:absolute;
    left:50%;
    margin-left:-5px; /* value should match border-width below */
    bottom: -39%;
    border-width:5px; /* value should match margin-left above */
    border-style:solid;
    border-color: transparent transparent #fff transparent; /* create up arrow */
  }
  .mt-15{
    margin-top: 15px;
  }
  .navbar-expand-lg .navbar-collapse {
    margin-top: 29px;
  }
}

.language .dropdown-toggle::after {
  position: absolute;
  left: 33%;
  bottom: 5%;
  border-top: .3em solid #fff;
}
span.flag-icon{
  border: 2px solid #fff;
  border-radius: 50%;
}

.jumbotron {
  margin-top: 90px;
  color: white;
  background-image: url("../img/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: bottom;
  height: 500px;
  clip-path: circle(2500px at 50% -2020px);
}
.jumbotron.inspiration{
  background-image: url("../img/bg-inspiration.png");
}
.jumbotron.howtoplay{
  background-image: url("../img/bg-howto.jpg");
}
.jumbotron.inspiration h1, .jumbotron.howtoplay h1{
  font-weight: 700;
  letter-spacing: 5px;
  text-transform: uppercase;
}
.jumbotron.inspiration h1 span, .jumbotron.howtoplay h1 span{
  font-weight: 400;
}
tbody.ins-dictionary-body tr:hover {
  color:#ffffff;
  background-color: rgb(220 53 69 / 50%);
}

.border-jumbo{
  position: absolute;
  left: 0;
  right: 0;
  top: 100px;
  background: #0141ec;
  margin: 0 auto;
  max-width: 1920px;
  height: 500px;
  clip-path: circle(2500px at 50% -2020px);
}

.border-jumbo.didiw{
  background: #fff;
}
.box-fa{
  margin-bottom: -30px;
  position: relative;
  width: 100%;
  height: 100%;
}
.box-m{
  margin-bottom: -35px;
}


.box-fa-content h4{
  font-weight: 400;
  color: #ffd990;
  text-transform: uppercase;
  transition: transform .3s; /* Animation */
}
.box-fa:hover h4{
  transform: scale(1.1);
}
.box-fa-content img{
  max-width: 72px;
  max-height: 60px;
}

#games{
  background: url('../img/bg-ball.jpg');
  margin-top:-165px;
}

.bg-black{
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  margin-top: -53px;
}
.bg-black-content{
  margin-top: 200px;
  color: #ffffff;
  padding-bottom: 100px;
}
.b-white{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,0.2954132336528361) 25%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.2954132336528361) 25%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,0.2954132336528361) 25%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  border-bottom: 5px solid #ffffff;
}
.b-yellow{
  background: rgb(255,255,0);
  background: -moz-linear-gradient(0deg, rgba(255,255,0,0.3) 25%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,0,0.3) 25%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(255,255,0,0.3) 25%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#ffffff",GradientType=1);
  border-bottom: 5px solid #ffff00;
}
.b-yellow h3, .gold .games-detail h3{
  color: orange;
}
.bg-color > .fd,.bg-color > .classic{
  background:#ffc20f;
  border-top: 8px solid #ffc20f;
}
.bg-color > .gold,.bg-color > .jackpot-gold{
  background:orange;
  border-top: 8px solid orange;
}
.bg-color > .green{
  background:#41c302;
  border-top: 8px solid #41c302;
}
.bg-color > .life{
  background: #ed1b24;
  border-top: 8px solid #ed1b24;
}
.b-green{
  background: rgb(174,250,0);
  background: -moz-linear-gradient(0deg, rgba(174,250,0,0.3) 25%, rgba(174,250,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(174,250,0,0.3) 25%, rgba(174,250,0,0) 100%);
  background: linear-gradient(0deg, rgba(174,250,0,0.3) 25%, rgba(174,250,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aefa00",endColorstr="#aefa00",GradientType=1);
  border-bottom: 5px solid #aefa00;
}
.b-green h3, .evening .games-detail h3{
  color: #41c302;
}
.classic .games-detail h3{
  color: #fff;
}
.fd .games-detail h3{
  color: #ffc20f;
}

.bg-color > .evening{
  background:#41c302;
  border-top: 8px solid #41c302;
}
.bg-color > .jackpot{
  background:#00a1e5;
  border-top: 8px solid #00a1e5;
}
.b-red{
  background: rgb(255,0,0);
  background: -moz-linear-gradient(0deg, rgba(255,0,0,0.3) 25%, rgba(255,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,0,0,0.3) 25%, rgba(255,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(255,0,0,0.3) 25%, rgba(255,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
  border-bottom: 5px solid #ff0000;
}
.b-red h3, .midnight .games-detail h3{
  color: #fe0000;
}
.bg-color > .midnight{
  background:#4e0000;
  border-top: 8px solid #4e0000;
}
.games-video{
  padding: 30px 0 30px 15px;
}
.games-detail{
  padding:30px 15px 30px 0;
}
@media (max-width:992px) {
  .games-video{
    padding: 20px;
  }
  .games-detail{
    padding:20px;
  }
}
.star .checked {
  color: orange;
}

.box-ins{
  color: #fff;
  padding: 35px 30px;
  border-radius: 0 30px 0 30px;
  background: rgb(1,36,149);
  background: -moz-linear-gradient(0deg, rgba(1,36,149,1) 0%, rgba(0,68,251,1) 35%, rgba(0,68,251,1) 65%, rgba(1,36,149,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(1,36,149,1) 0%, rgba(0,68,251,1) 35%, rgba(0,68,251,1) 65%, rgba(1,36,149,1) 100%);
  background: linear-gradient(0deg, rgba(1,36,149,1) 0%, rgba(0,68,251,1) 35%, rgba(0,68,251,1) 65%, rgba(1,36,149,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#012495",endColorstr="#012495",GradientType=1);
  -webkit-box-shadow: 7px 10px 5px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 7px 10px 5px -5px rgba(0,0,0,0.75);
  box-shadow: 7px 10px 5px -5px rgba(0,0,0,0.75);
}
.box-ins.active, .box-ins:hover{
  border-radius: 30px 0 30px 0;
  background: rgb(30,60,226);
  background: -moz-linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  background: linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e3ce2",endColorstr="#c5083f",GradientType=1);
}
.box-draw{
  color: #fff;
  padding: 20px 10px;
  background: rgb(1,36,149);
  background: -moz-linear-gradient(0deg, rgba(1,36,149,1) 0%, rgba(0,68,251,1) 35%, rgba(0,68,251,1) 65%, rgba(1,36,149,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(1,36,149,1) 0%, rgba(0,68,251,1) 35%, rgba(0,68,251,1) 65%, rgba(1,36,149,1) 100%);
  background: linear-gradient(0deg, rgba(1,36,149,1) 0%, rgba(0,68,251,1) 35%, rgba(0,68,251,1) 65%, rgba(1,36,149,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#012495",endColorstr="#012495",GradientType=1);
  -webkit-box-shadow: 7px 10px 5px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 7px 10px 5px -5px rgba(0,0,0,0.75);
  box-shadow: 7px 10px 5px -5px rgba(0,0,0,0.75);
  margin-top: 0 !important;
}
.box-draw.active, .box-draw:hover, .bg-color{
  background: rgb(30,60,226);
  background: -moz-linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  background: linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e3ce2",endColorstr="#c5083f",GradientType=1);
}
.bg-color{
  padding: 10px;
}
.box-draw.left{
  border-radius: 30px 0 0 0;
}
.box-draw.mid{
  border-radius: 0;
}
.box-draw.right{
  border-radius: 0 0 30px 0;
}
.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #f40007;
  font-size: 25px;
}
.has-search input{
  background: transparent !important;
  border: none;
}
.has-search{
  border-bottom: 2px solid #fff;
}
.has-search input:focus{
  color: #ffffff;
  box-shadow: none;
}
.has-search .btn{
  border-radius: 5px !important;
  padding-left: 40px;
  padding-right: 40px;
}

.tabpanel.forecast{
  display: none;
}

.box-g{
  position: relative;
}
.box-g-content{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -32%);
  color: #fff;
  width: 100%;
  padding: 50px;
}

@media (max-width: 992px){
  .box-g-content{
    position: relative;
    top: 0;
    left: 0;
    transform:none;
    background: rgba(0,69,253,0.3);
    margin-top: 25px;
  }
  .box-fa > img{
    display: none;
  }
  .box-m{
    margin-bottom: 0;
  }
  .box-m > div{
    margin-top: 10px;
  }
  .box-fa-content{
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 20px 5px;
    border-top: 5px solid #0045ff;
    background: rgb(0,69,255);
    background: -moz-linear-gradient(0deg, rgba(0,69,255,1) 0%, rgba(224,0,37,0.49653364763874297) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,69,255,1) 0%, rgba(224,0,37,0.49653364763874297) 100%);
    background: linear-gradient(0deg, rgba(0,69,255,1) 0%, rgba(224,0,37,0.49653364763874297) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0045ff",endColorstr="#e00025",GradientType=1);
  }
  .box-fa-content h4{
    font-size: 1rem;
  }
}
.box-g img.games{
  transition: transform .3s; /* Animation */
}
.box-g:hover img.games{
  transform: scale(1.1);
}
.title-bar{
  width: 100%;
  margin-top: 15px;
  text-align: center;
  color: #ffffff;
  padding-top: 3px;
  padding-bottom: 3px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,69,253,0.6) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,69,253,0.6) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,69,253,0.6) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.why-us{
  background: rgba(69, 69, 69, 0.5);
  padding: 30px 0;
  width: 100%;
}
.didw .drawres{
  background: rgba(69, 69, 69, 0.5);
  padding-bottom: 50px;
}
.inspiration .why-us{margin-top: -45px;}
.bg-dark-grey{
  background: rgba(69, 69, 69, 0.5);
  padding: 30px 0;
  width: 100%;
}
.drawres{
  margin-top: -45px;
  padding: 30px 0;
  width: 100%;
}
#accordion .panel-default{
  background: rgb(30,60,226);
  background: -moz-linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  background: linear-gradient(0deg, rgba(30,60,226,1) 0%, rgba(197,8,63,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e3ce2",endColorstr="#c5083f",GradientType=1);
}

.features{
  text-align: center;
}
.features p{
  color: #ffd990;
  margin-top: 20px;
}
.f-draw .features p{
  color: #ffffff;
}
.f-draw .features a{
  color: #ffd990;
}
.f-draw .features a:hover{
  color: #ccc;
}
.footer-top{
  margin-top: 100px;
  color: #ffffff;
}
.footer-top h6{
  margin-bottom: 0.9rem;
}
.footer-top a{
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
.footer-top p{
  margin-bottom: 0.3rem;
}

.footer-top p .fa-android{
  color: #00ff24;
}
.footer-top.apps .fa{
  font-size:18px;
}
.newsletter  .form-control {
  height: 50px;
  border-color: #ffffff;
  border-radius:0;
}
.newsletter .form-control:focus {
  box-shadow: none;
  border: 2px solid #243c4f;
}
.newsletter .btn {
  min-height: 50px;
  border-radius:0;
  background: #0045fd;
  color: #fff;
  font-weight:600;
}
.bg-dark-default{
  background: #363637;
}
@media (min-width: 992px){
  .mt-112{
    margin-top: 5.9%;
  }
  .mt-112 .box-g-content{
    margin-top: -13%;
  }
  #games {
    margin-top: -20%;
  }
}
@media (min-width: 1200px){
  #games {
    margin-top: -18%;
  }
}
@media (min-width: 1400px){
  #games {
    margin-top: -17.5%;
  }
}
@media (min-width: 1565px){
  #games {
    background: url(../img/bg-ball.jpg);
    margin-top: -15.5%;
  }

}
@media all and (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{
    left:0;
    right:0;
    width:100%;
    padding:20px;
    margin-top:40px;
    color: #ffffff;
    border-top: 5px solid #0045ff;
    border-radius: 0 0 20px 20px;
    background: rgb(23,47,173);
    background: -moz-linear-gradient(0deg, rgba(23,47,173,1) 0%, rgba(150,7,50,0.8332283597032564) 60%);
    background: -webkit-linear-gradient(0deg, rgba(23,47,173,1) 0%, rgba(150,7,50,0.8332283597032564) 60%);
    background: linear-gradient(0deg, rgba(23,47,173,1) 0%, rgba(150,7,50,0.8332283597032564) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#172fad",endColorstr="#960732",GradientType=1);
  }
  .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}
.box-mega{
  padding: 20px;
  border-radius: 0 20px 0 20px;
  margin-top: 10px;
  color: #ffffff;
}
.box-mega h1, .box-mega h2, .box-mega h3,.box-mega h4,.box-mega h5,.box-mega h6, .box-mega p{
  margin-bottom: 0;
}
.box-mega:first-child{
  margin-top: 0;
}
.box-mega.red{
  background: rgb(241,48,5);
  background: -moz-linear-gradient(0deg, rgba(241,48,5,1) 0%, rgba(211,39,1,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(241,48,5,1) 0%, rgba(211,39,1,1) 100%);
  background: linear-gradient(0deg, rgba(241,48,5,1) 0%, rgba(211,39,1,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f13005",endColorstr="#d32701",GradientType=1);
}
.box-mega.yellow{
  background: rgb(240,105,0);
  background: -moz-linear-gradient(0deg, rgba(240,105,0,1) 0%, rgba(250,177,0,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(240,105,0,1) 0%, rgba(250,177,0,1) 100%);
  background: linear-gradient(0deg, rgba(240,105,0,1) 0%, rgba(250,177,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f06900",endColorstr="#fab100",GradientType=1);
}
.box-mega.blue{
  background: rgb(9,75,201);
  background: -moz-linear-gradient(0deg, rgba(9,75,201,1) 0%, rgba(23,186,238,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(9,75,201,1) 0%, rgba(23,186,238,1) 100%);
  background: linear-gradient(0deg, rgba(9,75,201,1) 0%, rgba(23,186,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#094bc9",endColorstr="#17baee",GradientType=1);
}
.box-mega.green{
  background: rgb(21,137,98);
  background: -moz-linear-gradient(0deg, rgba(21,137,98,1) 0%, rgba(147,236,13,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(21,137,98,1) 0%, rgba(147,236,13,1) 100%);
  background: linear-gradient(0deg, rgba(21,137,98,1) 0%, rgba(147,236,13,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#158962",endColorstr="#93ec0d",GradientType=1);
}
.box-mega-logo{
  padding: 10px 15px;
  border-radius: 0 20px 0 20px;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
}
.box-mega-counter{
  color: #000;
}
.number-wrap-1 h2{
  font-size: 2.5rem;
  line-height: 1.7;
  font-weight: 900;
}
.number-wrap-2 h2{
  font-size: 2.3rem;
  line-height: 1.2;
  font-weight: 900;
}
.number-wrap-3 h2{
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 900;
}

.number-wrap-1{
  padding: 0 25px;;
  background: #ececec;
  border: 6px solid #fff;
  border-radius: 15px;
}
.number-wrap-2{
  padding: 0 15px;;
  background: #ececec;
  border: 6px solid #fff;
  border-radius: 15px;
}
.number-wrap-3{
  padding: 5px 10px;;
  background: #ececec;
  border: 6px solid #fff;
  border-radius: 15px;
}
.megamenu.show::after {
  content: '';
  position: absolute;
  left: 31%;
  top: -18px;
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #0045ff;
}
@media all and (min-width: 1199px) {
  .navbar-dark .navbar-nav .nav-link{
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media all and (max-width: 1199px) {
  .megamenu.show::after {
    left: 34%;
  }
  .box-mega-logo{
    padding: 10px 60px;
  }
  .number-wrap-3 {
    padding: 0 10px;
    border-radius: 12px;
  }
}
@media all and (max-width: 992px) {
  .game-part{
    margin-bottom: 50px;
  }
}
.box-draw{
  cursor: pointer;
}
.d-iwin, .d-filter{
  display: none;
}
#allgames{
  width: 100%;
  height: 100%;
  border-top: 5px solid #0045ff;
  background: rgb(23,47,173);
  background: -moz-linear-gradient(0deg, rgba(23,47,173,1) 0%, rgba(150,7,50,0.8332283597032564) 60%);
  background: -webkit-linear-gradient(0deg, rgba(23,47,173,1) 0%, rgba(150,7,50,0.8332283597032564) 60%);
  background: linear-gradient(0deg, rgba(23,47,173,1) 0%, rgba(150,7,50,0.8332283597032564) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#172fad",endColorstr="#960732",GradientType=1);
}

.games-detail h2{
  font-family: BluPurpl;
  font-size: 2.6rem;
  line-height: 1;
  margin-bottom: 0;
}
.games-detail h3{
  font-family: 'Cinzel Decorative';
  font-size: 1.3rem;
}
.drawwrapper{
  position: relative;
  width: 146px;
}
.drawdate{
  margin-top: 50px;
  background: #363636;
  padding: 5px;
  width: 100px;
  height: 53px;
}
.drawdate:after{
  content: '';
  position: absolute;
  height: 53px;
  width: 30px;
  top: 0;
  right: 30px;
  z-index: 0;
  background: #363636;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  transform: skew(-30deg);
}

.drawdate h4, .drawdate p{
  margin-bottom: 0;
  position: absolute;
  z-index: 1
}
.drawdate p{
  bottom: 5px;
}
.drawdate h4{
  font-size: 1.2rem;
  line-height: 1;
  color: #ffd400;
}
.drawdate p{
  font-weight: 100;
}
/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #EEEEEE;
}

.panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #fff;
  background: rgb(37,0,85);
  background: -moz-linear-gradient(0deg, rgba(37,0,85,1) 25%, rgba(22,17,156,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(37,0,85,1) 25%, rgba(22,17,156,1) 100%);
  background: linear-gradient(0deg, rgba(37,0,85,1) 25%, rgba(22,17,156,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#250055",endColorstr="#16119c",GradientType=1);
}

.panel-title {
  font-size: 14px;
}

.panel-title > a {
  color: #fff;
  display: block;
  padding: 15px;
  font-weight: 100;
  text-decoration: none;
  position: relative;
}
.panel-title > a > span{
  color: #ffce00;
  font-weight: 700;
}
.collapsed .fa-caret-up{
  transform: rotate(0);
}
.fa-caret-up{
  transform: rotate(180deg);
}
.right-panel {
  float: right;
  font-size: 20px;
}
.print{
  position: absolute !important;
  right: 50px;
  margin-top: -53px;
  color: #ffce00 !important;
}
.box-number{
  font-weight: 700;
  border: 4px solid #f08122;
}
.evening .box-number{
  border: 4px solid #41c302;
}
.classic .box-number{
  border: 4px solid #cbd9ff;
}
.fd .box-number{
  border: 4px solid #ffc20f;
}
.box-number.d-flex div{
  padding: 0 3.6px;
}

.lvresult .box-number.d-flex div{
  padding: 0 5.4%;
}
.lvresult .desc-j{
  padding: 15px !important;
}
.lvresult .desc-j.prize{
  font-size: 1.4rem;
}
.lvresult .desc-j.prize span{
  margin-left: 5%;
}
@media (max-width: 1200px){
  .lvresult .box-number.d-flex div{
    padding: 0 4.7%;
  }
}
@media (max-width: 992px){
  .lvresult .desc-j .h4{
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .lvresult .boxnum.h1{
    font-size: 1.7rem;
  }
  .pricetag, .pricetag2{
    margin-left: 15px;
  }
}
@media (max-width: 767px){
  .lvresult .desc-j .h4{
    font-size: 1rem;
    line-height: 2rem;
  }
  .lvresult .boxnum.h1{
    font-size: 1.3rem;
  }
  .lvresult .desc-j .h2{
    font-size: 1.4rem;
  }
  .pricetag, .pricetag2{
    margin-left: 0;
  }
}
@media (max-width: 420px){
  .lvresult .desc-j .h4 {
    font-size: 0.6rem;
    line-height: 1rem;
  }
  .lvresult .desc-j .col-1.h4 {
    font-size: 1rem;
    line-height: 1rem;
    margin-left: -10px;
    margin-right: 7px;
    margin-top: 4px;
  }
  .lvresult .desc-j .h2{
    font-size: 1rem;
  }
  .lvresult .boxnum.h1{
    font-size: 1rem;
  }
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding: 20px;
}
.boxj.yellow{
  background: #ffc20f;
}
.boxj.blue{
  background: #00a1e5;
}
.boxj.orange{
  background: #ef8122;
}
.boxj.red{
  background: #ed1b24;
}
.boxj.green {
  background: #3abc02;
}
.red .winum{
  border: 2px solid red;
}
.yellow .winum{
  border: 2px solid #ffc000;
}
.winum{
  margin:0 2px;
  font-weight: 700;
  min-width:30px;
  border-radius: 10px 0 10px 0;
}

span.orange{
  color: orange;
}
.boxj{
  padding: 10px;
  color: #000;
  margin-top: 5px;
}
.title-j{
  font-weight: 700;
}
.desc-j .h6{
  font-size: 0.85rem !important;
}
.desc-j h6{
  margin-bottom: 0;
}
.desc-j span{
  font-weight: 700;
}
.desc-j p{
  margin-bottom: 0;
}
.desc-j {
  background: #fff;
  padding: 5px;
  margin-bottom: 2px;
  font-weight: 400;
}
.rpl{
  margin-left: 1px;
}
.lpr{
  margin-right: 1px;
}
.price{
  display: inline-block;
  position: relative;
  font-weight: 700;
}
.pricetag {
  white-space: nowrap;
  position: absolute;
  margin-left: 5px;
  display: inline-block;
  height: 36px;
  padding: 5px 5px;
  background: #db1b4c;
  color: #fff;
  border: none;
  font-weight: 400 !important;
  line-height: 14px;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
}
.pricetag2{
  white-space: nowrap;
  position: absolute;
  margin-left: 15px;
  display: inline-block;
  height: 26px;
  padding: 5px 5px;
  background: #db1b4c;
  color: #fff;
  border: none;
  font-weight: 400 !important;
  line-height: 14px;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  font-size: 12px;
}
div .pricetag{
  font-size: 12px;
}
.bluelabel{
  background: #00a1e5;
  margin-bottom: 0;
}
.price.red{
  color: red;
}

.pricetag:before{
  position:absolute;
  content:"";
  color:white;
  text-shadow: 0 0 1px #333;
  font-size:12px;
  line-height:0px;
  text-indent:12px;
  left:-7px;
  width: 1px;
  height:0px;
  border-right:14px solid #db1b4c;
  border-top:  13px solid transparent;
  border-bottom:  13px solid transparent;
  z-index: -1;
}
.pricetag2:before{
  position:absolute;
  content:"";
  color:white;
  text-shadow: 0 0 1px #333;
  font-size:12px;
  line-height:0px;
  text-indent:12px;
  left:-14px;
  width: 1px;
  height:0px;
  border-right:14px solid #db1b4c;
  border-top:  13px solid transparent;
  border-bottom:  13px solid transparent;
  z-index: -1;
  top: 0;
}

.h6.pa{
  font-size: 0.85rem !important;
}
.merah{
  color: #db1b4c;
  font-weight: 700;
  position: relative;;
}
.merah p{
  margin-bottom: 0;
}
.merah .pricetag{
  right: -10px;
  top: 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .box-number.d-flex div {
    padding: 0 1px;
  }
  .winum{
    margin: 0 0.5px;
  }
  .merah .pricetag{
    right: -40px;
  }

}
.features h6{
  color: #fff;
  margin-top: 20px;
  margin-bottom: 5px;
}
.features h6+p{
  margin-top: 0;
}
.gj-datepicker-bootstrap [role=right-icon] button{
  background: #ffc600;
}
.gj-datepicker-bootstrap input, .form-control{
  background: #555555;
  color: #fff;
}
#didiwin label{
  color: #fff;
}
.contactpage i{
  font-size: 25px;
  color: #ffc600;
}

.btn-primary{
  background: #ffc600;
  color: #000;
  font-weight: 700;
  border: none;
  border-radius: 0;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
  background: #ef8400;
  color: #fff;
}
.dwin{
  margin-top: 129.6px !important;
}
.ribbon {
  background-image: url('../img/ribbon.png');
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
}
.content{
  padding: 15px;
}
.content h6{
  font-weight: 100;
  margin-bottom: 0;
}
h4.yellow{
  color:#ffc600;
  margin-bottom: 0;
}
.drawno,.stars{
  height: 300px;
}
.content.games-detail h2{
  letter-spacing: 5px;
}
.content.games-detail h3{
  font-size: 3.2rem;
  text-shadow: 1px 2px 4px rgb(0 0 0);
}
.boxnum{
  border: 4px solid #3abc02;
  font-weight: 700;
}
.kiri .lnumb.off{
  background: #666;
  color: #666;
}
.kanan .lnumb.off{
  background: #666;
  color: #666;
}
.kiri .lnumb.off::before{
  content: "";
  width: 4px;
  height: 100%;
  background-color: #3abc02;
  left: 0px;
  position: absolute;
  display: block;
  top: 0px;
}
.kanan .lnumb.off::before{
  content: "";
  width: 4px;
  height: 100%;
  background-color: #3abc02;
  right: 0px;
  position: absolute;
  display: block;
  top: 0px;
}
@media (max-width: 1200px){
  .drawno,.stars{
    height: 250px;
  }
  .content.games-detail h3{
    font-size: 3.3rem;
  }
}
@media (max-width: 992px){
  .drawno,.stars{
    height: 190px;
  }
  .content.games-detail h2{
    font-size: 2rem;
  }
  .content.games-detail h3{
    font-size: 2.3rem;
  }
  .footer-top {
    margin-top:50px;
    color: #ffffff;
  }
}
@media (max-width: 768px){
  .drawno,.stars{
    height: 140px;
  }
  .content.games-detail h2{
    font-size: 1.3rem;
  }
  .lvresult .h2{
    font-size: 1.5rem;
  }
  .content.games-detail h3{
    font-size: 1.5rem;
  }
  h4.yellow{
    font-size: 16px;
  }
  .content h6{
    font-size: 14px;
  }
}
@media (max-width: 540px){
  .drawno,.stars{
    height: 130px;
  }
  .content.games-detail h2{
    font-size: 1.1rem;
  }
  .content.games-detail h3{
    font-size: 1.3rem;
  }
  .log{
    padding: 5px;
  }
  .drawno{
    padding-left: 0;
    padding-top: 12px;
  }
}
.boxj .h2{
  font-size: 1rem;
}
.boxj .h1{
  font-size: 1.2rem;
}
.boxj .price{
  margin-top: 4px;
}
.boxj .h3{
  font-size: 0.8rem;
}
.boxj .h4{
  font-size: 0.6rem;
}
.ord{
  margin: 8px 4px 0 -4px ;
}
@media (max-width: 420px){
  .lvresult .h2{
    font-size: 1rem;
  }
  .lvresult .h4{
    font-size: 0.8rem;
  }
  .box-g-content{
    padding: 20px;
  }
  .number-wrap-1{
    padding: 0 15px;
  }
  .number-wrap-3{
    padding: 0;
    border: 0;
    background: transparent;
  }
  .number-wrap-3 h2 {
    font-size: 1.7rem;
    line-height: 1.7rem;
    background: #ececec;
    border: 5px solid #fff;
    padding: 0 4px;
    border-radius: 5px;
    font-weight: 900;
  }
  .number-wrap-3 + h1{
    font-size: 1.7rem;
    line-height: 1.7rem;
    font-weight: 900;
  }
  .number-wrap-2{
    padding: 0;
    border: 0;
    background: transparent;
  }
  .number-wrap-2 h2{
    background: #ececec;
    border: 5px solid #fff;
    padding: 0 8px;
    border-radius: 10px;
    font-weight: 900;
  }
  .bg-black-content{
    margin-top: 50px;
  }
  .dwin{
    margin-top: 20px !important;
  }
  .jumbotron.shortmob, .border-jumbo.shortmob{
    height: 250px;
    clip-path: circle(1250px at 50% -1010px);
  }
  .box-number.d-flex.h5{
    font-size: 1.1rem;
  }
  .box-number.d-flex div {
    padding: 0 1.6px;
  }
  .ribbon{
    min-height: 101px;
  }
  .drawno, .stars{
    height: 90px;
  }
  h4.yellow{
    font-size: 10px;
  }
  .content h6 {
    font-size: 9px;
  }
  .contactpage i{
    font-size: 16px;
  }
  .star{
    font-size: 10px;
  }
  .content.games-detail h3 {
    font-size: 1rem;
  }
  .lvresult .box-number.d-flex div {
    padding: 0 1.3px;
  }
  .lvresult .box-number.h2 {
    font-size: 1.2rem;
  }
  .or{
    padding: 0 !important;
    /* text-align: left !important; */
    margin-left: -7px;
    padding-top: 5px !important;
  }
  .box-draw, .box-ins{
    padding: 15px 10px;
  }
  .box-draw.left{
    border-radius: 15px 0 0 0;
  }
  .box-draw.right {
    border-radius: 0 0 15px 0;
  }
  .box-draw h3, .box-ins h2{
    font-size: 13px;
  }

}