html{
    overflow-x: hidden !important;
}

body{
    font-family: "Roboto";    
    font-size: 1.4rem;
    background-color: #FFF;    
    color: #000;    overflow-x: hidden !important;

}



.btn-grupovip{
    padding: 10px 40px !important;     
    background-color: #758D3C;
    box-shadow: 0 0 5px 0 #00AA0099;
    border: none;
    color: #FFF;
    padding: 15px;    
    font-size: 1;
    text-transform: uppercase;
    
}

.btn-grupovip:hover{
    background-color: #25D366;
    box-shadow: 0 0 15px 5px #00FF0099;
    color: #000;
}

.home .base_timer{
       
    background-color: #333 !important; 

    background-image: linear-gradient(to bottom, #000, #333);
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2rem;
}

.base_timer  h3{ 
    background-color: #B58136;   
    background-image: linear-gradient(135deg, #DFC573, #B58136 90%, #DFC573);
    border-radius: 5px;
    color: #FFF;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 2rem !important;
    line-height: 3rem !important;
}

.base_timer small{  
    display: block;
    transform: translateY(4px);    
    font-size: 10px;
    text-transform: uppercase;
}


.base_video{
    margin-bottom: 8vh;
}




.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 10px;
}


.botao-atencao{
    background-color: #eb5755;
    

}

/* Basic button styling */

.botao-atencao {    
    text-align: center;
    white-space: nowrap;
    display: block;
    margin: 20px;
    padding: 10px;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    padding: 15px 40px;
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: 10px;    
    background-color: #eb5755;
    letter-spacing: 8px;
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);    
    color: #ffffff;
    transition: all 300ms ease-in-out;
  }
  
  
  /* Comment-out to have the button continue to pulse on mouseover */
  
  a.botao-atencao:hover {
    animation: none;
    color: #ffffff;
  }
  
  
  /* Animation */
  
  @keyframes pulsing {
    to {
        background-color: #FF0000;
      box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
  }

  



.row.dobra{
    padding-top: 6vh;
    padding-bottom: 4vh;
}

.row.dobra:nth-child(odd){
    background-color: #000;
    color: #FFF;

}


h1{
    font-weight: 300;
}

h2{
    font-weight: 300;
    margin-bottom: 2rem;
}


span{
    font-weight: 700;
}



span.red{
    color: #B58136;
}


p{
    margin-bottom: 2rem;
}



.row.texto1 .titulos h1{

}


.row.texto1 .titulos h2{
    color: #B58136;     
    font-weight: 500;
}



.row.texto1 h3{
    font-size: 1.4rem;    
    background-color: #175A64;
    color: #FFF;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 3vh !important;    
    
    
}



.row.destaque1{
    background-image: linear-gradient(to bottom, #333, #000);
    padding-top: 6vh !important;
    padding-bottom: 6vh !important;

}



.row.destaque1 h2{
    text-transform: uppercase;
    font-weight: 500;
    

}








.row.destaque2{
    background-color: #175A64;
    background-image: linear-gradient(to bottom, #175A64, #0a282c);
    padding-top: 6vh !important;
    padding-bottom: 6vh !important;
    font-size: 1.8;
    font-weight: 500;
    color: #FFF !important;
}



.row.texto2 h2{
    color: #175A64;

    background-color: #175A64;
    color: #FFF;
    padding: 10px;
    text-align: center;
    border-radius: 20px;

    font-weight: 300;
    margin-bottom: 3vh !important;    
    font-size: 1.6rem;

}


.row.texto2 h3.red{
    color: #B58136;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 2vh !important;    
}

span.destaque{
    display: block;
    font-weight: 500;    
    color: #734900;
    padding: 20px;
    border-radius: 20px;
    background-image: linear-gradient(135deg, #DFC573EE, #B58136EE 90%, #DFC573EE) !important; 

    color: #000;
}











.home .rodape{    
    background-color: #000;    
    color: #ccc;
    padding-top: 2vh !important;
    padding-bottom: 2vh !important;
    min-height: 0;
    font-size: 0.8rem;
    position: relative;
    z-index: 999;
    text-transform: uppercase;
}

.home .row.rodape .logo{
    max-height: 40px;
}    



@media(max-width: 767.9px){

    

}


@media(min-width: 768px){


}


@media(min-width: 1200px){

}



@media(min-width: 1600px){
}