body { 
       font-family: Poppins; 
       margin: 20px; 
       margin: auto;
       font-size: 15px;
       font-weight: 400;
       line-height: 23px;
       text-align: left;
       color: #000000;
       position: relative;
}

body::before { 
       content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
       background-image: url("images/static/content_background.png");
       background-repeat: repeat;
       background-attachment: fixed;
       background-size: 64px;
       background-position: center;
       
}

 
/*--HEADER--*/
.header_mobile{
       display: none;
}

.image_header_web_row:after {
       content: "";
       display: table;
       clear: both;
}
.image_header_web {
       float: left;
       width: 33.33%;
  
}
.header{
       background: #012F49;
       position: relative;
}
.image_header_web_row{
       margin: 0 auto;
       max-width: 1140px;
}

.image_header_web img { 
       width:50%;
       height:auto; 
       padding:12%;
}

.image_header_web.top img { 
       width:65%;
}
.image_header_web.logo img { 
       width:35%;
}

.image_header_web.middle img { 
       width:85%;
       height:auto; 
       padding:0;
}


.image_header_web {
       text-align: center;
}

.header_jackpot_row{
       background-color: #2E6584;
       text-align: center;
       line-height: 60px;
       font-size: 40px;
       margin-bottom: 2%; 
}



.jackpot_title{
       font-weight: 900;
       color:#fff;
}
.jackpot_amount,
.jackpot_amount_currency{
       color:#FED251;
       font-weight: 700;
}

.jackpot_amount{
       width: 50%;
       white-space: nowrap;
}


.jackpot_amount_currency{
     text-align: left;
}


.header_jackpot{
       width:35%;
       margin:auto;
       display: flex;
}

.header_jackpot > * {
       width:calc(100% / 3);
}


/*--CONTENT--*/

.description p{
       text-align: left;
       color: #000000;

}

.description h2{
       font-size: 18px;
      
       text-align: left;
       color: #2E6584;
}
.description li{
       font-size: 15px;
       
       text-align: left;
       color: #012F49;
}
.main_content { 
       max-width: 940px;
       margin: auto;
       width:65%;
       padding-top: 1%;
      background-color: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
      padding: 20px;
      position: relative;
}
.dream-drop { 
       border: 1px solid #ddd; 
       padding: 15px; 
       margin-bottom: 15px; 
       display: flex; 
       align-items: center; 
}

.show_button {
       display: table;
       margin-left: auto;
       margin-right: auto;
       padding: 8% 0 8% 0;   
}
.play-btn {
       background-color: #FED251;
       color: #000000;
       padding: 15px 35px;
       text-decoration: none;
       gap: 0px;
       border-radius: 10px;
       font-size: 20px;
       font-weight: 500;
       line-height: 30px;
       text-align: left;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}
     
.play-btn:hover {
        background-color:  #FCAC16;
}


.block_jackpot_paid_amount table,
.block_big_prices table{
       width: 100%;
       border-spacing: 0px;
}


.jackpot_paid_amount_row:after {
       content: "";
       display: table;
       clear: both;
}
.jackpot_paid_amount_row{
       border-radius: 4px;
}
.jackpot_paid_amount_item,
.big_prices_item {
       width: 33%;
       font-weight: 500;
       text-align: left;
       padding: 1% 1% 1% 2%;
       color: #000000;


}

.jackpot_paid_amount_item.title {
       text-align:center;
       font-weight: 500;
}

.jackpot_paid_amount_item.amount {
       text-align:right;
       font-weight: 700;
}

.jackpot_paid_prices_hidden_row td{
       display:none;
}

.jackpot_arrow_hidden_button,
.big_prices_arrow_hidden_button,
.dream_drops_arrow_hidden_button{
       display:none;
}

.block_big_prices{
       margin-bottom:1%;
       margin-top:5%;
}


.block_jackpot_paid_amount_title,
.block_big_prices_title,
.dream_drop_container_title{
       color:#2E6584;
       text-transform: uppercase;
       font-size: 18px;
       font-weight: 700;
       line-height: 22.5px;
       text-align: left;
       padding: 0 0 1% 1%;
       margin-bottom:2%;
}
.block_big_prices_row:after {
       content: "";
       display: table;
       clear: both;
}
/*
.big_prices_item {
       
       width: 29%;
       font-weight: 500;
       text-align: left;
       padding: 1% 2% 1% 2%;
       color: #000000;
}
*/

.big_prices_item.title{
       text-align: center;
}

.big_prices_item.amount {
       text-align:right;
       font-weight: 700;
}

.big_prices_hidden_row td{
       display:none;
}

.down_arrow{
       text-align: center;
       margin-top:1%;
}

.dark{
       background-color: #2E658429;
       
}

.dark_big_prices{
       background-color: #FCAC162E;
       border-radius: 4px;
}

