html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}


/* header */

#baseTop {
    background-color: #2a1672;
    height: 30px;
    max-width: 100%;
    z-index: 999;
    margin-top: 0;
}

#divBottom {
    background-color: #8b3e3e;
    height: 30px;
    max-width: 100%;
    z-index: 999;
    margin-top: 0;
}

.copyright {
    font-family: 'Nunito Regular';
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
    display: block;
    margin-top: 10px;
}

strong {
    font-family: 'Nunito Black';
}


/*** TOP ***/

#divTop {
    text-align: center;
}

#divTop #logo {
    margin: 10px;
    text-align: center;
    margin-top: 40px
}

#logo-principal {
    margin-left: 60px;
}

.nav-toggle {
    display: none;
}

.menu {
    text-align: center;
}

.menu-footer {
    text-align: center;
}

.icons {
    text-align: center;
    font-size: 12px;
    padding-bottom: 30px;
}

.icons a i {
    font-size: 17px;
    color: #282828;
    padding-left: 12px;
}

.icons a i:hover {
    animation: pulse;
    animation-duration: 1s;
}

.icons ul {
    list-style: none;
    line-height: 0;
}

.icons ul li {
    padding: 8px 10px;
    padding-left: 20px;
    font-size: 12px;
    display: inline-block;
    font-family: 'Nunito Light';
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    color: #fff;
}

.icons-rodape {
    text-align: center;
    font-size: 12px;
    padding-bottom: 30px;
}

.icons-rodape a i {
    font-size: 17px;
    color: #282828;
    padding-left: 12px;
}

.icons-rodape a i:hover {
    animation: pulse;
    animation-duration: 1s;
}

.icons-rodape ul {
    list-style: none;
    line-height: 0;
}

.icons-rodape ul li {
    padding: 8px 10px;
    padding-left: 20px;
    font-size: 12px;
    display: inline-block;
    font-family: 'Nunito Light';
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    color: #282828;
}

.menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.menu ul li {
    display: inline;
    padding-right: 30px;
    line-height: 100%;
}

.menu ul li a {
    color: #000;
    padding: 10px 7px;
    font-size: 14px;
    display: inline-block;
    font-family: 'Nunito Regular';
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    vertical-align: middle;
}

.menu ul li a:hover {
    color: #291672;
    font-weight: 600;
}

.menu ul li .active {
    color: #291672;
    font-weight: 600;
}

.menu-footer ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.menu-footer ul li {
    display: inline;
    padding-right: 30px;
    line-height: 100%;
}

.menu-footer ul li a {
    color: #000;
    padding: 0px 7px;
    font-size: 14px;
    display: inline-block;
    font-family: 'Nunito Regular';
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    vertical-align: middle;
}

.menu-footer ul li a:hover {
    color: #291672;
    font-weight: 600;
}

.menu-footer ul li .active {
    color: #291672;
    font-weight: 600;
}

.linha-vertical {
    margin-bottom: -15px;
    display: inline-block;
    height: 40px;
    border-right: 3px solid #d30000;
}


/* MENU MOBILE */

#btn-menu-mobile {
    display: none;
    background-color: #e2e6f5;
    border-style: solid;
    border: #000 !important;
    font-family: 'Nunito Light';
    position: absolute;
    top: 47px;
    right: 0;
    margin-right: 41px;
    z-index: 999;
    font-size: 18px;
    padding: 11px 30px
}

#btn-menu-mobile i {
    font-size: 25px;
}

@media(max-width:510px) {
    #logo-principal {
        margin-top: 3rem !important;
    }
}

@media(max-width:799px) {
    #btn-menu-mobile {
        display: block;
        float: right;
    }
    .menu {
        display: none;
    }
    .menu-footer {
        display: none;
    }
    .materiais {
        display: none !important;
    }
    .download {
        display: none !important;
    }
}

.offcanvas {
    background-color: #2a1672;
}

.offcanvas-backdrop::before {
    z-index: inherit;
}

.offcanvas-backdrop.show {
    opacity: 0;
}

#menu-mobile ul {
    list-style: none;
    text-align: center;
    color: #fff;
}

#menu-mobile ul li {
    font-size: 17px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

#menu-mobile ul li a {
    display: block;
    padding: 12px;
    text-decoration: none;
    color: #fff;
}

#menu-mobile ul li a:hover {
    background-color: rgba(0, 0, 0, .1);
}

.btn-menu {
    width: 45px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 10px;
    background-color: #333;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
}

.btn-menu span {
    height: 3px;
    display: block;
    margin-bottom: 5px;
    background-color: #fff;
}

.menu-mobile {
    transform: translateX(-270px);
}

.btn-menu {
    transform: translateX(0);
}

.btn-menu-active .menu-mobile {
    transform: translateX(0);
}

.btn-menu-active .btn-menu {
    transform: translateX(280px);
    left: 0px;
}


/* BANNER */

.banner img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media(max-width:1208px) {
    #main-banner-content {
        position: absolute;
        top: 28%;
        left: 50%;
    }
    #wide-banner-content {
        display: none;
    }
}

@media only screen and (min-device-width:1209px) and (max-device-width:1939px) {
    #main-banner-content {
        position: absolute;
        top: 30%;
        left: 50%;
    }
    #wide-banner-content {
        display: none;
    }
}

