.card {
    -webkit-transition: border 1s linear, box-shadow 1s linear;
   -moz-transition: border 1s linear, box-shadow 1s linear;
        transition: border 1s linear, box-shadow 1s linear;
}

.card.c4s {
  -webkit-box-shadow: 0 0 40px rgb(185, 185, 185);
  -moz-box-shadow: 0 0 40px rgb(218, 218, 218);
      box-shadow: 0 0 40px rgb(223, 223, 223);
  }

.card.c5s {
-webkit-box-shadow: 0 0 40px rgb(250, 195, 93);
-moz-box-shadow: 0 0 40px rgb(250, 195, 93);
    box-shadow: 0 0 40px rgb(250, 195, 93);
}



.let_cont {
color: whitesmoke;
font-size: 0.9em;
line-height: 1.25;
    font-family: 'Raleway', Calibri, Arial, sans-serif;
    opacity: 0.8;
}

.let_cont2 {
  color: whitesmoke;
  font-size: 0.9em;
  line-height: 1.25;
      font-family: 'Raleway', Calibri, Arial, sans-serif;
      opacity: 0.8;
      display: none;
  }

  .let_cont3 {
    color: whitesmoke;
    font-size: 0.9em;
    line-height: 1.25;
        font-family: 'Raleway', Calibri, Arial, sans-serif;
        opacity: 0.9;
  
    }

    /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#bannericonbig{
  position:absolute;
   top: -165px;
    left:930px;
}

#bannericonbig img {
  width: 135px;
  height: 175px;
  }

#users {
  font-size: 0.7em;
   border-radius: 25px;
    position: absolute; 
    top:10px; 
    left: 930px;
    height:120px;
     max-width:400px;
     overflow:auto;
     background-color: #23224298;
     color:rgba(255, 255, 255, 0.76);
     scrollbar-base-color:gold;
     font-family:sans-serif;
     padding:1px;

}

#userslist img {
  width: 30px;
  height: 14px;
  }




body  {
  margin: 0;
background: url("../imagens/bg2.jpg") no-repeat center center fixed; 
background-repeat: no-repeat;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
font-size: 1.2em;
line-height: 1.25;
font-family: 'Raleway', Calibri, Arial, sans-serif;

}

a:link {
    color: aliceblue;
  }
  
  a:visited {
    color: aliceblue;
    text-decoration: none;
  }
  
  a:hover {
    color: aliceblue;
    text-decoration: underline;
  }
  
  a:active {
    color: aliceblue;
    text-decoration: underline;
  }

  .video {
      position: fixed;
      z-index: 999;
      left: 934px;
      top: 22px;
      border-style: ridge;
border: 5px;
  }

  .myVideo {
width: 600px;
height: 400px;
border-style: ridge;
border: 5px;
}


.t_40 {
  visibility: hidden;
  color: rgb(36, 32, 32);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  min-width:300px; /* I have changed here */
  max-width:1000px;
  display: inline-block;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.678);
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  justify-content: space-between;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}


#daily:hover .t_40 {
  visibility: visible;
}

#automode:hover #a_40 {
  visibility: visible;
}


.tt_ex {
  visibility: hidden;
  color: rgb(36, 32, 32);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  min-width:300px; /* I have changed here */
  max-width:1000px;
  display: inline-block;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.596);
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  justify-content: space-between;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tt_ex img {
  width: 100px;
  height: 139px;

 
}

#s_ex:hover .tt_ex {
  visibility: visible;
}


  
 .tt_ss {
    visibility: hidden;
    color: rgb(36, 32, 32);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    min-width:300px; /* I have changed here */
    max-width:1000px;
    display: inline-block;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_ss img {
    width: 100px;
    height: 139px;

   
  }
  
  #s_ss:hover .tt_ss {
    visibility: visible;
  }

  .tt_s {
    visibility: hidden;
    color: rgb(36, 32, 32);
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    min-width:900px; /* I have changed here */
    max-width:1000px;
    display: inline-block;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_s img {
  width: 100px;
  height: 139px;

   
  }
  
  #s_s:hover .tt_s {
    visibility: visible;
  }

  .cardsize {
    width: 180px;
    height: 250px;
  }

  .cardstyle {
    width: 180px;
    height: 250px;
    background-repeat:no-repeat;
background-size:contain;
background-position:center;
  
  }

