@charset "UTF-8";



.form-busca button,

.form-busca option,

.form-busca select,

.navbar,

.topo-pesquisa button,

.topo-pesquisa input {

    border-radius: 0

}





@font-face {

    font-family: 'FiraSans-Medium';

    src: url(../fonts/FiraSans-Medium.eot);

    src: url(../fonts/FiraSans-Medium.eot?#iefix) format('embedded-opentype'),

        url(../fonts/FiraSans-Medium.woff2) format('woff2'),

        url(../fonts/FiraSans-Medium.woff) format('woff'),

        url(../fonts/FiraSans-Medium.ttf) format('truetype'),

        url(../fonts/FiraSans-Medium.svg#FiraSans-Medium) format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'FiraSans-ExtraLight';

    src: url(../fonts/FiraSans-ExtraLight.eot);

    src: url(../fonts/FiraSans-ExtraLight.eot?#iefix) format('embedded-opentype'),

        url(../fonts/FiraSans-ExtraLight.woff2) format('woff2'),

        url(../fonts/FiraSans-ExtraLight.woff) format('woff'),

        url(../fonts/FiraSans-ExtraLight.ttf) format('truetype'),

        url(../fonts/FiraSans-ExtraLight.svg#FiraSans-Medium) format('svg');

    font-weight: normal;

    font-style: normal;

}

html, body{

    overflow-x: hidden;

}

/*CSS para remover a cor azul do safari*/

.remover-corazul-safari{

    color:#333;

}

.whats-mobile {

    position: fixed;

    bottom: 10px;

    left: 15px;

    background-color: #00CE65;

    color: #FFF;

    font-size: 1.2em;

    padding: 10px 20px;

    border-radius: 10px;

    cursor: pointer;

    z-index: 1000;

}

.social-link-instagram {

    text-decoration: none !important;

    color: #fff !important;

    background-color: #ab0e1b !important;

}

.social-link-whatsapp {

    text-decoration: none !important;

    color: #fff !important;

    background-color: #00c41c !important;

}

.social-link-facebook {

    text-decoration: none !important;

    color: #fff !important;

    background-color: #3f6496 !important;

}

.social-link-youtube{

    text-decoration: none !important;

    color: #fff !important;

    background-color: #d61010 !important;

}

#registrar-whatsapp:focus, #registrar-whatsapp:hover {

    text-decoration: none;

    color: white !important;

}

.icon-bar{

    background: #fff;

}

.navegacao,
.navegacao-premium {


    margin: 0;

    height: 100px;

}


.navegacao {
    background: #9b252a;
}
.navegacao-premium {
    background: #000000;
} 
.navegacao-premium::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; /* Altura da borda inferior */
    background: linear-gradient(90.69deg, #D0914F 39.35%, #F7CF82 66.39%);
  }

.navegacao-a{

    text-decoration: none;

    color: #fff;



}    

.navegacao-a:focus,

.navegacao-a:hover{

    text-decoration: none;

    color: #555555;

}

body {

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

    overflow-x: hidden;

}

.telefone-girar{

    transform: rotate(90deg) !important;

}

/* Topo */

header {

    /*    position: fixed;*/

    width: 100%;

    top: 0;

    z-index: 1000;

    background: #e3e2e2;

}



.pg-veiculo{

    overflow: hidden;

    margin-top: 30px;

}



.fundo-topo {

    background-color: #e3e2e2;

}



.telefones-topo{

    margin-top: 10px;

    font-size: 0.8em;

}



.div-info-topo {

    color: #fff;

}

.div-topo > div {

    transition: all 0.5s;

}

.div-topo .fa-whatsapp {

    color: #2daf1e;

}

.esconde-tels > div{

    height: 0px;

    min-height: 0px;

    margin: 0;

    transition: all 0.5s;

}

.div-logo img {

    max-width: 100%;

    transition: all 0.2s;

    margin-top: 8px;

}

.navbar-default {

    background: linear-gradient(to bottom, #b73439, #9b252a);

    height: 100px;

    border: 0;

    border-radius: 0;

    margin: 0;

    z-index: 50;

}

.navbar-default .div-logo {

    padding: 0;

    transition: all 0.2s;

}



.navbar-default .navbar-nav > li > a {

    color: #fff;

    margin-top: 26px;

    padding-left: 20px;

    padding-right: 20px;

    transition: all 0.2s;

}

.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > .ativo {

    background-color: #fff;

    border-radius: 10px;

    color: #3a3a3a;

    transition: all 0.2s;

}



/* Busca digitada */

#demo-b .input-pesquisa[type=search] {

    border: none;

    width: 35px;

    padding-left: 10px;

    color: transparent;

    cursor: pointer;

}

#demo-b .input-pesquisa[type=search]:hover {

    background-color: #ffffff;

    color: #000000;

}

#demo-b .input-pesquisa:-moz-placeholder {

    color: transparent;

}

#demo-b .input-pesquisa::-webkit-input-placeholder {

    color: transparent;

}