@media(min-width:1940px) {
    #main-banner-content {
        display: none;
    }
    #wide-banner-content {
        position: absolute;
        top: 35%;
        left: 50%;
    }
}

@media(min-width:2000px) {
    #main-banner-content {
        display: none;
    }
    #wide-banner-content {
        position: absolute;
        top: 28%;
        left: 50%;
    }
}

@media(min-width:2300px) {
    #main-banner-content {
        display: none;
    }
    #wide-banner-content {
        position: absolute;
        top: 45%;
        left: 50%;
    }
}


/* HOME */

.utensilios {
    margin-top: 30px;
    font-size: 32px;
    font-family: 'Nunito Regular';
    text-transform: uppercase;
    color: #333333;
    line-height: 110%;
}

.conheca-catalogo {
    font-family: 'Nunito Regular';
    color: #332887;
    font-size: 20px;
    text-transform: uppercase;
}

.linhaGourmet {
    max-width: 100%;
    width: 400px;
}

.panelasAntiaderentes {
    display: inline-block !important;
}

#antiaderente {
    background-color: #e7e7e7;
    height: 90%;
    width: 100%;
    display: inline-block;
}

#panelaFundo {
    background-image: url(/images/layout/panelaFundoWide.png);
    background-repeat: no-repeat;
    height: 100%;
    display: inline-block;
    position: relative;
}

#panelaFundo img {
    margin-top: 2%;
    margin-left: 17%;
    z-index: 999;
    margin-bottom: -20px;
    position: relative;
}

#cores {
    max-width: 1000px;
    text-align: center;
    padding-bottom: 78px;
}

#inducao {
    background-color: #c88100;
    height: 50px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#ceramico {
    background-color: #4c687d;
    height: 50px;
}

#gas {
    background-color: #8b3e3e;
    height: 50px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#cores div {
    color: #fff;
    padding: 5px;
    display: inline-block;
    /* vertical-align: middle;
display: table-cell; */
}

#cores img {
    float: left;
    padding-right: 5px;
}

.titleAntiaderente {
    font-family: 'Nunito Regular';
    color: #ffffff;
    font-size: 52px;
    margin-top: 20%;
    margin-left: 4px;
    text-transform: uppercase;
    line-height: 110%;
}

.textoAntiaderente {
    margin: 30px 30px 30px 30px;
    font-family: 'Nunito Regular';
    color: #010101;
    font-size: 18px;
    text-align: justify;
}

.linha-horizontal {
    width: 300px;
    border-right: 3px solid #c3c3c3;
    /* margin-bottom: 40px; */
    position: absolute;
    z-index: 999;
}

.fogo {
    font-family: 'Nunito Black';
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
}

.colDefault {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto !important;
    position: relative;
    padding: 0px 10px;
    text-align: center
}

.sobre {
    text-align: left;
    font-family: 'Nunito Regular';
    color: #333333;
    font-size: 18px;
}

#mapa {
    background-image: url('/images/layout/fundoRegiao.png');
    filter: contrast(113%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 20px;
}

.mapaRegioes {
    margin-top: -40px;
    margin-bottom: -30px;
    max-width: 100%;
}

.representante {
    font-size: 42px;
    font-family: 'Nunito Regular';
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    margin-top: 22%;
    margin-left: 4%;
}

.proximo {
    margin-left: 4%;
    color: #fff;
    font-size: 18px;
    font-family: 'Nunito Regular';
    text-transform: uppercase;
}

.backgroundConheca {
    max-width: 100%;
    width: 400px;
    background-color: #160d46;
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: right;
}

.conheca {
    color: #ffffff;
    font-family: 'Nunito Regular';
    font-size: 30px;
    text-transform: uppercase;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    line-height: 110%;
    /* margin-right: 60px; */
}

.btn-success {
    margin-left: 4%;
    color: #fff;
    background-color: #01963a;
    border-color: #01963a;
    font-size: 23px;
    font-family: 'Nunito Regular';
    text-transform: uppercase;
}

#divArrow {
    -webkit-animation-name: popArrow;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 0.8s;
    animation-name: p opArrow;
    animation-iteration-count: infinite;
    animation-duration: 0.8s;
}

#divUp {
    -webkit-animation-name: popUp;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 0.8s;
    animation-name: popUp;
    animation-iteration-count: infinite;
    animation-duration: 0.8s;
}

.botaoDown {
    display: block;
    margin: auto;
    text-align: center;
    padding-bottom: 20px;
}

.bt {
    cursor: pointer;
}

#down {
    z-index: 999;
}

.download {
    background-color: #9d423d;
    display: inline-block;
    color: transparent;
    clip-path: polygon(100% 0%, 86% 100%, 0% 100%, 0% 0%);
    width: 5%;
    padding: 14px;
    text-align: center;
    padding-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 5px;
    float: right;
    height: 60px;
    margin-bottom: -20px;
    margin-top: -20px;
    position: relative;
    z-index: 999;
}