@media only screen and (max-width: 1440px) {



    
    #s_b{
        position: absolute; 
        margin-left: -15px;
        top:0px;
    }
    
    #s_a{
        position: absolute; 
        margin-left: -38px;
        top:0px;
    }
    
    #s_s{
        position: absolute; 
        margin-left: -55px;
        top:0px;
    }
    
    #s_ss{
        position: absolute; 
        margin-left: -65px;
        top:0px;
    }

    #s_ex{
      position: absolute; 
      margin-left: -85px;
      top:0px;
  }

    
    #s_tt{
        position: absolute; 
        margin-left: -95px;
        top:0px;
	}

    #b_r{
        position: absolute; 
        margin-left: -155px;
        top:0px;
    }
    
    #b_m{
        position: absolute; 
        margin-left: -230px;
        margin-top:30px;
    }
    

	#logo img {
        max-width: 320px;
        margin-left: -80px;
    }
    
    #icons img {
        max-width: 25px;
        margin-top: 10px;
    }
    
    #icons input {
        max-width: 25px;
        margin-left: 40px;
        margin-top: 10px;
    }

    #butao input {
        max-width: 128px;
        max-height: 32px;
        margin-left: -210px;
        margin-top: 1px; 
    }

    #butao2 input {
      max-width: 128px;
      max-height: 32px;
      margin-left: -210px;
      margin-top: -15px; 
  }

    img#icontainer {
        max-width: 420px;
        max-height: 215px;
        margin-left: -260px;
        margin-top: 50px;
    }

    #fileira  {
        max-width: 690px;
        max-height: 500px;
        margin-top: -95px;
        margin-left: -10px;

    }

    .cardsize {
      width: 135px;
      height: 188px;
    }

    .cardstyle {
      width: 135px;
      height: 188px;
      background-repeat:no-repeat;
      background-size:contain;
      background-position:center;
    }

    
    #fileira2  {
       
        margin-top: -90px;
        margin-left: -270px;

    }

    #id_sk {
       
      margin-top: -90px;
      margin-left: -270px;

  }

    .img_h  {
       
        max-width: 79px;
        max-height: 110px;

    }

    #s_bar  {
       
        max-width: 380px;
        max-height: 30px;
        margin-top: -40px;
    }


    #bar_text {
       
       font-size: 0.9em;

    }


    #dev {
       
        max-width: 450px;
        max-height: 15px;
        margin-top: -225px;
        margin-left: -10px;
        font-size: 0.6em;
 

    }

    #cat{
        position: absolute; 
        margin-left: -60px;
        margin-top: -5px;
      
    }

    

    #frags{
        position: absolute; 
        margin-left: -300px;
        margin-top: -10px;
      
    }    
    img#ifrag{
      width: 55px;
      height: 55px;
      
    }
 


  #daily  {  
    margin-left: -225px;
    margin-top: 20px;
  }



  #daily input {
    max-width: 90px;
    max-height: 29px;

  }

  
  #automode {  
    margin-left: -270px;
    margin-top: -10px;
  }



  #automode input {
    max-width: 110px;
    max-height: 35px;

  }