#demo-b .input-pesquisa[type=search]:focus {

    width: 150px;

    padding-left: 32px;

    color: #101010;

    background-color: #ffffff;

    cursor: auto;

    color: #000000;

}

.input-pesquisa[type=search]:focus {

    width: 100px;

    background-color: #ffffff;

    border-color: #ffffff;

    color: #000000;

    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);

    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);

    box-shadow: 0 0 5px rgba(109,207,246,.5);

}



/*classes topo fixo*/

.navbar-fixo .div-logo {

    padding: 0px 0px;

    transition: all 0.2s;



}.navegacao-logo-img{

    width: 260px;

    position: relative;

    bottom: 18px;

    margin: 0;

}

.navbar-brand {

    width: 250px;

}



.navbar-fixo .div-logo img {

    max-width: 80%;

    transition: all 0.2s;

}

.navbar-fixo .navbar-nav > li > a {

    padding: 10px 16px;

    transition: all 0.2s;

}

.navegacao, .navegacao-logo-img,
.navegacao-premium, .navegacao-logo-img{

    transition: 0.5s;

}



/* Banner */

.banner-topo{

    margin: 30px 0;

    padding: 0 !important;

}





/* Slide */

.img-slide{

    margin-top: 20px;

}



.slide{

    width: 100%;

}



.banner {

    transition: all 0.5s;

    position:relative;

    z-index: 4;

}



.banner > div > div > a > img {

    margin: auto;

}



.carousel-fade .carousel-inner .item {

    opacity: 0;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}



.carousel-fade .carousel-inner .active {

    opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-control {

    z-index: 2;

}



.whats-mobile {

    position: fixed;

    bottom: 10px;

    left: 15px;

    background-color: #00CE65;

    color: #FFF;

    font-size: 1.2em;

    padding: 10px 20px;

    border-radius: 10px;

    cursor: pointer;

    z-index: 1000;

}



/* Busca */

.busca-titulo {

    font-size: 50px;

    text-transform: uppercase;

    color: #555555;

    font-weight: 800;

    letter-spacing: 0.01em;

}



.busca-icone {

    padding-left: 20px;

}



#busca-avancada {

    padding: 0;

    background-color: #ECECEC;

    z-index: 1;

}



.div-busca{

    margin-bottom: 20px;

}



.categoria-busca, .marca-busca, .modelo-busca, .tipo_categoria-busca, .valor-de-busca, .valor-ate-busca{

    background-color: #ECECEC;

    border-color: #555555;

    height: 40px;

}



.btn-buscar {

    background-color: #555555;

    border: 1px solid #555555;

    border-radius: 0;

    color: #FFF;

    transition: all 0.5s;

    height: 40px;

}



.btn-buscar:focus,

.btn-buscar:hover {

    background-color: #757575;

    border: 1px solid #757575;

    color: #FFF;

}



.btn-buscar .busca-texto {

    float: left;

}



.btn-buscar .busca-icone {

    margin-top: 3px;

    padding: 0;

    float: right;

}





/* Destaques */

.destaque-info-valor{

    font-size: 20px !important;

    background-color: #9d262a;

    color: #fff !important;

    padding: 8px;

}

.destaques-do-site {

    padding: 80px 0 !important;

}



.titulo {

    color: #555555;

    font-size: 50px;

    letter-spacing: -0.01em;

    line-height: 20%;

    margin-bottom: 48px;

    text-transform: uppercase;

    font-weight: 800;

}