.download-footer {
    background-color: #9d423d;
    display: inline-block;
    color: transparent;
    clip-path: polygon(100% 0%, 86% 100%, 0% 100%, 0% 0%);
    width: 5%;
    padding: 14px;
    text-align: center;
    padding-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 5px;
    float: right;
    height: 60px;
    margin-top: 10px;
    position: relative;
    z-index: 999;
}

.materiais {
    background-color: #2a1672;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    width: 30%;
    padding: 14px;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 4% 0%);
    text-align: left !important;
    margin-left: -40px;
    float: right;
    height: 60px;
    padding-left: 44px;
    margin-bottom: -20px;
    margin-top: -20px;
    position: relative;
    z-index: 999;
}

.materiais-footer {
    background-color: #2a1672;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    width: 30%;
    padding: 14px;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 4% 0%);
    text-align: left !important;
    margin-left: -40px;
    float: right;
    height: 60px;
    margin-top: 10px;
    padding-left: 44px;
    position: relative;
    z-index: 999;
}

.materiais-footer a {
    color: #fff !important;
}

.widgetAzul {
    background-color: #160d46;
    text-align: center;
    width: 100%;
}


/* REPRESENTANTES */

.widgetGray {
    background-color: #333333;
    text-align: center;
    width: 100%;
}

.widgetGray .estado {
    font-family: 'Nunito Regular';
    font-size: 17px;
    color: #ffffff;
}

.divRepresentante {
    margin: 0 auto;
}

.titleRepresentante {
    font-family: 'Nunito Black';
    font-size: 20px;
    color: #333333;
}

.regiao {
    font-family: 'Nunito Regular';
    font-size: 16px;
    color: #1c00b1;
}

.telefone {
    font-family: 'Nunito Regular';
    font-size: 16px;
    color: #333333;
}

.whatsapp {
    font-family: 'Nunito Regular';
    background-color: #00656b;
    max-width: max-content;
    color: #ffffff;
    font-size: 12px;
    padding: 10px;
    border-radius: 10px;
}


/* CONTATO */


/*** BUSCA ***/


/* #divBusca {
margin: 10px auto;
display: table;
width: 100%;
position: relative;
}

#divBusca input {
height: 38px;
line-height: 38px;
font-family: 'Nunito Light';
font-size: 18px;
color: #4b4b4b;
text-align: center;
width: 96%;
padding: 5px;
padding-left: 10px;
border-radius: 8px;
border: 1px solid #CCC;
}

#divBusca #busca img {
float: right;
}

#divBusca .produtoBusca {
margin: 2px 0px 0px -60px;
float: left;
position: relative;
z-index: 3;
width: 34px;
} */

#linha-horizontal {
    max-width: 600px;
    border: 1px solid #4b4b4b;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#divBusca .btBusca {
    width: 126px;
    line-Height: 38px;
    font-size: 19px;
    color: #FFF;
    font-family: Open Sans Condensed;
    position: absolute;
    z-index: 3;
    right: 0;
    padding-left: 24px;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#divBusca .btBusca:hover {
    background-color: #1b4b78;
    color: yellow;
    font-size: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#divBusca .btBusca i {
    color: #4b4b4b;
}

#divBusca .btBusca img {
    margin: 5px 0px 0px 10px;
}

.alert {
    font-family: 'Nunito Light';
    font-size: 17px;
}

#busca-sem-resultado {
    background-color: #59150e;
    color: #fff;
}

#trat #paginacao nav {
    padding-top: 0px;
    margin-top: 30px;
}

#trat #paginacao nav ul li a {
    font-family: 'Nunito Light';
    font-size: 15px;
    color: #000;
}

#trat #paginacao {
    margin-top: 20px;
    text-align: center;
}

#trat #paginacao .pagination .active a {
    background-color: #79220d !important;
    color: #fff;
}

#trat #paginacao .pagination a:hover {
    background-color: #79220d !important;
    color: #fff;
}


/* PROMOÇÕES */

.promocoes {
    display: inline-block !important;
    text-align: center;
    /* margin-right: 30px; */
}

.conteudo-promocao {
    max-width: 590px;
    height: 100%;
    border-left: 0px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #4b4b4b;
}

.retangulo {
    background-color: #b87a3c;
    max-width: 354px;
    height: 110px;
    margin-top: -20px;
    margin-left: 95px;
    filter: saturate(117%);
}

.nome-promocao {
    font-size: 28px;
    font-family: 'Nunito Black';
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}


/* .imagemPromocao {
max-width: 100%;
} */

.texto-promocao {
    color: #4b4b4b;
    font-family: 'Nunito Light';
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 18px;
    text-align: left;
    margin-left: 152px;
    margin-right: 55px;
}

.valor {
    text-align: left;
    margin-left: 152px;
}

.valor i {
    font-size: 20px;
    font-family: "Nunito Light";
    color: #4b4b4b;
}

.preco {
    font-size: 37px;
    font-family: "Nunito Black";
    color: #4b4b4b;
}

.total {
    font-size: 22px;
    font-family: "Nunito Light";
    color: #4b4b4b;
}


/* Sobre */

.imagemSobre {
    /* max-width: 625px !important; */
    /* height: 421px; */
}

.imagemSobrePequena {
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
    max-height: 188px;
}

.colMissao {
    text-align: center !important;
}

