@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
/*****************************
    GERAL
*****************************/
body {
    font-family: 'Roboto', sans-serif!important;
    font-display: swap;
}

label {
    margin-bottom: 0;
}

.link-produto-home {
    color: inherit;
    text-decoration: inherit;
}
    .link-produto-home:hover {
        box-shadow: 0 49px 108px 0 rgba(0, 0, 0, 0.64), 0 28px 67px 0 rgba(0, 0, 0, 0.51);
    }

.titulo-produto-home {
    margin-top: 8px;
    font-weight: bold;
    color: #404041;
}

.wpp {
    background-color: #0B6803;
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: 4pc;
    width: 8pc;
    z-index: 999;
    border-radius: 18px;
    font-size: 14px;
    padding: 0.45pc;
    color: #fff;
    box-shadow: 1px 1px 5px #999;
}

    .wpp i {
        color: #fff;
    }

.cor-laranja {
    color: #f1971d;
}

.campo-busca {
    display: none;
}

.form-produto {
    border: none;
    font-weight: bold;
    width: 80%;
}

section {
    padding: 45px 0;
}

.titulo-video {
    color: #505050;
    font-size: 20px;
    min-height: 50px;
}

.box-video {
    float: left;
    margin: 26px;
    width: 400px;
    text-align: center;
    background-color: #F3F3F3;
}