.subtitulo {

    color: #929292;

    font-size: 20px;

    margin-bottom: 80px;

}



.destaque-botoes {

    margin-bottom: 87px;

}



.destaque-botao {

    background-color: #dedede;

    color: #000;

    font-size: 1.2em;

    margin-bottom: 10px;

    margin-top: 10px;

    text-transform: uppercase;

    width: 100%;

}



.destaque {

    transition-delay: 0.9s;

    transition: 0.9s;

    min-height: 400px !important;

    margin-bottom: 40px;

}



.destaque-link {

    color: #fff;    

}



.destaque-link:focus,

.destaque-link:hover {

    color: #fff;

    text-decoration: none;

}



.destaque-foto {

    transition-delay: 0.9s;

    transition: 0.9s;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 300px;

}





.destaque-foto p {

    bottom: 0;

    /*    left: 32px;*/

    position: absolute;

    text-shadow: black 0.1em 0.1em 0.2em;

}



.destaque-titulo {

    margin-top: 10px;

    bottom: 80px !important;

    font-size: 1.6em;

    text-transform: uppercase;

}



.destaque-subtitulo {

    bottom: 55px !important;

    font-size: 1.2em;

    text-transform: uppercase;

}



.destaque-valor {

    transition: 0.5s;

    position: relative;

    top: 0px;

    bottom: 20px !important;

    font-size: 1.05em;

    margin-bottom: 0;

}



.marca-veiculo {

    display: block;

    position: absolute;

    right: 15px;

    background-color: #000;

    color: #e2b250;

    font-size: 1.2em;

    font-weight: 400;

    padding: 5px 10px

}



#info,

#social {

    padding-top: 20px

}



.div-imagem-destaque button {

    display: none;

    position: relative;

    top: 80px;

    background-color: #3d3d3d;

    border: 1px solid #3d3d3d;

    color: #fff;

    border-radius: 0

}



.div-imagem-destaque button:focus,

.div-imagem-destaque button:hover {

    background-color: #3d3d3d;

    border: 1px solid #3d3d3d;

    color: #fff

}



.nome-veiculo {

    color: #000

}



.desc-veiculo hr {

    width: 50%;

    margin-top: 10px;

    margin-bottom: 10px

}



.valor-veiculo {

    color: #484848;

}



.negrito {

    font-weight: 700;

    font-size: 1.1em;

    border-bottom: 2px solid #E2B230;

}



.detalhes-veiculo {

    color: #ababab

}



.btn-estoque{

    padding: 16px 40px;

    background-color: #fff;

    border: solid 1px #555555;

    text-align: center;

    transition: all 0.5s;

    cursor: pointer;

}



.btn-estoque a{

    color: #555555;

    text-decoration: none;

}



.btn-estoque:hover{

    background-color: #ccc;

    border: none;

    transition: all 0.5s;

    color: #fff !important;

}











/* Ulimas noticias do blog */

.destaque-blog, .destaques-blog {

    color: #929292;

    background-color: #ebebeb;

}



.destaques-blog{

    margin: 0 0 50px 0;

    padding: 20px 0 40px 0;

}



.destaque-blog:focus,

.destaque-blog:hover {

    color: #000;

    text-decoration: none;

}

.titulo-blog{

    margin: 40px 0 60px 0;

    font-size: 3em;

    font-weight: 700;

    word-wrap: break-word;

    color: #555555;      

    text-align: center;

    text-transform: uppercase;

}





.destaque-subtitulo-blog {

    bottom: 5px !important;

    font-size: 1.3em;

    padding: 10px 0;

    font-family: 'FiraSans-ExtraLight', sans-serif;

}



.btn-publi-blog{

    padding: 10px 40px;

    background-color: #555555;

    border: none;

    text-align: center;

    transition: all 0.5s;

    cursor: pointer;

}



.btn-publi-blog a{

    color: #fff;

    text-decoration: none;

}



.btn-publi-blog:hover{

    background-color: #b53338;

}







/* Depoimentos */

.depoimentos{

    padding-top: 10px;

    margin: 30px 0;

}

.depo-nome {

    margin-bottom: 15px;

    text-align: center;

}