.missao {
    font-family: 'Nunito Black';
    font-size: 20px;
    text-align: left;
    color: #4b4b4b;
}

.textoMissao {
    font-family: 'Nunito';
    font-size: 20px;
    text-align: left;
    color: #4b4b4b;
    font-weight: 400;
}

.textoValores ul li {
    font-family: 'Nunito';
    font-size: 18px;
    text-align: left;
    color: #473e3e;
    font-weight: 300;
    line-height: normal;
    font-style: italic;
}


/** PAGINAÇÃO **/

#divPaginacao {
    text-align: center;
    display: table;
    margin: 10px auto;
    width: 100%;
    padding: 0px 0px 30px 0px;
}

#divPaginacao .bt {
    padding: 6px;
}

.nPagina {
    padding: 10px;
    padding-bottom: 0px;
    margin: 0 auto;
    display: table;
}

.nPagina div {
    font-size: 12px;
    float: left;
    width: 25px;
    line-height: 17px;
    text-align: center;
    margin: 1px;
}

.pagina {
    width: 100px;
    line-height: 18px;
    float: left;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    margin-left: 20px;
}

.paginaOff {
    background-color: #F4F4F4;
    color: #CCC !important;
    padding: 6px;
    border-radius: 6px;
}

.paginaOn {
    padding: 6px;
}

.paginaAtual {
    background-color: #2a1672;
    color: #FFF !important;
    font-weight: bold;
}

* {
    box-sizing: border-box
}


/* BLOG */

#blog #paginacao .pagination .active a {
    background-color: #79220d !important;
    color: #fff;
}

@keyframes animacaoTexto {
    0% {
        font-size: 18px;
    }
    100% {
        font-size: 20px;
    }
}

@keyframes animacaoSaiba {
    0% {
        font-size: 21px;
    }
    100% {
        font-size: 23px;
    }
}


/* Pop */

@-webkit-keyframes popArrow {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes popArrow {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes popUp {
    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
}

@keyframes popUp {
    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
}

@keyframes animacaoFoto {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.05);
    }
}

@keyframes pulse {
    0% {
        background-color: transparent;
    }
    100% {
        background-color: rgba(129, 130, 133, 0.87);
    }
}

@keyframes pulsar {
    0% {
        background-color: transparent;
    }
    100% {
        background-color: rgba(35, 35, 36, 0.87);
    }
}

@keyframes pulseTexto {
    0% {
        color: transparent;
    }
    100% {
        color: #fff;
    }
}

@keyframes blog {
    0% {
        transform: scale(1.0);
        background-color: transparent;
    }
    100% {
        transform: scale(1.03);
        background-color: #F4F4F4;
    }
}

.panelasAntiaderentes {
    max-width: 100%;
}


/* #panelaFundoWide {
background-image: url(/images/layout/panelaFundoWide.png);
width: 50%;
background-repeat: no-repeat;
height: 100%;
display: inline-block;
} */


/* @media(max-width:1999px) {
    #panelaFundoWide {
        display: none;
    }
    #panelaFundo {
        display: block;
    }
}

@media(min-width:2000px) {
    #panelaFundoWide {
        display: none;
    }
    #panelaFundo {
        display: none;
    }
} */

@media(max-width:1825) {
    .download {
        width: 5%;
    }
    .materiais {
        width: 26%;
    }
}

@media(min-width:1826px) {
    .download {
        width: 5%;
    }
    .materiais {
        width: 34%;
    }
}

@media(max-width:950px) {
    .texto-promocao {
        margin-top: 10px;
        margin-bottom: 13px;
        margin-left: 36px;
        margin-right: 13px;
    }
}

@media(min-width:389px) {
    .nome-colaborador {
        margin-top: 35px;
    }
}

@media(max-width:600px) {
     ::-webkit-input-placeholder {
        color: #000!important;
    }
    .breadcrumb li a {
        font-size: 14px;
    }
    .breadcrumb li span {
        font-size: 14px;
        font-family: 'Nunito Bold';
    }
    .title {
        font-size: 21px;
        text-align: center;
    }
    .title strong {
        font-size: 46px;
        font-family: 'Nunito ExtraBold';
    }
    .nav-toggle {
        display: block;
        padding: 20px 20px 25px 20px;
        background: #037ab2;
        position: fixed;
        top: 30px;
        right: 30px;
        z-index: 50;
        border-radius: 50%;
    }
    .hamburger {
        width: 1.08em;
        position: relative;
        display: inline-block;
        height: 0.6em;
        font-size: 1.2em;
        background: #037ab2;
        cursor: pointer !important;
    }
    .hamburger span {
        width: 100%;
        background: #fff;
        display: block;
        position: absolute;
        right: 0px;
        height: 0.185em;
        border-radius: 1.2px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
    }
    .hamburger span:nth-child(1) {
        top: 0px;
    }
    .hamburger span:nth-child(2) {
        top: 0.36em;
    }
    .hamburger span:nth-child(3) {
        top: 0.73em;
    }
    .sidebar {
        width: 70%;
        height: 100%;
        position: fixed;
        background: #000;
        top: 0px;
        right: 0px;
        z-index: 5;
        padding-top: 90px;
        visibility: hidden;
        opacity: 0;
    }
    #navicon {
        display: none;
        cursor: pointer;
    }
    #navicon:checked~.sidebar {
        animation: fadeInRight;
        animation-duration: 1s;
        visibility: visible;
        opacity: 1;
    }
    #navicon:checked~.nav-toggle>.hamburger span {
        top: 0.36em;
    }
    #navicon:checked~.nav-toggle>.hamburger span:nth-child(1) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    #navicon:checked~.nav-toggle>.hamburger span:nth-child(2) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    #navicon:checked~.nav-toggle>.hamburger span:nth-child(3) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
}