.light{
       background-color: #fff;
}

.dream_drop_container{
       margin-top:5%;
}
     
.dream_drop_item img { 
       width: 100%; 
       height: auto;
       border-radius: 10px; 
}
.dream_drop_row:after {
       content: "";
       display: table;
       clear: both;
}
.dream_drop_item {
       float: left;
       width: 48%;
}

.dream_drop_item.content {
       text-align: left;
       margin-left: 28px;
       width: 44%;
}
.dream_drop_item.content .drop_title a {
       font-weight: 700;
       padding-bottom: 4%;
       font-size: 18px;
       text-decoration: none;
       color:#2E6584;
}

.dream_drop_item.content .drop_body{
       padding-top: 0;
}

.dream_drop_row{
       margin-bottom: 0%;
       margin-top: 3%;
}

.drop_games_hidden_row{
       display: none;
}

.drop_excerpt{
       display: block;
}
.mobile_hidden{
       display: none;
}

.drop_excerpt .more{
       color:#012F49;
       text-decoration: underline;
       cursor: pointer;
}

.drop_body .less{
       color:#012F49;
       text-decoration: underline;
       cursor: pointer;
}





/*--FOOTER--*/
.footer{
       background-color: #012F49;
       text-align: center;
       padding-top:2%;
       margin-top: 2%;
       position: relative;
}
.footer .footer_text{
       color: #fff;
       width: 50%;
       margin: auto;
       padding: 2%;
}

.footer .footer_last_update,
#dialog-cookie a{
       color: #fff;
       font-size: 9px;
       padding-bottom: 1%;
}

/*cookie policy*/

.iframe-container {    
       padding-bottom: 60%;
       padding-top: 30px; height: 0; overflow: hidden;
   }
    
   .iframe-container iframe,
   .iframe-container object,
   .iframe-container embed {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
}

@media screen and (min-width: 500px) {
       .iframe-container {    
              padding-bottom: 80%;
       }
}




/*---Responsive---*/

@media screen and (max-width: 1140px) {
       .image_header_web_row {
              width: 100%;     
       }
}

@media screen and (min-width: 500px) {
       .dream_drop_item.content {
              float:none;
              margin-left: 0;
              width: 100%;
        }

        .dream_drop_item.image {
             
              margin-right: 25px;
              width: 50%;
        }
}  

@media screen and (min-width: 700px) and (max-width:949px) {
       .header_jackpot_row {
              font-size: 25px;
       }
       .description h1 {     
              font-size: 25px;
       }
 
}


@media screen and (min-width: 616px) and (max-width:851px) {
       .big_prices_item.date,
       .jackpot_paid_amount_item.date {
              width: 25%;
       }
       .big_prices_item.amount,
       .jackpot_paid_amount_item.amount {
              width: 45%;
       }
          

}

@media screen and (min-width: 501px) and (max-width:616px) {
       .big_prices_item.date,
       .jackpot_paid_amount_item.date {
              width: 23%;
       }
       .big_prices_item.amount,
       .jackpot_paid_amount_item.amount {
              width: 45%;
       }
          

}

@media screen and (min-width: 501px) and (max-width:525px) {
       .big_prices_item.date,
       .jackpot_paid_amount_item.date {
              width: 21%;
       }
       .big_prices_item.amount,
       .jackpot_paid_amount_item.amount {
              width: 49%;
       }
          

}

@media screen and (min-width: 600px) and (max-width:750px) {
       .big_prices_item,
       .jackpot_paid_amount_item{
              font-size:14px;
       }
       .show_button {
              text-align: center;
       } 
          
}



@media screen and (min-width: 500px) and (max-width:699px) {
       .header_jackpot_row {
         font-size: 22px;
       }

       .header_jackpot {
          width: 82%;
       }

       .description h1 {     
              font-size: 22px;
       }
   
       .play-btn {
              font-size: 17px;
       }
}

@media screen and (min-width: 500px) and (max-width:600px) {
       .dream_drop_item.content {
              width: 100%;
          }

        .jackpot_paid_amount_item,
        .big_prices_item {
              font-size: 13px;
              padding: 1% 1% 1% 1%;
       }
       .show_button {
              padding: 8% 0 13% 0;
       }
          
}


/*---Mobile---*/

