/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */


.ajudaPadding {
    padding-bottom: 70px;
    padding-top:70px;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px)
{
    .ajudaPadding{
        width:30%;
        text-align: center;
    }
    .ajudaImagem {
    Position: absolute;
    Top: 0px;
    Left: 102px
}
}

.ajudaImagem{

}

.ajudaText{

    font-size: 15px !important;

}


.ajudaBorda{
    border-radius: 0px 50px 50px 0px !important;    
}
.ajudaBorda2{
    border-radius: 50px 0px 0px 50px !important;
}

.typewriter {
    animation:typing 2s steps(30, end);
}
  /*Animação de escrita de texto e fade para a aparição do texto*/
  @keyframes typing {
    from { width: 0;
        border-color: transparent;
    background-color: transparent;
    opacity: 0;}
    to { width: 100%;
    border-color: transparent; 
    background-color: transparent;
    opacity: 1;}
}
.fadeLeft{
    animation: fadeLeft 1100ms ease-in-out 1s both;
}
/*Animação fadeLeft */
@keyframes fadeLeft{from{opacity:0; transform: translateX(80px);}to{opacity:1;  transform: translateY(0);}}

.fadeIn{
    animation: fadeIn 2000ms ease-in-out 1s both;
}
/*Animação fadeIn*/
@keyframes fadeIn{from{opacity:0}to{opacity:1}}


.background{
    background-color:#378ac4 !important;
    margin: 0 0px !important;
}
.text1{
    color:#ffffff !important;
}

.texte2{
    font-size:14px !important;
}

.button{
    border-radius:50px !important;
    background:#378ac4 !important;
    border-color:#378ac4 !important;
}
.paddingCart{
padding-top:0px !important; 
}