body{

    font-family: 'Raleway', sans-serif;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-family: 'Montserrat', sans-serif;
    color: #555555;

}

.button hover{

    background-color: #ff5a00;

}

.cinza2{

  background-color: #e9edf3;

}

.cinza{

    background-color: #f4f4f4;
  
  }

*{list-style:none;border:0;text-decoration:none;margin:0;padding:0;outline:0}
@-moz-keyframes fade-it{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-it{0%{opacity:0}100%{opacity:1}}@keyframes fade-it{0%{opacity:0}100%{opacity:1}}.js-fade-in-verb{animation-name:fade-it;animation-duration:1s;animation-fill-mode:forwards;-webkit-animation-name:fade-it;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards}.shell{position:relative;width:80%;margin:25px auto}h1{position:relative;width:100%;margin:0 auto 50px auto;line-height:1.25}.verb.js-block{display:inline-block}.verb.js-hide{display:none;opacity:0}.verb{display:inline-block;visibility:visible;border-bottom:1px solid}

.nav-item {
    font-size: 1.25rem;
    font-weight: 300;
    color:#000000;
}

.navbar-light .navbar-toggler {
    color: #ff5a00;
    border-color: rgba(0,0,0,.1);
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.10rem;
}

.plataformas-logo {
    max-width: 100%;
    margin: auto auto;
}

.display-5 {
    font-size: calc(1.2rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
    /*background: linear-gradient(120deg,#ee480e, #4b0078);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */ 
}


.gradiente-laranja-roxo{
    background: linear-gradient(120deg,#ee480e, #4b0078);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}


.gradiente-laranja-amarelo{
    background: linear-gradient(120deg,#ee480e, #ffbe08);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}


.gradiente-verde-amarelo{
    background: linear-gradient(120deg,#1e8ca5, #ffbe08);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}


.gradiente-amarelo-fucsia{
    background: linear-gradient(120deg,#ffbe00, #aa008c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}


.gradiente-amarelo-roxo{
    background: linear-gradient(120deg,#ffbe00, #4b0078);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}


h6{

    /* color: #666666; */

}

.fonte-cinza{

    /* color:#666666; */

}

.laranja{  color: #ff5a00; }
.roxo{  color: #4b0078; }
.amarelo {  color: #ffbe00; }
.roxo{  color: #4b0078; }
.fucsia{ color: #aa008c; }
.verde{ color: #1e8ca5; }

.bg-laranja{  background-color: #ff5a00; border:0; }
.bg-roxo{  background-color: #4b0078; border:0; }
.bg-amarelo {  background-color: #ffbe00; border:0; }
.bg-roxo{  background-color: #4b0078; border:0; }
.bg-fucsia{ background-color: #aa008c; border:0; }
.bg-verde{ background-color: #1e8ca5; border:0; }

.verb{  color: #ff5a00; }

.h1, h1 {
    font-size: calc(1.0rem + 1.5vw);
}


.lead {
    font-size: 1.10rem;
    font-weight: 300;
}

.diferenciais{
    font-size: 1.0rem;

}

.diferenciaisplus{

    font-size: 1.0rem;

}

.nav-item {
    font-size: 1.0rem;
    font-weight: 300;
    color: #000000;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.card-text{

    font-size: 0.8rem;
}

.plataformas-logo{
    max-width: 50%;
    margin: auto auto;
}

.dot {
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color:#FFFFFF;
    line-height: 3rem;
    position: absolute;
    top: -20px;
    left: -10px;
  }

  .card{

    min-height: 230px;

  }

  .titulo{

    font-size: 1.2rem;

  }

  .sizers{

    font-size: 1.4rem;
    color: #555555;
}

  a{
    color:#ff5a00;
    
}

.btn{
    font-family: 'Raleway', sans-serif;
}

.quotes{

color:#666666;
line-height: 2rem;
font-size: 1.5rem;

}

.aspas{

    font-size: 2rem;
}


.card {

    border: 0; 
    border-radius: 2rem;

}

.cinza-final{

    background-color: #e9edf3;

}

.btn-primary:hover {
    background-color: #aa008c; 
  }

  .btn-primary:active {
    background-color: #ff5a00; 
  }

  .btn-primary:focus {
    background-color: #1e8ca5; 
  }

  .modal-header {
    border: 0;
}

.modal-footer {
    border: 0;
}

.nav-link a{

    color:#555555;

    font-family: 'Raleway', sans-serif;

}


@media (max-width: 575.98px) { 
    
.logo{

    width: 240px !important;

}

}