article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

    display: block;

}

/* Navigation */

.site-content nav {

    clear: both;

    line-height: 2;

    overflow: hidden;

}

.main-navigation {

    background: var(--cinza);

}

.main-navigation li {

    margin-top: 24px;

    font-size: 12px;

}

.main-navigation a {

    color: var(--branco);

}

.main-navigation a:hover,

.main-navigation a:focus {

    color: var(--vermelho);

}

.main-navigation ul.nav-menu,

.main-navigation div.nav-menu > ul {

    display: none;

}

.main-navigation ul.nav-menu.toggled-on,

.menu-toggle {

    display: inline-block;

}



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

    .main-navigation ul.nav-menu,

    .main-navigation div.nav-menu > ul {

        display: inline-block !important;

        text-align: left;

        width: 100%;

    }

    .main-navigation ul {

        margin: 0;

        text-indent: 0;

    }

    .main-navigation li a,

    .main-navigation li {

        display: inline-block;

        text-decoration: none;

    }

    .main-navigation li a {

        border-bottom: 0;

        line-height: 3.692307692;

        text-transform: uppercase;

        white-space: nowrap;

    }

    .main-navigation li {

        margin: 0 40px 0 0;

        position: relative;

    }

    .main-navigation li ul {

        margin: 0;

        padding: 0;

        position: absolute;

        top: 100%;

        z-index: 1;

        height: 1px;

        width: 1px;

        overflow: hidden;

        clip: rect(1px, 1px, 1px, 1px);

    }

    .main-navigation li ul ul {

        top: 0;

        left: 100%;

    }

    .main-navigation ul li:hover > ul,

    .main-navigation ul li:focus > ul,

    .main-navigation .focus > ul {

        border-left: 0;

        clip: inherit;

        overflow: inherit;

        height: inherit;

        width: inherit;

    }

    .main-navigation li ul li a {

        background: var(--cinza);

        border-top: 1px solid var(--branco);

        display: block;

        font-size: 11px;

        line-height: 2.181818182;

        padding: 8px 10px;

        width: 180px;

        white-space: normal;

    }

    .main-navigation li ul li a:hover,

    .main-navigation li ul li a:focus {

        background: var(--preto);

        color: var(--branco);

    }

    .main-navigation .current-menu-item > a,

    .main-navigation .current-menu-ancestor > a,

    .main-navigation .current_page_item > a,

    .main-navigation .current_page_ancestor > a {

        color: var(--vermelho);

    }

    .menu-toggle {

        display: none;

    }

}

*{border:0;margin:0;padding:0;}

html,body{height:100%;}

body{margin:0;padding:0;font-family:'Inter',sans-serif;font-size:15px;color:var(--cinza);overflow-x:hidden;}  

ul,li{list-style:none;margin:0;padding:0}

a,a:hover{text-decoration:none;color:var(--cinza)}

p{line-height:25px;margin:15px 0}

figure{margin:0}

/*FORMS*/

div.wpcf7-response-output {margin: 0;}

.wpcf7-not-valid{border:solid 1px red !important;}

.wpcf7-not-valid-tip{display:none !important;}

::-webkit-input-placeholder{color: var(--cinza);}

::-moz-placeholder{color: var(--cinza);}

:-ms-input-placeholder{color: var(--cinza);}

:-moz-placeholder{color: var(--cinza);}

.grecaptcha-badge{right: -300px !important}

/*MARGIN*/

.Mt0{margin-top:0}.Mt10{margin-top:10px}.Mt20{margin-top:20px}.Mt30{margin-top:30px}.Mt40{margin-top:40px}.Mt50{margin-top:50px}.Mt60{margin-top:60px}.Mt70{margin-top:70px}.Mt80{margin-top:80px}.Mt90{margin-top:90px}.Mt100{margin-top:100px}

