/*EXTRAS*/
.lclass a button {background-color:#26b10d !important; width:95%; padding:20px; margin:0px 28px 0px 0px;}
.lclass a button:hover {background-color:#19660b !important;}

.estado-list .check {
  -webkit-appearance: none; /*hides the default checkbox*/
  display:inline-block !important;
  height: 20px;
  width: 20px;
  top: 20px;
  left: 20px;
  transition: 0.10s;
  background-color: gray;
  text-align: center;
  font-weight: 600;
  color: white;
  border-radius: 50%;
  outline: none;
}

.estado-list label {font-size:1.2em; line-height:30px;}

.estado-list .check:checked {
  background-color: #0E9700;
}

.estado-list .check:before {
  content: "✔";
}
.estado-list .check:checked:before {
  content: "✔";
}

.estado-list .check:hover {
  cursor: pointer; 
  opacity: 0.8;
}


/* HEADER */
.main-header{    background-color: rgb(8, 25, 4,0.95);  
position: fixed; width: 100%; z-index: 999999; overflow-x: hidden;}

.nav-bar {display: flex;   justify-content: space-between;    padding: 0.1rem 6rem;}
.logo { display: flex;    align-items: center; padding:5px 0px; }
.logo img{width: 105px; max-width: 105px;}

.nav-list {display: flex;    align-items: center; margin-left: 140px; }
.nav-list ul {display: flex;    justify-content: center;    list-style: none;}
.nav-item { margin: 0 15px; }
.nav-item a{ padding: 5px 2px; }
.nav-link { text-decoration: none;  font-size: 0.8rem; color: #fff; 
    font-weight: 400; font-family: var(--fonte-texts); text-transform: uppercase;}
.nav-item a:hover{background-color:rgb(58, 169, 38,0.6); padding: 5px 2px;}
.nav-item a i{font-size: 0.8em; margin:5px 2px 0px 0px; float: left;
color: rgba(82, 255, 52, 0.5);}

.login-button .btnlogin {background-color:#fff;  margin:14px 5px 0px 0px;
      text-decoration: none;  float: left; text-transform: uppercase; color:#081904;} 
.login-button .btnadd { background-color:#26b10d;   margin:14px 0px 0px 0px;
         text-decoration: none; float: left;text-transform: uppercase;}
.login-button .btnlogin:hover{background-color:#19660b; color:#fff;}
.login-button .btnadd:hover{background-color:#19660b; color:#fff;}              
.login-button .btn i{font-size: 0.7em; margin:5px 2px 0px 0px; float: left;}

.mobile-menu-icon { display: none;}
.mobile-menu { display: none;}

/* PARTE LOGADA DO HEADER */
.logado{width: auto; float: right;}
.logado .myacount { background-color:#26b10d;margin:10px 0px 0px 0px; text-decoration: none;float: left;
padding: 7px 15px;}
.logado .myacount:hover{background-color:#19660b; color:#fff;}              
.logado .myacount img{width: 22px; max-width: 30px; background-color:#fff; padding:4px;  float: left;}
.logado .myacount span{text-transform: uppercase; font-family: var(--fonte-texts); font-size: 0.9em;
    margin:7px 0px 0px 6px; float: left;}
.logado .cash { background-color:#26b10d0a;margin:16px 7px 0px 0px; font-size: 0.7em;text-decoration: none; 
    float: left;text-transform: uppercase; font-family: var(--fonte-texts); border:1px solid #30db12;
cursor: default; padding: 8px 13px;} 
.logado .cash span{color:#30db12; margin-left: 2px; font-size: 1.2em;}
/* PARTE LOGADA DO HEADER */

/* HEADER */

/* MAIN BANNER */
.main-banner{float: left; width: 100%; background-image: url(../img/fundobanner.gif);
    background-size: cover; max-width: 100%;overflow-x: hidden; }
.main-banner .content-banner{float: left; width: 100%;  padding:20px 0px;
margin-top: 50px; text-align: center;}
.main-banner .content-banner h1{font-family: var(--fonte-titles); font-weight: 600; color:#30db12;
text-align: center; margin-top: 95px; font-size: 3em; text-shadow: -4px -4px 0px #0c3905,
-4px 4px 0px #0c3905,4px -4px 0px #0c3905,4px 0px 0px #0c3905;}
.main-banner .content-banner p{font-family: var(--fonte-texts); font-weight: 300; color:#fff;
    text-align: center; font-size: 1.2em; }
.main-banner .botoes-destaque{float: left; width: 100%; padding: 2px;  text-align: center; margin: 10px 0px;}
.main-banner .botoes-destaque .content-botoes{width:90%; margin:0 auto;}
.main-banner .botoes-destaque .content-botoes a{text-decoration: none; padding:15px; font-size: 1em; font-family: var(--fonte-texts);}
.main-banner .botoes-destaque .content-botoes .btnop1{background-color: #fff; color:#081803;}
.main-banner .botoes-destaque .content-botoes .btnop2{background-color:#19660b;}
.main-banner .botoes-destaque .content-botoes .btnop3{background-color: #26b10d; color:#fff;}
.main-banner .botoes-destaque .content-botoes .btnop1:hover{background-color: #26b10d;}
.main-banner .botoes-destaque .content-botoes .btnop2:hover{background-color: #26b10d;}
.main-banner .botoes-destaque .content-botoes .btnop3:hover{background-color: #187c04;}

/* MAIN BANNER */


/* MAIN RESULT DAY */
.main-result-day{float: left; width: 100%;
background-image: url(../img/bgresult.png); background-size: cover; 
background-attachment: fixed; overflow-x: hidden;}
.main-result-day .default-titles{width: 100%; float: left; text-align: center; padding: 30px 0px;}   
.main-result-day .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:var(--cor-titles); margin:60px 0px 6px 0px;}  
.main-result-day .default-titles p{font-family: var(--fonte-texts); font-size: 0.9em; 
        color:#222; margin-top: 10px;}
.main-result-day .default-titles .line{width: 100px; height: 4px; 
    background-color: var(--cor-padrao); margin: 0 auto;}     
    
.main-result-day .content-result-day{float: left; width: 100%; text-align: center; 
    padding: 40px 0px;}
.main-result-day .content-result-day .result-date{padding: 15px 40px; color:#fff;
    background-color: var(--cor-padrao);  font-family: var(--fonte-titles); 
border:4px solid var(--cor-titles); font-size: 1.3em; margin:0px 20px;}
.main-result-day .content-result-day .date-prev{background-color: var(--cor-titles); 
  font-size: 1.3em; }
.main-result-day .content-result-day .date-next{background-color: var(--cor-titles); 
  font-size: 1.3em; }
.main-result-day .content-result-day .btn:hover{background-color: var(--cor-padrao);}  

.main-result-day .result{float: left; width: 100%; padding:10px 0px; margin-bottom: 0px;}
.main-result-day .result .result-list{display: flex; justify-content: space-between; text-align: center;}
.main-result-day .result .result-list .list-bet{display: flex; align-items: center; margin: 0 auto; width: auto;
    background-color:var(--cor-titles); padding:30px 20px; z-index: 999; border:1px solid rgb(38, 111, 25,0.2);}
.main-result-day .result .result-list .list-bet ul li{display: inline;}
.main-result-day .result .result-list .list-bet ul li a{ text-decoration: none; padding: 15px 40px; color:#fff;
    background-color:var(--cor-titles) ;  font-family: var(--fonte-texts); margin-left: 3px;
 font-size: 0.9em; border:1px solid rgb(38, 111, 25,0.9);}
 .main-result-day .result .result-list .list-bet ul li a:hover{background-color: rgb(38, 111, 25,0.9) !important;}
 .main-result-day .active-bet{background-color: rgb(38, 111, 25,0.9) !important;}

 .main-result-day .result .result-list .list-bichos{float: left; width: 100%; padding:30px; margin-top:-40px; 
    background-color: var(--cor-titles);}
.main-result-day .result .result-list .list-bichos .bichos-content{width:80%; margin: 0 auto;text-align: center;}   
.main-result-day .result .result-list .list-bichos .bichos-content .box-bichos{
    margin-top:100px !important; background-color:  rgba(255,255,255, 0.8);}
.main-result-day .result .result-list .list-bichos .bichos-content .box-bichos img{
    width: 80px; max-width: 40px; background-color: rgb(24, 124, 4); padding:10px;
    margin-top: -30px; margin-bottom: 20px;}
    .main-result-day .result .result-list .list-bichos .bichos-content .box-bichos .bicho-title{ font-family: var(--fonte-texts);
        padding: 2px 1px; margin-bottom: 20px; font-size: 0.9em; text-align: center;} 
   .bicho-title .bleft{padding:8px 0px; background-color: #081803; color:#fff; text-align: center; font-size: 0.8em; width: 30%;}        
   .bicho-title .bcenter{ padding:8px 0px; background-color: #081803; color:#fff; text-align: center;font-size: 0.8em; width: 30%;}        
   .bicho-title .bright{padding:8px 0px; background-color: #081803; color:#fff; text-align: center;font-size: 0.8em; width: 30%;}  
   
   .main-result-day .result .result-list .list-bichos .bichos-content .box-bichos .bicho-desc{font-family: var(--fonte-texts);
       padding: 2px 1px; margin-bottom: 1px; text-align: center;  width: 99%; margin: 0 auto;}
   .bline{background-color:#bbb; width:80%; margin:0 auto; height:1px;}
   .bicho-desc .bleft{padding:4px 0px; color:#081803; text-align: center; font-size: 0.77em; width: 30%; font-weight: 600;}        
   .bicho-desc .bcenter{padding:4px 0px;  color:#081803; text-align: center; font-size: 0.77em; width: 30%; font-weight: 600;}        
   .bicho-desc .bright{padding:4px 0px; color:#081803;  text-align: center; font-size: 0.77em; width: 30%; font-weight: 600;}   

.btnmaisresultados{padding: 15px 40px; color:#fff;
    background-color: var(--cor-padrao2);  font-family: var(--fonte-titles); letter-spacing: 0.06em; 
border:4px solid #fff; font-size: 1em; margin:0px 20px; text-decoration: none;}
.btnmaisresultados:hover{background-color: #fff; color:#081803;}

         /* pag  resultados*/
.main-result-day .content-result-day .result-day-select{width: 100%; float: left; padding:10px;
text-align: center; margin-top: -45px;}
.main-result-day .content-result-day .result-day-select .select-day select{width: 30%; 
    height: 60px; text-align: center; background-color: var(--cor-padrao); color:#fff;
font-size: 1.6em; border:4px solid #156305 }


/* MAIN RESULT DAY */

/* MAIN APRESENTACAO */
.main-apresentacao{width: 100%; float: left; padding:0px; margin-top: -10px; background-color: #fff; overflow-x: hidden;}
.main-apresentacao .content-apresentacao{width: 85%; margin:0 auto; padding:20px 0px; }
.main-apresentacao .content-apresentacao .default-titles{width: 100%; float: left; text-align: center; padding: 0px;}   
.main-apresentacao .content-apresentacao .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:var(--cor-titles); margin:60px 0px 6px 0px;}  
.main-apresentacao .content-apresentacao .default-titles p{font-family: var(--fonte-texts); font-size: 0.9em; 
        color:#222; margin-top: 10px; margin-bottom: 50px;}
.main-apresentacao .content-apresentacao .default-titles .line{width: 100px; height: 4px; 
    background-color: var(--cor-padrao); margin: 0 auto;}  
.main-apresentacao .content-apresentacao .about{float: left; width: 100%; margin:70px 0px 50px 0px;
text-align: center;}   
.main-apresentacao .content-apresentacao .about .box h2{font-family: var(--fonte-texts); font-size: 1.2em; 
    color:#187c04; margin:0px; text-align: left;}  
.main-apresentacao .content-apresentacao .about .box  p{font-family: var(--fonte-texts); font-size: 0.8em; 
        color:#666; margin-top: 10px; text-align: left; float:left;}   
.main-apresentacao .content-apresentacao .about .boximg{text-align: right; }   
.main-apresentacao .content-apresentacao .about .boximg img{max-width: 300px; text-align: right;} 

.main-apresentacao .howpay{float: left; width:100%; background-color: #111; }
.main-apresentacao .howpay .content-howpay{width:80%; margin: 0 auto; padding:40px 0px; text-align: center;}
.main-apresentacao .howpay .content-howpay .default-titles{width: 100%; float: left; text-align: center; padding: 0px;}   
.main-apresentacao .howpay .content-howpay .default-titles h1{font-family: var(--fonte-titles); font-size: 2.7em; 
    color:#fff; margin:60px 0px -6px 0px;}  
.main-apresentacao .howpay .content-howpay .default-titles p{font-family: var(--fonte-texts); font-size: 0.9em; 
    color:#999; text-align: center;  padding:20px;}     
.main-apresentacao .howpay .content-howpay .boxhowpay{background-color: #111; border:1px solid #fff; height:70px;}
.main-apresentacao .howpay .content-howpay .boxhowpay .title{height: 40px; background-color: #000;
 border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; text-align: center;
 -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
 -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px;
 -ms-border-top-left-radius: 10px; -ms-border-top-right-radius: 10px;
 -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px;}
.main-apresentacao .howpay .content-howpay .boxhowpay .price{background-color:#fff; height: 30px;
    -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
 -moz-border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px;
 -ms-border-bottom-left-radius: 10px; -ms-border-bottom-right-radius: 10px;
 -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px;}  
.main-apresentacao .howpay .content-howpay .boxhowpay .title span{color:#fff; font-family: var(--fonte-texts);
font-size: 0.9em; float: left; width: 100%; margin-top: -5px; font-weight: 600;}        
.main-apresentacao .howpay .content-howpay .boxhowpay .price span{color:#081803; font-family: var(--fonte-texts);
    font-size: 0.9em; float: left; width: 100%; margin-top: 5px; font-weight: 600;}    
.main-apresentacao .howpay .content-howpay .boxhowpay .title i{}    
 
/* MAIN APRESENTACAO */

/* MAIN HISTORY */
.main-history{width:100%; float: left; background-image:url(../img/fundobanner.gif); background-size: cover;overflow-x: hidden;}
.main-history .content-history{width:80%; margin:0 auto; padding:20px; text-align: center;}
.main-history .content-history .default-titles{width: 100%; float: left; text-align: center; padding: 0px;
margin:35px 0px 50px 0px;}   
.main-history .content-history .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:#fff; margin:20px 0px 6px 0px;}  
.main-history .content-history .default-titles p{font-family: var(--fonte-texts); font-size: 0.9em; 
        color:#bbb; margin-top: 20px; margin-bottom: 50px; padding:10px 90px;}
/* MAIN HISTORY */


/* MAIN CADASTRO */
.main-cadastro{float: left; width: 100%;
    background-image: url(../img/bgresult.png); background-size: cover; 
    background-attachment: fixed; overflow-x: hidden;}
.main-cadastro .default-titles{width: 100%; float: left; text-align: center; padding: 30px 0px;}   
.main-cadastro .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:var(--cor-titles); margin:60px 0px 6px 0px;}  
.main-cadastro .default-titles p{font-family: var(--fonte-texts); font-size: 0.9em; 
        color:#222; margin-top: 10px;}
.main-cadastro .default-titles .line{width: 100px; height: 4px; 
    background-color: var(--cor-padrao); margin: 0 auto;}     
    
.main-cadastro .content-cadastro{float: left; width: 100%; text-align: center;  padding: 0px;}
.main-cadastro .content-cadastro .form-cadastro{width:80%; margin: 0 auto; text-align: center;  padding: 40px 0px;}
.main-cadastro .content-cadastro article{width: 100%; float: left; padding:30px 20px; text-align: center; 
    background-color:#081803; line-height: 1.2em; margin: 20px 0px 0px;}
.main-cadastro .content-cadastro article p{font-family: var(--fonte-texts); color:#fff; font-size: 0.9em;}
.main-cadastro .content-cadastro article a{font-family: var(--fonte-texts); color:#26b10d; font-size: 1em;}
.main-cadastro .content-cadastro article a:hover{color:#ccc;}
.main-cadastro .content-cadastro .form-cadastro .form{width:50%; margin: -30px auto 0px; padding:4px; }
.main-cadastro .content-cadastro .form-cadastro .form input{width: 100%; padding:14px 10px; border:2px solid #0c3905;
margin-bottom: 10px; background-color: #ffffff8d;}
.main-cadastro .content-cadastro .form-cadastro .form input:focus{background-color: #fff;}
.main-cadastro .content-cadastro .form-cadastro .form label{color:#156305; font-family: var(--fonte-texts); 
    font-size: 0.8em; float: left; margin:0px 0px 5px 10px;}
.cadastrar{background-color: #fff; font-family: var(--fonte-texts); color:#081904; padding:14px 30px}
.cadastrar:hover{background-color: #26b10d;}

.main-cadastro .content-cadastro .form-cadastro .form .box100{float: left; width: 100%; margin-bottom: 7px;}
.main-cadastro .content-cadastro .form-cadastro .form .boxl{float: left; width: 47%; margin-bottom: 8px;}
.main-cadastro .content-cadastro .form-cadastro .form .boxr{float: right; width: 47%; margin-bottom: 8px;}
/* MAIN CADASTRO */

/* MAIN AJUDA */
.main-ajuda{float: left; width: 100%;
    background-image: url(../img/bgresult.png); background-size: cover; 
    background-attachment: fixed; overflow-x: hidden;}
.main-ajuda .default-titles{width: 100%; float: left; text-align: center; padding: 30px 0px;}   
.main-ajuda .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:var(--cor-titles); margin:60px 0px 6px 0px;}  
.main-ajuda .default-titles p{font-family: var(--fonte-texts); font-size: 0.9em; 
        color:#222; margin-top: 10px;}
.main-ajuda .default-titles .line{width: 100px; height: 4px; 
    background-color: var(--cor-padrao); margin: 0 auto;}     
    
.main-ajuda .content-ajuda{float: left; width: 100%; text-align: center;  padding: 0px; margin:10px 0px 40px 0px;}
.main-ajuda .content-ajuda .ajuda{margin:0 auto; width: 50%;}
.main-ajuda .content-ajuda .ajuda .item-ajuda{float: left; width: 100%; background-color:#156305;
display: flex; justify-content: space-between; padding:20px; border: none; cursor: pointer; margin-bottom: 2px;}
.main-ajuda .content-ajuda .ajuda .item-ajuda p{display: flex; align-items: center; color:#fff;
font-family: var(--fonte-texts); font-size: 1.4em;}
.main-ajuda .content-ajuda .ajuda .item-ajuda i{display: flex; align-items: right; color:#fff; font-size:1.8em;
margin-right: 4px;}
.main-ajuda .content-ajuda .ajuda .item-ajuda2{float: left; width: 100%;display: flex; 
    justify-content: space-between; padding:20px; border: none; cursor: pointer;
    border-bottom-left-radius: 1px; -webkit-border-bottom-left-radius: 1px; -ms-border-bottom-left-radius: 1px;
    -o-border-bottom-left-radius: 1px; -moz-border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; 
    -webkit-border-bottom-right-radius: 1px; -ms-border-bottom-right-radius: 1px;
    -o-border-bottom-right-radius: 1px; -moz-border-bottom-right-radius: 1px;}
.main-ajuda .content-ajuda .ajuda .item-ajuda2 p{float: left; color:#fff;
font-family: var(--fonte-texts); font-size: 1.4em;}
.main-ajuda .content-ajuda .ajuda .item-ajuda2 i{color:#fff; font-size:1.8em;
margin-right: 4px; float: right;}

.main-ajuda .content-ajuda .ajuda .item-ajuda-desc{float: left; width: 100%; padding: 20px 0px;
background-color: #081803;}
.main-ajuda .content-ajuda .ajuda .item-ajuda-desc p{color:#fff; font-family: var(--fonte-texts);
font-size: 0.9em; padding: 10px;}
.main-ajuda .content-ajuda .ajuda .item-ajuda-desc a{margin-top: 20px; padding:10px 30px;}
.main-ajuda .content-ajuda .ajuda .ajuda-desc1,.ajuda-desc2,.ajuda-desc3,.ajuda-desc4,.ajuda-desc5,.ajuda-desc6{display: none;}

.main-ajuda .content-ajuda .ajuda .item-ajuda:hover{background-color: #26b10d; }
.main-ajuda .content-ajuda .ajuda .item-ajuda2{background-color: #0c3905; }
.main-ajuda .content-ajuda .ajuda .item-ajuda2:hover{background-color: #0c3905; }
.main-ajuda .content-ajuda .ajuda .ajuda1r,.ajuda2r,.ajuda3r{display: none;}
.main-ajuda .content-ajuda .ajuda .ajuda2r{display: none;}
.main-ajuda .content-ajuda .ajuda .ajuda3r{display: none;}
/* MAIN AJUDA */

/* MAIN MY ACOUNT */

/* MAIN AJUDA */
.main-myacount{float: left; width: 100%;background-image: url(../img/bgresult.png);
    background-size: cover; background-attachment: fixed; overflow-x: hidden; border-top:10px solid #26b10d;}
.main-myacount .default-titles{width: 100%; float: left; text-align: center; padding: 10px 0px;}   
.main-myacount .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:var(--cor-titles); margin:30px 0px 6px 160px;}  
.main-myacount .default-titles h1 a{font-family: var(--fonte-texts); font-size: 0.5em; float: right; 
        color:#fff; margin:1px 100px 0px 0px; padding: 8px 10px; background-color: rgb(249, 63, 63);} 
.main-myacount .default-titles h1 a i{font-size: 0.9em;}  
.main-myacount .default-titles h1 a:hover{background-color: #19660b;}     
.main-myacount .default-titles .line{width: 100px; height: 4px; 
    background-color: var(--cor-padrao); margin: 0 auto;}     

.main-myacount .acountopt{float: left; width: 100%; padding:10px 0px; margin-bottom: 0px;}
.main-myacount .acountopt .acountopt-list{display: flex; justify-content: space-between; text-align: center;}
.main-myacount .acountopt .acountopt-list .list-opt{display: flex; align-items: center; margin: 0 auto; width: auto;
    background-color:var(--cor-titles); padding:30px 20px; z-index: 999; border:1px solid rgb(38, 111, 25,0.2);}
.main-myacount .acountopt .acountopt-list .list-opt ul li{display: inline;}
.main-myacount .acountopt .acountopt-list .list-opt ul li a{ text-decoration: none; padding: 12px 20px; color:#fff;
    background-color:var(--cor-titles) ;  font-family: var(--fonte-texts); margin-left: 3px;
    font-size: 0.8em; border:1px solid rgb(38, 111, 25,0.9);}
.main-myacount .acountopt .acountopt-list .list-opt ul li a i{font-size: 1em;}
.main-myacount .acountopt .acountopt-list .list-opt ul li a:hover{background-color: rgb(38, 111, 25,0.9) !important;}
.main-myacount .active-opt{background-color: rgb(38, 111, 25,0.9) !important;}

.main-myacount .acountopt .content-acountopt{float: left; width: 100%; padding:30px 0px; margin-top:-40px; 
    background-color: var(--cor-titles);}
.main-myacount .acountopt .content-acountopt .content-opts{width:80%; margin: 0 auto; padding:30px 0px;}
.main-myacount .acountopt .content-acountopt .content-opts .opt-apostar,.opt-wallet,.opt-meusdados{width: 100%; text-align: center;
background-color: #030e01; padding:20px 0px; float: left; margin-top: -10px;}
.main-myacount .opt-apostar .btn-apostar{padding: 16px 5px; font-family: var(--fonte-texts); font-weight: 500;
color:#030e01; background-color: #ffff; border:2px solid #187c04; font-size: 1em;} 
.main-myacount .opt-apostar .btn-apostar i{font-size: 1.4em; }
.main-myacount .opt-apostar .btn-apostar:hover{background-color: #19660b; color:#fff;}
.main-myacount .opt-wallet .box-saldo{padding:0px;width: 55%; margin:0 auto; }
.main-myacount .opt-wallet .box-saldo .box-valor{padding:20px 1px 20px; background-color: #0e2709a9;
margin-top: 20px;}
.main-myacount .opt-wallet .box-saldo .box-valor h2{color:#eee; font-family: var(--fonte-texts);
font-size: 1em; font-weight: 500;}
.main-myacount .opt-wallet .box-saldo .box-valor p{color:#2ae309; font-family: var(--fonte-texts);
font-size: 1em;}
.main-myacount .opt-wallet .box-saldo .box-valor a{color:#fff; font-family: var(--fonte-texts);
font-size: 1em; background-color: #187c04; padding:10px 50px; width:50%; 
margin:50px auto; }
.main-myacount .opt-wallet .box-saldo .box-valor a:hover{background-color: #156305;}

.main-myacount .opt-wallet .box-transacoes{padding:10px 0px;width: 55%; margin:0 auto; }
.main-myacount .opt-wallet .box-transacoes h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em;
text-align: center; margin:10px 0px -5px; font-weight: 400;}
.main-myacount .opt-wallet .box-transacoes .box-list-tran{padding:20px 11px 8px; background-color: #0e2709a9;
max-height: 280px; overflow: auto;}
.main-myacount .opt-wallet .box-transacoes .box-list-tran .list-tran h2{color:#fff;
    font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 500;}
.main-myacount .opt-wallet .box-transacoes .box-list-tran .list-desc .list-tran{ border-top:1px solid #187c04;
    border-bottom:none; padding:3px 0px 0px;}  
.main-myacount .opt-wallet .box-transacoes .box-list-tran .list-desc .list-tran h2{color:#26b10e; 
    font-weight: 300;}       

.main-myacount .opt-wallet .box-transacoes .box-list-tran{ scrollbar-width: thin; scrollbar-color: #187c04 #0e2709a9; }
.main-myacount .opt-wallet .box-transacoes .box-list-tran::-webkit-scrollbar { width: 12px; }
.main-myacount .opt-wallet .box-transacoes .box-list-tran::-webkit-scrollbar-track {background: #0e2709a9;}
.main-myacount .opt-wallet .box-transacoes .box-list-tran::-webkit-scrollbar-thumb {background-color: #187c04; border-radius: 20px; border: 3px solid #0e2709a9;  }

.main-myacount .opt-relatorio .box-search{padding:10px 0px; width: 90%; margin:0 auto;}
.main-myacount .opt-relatorio .box-search h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em; text-align: center; margin:10px 0px 10px; font-weight: 400;}
.main-myacount .opt-relatorio .box-search .form-search{width: 100%; float: left; padding: 20px 0px 40px; text-align: center;}
.main-myacount .opt-relatorio .box-search .form-search input{padding: 5px 10px; font-family: var(--fonte-texts); font-size: 0.9em; color: #0c3905; font-weight: 400; border:2px solid #18ac4d}
.main-myacount .opt-relatorio .box-search .form-search .btnbuscar{padding: 5px 20px; font-family: var(--fonte-texts); font-size: 0.9em; color: #fff; font-weight: 400; border:2px solid #18ac4d; background-color: #18ac4d; cursor: pointer;}
.main-myacount .opt-relatorio .box-search .form-search .btnbuscar:hover{background-color: #0c3905;}
.main-myacount .opt-relatorio .box-transacoes{padding:10px 0px;width: 90%; margin:0 auto; text-align: center;  }
.main-myacount .opt-relatorio .box-transacoes h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em; text-align: center; margin:10px 0px -5px; font-weight: 400;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran{padding:20px 11px 8px; background-color: #0e2709a9;
max-height: 280px; overflow: auto;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-tran h2{color:#fff;
    font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 500;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-desc .list-tran{ border-top:1px solid #187c04;
    border-bottom:none; padding:3px 0px 0px;}  
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-desc .list-tran h2{color:#26b10e; font-weight: 300;}       

.main-myacount .opt-relatorio .box-transacoes .box-list-tran{ scrollbar-width: thin; scrollbar-color: #187c04 #0e2709a9; }
.main-myacount .opt-relatorio .box-transacoes .box-list-tran::-webkit-scrollbar { width: 12px; }
.main-myacount .opt-relatorio .box-transacoes .box-list-tran::-webkit-scrollbar-track {background: #0e2709a9;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran::-webkit-scrollbar-thumb {background-color: #187c04; border-radius: 20px; border: 3px solid #0e2709a9;  }



.main-myacount .opt-meusdados .content-meusdados{width:70%; margin:0 auto; padding:20px 0px;}
.main-myacount .opt-meusdados .content-meusdados h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em;
margin-bottom: 20px;}
.main-myacount .opt-meusdados .content-meusdados h1 i{color:#2dba10; font-size: 1.4em; margin-right: 4px;}
.main-myacount .opt-meusdados .content-meusdados .box-meusdados{padding:14px 1px 15px; background-color: #0e2709a9;}
.main-myacount .opt-meusdados .content-meusdados .box-meusdados h2{color:#eee; font-family: var(--fonte-texts);
    font-size: 1em; font-weight: 400;}
.main-myacount .opt-meusdados .content-meusdados .box-meusdados p{color:#2ae309; font-family: var(--fonte-texts);
    font-size: 0.85em;}
.main-myacount .opt-meusdados .content-meusdados .btn-editdados{padding: 14px 20px; font-family: var(--fonte-texts); font-weight: 500;
    color:#030e01; background-color: #ffff; border:2px solid #187c04; font-size: 1em;}   
.main-myacount .opt-meusdados .content-meusdados .btn-editdados:hover{background-color: #187c04; color:#fff;
border:2px solid #fff;}    
.main-myacount .opt-meusdados .content-meusdados .form-editdados{width: 100%; margin:0 auto;padding: 20px 0px;}

.main-myacount .opt-meusdados .content-meusdados .form-editdados .form{width:65%; margin: -10px auto 0px; padding:4px; }
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form input{width: 100%; padding:14px 10px; border:2px solid #0c3905;
margin-bottom: 10px; background-color: #ccc;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form input:focus{background-color: #fff;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form label{color:#26a70c; font-family: var(--fonte-texts); 
    font-size: 0.8em; float: left; margin:0px 0px 5px 10px;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form .cadastrar{background-color: #fff; font-family: var(--fonte-texts); color:#081904; 
    padding:14px 30px;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form .cadastrar:hover{background-color: #26b10d;}
.cadastraredit{width:100% !important; float: left;}
.msg-editok{width: 100%; float: left; background-color: #26a70c; padding:15px; margin-bottom: 8px;
font-family: var(--fonte-texts); color:#fff;}

.main-myacount .opt-meusdados .content-meusdados .form-editdados .form .box100{float: left; width: 100%; margin-bottom: 7px;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form .boxl{float: left; width: 47%; margin-bottom: 8px;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .form .boxr{float: right; width: 47%; margin-bottom: 8px;}
.main-myacount .opt-meusdados .content-meusdados .form-editdados .concordar-termos{display: none;}

/* MAIN MY ACOUNT */



/* RIFAS */

.main-myacount .acountopt{position: relative;}
.main-myacount .acountopt .content-acountopt .content-opts .opt-sorteios,.opt-ganhadores{width: 100%; text-align: center; background-color: #030e01; padding:20px 0px; float: left; margin-top: -10px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios,.content-ganhadores{width:90%; padding:10px 0px; margin: 0 auto;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios{width: 100%; padding:10px 0px; text-align: center;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios{background: rgb(24,76,16); background: radial-gradient(circle, rgba(24,76,16,1) 0%, rgb(48, 139, 29) 66%, rgb(39, 139, 21) 100%); cursor: pointer; border: none; width: 200px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-valores{width:100%; padding: 0px; text-align: center; position: relative;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-valores img{width: 200px; height: auto;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-valores h4 span{font-size:0.7em; color: #30db12;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc{width:100%; padding: 10px 0px; text-align: center; background-color: #fff;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc p{font-family: var(--fonte-texts); font-size: 1.1em; color: #030e01; font-weight:500; margin-bottom: 8px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc p span{font-family: var(--fonte-texts); font-size: 0.8em; color: #26b10e; font-weight:500;font-style: italic; background-color: transparent;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc h2{font-family: var(--fonte-titles); font-size:1.3em; color:#0c3905; font-weight:400; padding:0px 0px 5px; font-style: italic;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc span{font-family: var(--fonte-texts); font-size:1em; color: #fff; font-weight:400; padding: 4px 10px; background-color: #104b04;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios:hover{opacity: 0.6;}

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio{width: 100%; padding:10px 0px; text-align: center; }
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top{float: left; width: 100%; position: relative;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top h1{color:#fff; font-family: var(--fonte-texts); font-size: 1.1em; font-weight: 400;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .imgdesc{margin-top: 10px; text-align: center;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .imgdesc .box{padding: 10px 0px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .imgdesc .box img{width: 100%;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .imgdesc .box h2{font-family:var(--fonte-texts); font-size: 0.9em; color:#fff; padding:12px 10px 25px; background-color: #0c3905; margin-bottom:10px; font-weight: 400; text-transform: uppercase;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .imgdesc .box h2 span{font-family:var(--fonte-texts); font-size: 1em; color:#104b04; padding:12px 10px; background-color: #fff; margin-bottom:10px; font-weight: 600; text-transform: uppercase;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .btn-sorteiosback{background-color: #156305; border: none; cursor: pointer; padding: 8px 12px; position: absolute; top: -5px; left: 10px; color: #fff; font-size: 1em;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top .btn-sorteiosback:hover{background-color: #1d8b06;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros{width: 100%; padding: 20px 0px; float: left; background-color: #081803a8;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .btnlivre{color:#081803;  }
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .btn{font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .boxnumeros{float: left; width: 97%; padding:10px; margin-top: 14px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .boxnumeros .btnnumeros{background-color: #fff; color: #0e3003; font-family: var(--fonte-titles); font-size: 1em; border:none; padding:0px; width:40px; height: 30px; cursor: pointer; margin:0px 2px 4px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .boxnumeros .btnnumeros:hover{background-color: #1d8b06;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .boxnumeros h2{color: #fff; font-family: var(--fonte-texts); font-size: 1em; font-weight: 300;}

.main-myacount .acountopt .box-numeroselect{float: left; width: 100%; padding: 10px; position: fixed; bottom: -1px; background-color: #030e01; padding: 20px 0px; border-top:1px solid #0c3905;}
.main-myacount .acountopt .box-numeroselect .content-numeroselect{width: 80%; margin: 0 auto; padding: 20px; }

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar{width: 100%; padding:10px 0px; text-align: center; }
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .sorteio-top{float: left; width: 100%; position: relative;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .sorteio-top h1{color:#fff; font-family: var(--fonte-texts); font-size: 1.1em; font-weight: 400;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .sorteio-top h1 i{color:#26a70c;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .sorteio-top .btn-sorteioback{background-color: #156305; border: none; cursor: pointer; padding: 8px 12px; position: absolute; top: -5px; left: 10px; color: #fff; font-size: 1em;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .sorteio-top .btn-sorteioback:hover{background-color: #1d8b06;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc{width: 85%; background-color:#0e3003; padding: 20px 0px; margin: 30px auto 0px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc p{font-family: var(--fonte-texts); font-size: 0.9em; color: #eee; font-weight: 300;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .boxnumeros{ width: 97%; padding:10px; margin-top: 14px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .boxnumeros .btnnumeross{background-color: #fff; color: #0e3003; font-family: var(--fonte-titles); font-size: 1em; border:none; padding:0px; width:40px; height: 30px; cursor: pointer; margin:0px 2px 4px; position:relative;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .boxnumeros .btnnumeross:hover{background-color: red; color:#fff;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .boxnumeros .btnnumeross a{color:rgb(233, 21, 21); font-size: 1em; position: absolute; top:-6px; right: 1px;}

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .btncomprarfinal{background-color:#fff; color: #0c3905; font-family: var(--fonte-texts); font-size: 1em; font-weight: 500; padding: 13px 25px; border:none; margin-top:20px; cursor: pointer;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .btncomprarfinal:hover{background-color:#2dba10; color: #fff;}

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar{width: 100%; padding:10px 0px; text-align: center; }
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .sorteio-top{float: ; width: 100%; position: relative; margin-bottom: 20px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .sorteio-top h1{color:#fff; font-family: var(--fonte-texts); font-size: 1.1em; font-weight: 400; margin-top: 10px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .sorteio-top .btn-comprarback,.btn-comprafinalback{background-color: #156305c2; border: none; cursor: pointer; padding: 8px 12px; position: absolute; top: -5px; left: 10px; color: #fff; font-size: 1em; z-index: 99;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .sorteio-top .btn-comprarback:hover,.btn-comprafinalback:hover{background-color: #1d8b06;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc{width: 85%; background-color:#0e30038a; padding: 20px 0px; margin: 0px auto 0px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc h1{font-family: var(--fonte-texts); font-size: 1.1em; color: #ccc; font-weight: 400;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc p{font-family: var(--fonte-texts); font-size: 0.9em; color: #eee; font-weight: 300;}

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .box{}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .box img{width: 100%; float: right;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .box h2{font-family: var(--fonte-texts); font-size: 1em; font-weight: 300; color: #fff; padding: 8px 12px; float: left; background-color: #0c3905;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .box p{font-family: var(--fonte-texts); font-size: 1em; font-weight: 300; color: #fff; padding:2.3px 0px; float: left; text-align: left; width: 100%;}

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .btncomprarpix{background-color:#fff; color: #0c3905; font-family: var(--fonte-texts); font-size: 1em; font-weight: 500; padding: 13px 25px; border:none; margin-top:20px; cursor: pointer;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .btncomprarpix:hover{background-color:#2dba10; color: #fff;}



.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante{width: 100%; padding:10px 0px; text-align: center; }
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .sorteio-top{float: ; width: 100%; position: relative; margin-bottom: 20px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .sorteio-top h1{color:#fff; font-family: var(--fonte-texts); font-size: 1.1em; font-weight: 400; margin-top: 10px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .sorteio-top .btn-comprafinalback{background-color: #156305c2; border: none; cursor: pointer; padding: 8px 12px; position: absolute; top: -5px; left: 10px; color: #fff; font-size: 1em; z-index: 99;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .sorteio-top .btn-comprafinalback:hover{background-color: #1d8b06;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc{width: 85%; background-color:#0e30038a; padding: 20px 0px; margin: 0px auto 0px;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc h1{font-family: var(--fonte-texts); font-size: 1.1em; color: #ccc; font-weight: 400;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc p{font-family: var(--fonte-texts); font-size: 0.9em; color: #eee; font-weight: 300;}

.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .box{}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .box img{width: 100%; float: right;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .box h2{font-family: var(--fonte-texts); font-size: 1em; font-weight: 300; color: #fff; padding: 8px 12px; float: left; background-color: #0c3905;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .box p{font-family: var(--fonte-texts); font-size: 1em; font-weight: 300; color: #fff; padding:2.3px 0px; float: left; text-align: left; width: 100%;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .btn-downcomprovante{background-color:#fff; color: #0c3905; font-family: var(--fonte-texts); font-size: 1em; font-weight: 500; padding: 13px 25px; border:none; margin-top:20px; cursor: pointer;}
.main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .btn-downcomprovante:hover{background-color:#2dba10; color: #fff;}




.main-myacount .acountopt .box-numeroselect .content-numeroselect .box-sorteionumeros{width: 100%; }
.main-myacount .acountopt .box-numeroselect .content-numeroselect .box-sorteionumeros .btncomprar{background-color: #187c04;  }
.main-myacount .acountopt .box-numeroselect .content-numeroselect .box-sorteionumeros .btn{font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400;}
.main-myacount .acountopt .box-numeroselect .content-numeroselect .boxnumeros{float: left; width: 97%; padding:10px; margin-top: 14px;}
.main-myacount .acountopt .box-numeroselect .content-numeroselect .boxnumeros .btnnumeros{background-color: #fff; color: #0e3003; font-family: var(--fonte-titles); font-size: 1em; border:none; padding:0px; width:40px; height: 30px; cursor: pointer; margin:0px 2px 4px;}
.main-myacount .acountopt .box-numeroselect .content-numeroselect .boxnumeros .btnnumeros:hover{background-color: #1d8b06;}

.main-myacount .acountopt .box-numeroselect .content-numeroselect .box-sorteionumeros span{font-family: var(--fonte-texts); font-size: 1em; color: #fff; margin-left: 20px;}


.main-myacount .acountopt .opt-ganhadores .content-ganhadores{width: 100%; padding:10px 0px; text-align: center;}
.main-myacount .acountopt .opt-ganhadores .content-ganhadores h2{font-family: var(--fonte-texts); font-size: 1.2em; color: #fff; font-weight: 300;}


.main-myacount .ganhadores-list .box-transacoes{padding:10px 0px;width: 55%; margin:0 auto; }
.main-myacount .ganhadores-list .box-transacoes h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em; text-align: center; margin:10px 0px -5px; font-weight: 400;}
.main-myacount .ganhadores-list .box-transacoes .box-list-tran{padding:20px 11px 8px; background-color: #0e2709a9;
max-height: 280px; overflow: auto;}
.main-myacount .ganhadores-list .box-transacoes .box-list-tran .list-tran h2{color:#fff;
    font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 500;}
.main-myacount .ganhadores-list .box-transacoes .box-list-tran .list-desc .list-tran{ border-top:1px solid #187c04;
    border-bottom:none; padding:3px 0px 0px;}  
.main-myacount .ganhadores-list .box-transacoes .box-list-tran .list-desc .list-tran h2{color:#26b10e; font-weight: 300;}       

.main-myacount .ganhadores-list .box-transacoes .box-list-tran{ scrollbar-width: thin; scrollbar-color: #187c04 #0e2709a9; }
.main-myacount .ganhadores-list .box-transacoes .box-list-tran::-webkit-scrollbar { width: 12px; }
.main-myacount .ganhadores-list .box-transacoes .box-list-tran::-webkit-scrollbar-track {background: #0e2709a9;}
.main-myacount .ganhadores-list .box-transacoes .box-list-tran::-webkit-scrollbar-thumb {background-color: #187c04; border-radius: 20px; border: 3px solid #0e2709a9;  }

/* load de carregamento */
.loader {--color-success-300: #4bdf80; --color-success-500: #1ed760;
    --color-success-700: #18ac4d; display: block; justify-content: center;
    align-items: center; transform: rotate(5deg);  }
.loader .form1,.loader .form2 {display: flex;justify-content: center; align-items: center; }
.square { width: 30px; height: 30px;margin: 2px; background-color: rgba(150, 150, 150, 0.253);border-radius: 5px;animation: blinking 0.8s ease-in-out infinite;opacity: 0;}
  
  @keyframes blinking {
    0% {opacity: 0.25;background-color: rgba(4, 160, 30, 0.589);  }
    50% {opacity: 0.5; background-color: var(--color-success-300);  }
    75% { opacity: 0.75; background-color: var(--color-success-500);}
    100% { opacity: 1; background-color: var(--color-success-700); }
  }
.form1 .square:nth-child(1) {animation-delay: 0.2s;}
.form1 .square:nth-child(2) {animation-delay: 0.4s;}
.form2 .square:nth-child(2) {animation-delay: 0.6s;}
.form2 .square:nth-child(1) {animation-delay: 0.8s;}
/* load de carregamento */

/* RIFAS */





/* MAIN FOOTER */
.main-footer{float: left; width: 100%;  background-color: #000; border-top:1px solid #26b10d;
margin-top: -10px;overflow-x: hidden;}
.main-footer .content-footer{margin: 0 auto; width: 80%; padding: 50px 20px; text-align: center;
border-bottom: 1px solid #0c3905;}
.main-footer .content-footer .box{ margin-top: 45px;}
.main-footer .content-footer .box h1{font-size: 1em; color: #fff; font-family: var(--fonte-texts);
 margin-top: 5px;}
.main-footer .content-footer .box img{width: 65px; max-width: 65px; margin-top: -20px; }
.main-footer .content-footer .pay h1{font-size: 1em; margin-top: 10px;}
.main-footer .content-footer .pay p{color:#777; font-family: var(--fonte-texts); font-size: 0.77em; 
margin-top: 5px;}
.main-footer .content-footer .pay ul{margin-bottom: 30px;}
.main-footer .content-footer .pay ul li{display: inline; padding:10px;}
.main-footer .content-footer .pay ul li i{color:#30db12; font-size: 2.8em; margin-top: 20px;}
.main-footer .content-footer .pay ul li i:hover{color:#fff;}
.main-footer .content-footer .secury{width:80%; margin:0 auto; border-top:1px solid #333; }
.main-footer .content-footer .secury ul li{display: inline; padding:10px;}
.main-footer .content-footer .secury ul li i{color:#fff; font-size: 2.8em; margin-top: 20px;}
.main-footer .content-footer .help ul{ margin-top: 35px;}
.main-footer .content-footer .help ul li{display: block; padding:2px 0px;}
.main-footer .content-footer .help ul li a{color:#fff; font-family: var(--fonte-texts); font-size: 0.9em; 
text-decoration: none; padding:2px;}
.main-footer .content-footer .help ul li a:hover{background-color: #19660b;}
.helpresp{display: none;}

.main-footer .copyright{width: 100%; float: left; background-color:#000; padding:20px 0px; }
.main-footer .copyright .copy{text-align: center; }
.main-footer .copyright .copy p{color:#fff; font-size: 0.85em; font-family: var(--fonte-texts);}

/* MAIN FOOTER */


@media screen and (max-width:830px){
    .main-myacount .opt-relatorio .box-search{padding:10px 0px;width: 97%; margin:0 auto;}
.main-myacount .opt-relatorio .box-search h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em; text-align: center; margin:10px 0px 10px; font-weight: 400;}
.main-myacount .opt-relatorio .box-search .form-search{width: 100%; float: left; padding: 20px 0px 40px; text-align: center;}
.main-myacount .opt-relatorio .box-search .form-search input{padding: 5px 10px; font-family: var(--fonte-texts); font-size: 0.9em; color: #0c3905; font-weight: 400; border:2px solid #18ac4d}
.main-myacount .opt-relatorio .box-search .form-search .btnbuscar{padding: 5px 20px; font-family: var(--fonte-texts); font-size: 0.9em; color: #fff; font-weight: 400; border:2px solid #18ac4d; background-color: #18ac4d; cursor: pointer;}

.main-myacount .opt-relatorio .box-transacoes{padding:10px 0px;width: 97%; margin:0 auto;}
.main-myacount .opt-relatorio .box-transacoes h1{width: 100%; float: left;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran{padding:20px 0px; max-height: 280px; overflow: auto;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-desc .list-tran{ border-top:1px solid #187c04;border-bottom:none; padding:3px 0px; width: 30%;}  
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-titles .list-tran{ width: 30%; ;} 


.main-myacount .acountopt .opt-ganhadores .content-ganhadores h2{font-size: 1.2em; margin-bottom: 10px; padding: 1px 20px;}
}

@media screen and (max-width:602px){
    .main-myacount .opt-relatorio .box-search{padding:10px 0px;width: 100%; margin:0 auto;}
.main-myacount .opt-relatorio .box-search h1{color:#fff; font-family: var(--fonte-texts); font-size: 0.9em; text-align: center; margin:10px 0px 10px; font-weight: 400;}
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-desc .list-tran{width: 30%;}  
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-titles .list-tran{ width: 30%; } 
.main-myacount .opt-relatorio .box-transacoes .box-list-tran .list-desc .list-tran h2{font-size: 0.65em;}

.main-myacount .acountopt .opt-ganhadores .content-ganhadores h2{font-size: 1.2em; margin-bottom: 10px; padding: 1px 20px;}
}

@media screen and (max-width:724px){
    .main-myacount .opt-relatorio .box-search{width: 80%; }
}
@media screen and (max-width:498px){
    .main-myacount .opt-relatorio .box-search .form-search .inputaposta{padding: 5px 10px; width: 40%;}
    .main-myacount .opt-relatorio .box-search{width: 98%; }
}

@media screen and (max-width:363px){
    .main-myacount .opt-relatorio .box-search .form-search .inputaposta{width: 70%;}
    .main-myacount .opt-relatorio .box-search .form-search .btnbuscar{width: 50%; margin-top:6px;}
    .main-myacount .opt-relatorio .box-search{width: 98%; }
}

@media screen and (max-width: 572px) {
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios{ width: 180px;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-valores img{width: 180px; height: auto;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top h1{padding:10px 40px;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc{ margin-top: 50px; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc p{ padding: 4px 10px; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprar .comprar-desc .boxnumeros{ width: 90%; margin: 0 auto; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .box{width: 80%; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .box{width: 80%; }
}
@media screen and (max-width: 505px) {
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios{ width: 150px;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-valores img{width: 150px; height: auto;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc h2{font-size: 1.1em;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc p{font-size: 1.2em;}
    .main-myacount .acountopt .acountopt-list-rifas .list-opt-rifas ul li a{ padding: 8px 14px;width: 80%; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .box-sorteionumeros .btn{margin-bottom: 5px;}
}
@media screen and (max-width: 422px) {
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios{ width: 200px;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-valores img{width: 200px; height: auto;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc h2{font-size: 1.3em;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteios .sorteios .sorteios-desc p{font-size: 1.3em;}
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-comprafinalizar .comprar-desc .box{width: 90%; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .comprar-desc .box{width: 90%; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .sorteio-top h1{margin-top: 30px; }
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-compracomprovante .sorteio-top .btn-comprafinalback{top:-30px;}
}
@media screen and (max-width: 441px) {
    .main-myacount .acountopt .box-numeroselect .box-sorteionumeros span{ width:100%; float: left; padding: 15px 2px; margin-bottom: -10px;}
}
@media screen and (max-width:900px) {
    .main-result-day .result .result-list .list-bichos .bichos-content{width:100%;}   
.main-result-day .result .result-list .list-bichos .bichos-content .box-bichos .bicho-title{ font-family: var(--fonte-texts);
     padding: 2px 1px; margin-bottom: 20px; font-size: 0.9em; text-align: center;} 
.bicho-title .bleft{padding:8px 0px; background-color: #081803; color:#fff; text-align: center; font-size: 0.8em; width: 30%;}        
.bicho-title .bcenter{ padding:8px 0px; background-color: #081803; color:#fff; text-align: center;font-size: 0.8em; width: 30%;}        
.bicho-title .bright{padding:8px 0px; background-color: #081803; color:#fff; text-align: center;font-size: 0.8em; width: 30%;}  

.main-result-day .result .result-list .list-bichos .bichos-content .box-bichos .bicho-desc{font-family: var(--fonte-texts);
    padding: 2px 1px; margin-bottom: 1px; text-align: center;  width: 99%; margin: 0 auto;}
.bline{background-color:#bbb; width:80%; margin:0 auto; height:1px;}
.bicho-desc .bleft{padding:4px 0px; color:#081803; text-align: center; font-size: 0.77em; width: 30%; font-weight: 600;}        
.bicho-desc .bcenter{padding:4px 0px;  color:#081803; text-align: center; font-size: 0.77em; width: 30%; font-weight: 600;}        
.bicho-desc .bright{padding:4px 0px; color:#081803;  text-align: center; font-size: 0.77em; width: 30%; font-weight: 600;}  
}
@media screen and (max-width: 830px) {
    .nav-bar { padding: 1.5rem 4rem; }
    .nav-item { display: none; }
    .mobile-menu-icon {display: block; }
    .mobile-menu-icon button { background-color: transparent;
        border: none; cursor: pointer; }
    .mobile-menu ul {   display: flex;  flex-direction: column;
        text-align: center;    padding-bottom: 1rem; }
    .mobile-menu .nav-item { display: block;  padding-top: 1.2rem;     }
   
    .open { display: block; }
    

    .main-result-day .result .result-list .list-bichos .bichos-content .box-bichos{
        margin-top:60px !important; background-color:  rgba(255,255,255, 0.8);}

        .nav-item a i{display: none;}  
        .login-button{text-align: center;}
        .login-button .btnlogin {background-color:#fff;  margin:14px 5px 10px 50px;}  
        .main-banner .content-banner h1{font-size: 2.3em; padding:0px 20px;}  
        .main-banner .content-banner p{font-size: 0.9em;}

        .main-result-day .result .result-list .list-bet ul li a{ padding: 15px 40px;
         font-size: 0.9em; margin-bottom: 10px; float: left;}

         .main-banner .botoes-destaque{float: left; width: 100%; padding: 10px; margin: 50px 0px;}
         .main-banner .botoes-destaque .content-botoes{width:80%; margin:0 auto;}
         .main-banner .botoes-destaque .content-botoes .box{width: 85%;}
           

        .main-cadastro .content-cadastro .form-cadastro{width:90%; padding: 40px 0px;}
        .main-cadastro .content-cadastro .form-cadastro .form{width:90%; margin: -30px auto 0px; padding:4px; }
        .main-cadastro .content-cadastro .form-cadastro .form input{width: 100%; padding:14px 10px; border:2px solid #0c3905;
        margin-bottom: 10px; background-color: #ffffff8d;}   
        .main-cadastro .content-cadastro article{width: 100%; float: left; padding:30px 5px; text-align: center; 
            background-color:#081803; line-height: 1.2em; margin: 20px 0px 0px;} 
        .main-cadastro .content-cadastro .form-cadastro .form .boxl{float: left; width: 99%; margin-bottom: 8px;}
        .main-cadastro .content-cadastro .form-cadastro .form .boxr{float: left; width: 99%; margin-bottom: 8px;}

        .main-myacount .opt-meusdados .content-meusdados .form-editdados{width:90%; padding: 40px 0px;}
        .main-myacount .opt-meusdados .content-meusdados .form-editdados .form{width:90%; margin: -30px auto 0px; padding:4px; }
        .main-myacount .opt-meusdados .content-meusdados .form-editdados .form input{width: 100%; padding:14px 10px; border:2px solid #0c3905;
        margin-bottom: 10px; }   
        .main-cadastro .content-cadastro article{width: 100%; float: left; padding:30px 5px; text-align: center; 
            background-color:#081803; line-height: 1.2em; margin: 20px 0px 0px;} 
        .main-myacount .opt-meusdados .content-meusdados .form-editdados .form .boxl{float: left; width: 99%; margin-bottom: 8px;}
        .main-myacount .opt-meusdados .content-meusdados .form-editdados .form .boxr{float: left; width: 99%; margin-bottom: 8px;}


        
        .main-ajuda .content-ajuda .ajuda{margin:0 auto; width: 95%;}
        /* PARTE LOGADA DO HEADER */
        .logado{width: auto; right: 100px; top:14px; position: absolute; }
        /* PARTE LOGADA DO HEADER */

        .logo img{width: 105px; max-width: 105px;}

        .main-myacount .opt-wallet .box-saldo{padding:0px;width: 85%; margin:0 auto; }
        .main-myacount .opt-wallet .box-saldo .box-valor h2{font-size: 0.9em;}
        .main-myacount .opt-wallet .box-saldo .box-valor p{font-size: 0.9em;}
        .main-myacount .opt-wallet .box-saldo .box-valor a{font-size: 0.8em; padding:10px 0px; float: left; width:90%; 
        margin:10px 0px 0px 4%;}
        
        .main-myacount .opt-wallet .box-transacoes{padding:10px 0px;width: 100%; margin:0 auto;}
        .main-myacount .opt-wallet .box-transacoes h1{color:#fff; font-family: var(--fonte-texts); font-size: 1em;
        text-align: center; margin:10px 0px -5px; font-weight: 400;}
       
         
        .main-myacount .opt-wallet .box-transacoes .box-list-tran .list-titles .list-tran h2{color:#fff;
            font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 500; margin:0px !important; padding:0px;}       
        

 
}
@media screen and (max-width:1023px){
    .main-myacount .opt-wallet .box-transacoes .box-list-tran{padding:20px 0px;max-height: 280px;width: 95%;}
    .main-myacount .opt-wallet .box-transacoes .box-list-tran .list-desc .list-tran{ width: 30%;}  
  .main-myacount .opt-wallet .box-transacoes .box-list-tran .list-desc .list-tran h2{color:#26b10e; 
      font-weight: 300;}  
  .main-myacount .opt-wallet .box-transacoes .box-list-tran .list-title{background-color: red;}
  .main-myacount .opt-wallet .box-transacoes .box-list-tran .list-titles .list-tran{width: 30%; }           

  }
@media screen and (max-width:805px){
    .main-myacount .acountopt{float: left; width: 100%; padding:10px 0px; margin-bottom: 0px;}
.main-myacount .acountopt .acountopt-list{display: flex; justify-content: space-between; text-align: center;}
.main-myacount .acountopt .acountopt-list .list-opt{display: flex; align-items: center; margin: 0 auto; width: auto;
    background-color:var(--cor-titles); padding:30px 14px; z-index: 999; border:1px solid rgb(38, 111, 25,0.2);}
.main-myacount .acountopt .acountopt-list .list-opt ul li{display: inline;}
.main-myacount .acountopt .acountopt-list .list-opt ul li a{ text-decoration: none; padding: 8px 14px; color:#fff;
    background-color:var(--cor-titles) ;  font-family: var(--fonte-texts); margin-left: 3px;
    font-size: 0.8em; border:1px solid rgb(38, 111, 25,0.9);}
.main-myacount .acountopt .acountopt-list .list-opt ul li a i{font-size: 1em;}
.main-myacount .opt-meusdados .content-meusdados{width:80%; margin:0 auto; padding:20px 0px;}
.main-myacount .opt-meusdados .content-meusdados .box-meusdados{padding:14px 1px 15px; background-color: #0e2709a9;}
}
@media screen and (max-width:738px){
    .main-myacount .acountopt{float: left; width: 100%; padding:10px 0px; margin-bottom: 0px;}
.main-myacount .acountopt .acountopt-list{display: flex; justify-content: space-between; text-align: center;}
.main-myacount .acountopt .acountopt-list .list-opt{display: flex; align-items: center; margin: 0 auto; width: auto;
    background-color:var(--cor-titles); padding:30px; z-index: 999; border:1px solid rgb(38, 111, 25,0.2);}
.main-myacount .acountopt .acountopt-list .list-opt ul li{display: inline;}
.main-myacount .acountopt .acountopt-list .list-opt ul li a{ text-decoration: none; padding:10px 14px; color:#fff;
    background-color:var(--cor-titles) ;  font-family: var(--fonte-texts); margin-left: 10px;
    font-size: 0.75em; border:1px solid rgb(38, 111, 25,0.9);float:left; margin-bottom: 10px; }
.main-myacount .acountopt .acountopt-list .list-opt ul li a i{font-size: 0.8em;}
.main-myacount .opt-meusdados .content-meusdados{width:85%; margin:0 auto; padding:20px 0px;}
.main-myacount .opt-meusdados .content-meusdados .box-meusdados{padding:14px 1px 15px; background-color: #0e2709a9;}
}
@media screen and (max-width:691px){
    .login-button{right: 100px; top:14px; position: absolute;}
    .modal-login .modal-content{ width: 300px;}
         .modal-login .modal-content .form-login{ width: 290px; margin: 70px auto 0px; }
         .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
            font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
         .modal-termos .modal-content{ width: 300px;}
         .modal-termos .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
         .modal-termos .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
            font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
        .modal-rifas{ width: 300px;}
        .modal-rifas .modal-content{ width: 300px;}
        .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
        .modal-rifas .modal-content .modal-close{ color: red;  padding:8px 10px;
            font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}  
        
}
@media screen and (max-width:667px){
    
    .main-result-day .result{float: left; width: 100%; padding:10px 0px; margin-bottom: 0px;}
    .main-result-day .result .result-list{display: flex; justify-content: space-between; text-align: center;}
    .main-result-day .result .result-list .list-bet{display: flex; align-items: center; margin: 0 auto; width: auto;
        background-color:var(--cor-titles); padding:30px 15px; z-index: 999; border:1px solid rgb(38, 111, 25,0.2);}
    .main-result-day .result .result-list .list-bet ul li{display: inline;}
    .main-result-day .result .result-list .list-bet ul li a{ text-decoration: none; padding: 10px 20px; color:#fff;
        background-color:var(--cor-titles) ;  font-family: var(--fonte-texts); margin-left: 3px;
    font-size: 0.9em; border:1px solid rgb(38, 111, 25,0.9);}
}
@media screen and (max-width:630px){
    .login-button{right: 100px; top:14px; position: absolute;}
    
}
@media screen and (max-width:572px){
    .main-myacount .default-titles{width: 100%; float: left; text-align: center; padding: 10px 0px;}   
.main-myacount .default-titles h1{font-family: var(--fonte-titles); font-size: 2em; 
    color:var(--cor-titles); margin:30px 90px 6px 0px;}  
.main-myacount .default-titles h1 a{font-family: var(--fonte-texts); font-size: 0.5em; float: left; 
        color:#fff; margin:1px 0px 0px 20px; padding: 8px 10px; background-color: rgb(249, 63, 63);} 
}
@media screen and (max-width: 555px) {
              
    /* PARTE LOGADA DO HEADER */
    .logado{width: auto; right: 80px; top:14px; position: absolute; }
    .logado .myacount { background-color:#26b10d;margin:10px 0px 0px 0px; text-decoration: none;float: left;
    padding: 9px 16px;}
    .logado .myacount img{width: 22px; max-width: 22px; background-color:#fff; padding:2px;  float: left;}
    .logado .myacount span{text-transform: uppercase; font-family: var(--fonte-texts); font-size: 0.9em;
        margin:6px 0px 0px 4px; float: left;}
    .logado .cash { background-color:#26b10d0a;margin:14px 7px 0px 0px; font-size: 0.67em;text-decoration: none; 
        float: left;text-transform: uppercase; font-family: var(--fonte-texts); border:1px solid #30db12;
    cursor: default; padding: 10px 14px;} 
    .logado .cash span{color:#30db12; margin-left: 2px; font-size:1.1em;}
    /* PARTE LOGADA DO HEADER */

    .logo img{width: 100px; max-width: 100px; margin-left: -35px; }

    .login-button{right: 100px; top:14px; position: absolute;}

    
    .main-myacount .opt-apostar .btn-apostar{width: 80%;} 
    
}
@media screen and (max-width:505px){
    .logo img{width: 80px; max-width: 80px; margin-left: -35px; }
}
@media screen and (max-width: 479px) {
    .nav-bar { padding: 1.5rem 4rem; }
    .nav-item { display: none; }
    .mobile-menu-icon {display: block; }
    .mobile-menu-icon button { background-color: transparent;
        border: none; cursor: pointer; }
    .mobile-menu ul {   display: flex;  flex-direction: column;
        text-align: center;    padding-bottom: 1rem; }
    .open { display: block; }
    

    .main-result-day .result .result-list .list-bichos .bichos-content .box-bichos{
        margin-top:60px !important; background-color:  rgba(255,255,255, 0.8);}

        .nav-item a i{display: none;}  
        .login-button{text-align: center;}
        .login-button .btnlogin {background-color:#fff;  margin:14px 5px 10px 37px;}  
        .main-banner .content-banner h1{font-size: 2.3em; padding:0px 20px;}  
        .main-banner .content-banner p{font-size: 0.9em;}

        .main-result-day .result .result-list .list-bet ul li a{ padding: 12px 30px;
            font-size: 0.84em; margin-bottom: 10px; float: left;}

    .main-result-day .result .result-list .list-bichos .bichos-content{width:95%;} 
    .btnmaisresultados{padding: 12px 20px; font-size: 1em; margin:-60px 2px;} 
    
    .main-apresentacao .content-apresentacao .about .boximg{text-align: center; }   
    .main-apresentacao .content-apresentacao .about .boximg img{max-width: 280px; text-align: center;} 
    
    .main-apresentacao .howpay .content-howpay{width:96%;}
    .main-apresentacao .howpay .content-howpay .boxhowpay{width:45%; }
    .main-apresentacao .howpay .content-howpay .boxhowpay .title span{font-size: 0.9em; }

    .main-apresentacao .howpay .content-howpay .default-titles h1{font-size: 2em; } 

    .main-history .content-history .default-titles p{padding:20px;}

    /* PARTE LOGADA DO HEADER */
    .logado{width: auto; right: 100px; top:14px; position: absolute; }
    .logado .myacount { background-color:#26b10d;margin:10px 0px 0px 0px; text-decoration: none;float: left;
    padding: 5px 9px;}
    .logado .myacount img{width: 18px; max-width: 18px; background-color:#fff; padding:4px;  float: left;}
    .logado .myacount span{text-transform: uppercase; font-family: var(--fonte-texts); font-size: 0.8em;
        margin:7px 0px 0px 6px; float: left;}
    .logado .cash { background-color:#26b10d0a;margin:14px 7px 0px 0px; font-size: 0.7em;text-decoration: none; 
        float: left;text-transform: uppercase; font-family: var(--fonte-texts); border:1px solid #30db12;
    cursor: default; padding: 7px 11px;} 
    .logado .cash span{color:#30db12; margin-left: 2px; font-size: 1em;}
    /* PARTE LOGADA DO HEADER */

    .logo img{width: 60px; max-width: 60px; margin-left: -39px; }
    .login-button{right: 70px; top:14px; position: absolute;}
             
    .main-myacount .acountopt .acountopt-list .list-opt{padding:30px 14px;}
    .main-myacount .acountopt .acountopt-list .list-opt ul li a{ padding: 8px 14px; width: 40%; }
    .main-myacount .acountopt .acountopt-list-rifas .list-opt-rifas ul li a{ padding: 8px 14px;width: 80%; }
                 
    }
    @media screen and (max-width:429px){
        .main-myacount .acountopt .acountopt-list .list-opt{padding:30px 14px;}
    .main-myacount .acountopt .acountopt-list .list-opt ul li a{ padding: 8px 14px;width: 38%; }
    .main-myacount .acountopt .acountopt-list-rifas .list-opt-rifas ul li a{ padding: 8px 14px;width: 80%; }
    }
    @media screen and (max-width:363px){
        .main-myacount .acountopt .acountopt-list .list-opt{padding:30px 14px;}
    .main-myacount .acountopt .acountopt-list .list-opt ul li a{ padding: 8px 14px;width: 85%; }
    
    }
    @media screen and (max-width:239px){
        .main-myacount .acountopt .acountopt-list .list-opt{padding:30px 14px;}
    .main-myacount .acountopt .acountopt-list .list-opt ul li a{ padding: 8px 14px;width: 80%; }
    }

@media screen and (max-width: 419px) {
              
        /* PARTE LOGADA DO HEADER */
        .logado{width: auto; right: 70px; top:14px; position: absolute; }
        .logado .myacount { background-color:#26b10d;margin:10px 0px 0px 0px; text-decoration: none;float: left;
        padding: 5px 7px;}
        .logado .myacount img{width: 17px; max-width: 17px; background-color:#fff; padding:2px;  float: left;}
        .logado .myacount span{text-transform: uppercase; font-family: var(--fonte-texts); font-size: 0.78em;
            margin:4px 0px 0px 4px; float: left;}
        .logado .cash { background-color:#26b10d0a;margin:14px 7px 0px 0px; font-size: 0.67em;text-decoration: none; 
            float: left;text-transform: uppercase; font-family: var(--fonte-texts); border:1px solid #30db12;
        cursor: default; padding: 5px 8px;} 
        .logado .cash span{color:#30db12; margin-left: 2px; font-size: 0.9em;}
        /* PARTE LOGADA DO HEADER */

        .logo img{width: 60px; max-width: 60px; margin-left: -45px; }

        .login-button{right: 67px; top:14px; position: absolute;}
        .login-button .btnlogin {background-color:#fff;  margin:14px 5px 0px 0px;text-decoration: none;
            float: left; text-transform: uppercase; color:#081904; padding:10px 10px; font-size: 0.78em;} 
        .login-button .btnadd { background-color:#26b10d; margin:14px 0px 0px 0px;text-decoration: none;
            float: left;text-transform: uppercase;  padding:10px 14px; font-size: 0.8em;}
        .login-button .btnlogin:hover{background-color:#19660b; color:#fff;}
        .login-button .btnadd:hover{background-color:#19660b; color:#fff;}              
        .login-button .btn i{font-size: 0.7em; margin:5px 2px 0px 0px; float: left;}   
        
    .main-myacount .default-titles{width: 100%; float: left; text-align: center; padding: 10px 0px; position: relative;}   
    .main-myacount .default-titles h1{font-family: var(--fonte-titles); font-size: 1.5em; 
        color:var(--cor-titles); margin:30px 90px 6px 0px;}  
    .main-myacount .default-titles h1 a{font-family: var(--fonte-texts); font-size: 0.5em; position:absolute;
            color:#fff; margin:1px 0px 0px 20px; padding: 8px 10px; background-color: rgb(249, 63, 63);} 
    .main-myacount .default-titles .line-myacount{display: none !important;}    
    .main-myacount .acountopt .opt-sorteios .content-sorteios .box-sorteio .sorteio-top h1{padding:10px 40px;margin-top:35px;}                              

}

@media screen and (max-width: 370px) {
  
              
               /* PARTE LOGADA DO HEADER */
        .logado{width: auto; right: 70px; top:14px; position: absolute; }
        .logado .myacount { background-color:#26b10d;margin:10px 0px 0px 0px; text-decoration: none;float: left;
        padding: 5px 7px;}
        .logado .myacount img{width: 17px; max-width: 17px; background-color:#fff; padding:2px;  float: left;}
        .logado .myacount span{text-transform: uppercase; font-family: var(--fonte-texts); font-size: 0.7em;
            margin:4px 0px 0px 4px; float: left;}
        .logado .cash { background-color:#26b10d0a;margin:14px 7px 0px 0px; font-size: 0.67em;text-decoration: none; 
            float: left;text-transform: uppercase; font-family: var(--fonte-texts); border:1px solid #30db12;
        cursor: default; padding: 3px 6px;} 
        .logado .cash span{color:#30db12; margin-left: 2px; font-size: 0.7em;}
        /* PARTE LOGADA DO HEADER */

        .logo img{width: 45px; max-width: 45px; margin-left: -50px; }

        .login-button{right: 57px; top:14px; position: absolute;}
        .login-button .btnlogin {background-color:#fff;  margin:14px 5px 0px 0px;text-decoration: none;
            float: left; text-transform: uppercase; color:#081904; padding:7px 8px; font-size: 0.785m;} 
        .login-button .btnadd { background-color:#26b10d; margin:14px 0px 0px 0px;text-decoration: none;
            float: left;text-transform: uppercase;  padding:7px 10px; font-size: 0.75em;}
        .login-button .btnlogin:hover{background-color:#19660b; color:#fff;}
        .login-button .btnadd:hover{background-color:#19660b; color:#fff;}              
        .login-button .btn i{font-size: 0.7em; margin:5px 2px 0px 0px; float: left;}    
                        
        .mobile-menu-icon button { background-color: transparent; margin-right: -12px;
            border: none; cursor: pointer; }                    
            .main-myacount .acountopt .acountopt-list-rifas .list-opt-rifas ul li a{ padding: 8px 14px;width: 80%; }   

}


@media screen and (max-width: 320px) {
    .nav-bar { padding: 1.5rem 4rem; }
    .nav-item { display: none; }
    .mobile-menu-icon {display: block;;}
    .mobile-menu-icon button { background-color: transparent; margin-right: -12px;
        border: none; cursor: pointer; }
    .mobile-menu ul {   display: flex;  flex-direction: column;
        text-align: center;    padding-bottom: 1rem; }
    .mobile-menu .nav-item { display: block;  padding-top: 1.2rem;    }
    .open { display: block; }
    

    .main-result-day .result .result-list .list-bichos .bichos-content .box-bichos{
        margin-top:60px !important; background-color:  rgba(255,255,255, 0.8);}

        .nav-item a i{display: none;}  
        .login-button{text-align: center;}
        .login-button .btnlogin {background-color:#fff;  margin:14px 5px 10px 37px;}  
        .main-banner .content-banner h1{font-size: 2.3em; padding:0px 20px;}  
        .main-banner .content-banner p{font-size: 0.9em;}

        .main-result-day .result .result-list .list-bet ul li a{ padding: 9px 20px;
            font-size: 0.8em; margin-bottom: 10px; float: left;}

            .main-result-day .content-result-day{position: relative; padding:100px 0px;}
            .main-result-day .content-result-day .date-prev{background-color: var(--cor-titles); 
              font-size: 1.3em; position: absolute; bottom: 0; left:75px; bottom:20px;}
            .main-result-day .content-result-day .date-next{background-color: var(--cor-titles); 
              font-size: 1.3em;  position: absolute; bottom: 0;left:145px; bottom:20px;  }

              .main-result-day .result .result-list .list-bichos .bichos-content{width:95%;} 
              
              .btnmaisresultados{padding: 12px 20px; font-size: 0.95em; margin:0px 2px;}  
              
              .main-apresentacao .howpay .content-howpay{width:85%; }
              .main-apresentacao .howpay .content-howpay .boxhowpay{width:100%; }
              .main-apresentacao .howpay .content-howpay .boxhowpay .title span{font-size: 0.9em; }    
              
              
                            /* PARTE LOGADA DO HEADER */
        .logado{width: auto; right: 55px; top:14px; position: absolute; }
        .logado .myacount { background-color:#26b10d;margin:10px 0px 0px 0px; text-decoration: none;float: left;
        padding: 5px 7px;}
        .logado .myacount img{width: 17px; max-width: 17px; background-color:#fff; padding:2px;  float: left;}
        .logado .myacount span{text-transform: uppercase; font-family: var(--fonte-texts); font-size: 0.7em;
            margin:4px 0px 0px 4px; float: left;}
        .logado .cash { background-color:#26b10d0a;margin:14px 7px 0px 0px; font-size: 0.67em;text-decoration: none; 
            float: left;text-transform: uppercase; font-family: var(--fonte-texts); border:1px solid #30db12;
        cursor: default; padding: 3px 6px;} 
        .logado .cash span{color:#30db12; margin-left: 2px; font-size: 0.7em;}
        /* PARTE LOGADA DO HEADER */

        .logo img{width: 45px; max-width: 45px; margin-left: -55px; }  
        
        .login-button{right: 50px; top:14px; position: absolute;}
        .login-button .btnlogin {background-color:#fff;  margin:14px 5px 0px 0px;text-decoration: none;
            float: left; text-transform: uppercase; color:#081904; padding:7px 8px; font-size: 0.7em;} 
        .login-button .btnadd { background-color:#26b10d; margin:14px 0px 0px 0px;text-decoration: none;
            float: left;text-transform: uppercase;  padding:7px 10px; font-size: 0.7em;}
        .login-button .btnlogin:hover{background-color:#19660b; color:#fff;}
        .login-button .btnadd:hover{background-color:#19660b; color:#fff;}              
        .login-button .btn i{font-size: 0.7em; margin:5px 2px 0px 0px; float: left;}  

}
@media screen and (max-width: 290px) {
    .logo img{display: none; } 
    
    .login-button{right: 70px; top:14px; position: absolute;}
}