#statistics  {  
  margin-left: -290px;
  margin-top: -40px;
}

        
    #jinfo{
       display: none;        
      }
    

      .video {
        margin-left: -296px;
        margin-top: 40px;
        z-index: 999;
    }
  
    .myVideo {
        max-width: 495px;
        max-height: 238px;
  }



  .tt_ex {
    visibility: hidden;
    color: rgb(36, 32, 32);
    border-radius: 6px;
    padding: 1px 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between;
    max-width: 100px;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_ex img {
    height: 200px;
    object-fit: cover;
    margin: auto;
  }
  
  #s_ex:hover .tt_ex {
    visibility: visible;
  }

  .tt_ex {
    visibility: hidden;
    color: rgb(36, 32, 32);
    border-radius: 6px;
    padding: 1px 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between;
    max-width: 100px;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_ss img {
    height: 200px;
    object-fit: cover;
    margin: auto;
  }
  
  #s_ss:hover .tt_ss {
    visibility: visible;
  }

  .tt_s {
    visibility: hidden;
    color: rgb(36, 32, 32);
    border-radius: 6px;
    padding: 1px 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between; 
    min-width: 600px;
    max-width: 700px;
    display: inline-block;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_s img {
   width: 500px;
   height: 200px;
   object-fit: cover;
   margin: auto;

   
  }
  
  #s_s:hover .tt_s {
    visibility: visible;
  }

  #doacao{
    margin-left: -170px;
    margin-top: -250px;
  
}


#bannericonbig{
  position:absolute;
   margin-top: 55px;
    margin-left:-250px;
}

#bannericonbig img {
  width: 100px;
  height: 130px;
  }

#users {
  font-size: 0.7em;
   border-radius: 25px;
    position: absolute; 
    margin-top:8px; 
    margin-left: -250px;
    height:80px;
     max-width:350px;
     overflow:auto;
     background-color: #23224298;
     color:rgba(255, 255, 255, 0.76);
     scrollbar-base-color:gold;
     font-family:sans-serif;
     padding:1px;

}

#userslist img {
  width: 30px;
  height: 14px;
  }

  #patreon {
    margin-left:-320px;
  }

  #patreon img {
    width: 125px;
    height: 125px;
   
  }


}

  

@media only screen and (max-width: 900px) {

  
  body  {
    background: url("../imagens/bg2.jpg") no-repeat center center fixed; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    line-height: 1.25;
    font-family: 'Raleway', Calibri, Arial, sans-serif;

    min-width: 100%;
    min-height: auto;
    font-size: 0.7em;
    }
    
    #s_b{
        position: absolute; 
        margin-left: -32px;
        margin-top:95px;
    }
    
    #s_a{
        position: absolute; 
        margin-left: -58px;
        margin-top:95px;
    }
    
    #s_s{
        position: absolute; 
        max-height: 10px;
        margin-left: -85px;
        margin-top:95px;
    }
    
    #s_ss{
        position: absolute; 
        margin-left: -110px;
        margin-top:95px;
    }

    #s_ex{
      position: absolute; 
      margin-left: -130px;
      margin-top:95px;
  }


    
    #s_tt{
        position: absolute; 
        margin-left: -250px;
        margin-top:90px;
	}

    #b_r{
        position: absolute; 
        margin-left: -450px;
        margin-top: 30px;
    }
  
    
    #b_m{
      position: absolute; 
      margin-left: -560px;
      margin-top: 30px;
  }
    

	#logo img {
        max-width: 170px;
        margin-left: -400px;
    }
    
    #icons img {
        max-width: 15px;
        margin-top: 30px;
    }
    
    #icons input {
        max-width: 15px;
        margin-left: 10px;
        margin-top: 30px;
    }

    #b_r input  {
      max-width: 25px;
  }
  #b_m input  {
    max-width: 25px;
}

    #butao input {
        max-width: 90px;
        max-height: 23px;
        margin-left: -520px;
        margin-top: 70px; 
    }

    #butao2 input {
      max-width: 90px;
      max-height: 23px;
      margin-left: -520px;
      margin-top: -60px; 
  }

    img#icontainer {
        max-width: 165px;
        max-height: 84px;
        margin-left: -750px;
        margin-top: 105px;
    }

    #fileira  {
        max-width: 420px;
        max-height: 185px;
        margin-top: -100px;
        margin-left: -5px;

    }

    .cardsize {
      width: 72px;
      height: 100px;
    }

    .cardstyle {
      width: 72px;
      height: 100px;
      background-repeat:no-repeat;
background-size:contain;
background-position:center;

    }
    
    #fileira2  {
       
        margin-top: 101px;
        margin-left: -985px;
        max-width: 390px;

    }

    #id_sk {
       
      margin-top: 115px;
      margin-left: -985px;

  }

  #summonedknights {
    max-width: 390px;
    max-height: 22px;
  }


    .img_h  {
       
        max-width: 60px;
        max-height: 83px;

    }

    #s_bar  {
       
        max-width: 360px;
        max-height: 15px;
        margin-top: 20px;
    }


    #bar_text {
       
       font-size: 1.0em;

    }


    #dev {
       
        max-width: 380px;
        max-height: 15px;
        margin-top: -410px;
        margin-left: -10px;
        font-size: 0.7em;
 

    }

    #cat{
        position: absolute; 
        margin-left: -130px;
        margin-top: -10px;
      
    }

    
    img#fc{
      width: 110px;
      height: 26px;
      
    }

    #frags{
        position: absolute; 
        margin-left: -1060px;
        margin-top: 90px;
      
    }

    
    img#ifrag{
      width: 35px;
      height: 35px;
      
    }

    

  #daily {

    margin-left: -510px;
    margin-top: 55px;
}

