*{
    padding: 0;
    margin: 0;

}
 
html,body{
    width: 100%;
    height: 100%;
}




 body{
 
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    color: white;
   
 
   }
 


.navbar{
    background:  rgba(11, 19, 29, 0.856);
  align-items: center;
    box-shadow: 1px 1px 6px rgb(0, 0, 0);
     transition: 0.5s ease-in-out;
   }
 
  .navbar.scrolled {
    background:  rgba(11, 19, 29, 0.856);
   backdrop-filter: blur(5px);
    box-shadow: 1px 1px 6px rgb(0, 0, 0);
  }
  
   .navbar-collapse{
    justify-content: end;
   }
   .navbar-nav{
     align-items: center;
   }
  
   .nav-item{
     font-size: 1rem;
     font-weight: 600;
     padding-right: 1rem;
     padding-left: 1rem;
   }
   .nav-item:last-child{
     padding-right: 0;
     padding-left: 0;
   }
   .nav-link.insta{
    font-size: 2rem;
    color:#0088ff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
   
   .nav-link{
     color: #fff;
     text-transform: uppercase;
   }
    
   .nav-link:hover{
     color: rgb(170, 43, 77);
   }
   
   .nav-item.active .nav-link{
    color:rgba(170, 43, 77, 0.726);
  }
   
  #iconeNave{
    margin-right: 0.3rem;
  }
  
  .item-drop a{
   display: flex;
  }
  
  .styled-menu {
    z-index: 100;
    margin: 0;
    padding: .1rem;
    border: 0;
  }
  
  .styled-menu::before {
   position: absolute;
   z-index: -5;
   bottom: 100%;
   left: 20px;
   display: block;
   width: 16px;
   height: 16px;
   content: '';
   transform: rotate(-45deg) translateY(1rem);
   border-radius: .2rem;
   background: #fff;
   box-shadow: none;
  }
  .item-drop a span{
   margin-right: 1rem;
  }
  
  .dropdown-item{
   display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  margin-bottom: -1px;
  background-color: #FFF;
  transition: all 0.1s ease;
  }
  
  .dropdown-item:hover{
   color: #000;
   border-radius: .3rem;
   transform: translateX(-15px) translateY(-3px) scale(1.1);
   box-shadow: 0 1rem 2rem rgba(31,45,61,.15);
   background-color: rgb(255, 255, 255);
  }
  
  .dropright .dropdown-toggle::after {
    margin-left: 20px;
  }
 
  .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
   }
  
 


  /* ----------------------------botões do site--------------------------------------- */
  
.btn{
    background:linear-gradient( to right,rgb(32, 143, 255),rgb(0, 76, 255));
    border-radius: 100px;
    text-align: center;
    padding: 14px 30px;
    text-transform: uppercase;
    color: white;
    border: none;
    -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
   
  }
  
  .btn:hover{
    box-shadow: 0 0 2em  rgb(0, 81, 255) ;
    transform: scale(1.05);
    color: white;
  }
  .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
  }


  /* ----------------------------corpo--------------------------------------- */
 .sect{
     background: url(../imagens/background/backioniacompra.jpg) no-repeat;
     background-size: cover;
     padding-top: 2rem;
     text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);

 }

 .sectElo{
  position: relative;
  bottom: 65px;
  background: url(../imagens/background/backioniacompra.jpg) no-repeat;
  background-size: cover;
 text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
 }
 
 


 .rules{
   background-color: #0A0E1B;
   text-transform: uppercase;
 }
 
  /* ----------------------------divider--------------------------------------- */

 .section-branding.top {
  margin-bottom: -5px;
} 

.section-branding.top.mount,.section-branding.top.chris{
  position: relative;
  margin-bottom: -100px;
}

.section-branding.top.mount img, .section-branding.top.chris img {
  position: absolute;
bottom: 0;
left: 0;
}


.ptb_100 {
  padding: 160px 0 100px 0;
}
.ptb_100Elo {
  padding: 3rem 0 100px 0;
}
  
.ptb_100Rules{
  padding: 8rem 0 0 0;
}

  /* ----------------------------cardElos--------------------------------------- */
 .titleElo{
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
padding-bottom: 1rem;
padding-top: 2rem;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
 }

.cardElo{
  background-color: #0a0e1bd7;
  display: flex;
  padding: 2rem;
  align-items: center;
  box-shadow: 0px 0px 27px 6px rgba(0,0,0,0.71);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  justify-content: center;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}