#divBusca .buscar button {
    background-color: transparent !important;
    color: #4b4b4b;
}

#divBusca .buscar button:hover {
    background-color: transparent !important;
}

#divBusca .buscar input {
    height: 50px;
    border-radius: 0;
}


/* BLOG */

#blog .buscar button {
    background-color: #640e00 !important;
    color: #fff;
}

#blog .buscar button:hover {
    background-color: #8d2110 !important;
}

#blog .buscar input {
    height: 50px;
    border-radius: 0;
}

#blog_list {
    padding-right: 0;
}

#blog_list .alert {
    font-family: 'Nunito Light', sans-serif;
    font-size: 17px;
}

#blog_list .card-img-top {
    overflow: hidden;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

#blog_list .card {
    width: 100%;
    height: 370px;
}

#blog_list .card a {
    text-decoration: none;
}

#blog_list .card .card-body {
    color: #000;
    padding: 10px;
}

#blog_list .card:hover {
    animation: pulse;
    animation-duration: 1s;
}

#blog_list .card .card-title {
    margin-top: 6px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'Nunito Black';
}

#blog_list .card .card-text {
    text-align: center;
    font-size: 15px;
}

#blog #paginacao nav {
    padding-top: 0px;
    margin-top: 30px;
}

#blog #paginacao nav ul li a {
    font-family: 'Nunito Light', sans-serif;
    font-size: 15px;
    color: #000;
}

#blog #paginacao {
    margin-top: 20px;
    text-align: center;
}

#blog #paginacao .pagination .active a {
    background-color: #8d2110 !important;
    color: #fff;
}

#blog #paginacao .pagination a:hover {
    background-color: #8d2110;
    color: #fff;
}

#busca-sem-resultado p {
    font-size: 20px;
}

#busca-sem-resultado span {
    font-size: 20px;
}

.linha {
    width: 100%;
    border-bottom: 2px solid #7e2524;
}

.page-item.active .page-link {
    border: none !important;
}

.breadcrumb-item.active {
    color: #7e2524;
    font-weight: bold !important;
}

.breadcrumbs {
    font-family: 'Nunito Black';
    text-align: center;
    padding-top: 15px;
    padding-left: 45%;
}


/* POSTS */

#post {
    padding-top: 50px;
    padding-bottom: 30px;
}

#post #carousel .carousel-inner .carousel-item img {
    width: 100%;
    max-height: 500px !important;
    object-fit: fill;
}

#post .post-title {
    font-size: 30px;
    font-family: 'Nunito Bold';
    padding-top: 40px;
}

#post .sub-title {
    font-size: 18px;
    font-family: 'Nunito Regular';
    padding-top: 12px;
    color: #a5a5a5;
}

#post .author span {
    font-family: 'Nunito Light';
}

#post .author {
    padding-top: 12px;
    color: #7e2524;
    font-size: 12px;
    font-family: 'Nunito Bold';
}

#post .posts-relacionados {
    margin-top: 50px;
}

#post .posts-relacionados h1 {
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    padding-left: 20px;
    font-family: 'Nunito Light';
}

#post .posts-relacionados span {
    font-size: 40px;
    font-family: 'Nunito Black';
}


/* ÚLTIMOS POSTS */

#post #last-posts .title {
    margin-top: 40px;
    font-family: 'Nunito Black';
    background-color: #640e00;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

#post #last-posts .title h3 {
    font-size: 16px;
    text-align: center;
}

#post #last-posts .view-all p {
    margin-top: 40px;
    font-size: 10px;
    text-align: right;
    font-family: 'Nunito Light';
}

#post #last-posts .view-all p a {
    text-decoration: none;
    color: #640e00;
}

#post #last-posts .list img {
    width: 100%;
    object-fit: contain;
}

#post #last-posts .list h4 {
    font-size: 18px;
}

#post #last-posts .list a {
    text-decoration: none;
    color: inherit;
}

#post #last-posts .banner {
    /* width: 100%; */
    display: block;
}

#last-posts {
    position: relative;
    -webkit-transition: 0s ease;
    -moz-transition: 0s ease;
    -o-transition: 0s ease;
    transition: 0s ease;
}


/* FORMULARIO DE CONTATO */

#contato-form .info {
    font-family: 'Nunito Regular';
    text-align: center;
    font-size: 18px;
}

#contato-form .info span {
    font-family: 'Nunito Black';
}

#form-contato {
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    padding: 40px;
}

#form-contato .icone {
    background-color: transparent;
    padding: 15px;
}

#form-contato .label-textarea {
    font-family: 'Nunito Black';
    text-align: center;
}