.subtitulo-depo{

    margin-bottom: 0;

    color: #929292;

    font-size: 20px;

}

.depo-funcao {

    font-size: 18px;

    margin-bottom: 15px;

    text-align: center;

}





/* Rodape */

#rodape {

    background-color: #313131;

}



.logo-rodape{

    padding: 20px 0 159px 30px;

}



.infos{

    background-color: #1b1b1b;

    color: #fff;

    border-top: solid 4px #b53338;

    padding-top: 20px;

}



.texto-rodape {

    font-size: 0.9em;

    margin-top: 20px;

}



.texto-rodape p{

    line-height: 2.6; 

    margin-bottom: 40px;

}



.redes-rodape{

    margin-bottom: 74px;

}



.icones-rodape{

    float: left;

    font-size: 2em;

    color: #fff;

    margin-top: 10px;

    padding-right: 12px;

}



.icones-rodape:hover{

    text-decoration: none;

    cursor: pointer;

    color: #a2a2a2;

}



.menu-rodape{

    padding: 20px 30px;

}



.menu-rodape > ul > li > a {

    color: #fff;

}



.menu-rodape > ul > li > a:hover{

    text-decoration: none;

    color: #a2a2a2;

}



.horario-rodape{

    line-height: 2;

    padding: 20px 0 0 50px;

}



.horario-rodape p {

    margin-bottom: 20px;

}



.horario-rodape a{

    border: solid 1px #fff;

    color: #fff;

    text-decoration: none;

    padding: 10px 20px;

    cursor: pointer;

}



.horario-rodape a:hover{

    background: #fff;

    color: #757575;

    transition: .5s;

}



.border-rodape{

    border-right: solid 1px #313131;

}



.endereco-rodape{

    border-bottom: solid 1px #313131;

    padding-bottom: 40px;

}

.endereco-rodape p{

    line-height: 180%;

    margin-bottom: 20px;

}



.endereco-rodape span{

    font-size: 2em;

}



.copy {

    margin-top: 30px;

    margin-bottom: 10px;

}





.copy p {

    color: #c7c6c6;

    font-size: 0.9em;

    margin-left: 10px;

}



.copy img {

    margin-top: -16px

}



.rolar-topo {

    cursor: pointer;

    background-color: #b53338;

    padding: 23px 0;

    margin: 0;

    color: #fff;

    font-size: 1em;

}



.rolar-topo-span{

    display: block;

}



.whats-mobile {

    position: fixed;

    bottom: 10px;

    left: 10px;

    background-color: #00e676;

    font-size: 3em;

    color: #fff;

    border-radius: 50%;

    padding: 10px 22px;

}



.whats-mobile:focus,

.whats-mobile:hover {

    opacity: 0.8;

}



#registrar-whatsapp:focus,

#registrar-whatsapp:hover {

    text-decoration: none;

}





.pg-empresa h1 {

    color: #000

}



@media screen and (min-width: 1200px){

    social-link:focus, .social-link:hover {

        transform: scale(1.2);

        color: #FFF;

        text-decoration: none;   

    }

    .social-link {

        background-color: #808080;

        color: #FFF;

        font-size: 2em;

        padding: 10px 20px;

        display: block;

        margin-bottom: 10px;

        transition: all 0.5s;

        top: 20%;

    }



    .destaque-valor{

        text-align: center;

    }

    .navbar-fixo {

        position: fixed;

        top: 0;

        width: 100%;

        height: 100px;

        z-index: 300;

        padding: 8px 0;

        box-sizing: border-box;

        transition: .5s

    }

    .social {

        position: fixed;

        top: 40%;

        z-index: 300;

    }

    .navbar-fixo .navegacao-a {

        margin-top: 20px;

    }



    nav.navbar-fixo .navegacao-logo-img {

        width: 200px;

        margin-top: 4px;

        transition: .5s;

    }

    .topo-infos-wpp p{

        float: right;

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .social-link {

        background-color: #808080;

        color: #FFF;

        font-size: 2em;

        padding: 10px 20px;

        display: block;

        margin-bottom: 10px;

        transition: all 0.5s;

    }

    .navbar-fixo {

        position: fixed;

        top: 0;

        width: 100%;

        height: 100px;

        z-index: 300;

        padding: 8px 0;

        box-sizing: border-box;

        transition: .5s

    }



    .div-logo{

        margin-top: 10px;

    } 



    .navbar-default .navbar-nav > li > a{

        padding-left: 16px;

        padding-right: 16px;

        font-size: 0.9em;

    }



    .navbar-fixo .navegacao-logo-img {

        width: 200px;

        margin-top: 4px;

        transition: .5s;

    }



    .navbar-fixo .navegacao-a {

        margin-top: 20px;

        transition: all 0.5s;

    }

    .topo-social {

        width: 13%

    }

    .navbar-nav li a {

        padding-left: 10px;

        padding-right: 10px;

        
        font-size: 11px !important;


    }

    .topo-infos-wpp p{

        float: right;

    }

    .form-busca p {

        margin-top: 3px;

        font-size: 1.5em;

    }

    #filtrar-por-marca p {

        margin-top: 10px

    }

    .titulo-destaque h1 {

        font-size: 1.6em

    }

    .titulo-destaque a {

        margin-top: 15px

    }

    .destaque:focus .marca-veiculo,

    .destaque:hover .marca-veiculo {

        top: 0

    }



    .topo-infos{

        transition: .5s;

    }

}