@media only screen and (max-width: 500px) {
       body::before { 
              background: none;
       }
       .main_content{
              box-shadow: none;
              padding: 0;     
       }

       .header{
              display: block;
       }

       .image_header_web.middle img {
              width: 100%;
              height: auto;
       }
       .image_header_web.logo img {
              width: 35%;
              height: auto;
       }

       .image_header_web.top img{
              width: 70%;
              height: auto;
       }

       .header_jackpot_row {
            font-size: 25px;
            padding: 1%;
       }
     
       .header_jackpot {
              width: 85%;

       }
       .header_jackpot .jackpot_amount {
              width: 75%;
       }

       .image_header_web_row{
              display: grid;
              padding-top: 5%;
       }

       .image_header_web.top{
              order: 2;
       }

       .image_header_web.middle{
              order:3;
       }

       .image_header_web.logo{
              order:1;
       }

       .image_header_web{
              width: 100%;
       }
       .image_header_web img {
              padding: 1%;
       }

       /*CONTENT*/

       .main_content {
              width: 90%;
       }

       .description p{
              font-size: 13px;
              line-height: 20px;
              text-align: left;
              color: #000000;
       
       }
       
       .description h2{
              font-size: 14px;
              font-weight: 800;
              line-height: 20px;
              text-align: left;
              color: #2E6584;
       }
       .description li{
              font-size: 13px;
              font-weight: 500;
              line-height: 20px;
              text-align: left;
              color: #012F49;
       
       }

       .show_button {
              display: table;
              margin-left: auto;
              margin-right: auto;
              padding: 8% 0 11% 0;   
       }

       .play-btn {
              font-size: 16px;
       }

       .block_jackpot_paid_amount_title,
       .block_big_prices_title,
       .dream_drop_container_title
       {
              text-transform: uppercase;
              font-size: 14px;
              font-weight: 700;
              line-height: 22.5px;
              text-align: left;
              padding: 1% 0 1% 1%;
              
       }

       .big_prices_item.date,
       .jackpot_paid_amount_item.date{
              padding: 2% 1% 2% 1%;
       }

       .big_prices_item.title,
       .jackpot_paid_amount_item.title{
              padding: 2% 0px 2% 0px;
       }

       .big_prices_item.amount,
       .jackpot_paid_amount_item.amount{
              padding: 2% 1% 2% 0px;
       }

       .drop_excerpt{
             display: block;
             font-size: 13px;
             text-align: left;
             width: 100%;
       }

       .jackpot_paid_amount_item,
       .big_prices_item{
              font-size:12px;
              width:auto;
       }

       .dream_drop_item.content {
              font-size: 13px;
              line-height: 19px;
              text-align: left;
              margin-left: 0px;
              float: none;
              width: 100%;
              
       }


       .dream_drop_item.image.mobileshow_image{
              float: none;
              width: 100%;
              border-radius: 50px;
       }
       .dream_drop_item.image.mobileshow_image img{ 
              border-radius: 35px;
       }

       .dream_drop_item.content.mobileshow_content {
              font-size: 13px;
              line-height: 20px;
              text-align: left;
              margin-left: 5px;
              width: 100%;
       }

       .drop_title.mobile_hidden,
       .dream_drop_container_title,
       .dream_drop_item.content .drop_title a{
              font-size: 14px;
              font-weight: 700;
              margin-top:3%;

       }

       .dream_drop_container_title{
             display:block; 
              
       }

       .dream_drop_item.image {
              margin-right: 15px;
              width: 50%;
       }
      

       .more,
       .less{
              display:block;
       }

        /*FOOTER*/

        .footer .footer_text{
              width: 80%; 
              font-size: 13px;
              line-height: 20px;
       }

       .footer{
              border-radius: 50px 50px 0 0;
              padding-bottom: 5%;
              padding-top: 5%;
       }
       .footer_title img{
              width: 46%;
       }
       
}

@media only screen and (max-width: 500px) {
  
       
       .play-btn {
              font-size: 16px;
       }
}


@media only screen and (max-width: 390px) {
       .header_jackpot {
              width: 95%;
          }
          
          .big_prices_item.amount {
              width: 43%;
          }
          .big_prices_item.title {
              width: 33%;
          }
          .play-btn {
              font-size: 15px;
       }
 
}

@media only screen and (max-width: 376px) {
       .big_prices_item.amount {
              width: 50%;
          }
          .big_prices_item.title {
              width: 33%;
          }

          .header_jackpot_row {
              font-size: 25px;
              padding: 1%;
         }

        .jackpot_paid_amount_item,
        .big_prices_item {
              font-size: 12px;
          }
}

@media only screen and (max-width: 360px) {
       .header_jackpot {
              width: 100%;
          }

          .jackpot_paid_amount_item.amount {
              width: 60%;
          }
          .jackpot_paid_amount_item.date{
              width: 37%;
          }
         
          .play-btn {
              font-size: 14px;
       }

}

@media only screen and (max-width: 320px) {
       .header_jackpot_row {
              font-size: 20px;
                  
      }

      .jackpot_paid_amount_item,
      .big_prices_item {     
              font-size: 11px;  
       }

       .dream_drop_item.content.mobileshow_content {
              font-size: 11px;
       }
       .drop_excerpt {
              font-size: 11px;
       }
      
       .description p{    
              font-size: 11px;
       }

       .description li{
              font-size: 11px;
       }


}