.enviar {
    font-family: 'Nunito Black';
    background-color: #7e2524;
    color: #fff;
    padding: 12px 25px;
    margin: 0 auto;
    display: block;
}

.enviar:hover {
    animation: pulse;
    animation-duration: 1s;
    background-color: #8d2110;
    color: #fff;
}

#contato-form .contato {
    background-color: #640e00;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
}

#contato-form .contato:hover {
    background-color: #8d2110;
    border: 1px solid #8d2110;
}

#contato-form .contato h1 {
    color: #fff;
    font-family: 'Nunito Black';
    font-size: 17px;
}

#contato-form .contato span {
    font-family: 'Nunito Black';
}

#contato-form .contato a {
    text-decoration: none;
    color: #fff;
    text-align: center;
}

#contato-form .contato i {
    color: #fff !important;
    margin-right: 10px;
}

#contato-form .contato p {
    color: #fff;
    font-family: 'Nunito Light';
    font-size: 13px;
}


/* FORMULARIO DE REPRESENTANTES */

#fundoRepresentantes {
    background-image: url('/images/layout/fundoRepresentante.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#contato-repres .title {
    font-family: 'Montserrat Bold';
    text-align: center;
    font-size: 30px;
    color: #fff;
}

#contato-repres .info {
    font-family: 'Montserrat Regular';
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#contato-repres .info span {
    font-family: 'Nunito Black';
}

#form-repres {
    border-radius: 10px;
    padding: 40px;
}

#form-repres .icone {
    background-color: transparent;
    padding: 15px;
}

#form-repres .label-textarea {
    font-family: 'Nunito Black';
    text-align: center;
}

.enviar {
    font-family: 'Nunito Black';
    background-color: #7e2524;
    color: #fff;
    padding: 12px 25px;
    margin: 0 auto;
    display: block;
}

.enviar:hover {
    animation: pulse;
    animation-duration: 1s;
    background-color: #8d2110;
    color: #fff;
}

#contato-repres .contato {
    background-color: #640e00;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
}

#contato-repres .contato:hover {
    background-color: #8d2110;
    border: 1px solid #8d2110;
}

#contato-repres .contato h1 {
    color: #fff;
    font-family: 'Nunito Black';
    font-size: 17px;
}

#contato-repres .contato span {
    font-family: 'Nunito Black';
}

#contato-repres .contato a {
    text-decoration: none;
    color: #fff;
    text-align: center;
}

#contato-repres .contato i {
    color: #fff !important;
    margin-right: 10px;
}

#contato-repres .contato p {
    color: #fff;
    font-family: 'Nunito Light';
    font-size: 13px;
}

#form-contact-home {
    border-radius: 20px;
    padding-top: 20px;
}

#form-contact-home .icone {
    background-color: transparent;
    padding: 15px;
}

#form-contact-home .label-textarea {
    font-family: 'Gotham Black';
    text-align: center;
}

#form-contact-home .enviar {
    font-family: 'Montserrat Bold';
    background-color: #006b53;
    color: #fff;
    padding: 4px 25px;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
}

#form-contact-home .enviar:hover {
    animation: pulse;
    animation-duration: 1s;
    background-color: #000;
    color: #fff;
}

.infoContatoHome {
    font-family: 'Montserrat Regular';
    color: #ffffff;
    font-size: 16px;
}

#form-contact-home input {
    background-color: #fff;
    font-family: 'Montserrat Medium';
    color: #999999;
    border-radius: 10px;
    font-size: 11px;
}

#form-contact-home textarea {
    background-color: #ffffff;
    font-family: 'Montserrat Medium';
    color: #000 !important;
    border-radius: 10px;
}

#form-contact-home button {
    background-color: #006b53;
    font-family: 'Montserrat Bold';
    color: #fff;
    width: 100%;
    padding: 8px 0px;
}

#form-contact-home button:hover {
    background-color: #101010;
}

#form-contact-home button i {
    float: right;
    padding-right: 12px;
    font-size: 20px;
}


/*** PRODUTOS ***/


/* .input-group {
width: 80%;
} */

.btn-outline-secondary {
    color: #fff;
    border-color: #05005b;
    background-color: #05005b;
}

#busca {
    padding-left: 10px;
    border: 1px solid;
    border-radius: 5px 0px 0px 5px;
    color: #C0C0C0;
    height: 48px;
    width: 523px;
    float: left;
}

.idem:nth-child(2) {
    width: 40px;
    border-radius: 0px 10px 10px 0px;
    text-align: left;
    color: white;
    background: #284f9e;
    border: 1px #284f9e;
    cursor: pointer;
    text-indent: -1.3px;
}

#divLinhaProduto {
    vertical-align: top;
}

#topLinha {
    width: 908px;
    padding-top: 20px;
}

.colDefaultBusca {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto !important;
    position: relative;
    padding: 0px 10px;
    text-align: center;
}


/* #topoLinha div {
    background-color: #2d4e80;
    color: #FFF !important;
    width: 80%;
    margin: 0 auto;
} */

#topLinha div {
    width: 80%;
    margin: 0 auto;
}

.rowProdLinha {
    padding-left: 100px;
}

#topoLinha div h1 {
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: 45px;
    padding: 10px !important;
}