@media (min-width: 768px){

    .navbar-nav>li>a {

        transition: 0.5s;

        padding-top: 40px;

        padding-bottom: 15px;

        font-size: 0.90em;

    }

    .navegacao .navegacao-fixo,
    .navegacao-premium .navegacao-fixo {

        position: fixed;

        width: 100%;

        top: 0;

        z-index: 50;

        height: 70px;

    }

}

@media screen and (min-width: 769px) and (max-width: 1024px){

    .destaque-foto{

        background-size: 100% 100% !important;

        height: 200px !important;

    }

}

@media (min-width: 992px) and (max-width: 1024px){

    .topo-infos-wpp{

        position: relative;

        right: 70px;

    }

}

@media screen and (min-width: 1025px){

    .destaque-foto{

        background-size: 100% 100% !important;

        height: 300px !important;

    }

}

@media (min-width:768px) and (max-width:991px) {

    

    .navbar-nav li a {

        margin-top: 5px !important;

        padding-left: 5px;

        padding-right: 5px;

    }

    .navbar-fixo {

        position: fixed !important;

        top: 0;

        width: 100%;

        height: 100px;

        z-index: 300;

        padding: 8px 0;

        box-sizing: border-box;

        transition: .5s

    }

    .navbar-fixo .navegacao-a {

        margin-top: 20px;

    }



    .navbar-default .navbar-nav > li > a{

        padding-left: 10px;

        padding-right: 10px;

        font-size: 0.7em;

    }



    .navbar-default .div-logo {

        max-width: 100%;

        margin-top: 10px;

        transition: all 0.2s;

    }



    .topo-infos-wpp p{

        float: right;

    }

    #filtrar-por-marca p,

    .form-busca p {

        font-weight: 700;

        font-size: 2em;

        text-align: center

    }

    #filtrar-por-marca span,

    .form-busca span {

        display: none

    }

    .btn-buscar{

        color: #fff;

    }

    .topo-social {

        width: 17%

    }

    .navbar {

        height: 100px

    }

    .navbar-brand img {

        width: 163px;

        margin-top: 10px

    }

    .navbar-nav li a {

        margin-top: 25px;

        padding-left: 5px;

        padding-right: 5px;

    }

    .form-busca p {

        margin-top: -20px

    }

    .marca {

        height: 80px

    }

    .marca img {

        width: auto;

        margin: 0 auto

    }

    .marca:nth-child(4) img,

    .marca:nth-child(6) img,

    .marca:nth-child(8) img {

        margin-top: 0

    }

    .marca:last-child img,

    .titulo-destaque a {

        margin-top: 20px;

    }

    .titulo-destaque h1 {

        font-size: 2em;

    }

    .destaque {

        width: 48%

    }

    .destaque:focus .marca-veiculo,

    .destaque:hover .marca-veiculo {

        top: 0

    }





    /* Rodape */

    .texto-rodape p {

        line-height: 2;

        margin-bottom: 20px;

    }

    .menu-rodape{

        padding: 20px 30px;

    }



    

    .topo-infos{

        transition: .5s;

    }

}