.bg-video {
    background-image: url(/Conteudo/Template/img/video.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.espiratrom-row-cima {
    border-bottom: 1px #000 solid;
    padding-bottom: 55px;
    margin-bottom: 55px;
}

.espiratrom-row-meio {
    margin-top: 50px;
    margin-bottom: 50px;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    padding: 55px 0;
}

.titulo-grande {
    font-size: 35px;
}

table.tabela-produto {
    border-collapse: collapse;
    border: solid 2px #39434F;
    padding: 10px;
    margin-top: 20px;
    background-color: #fff;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

     table.tabela-produto td {
        padding: 6px;
        border: solid 4px #39434F;
    }

table.tabela-produto .fundo, table.tabela-produto .fundo td {
    background-color: #39434F;
    color: #fff;
}

.cor-roxo {
    color: #272a57;
}

.col-abrasivo {
    min-height: 196px;
}

.col-centrifuga {
    min-height: 177px;
}

.txt-centrifuga {
    font-size: 15px;
    text-align: center;
    margin: 0;
}

.titulo-centrifuga {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.equipamento-como {
    font-size: 14px;
}

.col-abrasivo {
    margin-left: 15px;
    margin-right: 15px;
}

.titulo-sobre {
    font-size: 20px;
}

.bg-roxo {
    background-color: #272a57;
    color: #fff;
}

.cor-footer {
    color: #020202;
}

.msg-card {
    font-size: 12px;
}

.titulo-card {
    color: #414141;
    font-weight: bold;
}

.card-contato {
    width: 417px;
    padding: 30px;
    border: none;
    position: absolute;
    top: 40px;
    z-index: 99;
    right: 135px;
    color: #333333;
}

.borda-mapa {
    position: relative;
}

.bg-fotos {
    background-color: #f8f8f8;
}

.img-home {
    width: 30pc;
}

.borda-produto {
    border: 1px #d2d2d2 solid;
    position: relative;
}

.borda-img {
    border: 1px #4e4e4e solid;
    max-height: 161px;
}

.borda-produto-dentro {
    border: 4px #272a57 solid;
    position: absolute;
    width: 127px;
    top: -7px;
    left: 0;
}

.titulo-home {
    color: #505050;
}

.icon-topo {
    color: #f1971d;
    padding-left: 7px;
    padding-right: 5px;
}

.bg-breadcrumb {
    background: #e9e9e9;
}

.breadcrumb {
    padding: .75rem 0;
    text-transform: capitalize;
}

ol.breadcrumb {
    background: transparent;
    margin: 0;
}

    ol.breadcrumb a {
        color: #343a40;
    }

hr {
    margin: 0;
}

.btn {
    cursor: pointer;
}

.link-padrao {
    color: inherit;
    text-decoration: inherit;
}

    .link-padrao:hover {
        color: inherit;
        text-decoration: inherit;
    }

.link-home {
    color: inherit;
    text-decoration: inherit;
}

    .link-home:hover {
        color: inherit;
    }

.center-h {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.mapa-embed {
    width: 100%;
    height: 650px;
}

.banner-topo {
    background-image: url(/Conteudo/Template/img/bg_banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 15px 0;
}

/*****************************
    POPUP
*****************************/

.popup-cadastro {
    position: fixed;
    z-index: 9999;
    width: 100%;
    text-align: center;
    top: 155px;
}

    .popup-cadastro img {
        border-radius: 0;
        position: relative;
    }

.fechar-popup {
    color: #fff;
    position: absolute;
    opacity: 1;
    z-index: 999999;
}

    .fechar-popup span {
        position: absolute;
        top: 10px;
        left: 20px;
    }


/*****************************
    HEADER
*****************************/
.bg-menu-produto {
    background: #f2f2f2 !important;
}

.faixa-topo {
    background-color: #272a57;
    padding: 5px;
}

nav.navbar {
    background: #fff;
}

.nav-item {
    padding-right: 8px;
    padding-left: 8px;
}

a.nav-link {
    color: #1a1a1a;
    text-align: center;
    font-size: 14px;
}

    a.nav-link:hover {
        color: #f7941c;
    }

.dropdown-menu {
    background: #f2f2f2;
}

.dropdown-item {
    color: rgb(64, 64, 65);
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #f7941c;
        background-color: #f2f2f2;;
    }

li.nav-item.menu-active {
    font-weight: bold;
    color: #f7941c;
}

/*****************************
    BANNER
*****************************/

.carousel-control-next, .carousel-control-prev {
    width: 8%;
}

/*****************************
    BOTOES
*****************************/
.btn.busca-superior {
    font-family: 'FontAwesome';
}

.btn-catalogo {
    color: #2d2c68;
    background-color: #e6e6e6;
    font-weight: bold;
    margin-top: 15px;
    border-radius: 42px;
    padding: 4px 90px;
    font-size: 20px;
}
    .btn-catalogo:hover {
        color: #2d2c68;
        background-color: #e6e6e6;
        border: 2px #2d2c68 solid;
    }

.btn-orcamento {
    color: #2d2c68;
    background-color: #8dc73f;
    font-weight: bold;
    border-radius: 42px;
    padding: 4px 80px;
    font-size: 20px;
}
    .btn-orcamento:hover {
        color: #2d2c68;
        background-color: #8dc73f;
        border: 2px #2d2c68 solid;
    }

.btn-voltar {
    color: #7c7c7c;
}
    .btn-voltar:hover {
        color: #7c7c7c;
    }

.btn-home {
    background-color: #272a57;
    border: 1px #272a57 solid;
    color: #fff;
    border-radius: 22px;
    padding: 7px 50px;
    font-weight: bold;
}
    .btn-home:hover {
        background-color: #f8f8f8;
        color: #272a57;
    }

.btn-primary {
    background-color: #272a57;
    border: 1px #272a57 solid;
    color: #fff;
    border-radius: 22px;
    font-weight: bold;
}

    .btn-primary:hover, btn-primary:active {
        background: #262833;
        border-color: #262833;
    }


/*****************************
    MAPA
*****************************/

.mapa {
    height: 650px;
    width: 100%;
}

/*****************************
    FOOTER
*****************************/
.borda-footer {
    border-top: 3px #404041 solid;
}

footer {
    padding: 45px 0;
    color: #fff;
}

    footer ul {
        padding: 0;
        list-style: none;
    }

        footer ul a {
            color: #fff;
        }

.assinatura {
    background: #272a57;
    padding: 10px 0;
    font-size: 14px;
    color: #fff;
}

    .assinatura a {
    }

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

    #busca {
        display: none;
    }

    .campo-busca {
        display: block;
    }

    .banner-topo {
        padding: 25px 0;
    }
}

@media (max-width: 375px) {
    table.tabela-produto {
        border-collapse: collapse;
        border: solid 2px #39434F;
        padding: 10px;
        margin-top: 20px;
        background-color: #fff;
        font-size: 7px;
        width: 100%;
        text-align: center;
    }

    iframe {
        width: 18rem;
    }

    .size-logo {
        width: 216px;
    }
}

@media (max-width: 425px) {
    table.tabela-produto td {
        padding: 0;
    }

    .card-contato {
        display: none;
    }
}

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

@media (min-width: 769px) and (max-width: 1024px) {
    .nav-link {
        font-size: 14px;
    }
}

@media (min-width: 769px) and (max-width: 1198px) {
    .borda-img {
        min-height: 201px;
    }
}

@media (max-width: 700px) {
    .borda-img {
        max-height: 159px;
        border: none;
    }
}