@media only screen and (max-width: 1350px) {
    .rowProdLinha {
        padding: 0px;
    }
}

@media only screen and (max-width: 800px) {
    .rowProdLinha {
        padding: 0px;
    }
    #topoLinha {
        padding-top: 10px;
        background: url('/img/bgLinha.png') no-repeat center;
        width: 80%;
        background-size: contain;
    }
}

#divCategoria {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.categoriaUl {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#divCategoria ul li {
    color: #FFF;
    width: 100%;
    display: grid;
    place-content: start;
    padding: 1px 10px 5px 20px;
    font-family: 'Nunito Regular';
    font-size: 15px;
    list-style-type: none;
    cursor: pointer;
    background-color: #183659;
}

.priLiCat {
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}

.ultLiCat {
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
}

#divCategoria ul .selecionado {
    background-color: #161616;
    color: yellow;
}

.ativo {
    background-color: #161616;
    color: yellow;
}

#divCategoria ul li:hover {
    background-color: #f5f5f5;
    color: #333;
}

#divCategoria .menuHamb {
    color: #FFF;
    padding: 20px;
    font-family: Open Sans;
    font-size: 14px;
    width: 100%;
    width: 100%;
    background-color: #183659;
    display: none;
}

@media only screen and (max-width: 800px) {
    #divCategoria .menuHamb {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: justify;
    }
    .priLiCat {
        padding: 10px;
        border-radius: 0px;
    }
    .categoriaUl {
        display: none;
        text-align: center;
    }
    #divCategoria ul li {
        display: grid;
        place-content: center;
    }
}

.tituloProd {
    font-size: 16px;
    color: #183659;
    font-family: 'Nunito Black';
}


/* .productsInternal {
display: inline-block;
padding-left: 30px;
text-align: center;
width: 100%;
} */

.products .product {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    /*margin: 0 20px 10px 20px !important;*/
    font-size: 10px;
}

.products .product .price {
    font-size: 30px;
    color: #1d692d;
    font-weight: bold;
}

.products .product .name {
    color: #2a1672;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: 'Nunito Regular';
}


/* .products .product .value {
border-left: 6px solid #fbeceb;
padding-left: 8px;
} */

.products .product .parcelado {
    color: #000;
    font-size: 15px;
    line-height: 18px;
}

.products .product .parcelado span {
    font-size: 30px;
    font-weight: bold;
}

.products .product .avista {
    color: #888888;
    font-size: 12px;
}

.products .product .avista span {
    font-weight: bold;
}

.products .product .from {
    font-size: 12px !important;
    color: #333 !important;
    text-decoration: line-through;
    padding: 5px;
}

.products .product .image {
    /*height: 200px;
width: 200px;*/
    padding: 5px;
    margin: 0 auto;
}

.products .product img {
    /*max-width: 200px;*/
    /*max-height: 200px;*/
    height: auto;
}

.bannerLinha {
    max-height: 480px !important;
}

@media only screen and (max-width: 600px) {
    .productsInternal {
        padding-left: 0px;
    }
}


/*** PAGE ***/

.pages {
    color: #999;
    font-size: 11px;
    margin: 10px;
}

.pages b {
    color: #439990;
}


/*** MATERIAIS ***/


/* .colDefault {
max-width: 1050px;
width: 100%;
margin: 0 auto !important;
text-align: justify;
position: relative;
padding: 0px 20px;
} */

.materiais a:hover {
    color: #fff;
}