@media screen and (min-width: 500px) and (max-width: 767px){

    .destaque-foto {

        height: 228px !important;

    }

    .destaque {

        margin-left: 0;

        margin-right: 0;

        width: 50% !important;

    }

    .destaque-foto{

        background-size: 100% 100%!important;

        background-position: center;

        

    }

}

@media (max-width:767px) {

    .busca-titulo {

    font-size: 15px;

    text-transform: uppercase;

    color: #555555;

    font-weight: 800;

    letter-spacing: 0.01em;

}

    #busca-avancada {

    padding: 0;

    background-color: #ECECEC;

    z-index: 1;

    }

    .navbar-header {

        height: 120px;

        width: 100%;

        transition: 0.5s !important

    }

    .navegacao-fixo .navbar-toggle {

        border: 1px solid #fff;

        border-radius: 0;

        z-index: 9999;

        margin-top: 13px !important;

    }

    .navegacao-fixo .navegacao-logo-img {

        width: 20% !important;

        position: relative !important;

        padding: 10px !important;

        margin: 0px !important;

    }

    .navegacao-fixo .navbar-header {

        transition: 0.5s;

        height: 60px !important;

    }

    .navegacao-logo-img{

        width: 40%;

        position: relative;

        bottom: 5px;

    }

    body{

        overflow-x: hidden;

    } 

    .navegacao,
    .navegacao-premium{

        position: relative;

        width: 100%;

    }

    .navbar-nav{

        float: left;

    }

    .navbar-default .navbar-toggle .icon-bar{

        background-color: #fff;

    }

    .navbar-default .navbar-nav > li > a{

        margin-top: 0;

    }

    .navbar-nav li a {

        margin-top: 0;

        padding-left: 15px

    }

    .navbar-header {

        height: 120px

    }

    .navbar-brand {

        position: absolute;

        top: 0;

        width: 100%;

        padding: 6px; 

    }



    .topo-infos-endereco p, .topo-infos-wpp p{

        text-align: center!important;

    }



    .destaques-do-site{

        padding-top: 0;

    }



    #filtrar-por-marca p,

    .form-busca p {

        font-weight: 700

    }

    #filtrar-por-marca span,

    .form-busca span,

    .topo-social {

        display: none

    }

    #filtrar-por-marca p,

    .form-busca p,

    .titulo-destaque h1 {

        font-size: 2em;

        text-align: center

    }

    .navbar {

        height: auto

    }

    .navbar-toggle {

        border: 1px solid #fff;

        border-radius: 0;

        z-index: 9999;

        margin-top: 20px !important;

        margin-right: -20px !important;

    }



    .form-busca p {

        margin-top: -20px

    }

    .titulo{

        line-height: 100%;

    }



    .destaque {

        margin-left: 0;

        margin-right: 0

    }

    .destaque:focus .marca-veiculo,

    .destaque:hover .marca-veiculo {

        top: 0

    }

    #social {

        background-size: cover

    }

    .social-logo img {

        margin: 10px auto

    }

    .social-instagram {

        text-align: center;

        margin-top: 20px;

        margin-bottom: 20px

    }

    .cursivo .fa-instagram,

    .cursivo .text-instagram {

        font-size: 3em

    }

    .social-link p {

        text-align: center!important;

        font-size: 2em

    }

    .social-img img {

        display: none

    }



    /*Rodape */

    .endereco-rodape p{

        margin: 20px;

        text-align: center;

    }



    .redes-rodape{

        margin-bottom: 30px;

    }

    

    .menu-rodape{

        padding: 30px 0 ;

        padding-left: 0 !important;

        border-top: solid 1px #313131;

    }



    .horario-rodape{

        padding: 30px;

        border-top: solid 1px #313131;

    }

    .copy p {

        text-align: center;

        line-height: 260%; 

    }

    .copy img {

        margin-top: 0

    }

    .rolar-topo {

        width: 100%;

        font-size: 1.2em

    }





    

    .topo-infos{

        transition: .5s;

    }

}