.cardEloFinal{
  background-color: #0a0e1bd7;
  flex-direction: column;
   height: 410.4px;
  padding: 2rem;
  box-shadow: 0px 0px 27px 6px rgba(0,0,0,0.71);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
     text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}
 

 
.alert{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  color: white;
  text-align: start;
  width: 100%;
}

.contentEloFinal{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#cardEloFinal{
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.cardEloFinal .row, .cardElo .row .col-6 {
 display: flex;
  align-items: center;
}

 /* ----------------------------Rules--------------------------------------- */
 .rules p {
  font-size: 12px;
  line-height: 18px;
  margin: 13px 0;
  text-transform: none;
}

 
  /* ----------------------------icone do inicio--------------------------------------- */

 #grid-itemsConq{
     font-size:1rem;
     font-weight: 200;
 }

.grid-itemsConq i {
 font-size: 1rem;
 position: absolute;
 right: 0;
 left: 0;
 top: 1rem;
 }
 

 .grid-itemsConq h6{
     position: absolute;
     right: 0;
     left: 0;
     top: 2.5rem;
 }


  /* ----------------------------titles-------------------------------------- */
 .subElo{
   font-size: 2rem;
   font-weight: 200;
 }
    
 .video{
   position: relative;
   z-index: 1;
 }
 .video iframe{
  border-radius: 1rem;
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.74);
}
 
 
 #titleImgAtual,#titleImgDesejada{
   text-transform: uppercase;
 }
  /* ----------------------------imgElos--------------------------------------- */

 .imgElo img{
   max-width: 200px;
   display: flex;
   justify-content: start;
 }

 .imgEloFinal img{
   max-width: 100px;
 }

 .cardElo i{
   font-size: 2rem;
 }



hr{
 
    width: 100%;
    height: 1px;
    background-color: #dddddd42;
 
}

 #valor small {
  font-size: 20px;
}
#desconto {
  font-size: 20px;
  text-decoration: line-through;
  color: #7d233f;
}

.valor {
padding-top:1rem ;
}
  /* ----------------------------footer--------------------------------------- */
  
  .page-footer{
    position: relative;
    bottom: 70px;
    background-color: #0B131D;
    color: white;
    padding:4rem 0 1rem 0 !important;
  }
  .footer-item{
    margin-bottom: 30px;
    
  }
  .list-unstyled i{
    font-size: 2rem;
  }
  .footer-item li a:hover{
     text-decoration: none;
     color:rgb(170, 162, 43) ;
  }
  .footer-copyright a:hover{
   text-decoration: none;
  }
  .textFooter{
    font-size: 10px;
  line-height: 15px;
  text-align: left;
   
  }
  .list-unstyled  a{
    color:white;
  }
    
  #eloBurn{
  color:#0088ff;
  }
  
  #visits-box {
    position: fixed;
 
    z-index: 1101;
    background: linear-gradient( to right,rgb(251,92,0),rgb(242, 0, 60));
    padding: 0 15px;
    font-weight: 500;
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.74);
    border-radius: 10px 0px 0px 10px !important;
    color: #fff;
    cursor: default;

    top: unset !important;
    bottom: 0 !important;
    right: 0 !important;
    text-align: center;
    width: 15rem;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
 
    margin: 0;
  }
  /* ------------------------------icone whats---------------------- */
  .zap-fixed {
    position: fixed;
    bottom: 40px;
    right: 3%;
    z-index: 1101;
      font-size: 3.281rem;
  }
 
  .whats{cursor: pointer;}
  .zap-fixed i{
  
      color:#0088ff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  @media(max-width:574px){
    .imgElo img{
      max-width:140px;
      display: flex;
      justify-content: start;
    }
    .valor{
      font-size:2.7rem;
    }
    
  }  


  @media (max-width: 992px){
    .nav-item:last-child{
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .header-container{
      padding-top: 30vh;
    }
    .navbar.scrolled {
      background:  rgba(11, 19, 29, 0.856);
      backdrop-filter: none;
     
      box-shadow: 1px 1px 6px rgb(0, 0, 0);
    }
    .navbar-nav{
      align-items:start;
    }
    .nav-item.active {
      background:transparent;
      
     }
    
  
    .styled-menu::before {
    visibility: hidden;
     }

     .titleElo{
       padding-top: 2rem;
     }
     
    }


    @media(max-width:767px){
      #visits-box {
        top: unset !important;
        bottom: 0 !important;
        left: 0 !important;
        border-radius: 0 10px 0 0px !important;
        text-align: center;
        width: 15rem;
      }
      .btn{
        margin-top: .5rem;
       }
       
    }

.ass {

font-size: 15px;
position: relative;
top: 5px;


}