.Mb0{margin-bottom:0}.Mb10{margin-bottom:10px}.Mb20{margin-bottom:20px}.Mb30{margin-bottom:30px}.Mb40{margin-bottom:40px}.Mb50{margin-bottom:50px}.Mb60{margin-bottom:60px}.Mb70{margin-bottom:70px}.Mb80{margin-bottom:80px}.Mb90{margin-bottom:90px}.Mb100{margin-bottom:100px}

.Ml0{margin-left:0}.Ml10{margin-left:10px}.Ml20{margin-left:20px}.Ml30{margin-left:30px}.Ml40{margin-left:40px}.Ml50{margin-left:50px}

.Mr0{margin-right:0}.Mr10{margin-right:10px}.Mr20{margin-right:20px}.Mr30{margin-right:30px}.Mr40{margin-right:40px}.Mr50{margin-right:50px}

/*PADDING*/

.Pt0{padding-top:0}.Pt10{padding-top:10px;box-sizing:border-box}.Pt20{padding-top:20px;box-sizing:border-box}.Pt30{padding-top:30px;box-sizing:border-box}.Pt40{padding-top:40px;box-sizing:border-box}.Pt50{padding-top:50px;box-sizing:border-box}

.Pb0{padding-bottom:0}.Pb10{padding-bottom:10px;box-sizing:border-box}.Pb20{padding-bottom:20px;box-sizing:border-box}.Pb30{padding-bottom:30px;box-sizing:border-box}.Pb40{padding-bottom:40px;box-sizing:border-box}.Pb50{padding-bottom:50px;box-sizing:border-box}

.Pl0{padding-left:0}.Pl10{padding-left:10px;box-sizing:border-box}.Pl20{padding-left:20px;box-sizing:border-box}.Pl30{padding-left:30px;box-sizing:border-box}.Pl40{padding-left:40px;box-sizing:border-box}.Pl50{padding-left:50px;box-sizing:border-box}

.Pr0{padding-right:0}.Pr10{padding-right:10px;box-sizing:border-box}.Pr20{padding-right:20px;box-sizing:border-box}.Pr30{padding-right:30px;box-sizing:border-box}.Pr40{padding-right:40px;box-sizing:border-box}.Pr50{padding-right:50px;box-sizing:border-box}

/*CORES*/

:root {

    --branco: #fff;

    --preto: #000;

    --azul: #00aeef;

    --vermelho: #a40f20;

    --cinza: #495053;

    --cinzac: #a5a5a5;

    --bgcinza: #efefef;

    --bgcinzae: #d6d6d6;

    --lines: #f1f1f1;

}

/*CODE*/

.branco {color: var(--branco)}

.brancot {color: rgba(255, 255, 255, 0.5);}

.preto {color: var(--preto)}

.pretot {color: rgba(0, 0, 0, 0.5);}

.cinzac {color:var(--cinzac)}

.colors {color: var(--preto)}

.colors strong {color: var(--azul)}

.tit46 {

    font-size: 46px;

    font-weight: 700;

}

.tit18 {

    font-size: 18px;

    font-weight: 400;

}

.bot-azul {

    background-color: var(--azul);

    text-transform: uppercase;

    line-height: 50px;

    padding-left: 30px;

    padding-right: 30px;

    display: inline-block;

    border-radius: 8px;

    color: var(--branco);

    filter: drop-shadow(0px 7px 10px rgba(0, 0, 0, 0.1));

    transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

}

.bot-cinza {

    background-color: var(--bgcinzae);

    text-transform: uppercase;

    line-height: 50px;

    padding-left: 30px;

    padding-right: 30px;

    display: inline-block;

    border-radius: 8px;

    color: var(--preto);

    filter: drop-shadow(0px 7px 10px rgba(0, 0, 0, 0.1));

    transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

}

.bot-azul:hover,

.bot-cinza:hover {

    background-color: var(--preto);

    color: var(--branco);

    transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

}

header {

    width: 90%;

    background-color: var(--bgcinza);

    margin: 0 auto;

}