#daily input {
  max-width: 70px;
  max-height: 23px;

}

#automode {  
  margin-left: -620px;
  margin-top: 15px;
}



#automode input {
  max-width: 70px;
  max-height: 23px;
}


#statistics  {  
  margin-left: -750px;
  margin-top: -42px;
}
img#statistics {  
  width: 10;
  height: 10;
}
        
    #jinfo{
       display: none;        
      }
    

      .video {
        margin-left: -765px;
        margin-top: 30px;
        z-index: 999;
    }
  
    .myVideo {
      max-width: 190px;
      max-height: 84px;
  }

  .tt_ex {
    visibility: hidden;
    color: rgb(36, 32, 32);
    border-radius: 6px;
    padding: 1px 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between;
    min-width: 200px;
    max-width: 300px;
    display: inline-block;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_ex img {
    width: 100px;
    height: 80px;
  
    margin: auto;
 

   
  }
  
  #s_ex:hover .tt_ex {
    visibility: none;
  }


  .tt_ss {
    visibility: hidden;
    color: rgb(36, 32, 32);
    border-radius: 6px;
    padding: 1px 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between;
    min-width: 200px;
    max-width: 300px;
    display: inline-block;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_ss img {
    width: 100px;
    height: 80px;
  
    margin: auto;
 

   
  }
  
  #s_ss:hover .tt_ss {
    visibility: none;
  }

  .tt_s {
    visibility: hidden;
    color: rgb(36, 32, 32);
    border-radius: 6px;
    padding: 1px 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.596);
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    justify-content: space-between; 
    min-width: 200px;
    max-width: 300px;
    display: inline-block;
   
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .tt_s img {
   width: 100px;
   height: 80px;
   margin: auto;

   
  }

  #s_s:hover .tt_s {
    visibility: none;
  }

  
  #doacao{
    margin-left: -230px;
    margin-top: -620px;
  
}

#doacao input{ 
 width: 100%;
 height: 100%;

}

#iconbanner {
  max-width: 30px;
  max-height: 24px;
}


#bannericonbig{
  position:absolute;
   margin-top: 110px;
    margin-left:-760px;
}

#bannericonbig img {
  width: 60px;
  height: 78px;
  }

#users {
  font-size: 7px;
   border-radius: 15px;
    position: absolute; 
    margin-top:-60px; 
    margin-left: -700px;
    height:70px;
     width:200px;
     overflow:auto;
     background-color: #23224298;
     color:rgba(255, 255, 255, 0.76);
     scrollbar-base-color:gold;
     padding: 0;
   
   
  

}

#userslist{
  margin: 1%;
  padding: 1%;
}

#userslist img {
  width: 20px;
  height: 9px;
  }


  
  #patreon {
    margin-left:-1020px;
    margin-top:115px;
  }

  #patreon img {
    width: 70px;
    height: 70px;
   
  }

}