.imagemLogo {
    width: 97px;
    height: 99px;
    background-image: url("/images/icons/estrela-preta.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card:hover .imagemLogo {
    width: 97px;
    height: 99px;
    background-image: url("/images/icons/estrela-vermelha.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imagemCatalogo {
    width: 97px;
    height: 99px;
    background-image: url("/images/icons/book.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card:hover .imagemCatalogo {
    background-image: url("/images/icons/book-red.png");
}

.imagemFotos {
    width: 97px;
    height: 99px;
    background-image: url("/images/icons/images.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card:hover .imagemFotos {
    background-image: url("/images/icons/images-red.png");
}

.titleLogo {
    font-family: 'Nunito Black';
    text-align: center;
    font-size: 18px;
    padding: 3px;
}

.card:hover .titleLogo {
    color: #fff;
}

.textLogo {
    font-family: 'Nunito Regular';
    text-align: center;
    font-size: 16px;
    padding: 3px;
}

.card:hover .textLogo {
    color: #fff;
}

.divMateriais {
    max-width: 100%;
    width: 300px;
    height: max-content;
    border-width: 2px;
    border-color: black;
    border-style: solid;
    display: inline-block;
    border-radius: 20px;
    color: #333333;
    line-height: 120%;
}

.card {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.card:hover .divMateriais {
    border-color: #160d46;
    border-style: solid;
    border-radius: 20px;
    background-color: #160d46;
    color: #fff;
}


/*** PRODUCT ***/

.product {
    margin: 10px auto !important;
    text-align: center;
}

.product .resume {
    line-height: 26px;
    padding: 14px 0px;
    color: #333;
    margin-left: 10px;
}

.product .images {
    width: 70px;
    text-align: center;
    display: inline-block;
}

.product .images img {
    width: 60px;
    margin: 5px;
}

.product .images img:hover {
    /* width: 65px; */
    /* border: 2px solid #F4F4F4; */
    cursor: pointer;
    /* transition: width 0.5s; */
}

.product .mainImage {
    width: 370px;
    display: inline-block;
    /* cursor: -moz-zoom-in; */
    /* cursor: zoom-in; */
}

.zoomHover {
    overflow: hidden;
    height: 100%;
    display: grid;
    place-content: center;
}

.zoomHover img {
    position: relative;
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.produtoDestaqueCont {
    padding-top: 10px;
}

.produtoListaImg {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.produtoDestaqueImg {
    width: 100%;
    height: 275px;
    margin-bottom: 10px;
    /* overflow: hidden; */
}

.produtoDestaqueImg img {
    width: auto;
    max-height: 275px !important;
}

@media only screen and (max-width: 800px) {
    .produtoDestaqueImg {
        max-height: auto;
    }
    .produtoDestaqueImg img {
        max-width: 150px;
        max-height: 275px !important;
    }
}


/*
.zoomHover:hover img {
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
cursor: -webkit-zoom-in;
cursor: zoom-in;
}*/


/* figure.zoom {
background-position: 50% 50%;
position: relative;
width: 500px;
overflow: hidden;
cursor: zoom-in;
}

figure.zoom img:hover {
opacity: 0;
}

figure.zoom img {
transition: opacity 0.5s;
display: block;
width: 100%;
} */

.product .mainImage img {
    width: 100%;
}

.product .data h2 {
    font-size: 26px;
    /*background-color: #16a2a2;
color: #FFF;*/
    border-bottom: 1px solid #CCC;
    font-weight: normal;
    text-align: left;
    padding: 4px;
}

.product .data {
    width: 100%;
    display: inline-block;
    max-width: 600px;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.product .data div {
    text-align: left;
}

.product .data h1 {
    color: #2a1672;
    font-size: 30px;
    font-weight: normal;
    margin: 5px 10px;
    padding: 0px;
    border-bottom: 1px solid #E8E8E8;
    font-family: 'Nunito Regular';
}

.product .data .quantity input {
    border-radius: 4px;
    width: 40px;
    padding: 8px;
    text-align: center;
    margin: 0px 10px 10px 10px;
    border: 1px solid #CCC;
    color: #035e0c;
    font-weight: bold;
}

.product .data .fromValue,
.product .data .value {
    font-size: 16px;
    color: #999;
    margin-left: 10px;
}

.product .data .preco {
    border-radius: 10px;
    border: 1px solid #CCC;
    padding: 14px;
}

.product .data .fromValue span {
    text-decoration: line-through;
}

.product .data .value b {
    font-size: 34px;
    color: #333;
}

.product .data .installments {
    font-size: 15px;
    color: #666;
    margin-left: 10px;
    /* margin-bottom: 15px; */
}

.product .data .bt {
    padding: 14px;
    background-color: #17a2a2;
    color: #FFF;
    border-radius: 8px;
    cursor: pointer;
    margin: 10px 5px 10px 0px;
    text-align: center;
}

.product .data .btOff {
    padding: 14px;
    background-color: #CCC;
    color: #FFF;
    border-radius: 8px;
    margin: 10px 5px 10px 0px;
    text-align: center;
}

.product .data .bt:hover {
    background-color: #29b9b9;
}

.product .data .bt:hover span {
    animation-name: moveToRightBT .5s forwards;
    -webkit-animation: moveToRightBT .5s forwards;
}

.product .ship .free {
    margin: 10px 10px 10px 0px;
    padding: 10px;
    border: 1px solid #CCC;
    font-size: 13px;
    color: #333;
    width: 100%;
    max-width: 150px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

.product .ship .free span {
    text-decoration: underline;
    color: #29b9b9
}

.product .ship .calc {
    margin: 10px;
    font-size: 13px;
    max-width: 250px;
    display: inline-block;
    line-height: 30px;
    text-align: left;
}

.product .ship .calc i {
    color: #29b9b9;
}

.product .ship .calc input {
    width: 100%;
    max-width: 100px;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding: 8px;
    border: 1px solid #CCC;
    text-align: center;
    border-radius: 6px;
}

.product .ship .calc .bt {
    background-color: #333;
    color: #FFF;
    padding: 3px;
    width: 30px;
    display: inline-block;
    border-radius: 0;
    margin: 0px 0px 0px 5px;
}

.productInfo h2 {
    font-family: Open Sans Condensed;
    font-weight: normal;
    font-size: 30px;
    text-align: left;
}

.productInfo {
    text-align: center;
}

.productInfo .text {
    font-size: 14px;
    padding: 10px;
}

.productInfo .text iframe {
    width: 99%;
}

.productInfo .video iframe {
    width: 100%;
}

.productInfo .text img {
    margin: 0 auto;
    display: block;
}

.cardImg img {
    width: 315px;
    object-fit: scale-down;
}

.cardProd .cardImg {
    width: 100%;
    overflow: hidden;
    height: 250px;
    padding: 20px;
}

.cardProd .cardTexto {
    width: 100%;
    overflow: hidden;
    padding: 0px 5px 0px 5px;
    height: 80px;
}