header .telefones,

.contatos .telefones {

    color: var(--azul);

}

header .telefones a,

.contatos .telefones a {

    color: var(--azul);

}

header .telefones a:hover,

.contatos .telefones a:hover {

    color: var(--preto);

}

.telefones li:nth-child(n+2):before {

    content: '/';

    margin: 0 3px 0 5px;

}

.banner {

    width: 90%;

    margin: 0 auto 100px;

    background-color: var(--bgcinza);

    padding-top: 50px;

    padding-bottom: 50px;

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

}

.banner h1 {

    font-size: 60px;

    font-weight: 700;

    color: var(--preto);

}

.produtos {

    position: relative;

}

.produtos:after {

    content: '';

    width: 100%;

    height: 100%;

    background-color: var(--azul);

    position: absolute;

    right: -100%;

    border-radius: 8px;

}

.produtos .box {

    background-color: var(--bgcinza);

    border-radius: 8px;

    height: 100%;

} 

.principais-produtos {

    background-color: var(--bgcinza);

}

.principais-produtos .bot-azul {

    filter: inherit;

}

.principais-produtos .bot-azul:hover {

    background-color: var(--azul);

}

.principais-produtos .list-linha:nth-child(2) .box {

    background-color: var(--azul);

    color: var(--branco);

}

.principais-produtos .list-linha:nth-child(2) .box .preto {

    color: var(--branco);

}

.principais-produtos .list-linha:nth-child(2) .box .itens i {

    background-color: var(--branco);

    color: var(--azul);

}

.list-linha .box {

    background-color: var(--branco);

    border-radius: 10px;

}

.itens li {

    margin-bottom: 10px;

}

.itens li:last-child {

    margin-bottom: 0;

}

.itens i {

    width: 35px;

    line-height: 35px;

    border-radius: 50%;

    text-align: center;

    font-size: 17px;

    background-color: var(--azul);

    color: var(--branco);

}

.contatos {

    padding-top: 100px;

    padding-bottom: 100px;

    background-image: url(images/bg-contatos.gif);

    background-repeat: no-repeat;

    background-position: left top;

}

footer {

    width: 90%;

    margin: 0 auto;

    background-color: var(--bgcinza);

    padding-top: 100px;

    padding-bottom: 20px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

footer i {

    color: var(--azul);

}

footer .det-footer {

    margin-top: -200px;

}

footer .assinatura {

    font-size: 13px;

}

/*FORMULÁRIO*/
.wpcf7-form p {
    margin: 10px 0;
}

@media (max-width: 1024px){
    .wpcf7-form {
        margin: 20px 0 0 0;
    }

    .form .col-lg-9, .form .col-lg-4, .form .col-12, .form{
        padding-right: 0;
        margin-right: 0;
    }
}
input {
    width: 100% !important;
    padding: 15px !important;
    border-radius: 8px !important;
    background-color: var(--bgcinza);
}
textarea {
    width: 100% !important;
    height: 120px;
    padding: 15px !important;
    border-radius: 8px !important;
    background-color: var(--bgcinza);
}
input[type="submit"] {
    width: auto !important;
    background-color: var(--azul);
    text-transform: uppercase;
    line-height: 120%;
    padding: 20px 30px !important;
    display: inline-block;
    border-radius: 8px;
    color: var(--branco);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

input[type="submit"]:hover{
    background-color: var(--preto);
    color: var(--branco);
}

.wpcf7-spinner {
    display: none;
}

.bot-wpp {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: green;
    color: #fff;
    border-radius: 120px;
    font-size: 30px;
    animation: pulse 2s infinite;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 128, 6, 0.7);
    }
    
    70% {
        box-shadow: 0 0 0 15px rgba(46, 128, 6, 0);
    }
    
    100% {
        box-shadow: 0 0 0 0 rgba(46, 128, 6, 0);
    }
}
.bot-wpp:hover {
    background: #236203;
    color: var(--branco);
}