/*------------------------------------------------------------avant*/
@font-face {
    font-family: 'avant';
    src: url('/fonts/avant.eot');
    src: url('/fonts/avant.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avant.woff') format('woff'),
         url('/fonts/avant.ttf') format('truetype'),
         url('/fonts/avant.svg#avant') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------avant bold*/
@font-face {
    font-family: 'avant_bold';
    src: url('/fonts/avant_bold.eot');
    src: url('/fonts/avant_bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avant_bold.woff') format('woff'),
         url('/fonts/avant_bold.ttf') format('truetype'),
         url('/fonts/avant_bold.svg#avant_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.roboto100 {
  font-family: 'Roboto' !important;
  font-weight: 100;
}

.roboto300 {
  font-family: 'Roboto' !important;
  font-weight: 300;
}

.roboto500 {
  font-family: 'Roboto' !important;
  font-weight: 500;
}

.fone_base{
font-family:avant_bold;
font-size:16px;
color:#fff;
}

.topicos{
font-family: 'Roboto' !important;
font-weight: 500;
font-size:24px;
color:#333;
}

.topicos1{
font-family: 'Roboto' !important;
font-weight: 100;
font-size:30px;
color:#fff;
}

.topicos2{
font-family: 'Roboto' !important;
font-weight: 500;
font-size:26px;
color:#333;
}

.topicos_site{
font-family: 'Roboto' !important;
font-weight: 100;
font-size:40px;
color:#fff;
}

.topicos_site1{
font-family: 'Roboto' !important;
font-weight: 500;
font-size:40px;
color:#fff;
}

.topicos_site2{
font-family: 'Roboto' !important;
font-weight: 300;
font-size:40px;
color:#333;
}

.topicos_produtos{
font-family:avant_bold;
font-size:30px;
color:#333;
}

.modelos_produtos{
font-family:avant_bold;
font-size:22px;
color:#ccc;
}

.modelos_produtos_principal{
font-family:avant_bold;
font-size:60px;
color:#fefefe;
}

.texto_site{
font-family: 'Roboto' !important;
font-weight: 300;
font-size:17px;
color:#333;
}

.texto_site_pequeno{
font-family: 'Roboto' !important;
font-weight: 400;
font-size:13px;
color:#333;
}

.texto_site_cinza{
font-family: 'Roboto' !important;
font-weight: 400;
font-size:15px;
color:#ccc;
}

.texto_site_cinza_pequeno{
font-family: 'Roboto' !important;
font-weight: 400;
font-size:12px;
color:#ccc;
}