@media (max-width: 575px) {

    .navegacao-fixo .navegacao-logo-img {

        width: 30% !important;

        position: relative !important;

        padding: 10px !important;

        margin: 0px !important;

    } 

    .whatsapp-texto {

        display: none;

    }

    .whats-mobile {

        font-size: 2.5em;

        border-radius: 50%;

    }

    .navegacao-logo-img {

        width: 38%;

        position: relative;

        bottom: 14px;

    }

    .navbar-header {

        height: 80px !important;

    }

    .div-logo img{

        margin-top: 20px;;

    }

    .navbar-brand{

        padding: 10px 0;

    }

    .topo-infos{

        transition: .5s;

    }

}

















/* carousel */

#quote-carousel 

{

    padding: 0 10px 30px 10px;

    margin-top: 30px;

    margin-bottom: 30px;

}



/* Control buttons  */

#quote-carousel .carousel-control

{

    background: none;

    color: #222;

    font-size: 2.3em;

    text-shadow: none;

    margin-top: 30px;

}

/* Previous button  */

#quote-carousel .carousel-control.left 

{

    left: -12px;

}

/* Next button  */

#quote-carousel .carousel-control.right 

{

    right: -12px !important;

}

/* Changes the position of the indicators */

#quote-carousel .carousel-indicators 

{

    right: 50%;

    top: auto;

    bottom: 0px;

    margin-right: -19px;

}

/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li 

{

    background: #c0c0c0;

}

#quote-carousel .carousel-indicators .active 

{

    background: #333333;

}

#quote-carousel img

{

    width: 250px;

    height: 100px

}

/* End carousel */



.item blockquote {

    border-left: none; 

    margin: 0;

    position: initial !important;

    padding-left: 15%;

    padding-right: 15%;

    color: rgba(0, 0, 0, 0.7);

}



.item blockquote img {

    margin-bottom: 10px;

}



.item blockquote p {

    text-align: center;

    padding: 0 50px;

}



.item blockquote Small {

    text-align: center;

    padding: 0 50px;

}

.item blockquote Small2 {

    font-size: 60%;

}







/**

  MEDIA QUERIES

*/



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) { 

    #quote-carousel 

    {

        margin-bottom: 0;

        padding: 0 40px 30px 40px;

    }



}



/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) { 

    

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */



    #quote-carousel .carousel-indicators {

        bottom: -20px !important;  

    }

    #quote-carousel .carousel-indicators li {

        display: inline-block;

        margin: 0px 5px;

        width: 15px;

        height: 15px;

    }

    #quote-carousel .carousel-indicators li.active {

        margin: 0px 5px;

        width: 20px;

        height: 20px;

    }

}

@media (max-width: 675px){

    .navegacao-fixo .navbar-toggle {

        border: 1px solid #fff;

        border-radius: 0;

        z-index: 9999;

        margin-top: 13px !important;

    }

    .navegacao-fixo .navegacao-logo-img {

        width: 20% !important;

        position: relative !important;

        padding: 10px !important;

        margin: 0px !important;

    }

    .navegacao-fixo .navbar-header {

        height: 60px !important;

    }

    .navegacao-logo-img{

        width: 30%;

        position: relative;

        bottom: 5px;

    }

}

@media screen and (max-width: 485px){

    .destaque-foto {

        height: 255px !important;

    }

    .destaque-foto{

        background-size: 100% 100%!important; 

    }

    .navegacao-fixo .navegacao-logo-img {

        width: 30% !important;

        position: relative !important;

        padding: 10px !important;

        margin: 0px !important;

    }

    .navegacao-logo-img{

        width: 46%;

        position: relative;

        bottom: 6px;

    }

}

@media (max-width: 485px){

    .navegacao-logo-img{

        width: 46%;

        position: relative;

        bottom: 6px;

    }

}

@media (max-width: 425px){

    .navegacao-fixo .navegacao-logo-img {

        width: 39%;

        position: relative;

        padding: 10px;

        margin: 14px;

    }

}

@media (max-width: 340px){

    .navegacao-logo-img{

        width: 60%;

        position: relative;

        bottom: 6px;

    }

    .navegacao-fixo .navegacao-logo-img {

        width: 45%;

        position: relative;

        padding: 0px;

        margin: 16px;

    }

}