@import url("https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i");

:root {
    --cor-primaria: #1265EF;
    --cor-secundaria: #21E0FD;
    --cor-contraste: #FFFFFF;
    --cor-principal-fonte: #F0F0F0;
    --cor-preco-promocao: #000000;
    --cor-etiqueta-desconto: #1265EF;
}

.cor-primaria-bg {
    background-color: var(--cor-primaria);
}

.cor-secundaria-bg {
    background-color: var(--cor-secundaria);
}

.cor-contraste-bg {
    background-color: var(--cor-contraste);
}

.cor-principal-fonte-bg {
    background-color: var(--cor-principal-fonte);
}

.cor-preco-promocao-bg {
    background-color: var(--cor-preco-promocao);
}

.cor-etiqueta-desconto-bg {
    background-color: var(--cor-etiqueta-desconto);
}

.cor-primaria {
    color: var(--cor-primaria);
}

.cor-secundaria {
    color: var(--cor-secundaria);
}

.cor-contraste {
    color: var(--cor-contraste);
}

.cor-principal-fonte {
    color: var(--cor-principal-fonte);
}

.cor-preco-promocao {
    color: var(--cor-preco-promocao);
}

.cor-etiqueta-desconto {
    color: var(--cor-etiqueta-desconto);
}

.cor-primaria-fill {
    fill: var(--cor-primaria);
}

.cor-secundaria-fill {
    fill: var(--cor-secundaria);
}

.cor-contraste-fill {
    fill: var(--cor-contraste);
}

.cor-principal-fonte-fill {
    fill: var(--cor-principal-fonte);
}

.cor-preco-promocao-fill {
    fill: var(--cor-preco-promocao);
}

.cor-etiqueta-desconto-fill {
    fill: var(--cor-etiqueta-desconto);
}

.cor-fundo-fonte-fill {
    fill: var(--cor-fonte-topo, --cor-primaria);
}

body {
    font-family: "Open Sans";
    background-color: #FFFFFF;
    overflow-x: hidden!important;
}

header div#top_menu {
    display: none;
    background-color: var(--cor-primaria);
    max-height: 30px;
    padding: 5px;
}

header {
    background: var(--cor-fundo-topo, white);
    border-top: solid 3px var(--cor-primaria);
}

header #logo {
    width: auto;
    max-height: 100px;
}

.col-topo{
    padding-top: 0px;
}

ul.dropdown a, ul.dropdown span {
    padding-top: 11px;
    padding-bottom: 10px;
}

.green-black ul.dropdown a:hover {
    color: black !important;
    background: white !important;
    text-decoration:underline;    
}

#logo_busca_carrinho {
    padding-top: 0px;
    padding-bottom: 10px;
}
.ordenize{
    display: flex;
    align-items: center;
}
header div#top_menu p a, header div#top_menu p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #fff;
}

header div#top_menu p {
    margin: 0px;
    font: 400 12px "Open Sans";
}
.top_menu_links{
    display: flex;
    justify-content: flex-end;
    transition: all 150ms ease-in-out;
}
.top_menu_links a{
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    margin-left: 8vw;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.top_menu_links a:hover{
    color: #ffe000!important;
}

form.pesquisa{
    margin-top: 0px!important;
}

form.pesquisa input[type=text] {
    background: none;
    width: 100%;
    height: 38px;
    background: #fff;
    border: 3px solid #bbb;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    padding: 14px 15px;
    border-radius: 7px;
}
#icon-user {
    fill: var(--cor-fonte-topo, --cor-primaria);
    height: 30px;
    display: block;
}
.icon-user-title {
    color: var(--cor-fonte-topo, --cor-primaria);
    font-size: 10px;
    display: flex;
    text-decoration: none!important;
    line-height: 115%;
}

#icon-cart {
    fill: var(--cor-fonte-topo, --cor-primaria);
    width: 31px;
    height: 25px;
}
.dropdown-item a{
    text-transform: capitalize;
    color:black!important;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    white-space: nowrap;
    transition: all 150ms ease-in-out;
}

ul.dropdown li{
    text-transform: initial!important;
}

.dropdown-item a:hover{
    color:#ffc700;
}

.search-bar { 
    position: relative; 
    margin: 0 auto ;
    text-align: center;
}
.search-bar .fa-search { 
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 1.2rem;
    color: #fff;
    background-color: var(--cor-primaria);
    padding: 7px 7px 6px 7px;
    border-radius: 0px 5px 5px 0px;

}
.search-bar .fa-search a :hover{ 
    color:black;
}

.form.pesquisa input::placeholder{
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    padding: 14px 15px;
}

.header__cart-amount{
    background: var(--cor-secundaria);
    border: none;
    border-radius: 50%;
    color: white;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    width: 18px;
    height: 17px;
    font-size: 10px;
    line-height: 17px;
    position: absolute;
    margin-left: 20px;
    top: -5px;
}

.green-black ul.dropdown li:hover, .green-black ul.dropdown li:hover {
    background:var(--cor-contraste);
}

.green-black ul.dropdown li:hover, .green-black ul.dropdown li:hover a {
    color: var(--cor-preco-promocao);
}

.search-bar .fa-search:hover{
    fill: #8b8b8b;
}

#box-cart {
    background-color: #fff;
    padding: 8px;
    color: black;
    font-weight: bold;    
}

#box-cart:hover{
    background-color: #373435;
}

#box-cart i.fa {
    color: #af0e14;
    font-size: 30px;
    float: left;
    margin-right: 10px;
}

#box-cart h5 {
    margin: 0px;
    font-weight: bold;
    color: #af0e14;
}

#box-cart p {
    font-size: 11px;
    margin: 0px;
}

#box-cart a {
    color: #f0f0f1;
}

div#menu {
    background-color: var(--cor-primaria);
    max-height: 51px;
}

ul.black li {
    background-color: #058cc4;
}

section#banner {
    margin-top: 20px;
}

#banner_principal{
    width: 99.9%;
}

div.mini-banner img {
    width: 274px;
    margin-right: 3px;
    margin-left: 3px;
}

#sub-banner  {
    margin-top: 0px;
    margin-bottom: 0px;
}

.grade_produtos {
    background: #fff;
    margin-top: 0px;
}

.grade_produtos .container {
    background: #fff;
}


.grade_produtos h2 {
    padding: 10px;
    color: #373435;
    font-weight: 900;
    border-bottom: none;
}

.separador-direita {
    border-right: 1px dotted #e2e2e2;
}

.grade_produtos h3 {
    color: #326749;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 2px;
}

#fundoProdutos {
    background: #fff;
}

/*
.grade_produtos h2 {
    background-color: #000;
    padding: 10px;
    color: #FFC20D;
}
*/

.grade_produtos img {
    margin-top: 20px;
    margin-bottom: 10px;
}

.grade_produtos p {
    color: #2f2f2d;
    font-size: 14px;
    font-weight : bold;
}

.grade_produtos .price {
    color: #000;
    font-size: 22px;
    font-weight: 900;
}

.grade_produtos .price_older {
    font-size: 12px;
    text-decoration: line-through;
    color: #999;
}

.grade_produtos .preco_parcelado {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.grade_produtos h1 {
    margin-top: 0px;
    padding: 0px;
}

.grade_produtos #titulo_da_pagina {
    padding-top: 15px;
}

.label-warning {
    border-radius: 5px;
}

#breadcrumb {
    margin-top: 20px;

}

#social-links-top a {
    color: #af0e14;
    font-size: 16px;
    width: 25px;
    display: inline-block;
    text-align: center;
}

#social-links-top a:hover {
    color: #326749;
}

#opcoes_produto {
    width: 250px;
    margin-bottom: 10px;
}

footer img#logo-rodape {
    width: 100px;
}

footer div#top_footer {
    background-color: #cd0100;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer div#top_footer img {
    margin-right: 20px;
}

footer div#top_footer h4 {
    color: #f0f0f1;
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    margin-top: 10px;
}

footer div#top_footer h4 span {
    color: #fff;
    font-weight: 900;
    border-bottom: 1px dotted;
    margin-bottom: 0px;
}

footer div#top_footer p {
    font-size: 12px;
    color: #fdf801;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 300;
}

footer div#top_footer p a {
    color: #fdf600;
    text-decoration: underline;
}

footer ul.list-inline li a {
    color: #326749;
    font-size: 13px;
    font-weight: 300;
}

footer h2 {
    font-size: 20px;
    font-weight: 700;
    color: #555165;
}

footer {
    background-color: #f0f0f0;

}

footer .vertical-lines {
    border-left: 0px solid #fefefe;
    border-right: 0px solid #fefefe;
    padding-bottom: 0px;
    padding-top: 10px;
}

.footer-wrapper{
    background: white;
}

.footer-note{
    border-top: 2px solid #eff0f2;
    padding: 20px 0;
    color: #8b8b8b;
    display: block;
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 10px;
    overflow: hidden;
}

#footer_content{
    padding-top: 50px;
    padding-bottom: 15px;
}

.footer_column_title{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: var(--cor-primaria);
    text-transform: capitalize;
    margin: 0 0 15px;
}
#logo-fdc{
    height: 45px;
}
.site-map{
    display: flex;
    flex-direction: column;
}
.site-map a{
    text-decoration: none;
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    color: #8b8b8b;
    letter-spacing: .2px;
    margin-bottom: 10px;
    transition: all 150ms ease-in-out;
}
.site-map a:hover{
    color: var(--cor-primaria);
}
.instagram-api{
    display: flex;
    justify-content: center;
}
.fb-page{
    margin-top: 15px;
}

.footer-brand{
    padding-top: 25px;
    padding-bottom: 25px;
}

#barra_estatica {
    display: none;
    background: #f6f6f6;
    border-color: #f6f6f6;
}

#barra_estatica .navbar-brand {
    padding-top: 5px;
    margin-right: 70px;
}

#barra_estatica .navbar-brand img {
    width: 70px;
}

#barra_estatica .pesquisa {
    margin-top: 10px;
    margin-left: 100px;
}

#barra_estatica .pesquisa .btn-primary {
    background: #326749;
}

#barra_estatica .hidden-xs{
    height: 88px;
    border-bottom: 2px solid #fbf500;
    background: var(--cor-primaria)!important;
}
#barra_estatica .pesquisa{
    margin-left: 0px;
}
/* custom bootstrap */
.btn-primary {
    color: #fff701;
    background-color: var(--cor-primaria);
    border-color: #cd0301;
    border-radius: 5px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #373435;
    background-color: #af0e14;
    border-color: #373435;
}
.btn-success:active{
    color: #af0e14;
    background-color: var(--cor-secundaria);
    border-color: #373435;
}
.btn-secondary {
    background-color: var(--cor-secundaria);
    color: var(--cor-contraste);
    border-radius: 5px;
    font-weight: 700;
}
.btn-danger {
    color: #fdf600;
    background-color: #cd0300;
    border-color: #cd0300;
}
.btn-danger:hover {
    color: #070c0a;
    background-color: #fdf800;
    border-color: #ac2925;
}
.btn {
    border-radius: 5px;
}
.btn:focus{
    color: #373435;
}
.btn-pesquisa, .btn-primary{
    color: white;
    background-color: var(--cor-primaria);
    border-color: var(--cor-primaria);
    font-weight: 700;
}
.btn-pesquisa:hover, .btn-primary:hover {
    color:white;
    background-color: #243975;
    border-color: #243975;
}
.btn-success {
    color: white;
}
.btn-success:hover, .btn-success.focus, .btn-success:focus {
    background-color: var(--cor-secundaria);
    border-color: #28a745!important;
}
.thumbnail .label{
    line-height: 2;
}
.thumbnail:hover {
    border-color: #999;
    box-shadow: 0px 0px 3px #888888;
}

.thumbnail a:hover {
    text-decoration: none;
}

.lista_produtos .thumbnail {
    max-height: 415px;
    min-height: 415px;
    max-width: 250px;
    min-width: 250px;
    width: 250px;
}


.label-danger{
    background: var(--cor-secundaria);
}

.thumbnail:hover .label {
    background: var(--cor-secundaria);
}

.input-group-btn:last-child>.btn{
    z-index: 1!important;
}
.input-group .form-control{
    z-index: 1!important;
}

@media only screen and (min-width: 578px), only screen and (max-width: 987px) {
    .container-img-produto{
        min-height: 253px;
        min-width: 253px;
        max-height: 253px;
        max-width: 253px;
        height: 253px;
        width: 253px;
        text-align:center;
        line-height: 253px;

    }
    #box-cart-responsive .badge {
        color: #060d09;
    }
    .thumbnail{
        border: 1px solid #fff !important;  
        margin-bottom: 1px!important;
    } 
    
    .thumbnail-menu-img{
        max-height: 150px;
        
    }

    .thumbnail img{
        max-height: 252px;
        max-width: 252px;
        object-fit: contain;
        width: 100%;
        height: 100%;

    }   
}
@media only screen and (min-width: 988px), only screen and (max-width: 1199px) {

    .container-img-produto{
        min-height: 200px;
        max-height: 200px;
        min-width: 200px;
        max-width: 200px;
        height: 200px;
        width: 200px;
        text-align:center;
        line-height: 200px;
        margin: 0 auto;
    }

    /*	.thumbnail{
              min-height: 470px;
            } */

    .thumbnail img{
        max-height: 200px;
        max-width: 200px;
    }

    #containerCarousel{
        width: 100%;
        margin: auto;
    }
}
@media only screen and (min-width: 1200px) {
    .container-img-produto{
        min-height: 200px;
        max-height: 253px;
        min-width: 200px;
        max-width: 220px;
        height: 253px;
        width: 253px;
        text-align: center;
        line-height: 253px;
        margin: 0 auto;
    }

    /*	.thumbnail{
              min-height: 470px;
            } */

    .thumbnail img{
        max-height: 252px;
        max-width: 252px;
    }

    #containerCarousel{
        width:100%;
        margin: auto;
    }
}

@media only screen and (max-width: 578px) {
    .container-img-produto{
        min-height: 100px;
        min-width: 100px;
        max-height: 100px;
        max-width: 100px;
        height: 100px;
        width: 100px;
        text-align:center;
        line-height: 100px;
    }

    /*.thumbnail{
      min-height: 340px;
    }*/

    .thumbnail img{
        max-height: 100px;
        max-width: 100px;

    }

}

.container-img-produto img{
    padding: 0 !important;
    margin: auto !important;
    vertical-align: middle;
}

.label {
    border-radius: 0px;
}

#menu .nav {
    height: 40px;
}

ul.dropdown li.divider {
    height: 30px;
}

.green-black ul.dropdown{
    background: var(--cor-primaria);
    position: relative;
    height: 40px;
}

.green-black ul.dropdown li.sub {
    min-width: 160px;
    padding-right: 0px;
}

.green-black ul.dropdown ul {
    z-index: 1;
    min-width: 227px;
    background: white;       
    color: var(--cor-secundaria) !important;
}

.green-black ul.dropdown li.sub li.sub {
    min-width: 0px;
}
.green-black ul.dropdown li.sub {
    text-align: center;
}
.green-black ul.dropdown li.sub ul li {
    text-align: left;
    font-size: 15px;
    color: white!important;
}


li.divider{
    background-color: var(--cor-primaria)!important;
}
.green-black ul.dropdown li.divider {
    min-width: 0px;
}
.green-black ul.dropdown a, .green-black ul.dropdown a:visited {
    font-size: 14px;
    font-weight: 100 ! important;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    font-family: "Poppins", sans-serif;
}
.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}

.list-inline{display:block;}
.list-inline li{display:inline-block;}
.list-inline li:before{ margin:0; color: #326749;}

.clear {
    clear: both;
    display: block;
    float: none;
}

.space-top {
    margin-top: 20px;
}

div.highlight{
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 6px;/*0 0 6px 6px;*/
    margin-bottom: 14px;
    padding: 9px 14px;
}

h2.highlight{
    color: #777 !important;
    background-color: #EEE;
    border: 1px solid #e1e1e8;
    border-radius: 6px;/*0 0 6px 6px;*/
    padding: 9px 14px;
    margin-bottom : 0 !important;
    border-bottom: 0;
}

.descricao-produto{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    max-height: 40px;
    min-height: 40px;
    line-height: 20px;
    margin: 0px;
}

.tabela_forma_pagamento td {
    text-align: center;
}

.etiqueta-desconto-braga{
    position: absolute;
}
#emailBoletim{
    display: block;
    width: 70%;
    margin-bottom: 10px;
    text-align: center;
    margin: auto;
}
.texto {
    padding: 30px;
}
.content__titleDescription{
    background-color: #0098db;
    font-weight: bold;
}
.boletim_titulo{

}
.boletim_subTitulo{
    color: white;
}
.texto_footer{
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}
form#formNewsLetter {
    padding: 10px;
}
.modalContent__content {
    padding: 0px;
    padding-bottom: 30px;
}

.label-invisivel{
    background-color: #ffffff !important;
    display: block;
}
.label-invisivel:hover{
    background-color: #ffffff !important;
}
.modalContent .button{
    display: block;
    margin: auto;
    background-color: #34cc67;
    margin-top: 10px;
}
@media only screen and (min-width: 1000px){
    .modalContent__content {
        width: 100%;
    }
}

#carrinho .col-md-12 h1 {
    color: #326749;
}

#carrinho h3 {
    color: #326749;
}

.img-logo-empresa-top{
    margin-top: 5px;
}

section#identificacao.cadastro h2{
    color: #326749 !important;
}

@media only screen and (max-width: 990px) {
    #atendimento-link-div{display: none;}
}
/* BAIXA RESOLUCAO */
@media only screen and (max-width: 767px) {
    ul.dropdown li.sub>a.current {
        background: #f4e518;
        color: black !important;
    }
    header #logo {
        max-width: 160px;
    }
    
    #icon-cart {
        width: 25px;
        height: 25px;
    }
    
    .newsletter-social-icon{
        width: 25px!important;
        height: 25px!important;
    }
    
    #box-cart-responsive {
        background: #cd0100;
    }

    .barra-topo-xs{
        background-color: #cd0100;
    }

    footer  {
        border-top: 5px solid #cd0100;
    }

    footer #social-responsive a {
        background: #cd0100;
    }

    .menu-icon span, .green-black ul.dropdown li.divider {
        background-color: var(--cor-secundaria)!important;
    }

    ul.dropdown li, ul.dropdown {
        border-color: #d9534f;
    }

    #box-cart-responsive .badge {
        background: #f4e518;
    }
}

#info_produto h1 {
    color: #373435 !important;
}

@media only screen and (min-width: 768px){  
    #logo_busca_carrinho {
        padding-bottom: 0px;
    }
    header{
        height: 120px; 
        max-height: 150px;
    }
}    

tr#divSelecionaFormaDeEnvio {
    text-align: center;
}
.separador-direita img {
    margin-top: 0px;
}

.green-black ul.dropdown a{
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
}

section#identificacao h1 {
    padding: 10px;
    color: #373435;
    font-weight: 900;
    border-bottom: none;
    margin-bottom: 30px;
}

.shopping-bag-title-wrap{
    display: flex;
    align-items: center;
}
.no-padding {
    padding: 0px!important;
    margin: 0px!important;
}
.title-sideline{
    height: 2px;
    background: black;
}
.carrinho-head{
    padding: 10px;
    color: white;
    background: var(--cor-primaria);
    margin-bottom: 20px;
}
.carrinho-head ul{
    margin-bottom: 0px;
}
.carrinho-head ul li{
    font-weight: 700;
}
.text-right{
    display: flex;
    padding: 0px;
}
.border-radio{
    border-radius: 5px!important;
}
.order-controls-wrap{
    padding-top: 20px;
    padding-bottom: 20px;
}
.order-btn-custom{
    color: black;
    background: #fff701;
    border-color: white;
    border-radius: 5px;
    padding: 15px;
    font-weight: 700;
}
#title-text{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#calculoFrete::after{
    color: white;
    content: ".";
    padding: 5px;
}
.shiping-info{
    text-align: center;
    font-size: 0.8rem;
}
.green{
    background-color: #2cd239!important;
}

.green:hover{
    border-color: white;
}
.frete-result-wrap{
    margin: 20px;
}

@media (max-width: 576px) {
    #cep{
        width: 100%!important; 
    }
    #numeroValeDesconto{
        width: 100%!important; 
    }
    .buton-xs{
        width: 100%!important;   
        margin-top: 10px;
    }
    .xs-padding-top{
        padding-top: 25px;
    }
    .container {
        text-align: center ! important;
    }
    .xs-padding-bootom{
        padding-bottom: 15px;  
    }   
    
}
#pagamento .col-md-12 h1 {
    padding: 10px;
    color: #373435;
    font-weight: 900;
    border-bottom: 4px solid #e2e2e2;
    margin-bottom: 30px;
}
div#div_condicoes_pagamento {
    border-width: thin;
    border-style: solid;
    border-radius: 20px;
}
.div_botao_cartao{
    text-align: center;
    padding: 20px;
}
.imagens-meio-pagina-flex{
    display: flex;
    justify-content: center;
}
#menu .container{
    width: auto!important;
}
@media only screen and (max-width: 767px){
    .link-top-responsivo, .link-top-responsivo :hover {
        color: #af0e14;
        padding-left: 3px;
        padding-right: 3px;
    }
    .btn-pesquisa {
        color: white;
        background-color: var(--cor-primaria);
    }
    #box-cart-responsive i {        
        color: #f4e518;
    }
    .menu-icon span, .green-black ul.dropdown li.divider {
        background-color: var(--cor-secundaria)!important;
    }
}

#stemps-order{
    display: flex;
    align-items: center;
    text-align: center;
    margin-top:15px;
    margin-bottom:15px;
}
.customized-strong{
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    color: black;
}
#small-cap{
    font-size: 12px;
    line-height: 15px;
    color: #8b8b8b;
    white-space: normal;
}
.price{
    color:var(--cor-primaria)!important;
}
.hidden-small-screen{
    display:none;
}
.sidenav{
    display:none;
}


/*MEDIA QUERIES PARA O MOBILE - LOJAS GIRO*/

@media only screen and (max-width: 767px){
    .sidenav{
        display: block;
    }
    .hidden-small-screen{
        right: 0px;
        left: 0px;
        top: 0px;
        z-index: 2;
        display: block;
    }

    .search-bar .fa-search {
        left: 85%;
    }

    .fa fa-bars{
        font-size: 1.5rem;
        color: var(--cor-secundaria);
    }
    .closebtn{
        color: black;
    }
    .ordenize{
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a:hover {
        color: var(--cor-secundaria);
        text-decoration: none;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .contact-mobile{
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

    .btn-login-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: var(--cor-primaria);
        width: 70%;
        height: 48px;
        color: #fff;
        margin: 0 auto;
    }
    .btn-login-mobile:hover{
        color: #FF0000;
    }
    .cadastre-mobile{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cadastre-mobile a {
        color: #000;
        font-weight: 700;
        text-decoration: underline;
    }
    .contact-mobile{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .control-mobile{
        display: flex;
    }
    .group{
        min-width: 150px;
        max-width: 200px;
    }
    .plus-sign{
        min-width: 20px;
        color: #000!important;
    }
    .controls-mobile{
        display: flex;
        justify-content: center;
    }
    .GroupsButton{
        color: #000!important;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }
    #icon-user{
        height: 25px;
        width: 25px;
    }
    .fa fa-plus{
        color:var(--cor-secundaria)!important;
    }
    .group-categories{
        right: 0px;
        top: 0px;
        left: 0px;
        display: flex;
        flex-direction: column;
        padding-top: 20px;
    }
    .subGroup ul{
        text-decoration: none;
        list-style-type: none;
    }
    .subGroup ul li a{
        color:#000;
    }
    .plus-sign a i{
        cursor: pointer;
        color:var(--cor-secundaria);
    }
}

/*Ajustes de layout*/

@media only screen and (max-width: 765px){
    #stemps-order{
        display: flex;
    }
    .ordenize div i{
        font-size: 1.3rem;
        color:var(--cor-secundaria);
    }
}
@media (max-width: 991px) and (min-width: 768px){
    div#menu{
        /*        sobrescrever bootstrap*/
        display: block!important;
    }
}
.dropdown.clear{
    display: flex!important;
    justify-content: center;   
}
/*---------------------------------------------- Beneficios ------------------*/
.beneficios .container{
    padding-top:0px
}
.beneficios{
    margin: 0px;
    padding: 25px 0;
    border-bottom: 1px solid #eff0f2;
    overflow: hidden;
}
.beneficios-item-wrapper{
    display: flex;
}
.beneficios-item{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.beneficios-item-imagem{
    width: 30px;
    height: 31px;
    padding: 0px;
    margin: 5px;
}
.beneficios-item-titulo{
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #28292b;
    text-transform: capitalize;
}
.beneficios-item-descricao{
    color: #8b8b8b;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    max-width: 204px;
    text-align: left;
    z-index: 1;
}
.div-img{
    display: flex!important;
    justify-content: center!important;
}
@media only screen and (max-width: 400px){
    .beneficios{
        display: none;
    }

}
@media only screen and (max-width: 577px){
    
    .container-img-produto {
        margin: 0 auto;
        min-height: 100px;
        min-width: 150px;
        max-height: 150px;
        max-width: 150px;
        height: 150px;
        width: 100%;
        text-align: center;
        line-height: 100px;
        object-fit: fill;
    }
    .container-img-produto-menu {
        min-height: 100px;
        min-width: 150px;
        max-height: 280px;
        max-width: 280px;
        height: 100%;
        width: 100%;
        text-align: center;
        line-height: 100px;
        object-fit: contain;
        margin-top: 0px ! important;
        margin-bottom: 0px ! important;
    }

    .div-img{
        min-height: 323px !important;
        max-height: 323px!important;
        height: 323px !important;
    }
    
    .div-img-menu {
        padding-left: 5px!important;
        padding-right: 0px !important;
    }
    .lista_produtos .thumbnail {
        min-width: 80%!important;
        max-width: 100%!important;
        min-height: 80%!important;
        max-height: 100%!important;
        
    }
    .thumbnail img {
        object-fit: contain !important;
        width: 100%;
        height: 100%;
        max-height: 140px;
        max-width: 140px;
        margin-top: 0px !important; 
        margin-bottom: 0px!important;
    }
    .thumb-img-search-query{
        max-height: 280px!important;
        max-width: 280px!important;
    }
    .grade_produtos .price {
        color: #000;
        font-size: 12px !important; 
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .descricao-produto{
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        max-height: 40px;
        min-height: 20px;
        line-height: 15px !important;
        font-size: 12px !important;

    }

    #sub-banner img {
        width: 100%;
    }

    header #logo {
        width: auto;
        border: solid 1px white;
    }
    
    .thumbnail .caption {
        padding: 0px;
        margin-left: 30px;
        margin-top: 2px;
        margin-bottom: 10px
    }
    
    .thumbnail .caption-override{
        padding: 0px!important;
        margin: 0px!important;
    }

}
/*----------------------------------------- Titulos agrupamento --------------*/
.titulo-de-agrupamento{
    font-size: 1.8rem;
    line-height: 30px;
    font-weight: bold;
    text-align: left;
    color: var(--cor-primaria)!important;
    display:1569856632_home_giro_banner_02_ -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 10px 0;
}
.titulo-de-agrupamento span {
    font-weight: normal;
    color: #8b8b8b;
    margin-right: 4px;
}
.titulo-de-agrupamento:after{
    content: '';
    display: block;
    background: #eff0f2;
    height: 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 10px;
}
.carousel-indicators{
    z-index: 1;
}
/*---------------------------------------------- Newsletter ------------------*/
#newsletter-container .container{
    padding-top:0px;
}

#newsletter-container{
    background: var(--cor-primaria);
    width: auto;
    /*text-align: center;*/
}

.newsletter-social-icon{
    width: 35px;
    height: 35px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.newsletter-social-icon{
    fill:#888;
}
.newsletter-social-icon:hover{
    fill:var(--cor-primaria);
}
.newsletter-info{
    padding: 5px 0;
    border-right: none;
    color: #FFF;
}

.newsletter-info-button{
    background: var(--cor-secundaria);
    width: 100%;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border: none;
}

#emailBoletim{
    color: #333;
    width: 100%;
}

#newsletter-info-word{
    color: white;
    background: var(--cor-secundaria);
    padding-left: 5px;
    padding-right: 5px;
}

input#emailBoletim:hover {
    border: 1px solid red;
}

@media only screen and (min-width: 971px){
    .newsletter-flex{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .newsletter-social{
        padding: 10px;
    }
}

/*---------------------------------------- Barra de rolagem ------------------*/
/* width */
::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #28292b;
}

/*---------------------------------------- Curriculo Modal -------------------*/

form fieldset {border:none;position:relative;}

form fieldset input {
    padding:25px 12px 6px 12px !important;
    height:45px !important;
    border:none !important;
    box-shadow:none !important;
    border-bottom:solid 1px #dedede !important;
}

form fieldset label {
    position: absolute;
    top: 13px;
    left: 13px;
    color: #909090;
    font-weight:300;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

form fieldset input:valid + label, form fieldset input:focus + label {
    font-weight: 700;
    font-size: 12px;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.curriculo-buttons{
    margin: 15px 0px 15px 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.login-top-tag{
    display: flex;
}


/*-------------------------------Menu item (Todas categorias)----------------
.all-groups{
    font-weight: 700;
    white-space: nowrap;
    border-radius: 0 0 6px 6px;
    z-index: 2;
    position: relative;
    height: 58px;
    background: black;  
    display: flex;
    align-items: center;
}

.all-groups:hover{
    background: black!important;
}
.green-black ul.dropdown li.all-groups a:hover{
    color:var(--cor-primaria)!important;
}*/
.all-groups-index{
    display: none;
    position: absolute;
    background: white;
    left: 2px;
    top: 40px;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border: 0px solid #000000;
}
.all-groups-text{
    padding: 20px;
    font-weight: 100 ! important;
    font-family: "Poppins", sans-serif;
}
.all-groups-group-title{
    color: black;
    text-decoration: none;
    font-weight: 600;
}
.all-groups-group-title:hover{
    text-decoration: none;
}
.all-groups-sub-groups-text{
    padding-left: 0px;
}
.all-groups-sub-groups-text:hover{
    text-decoration: none;
    color: var(--cor-secundaria)!important;
    padding-left: 2px;
}
.all-groups-sub-groups{
    margin-left: 5px;
} 
#all-groups-button-text{
    font-size: 27px;
    padding-top: 6px;
}

/*CHECKOUT PAGE*/

.specialized-container{
    margin-bottom: 45px;
    font-size: 0.9rem;
}
.with-padding{
    padding: 15px;
}
.checkout-step-header{

}

.checkout-step-title-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkout-step-title{
    font-size: 14px;
    padding-left: 15px;
}
.custom-icon{
    height: 20px
}

.checkout-step-body{
    padding: 25px;
}

.checkout-step-icon-wrap{
    display:flex;
    justify-content: center;
}
.flex-start{
    justify-content: flex-start!important;
}
.numberCircle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 2px 5px;

    background: #fff;
    border: 2px solid;
    color: #666;
    text-align: center;
}

.padding-top{
    padding-top: 5%!important;
}

.fa-edit:hover{
    cursor: pointer;
}
.bag-numbers{
    display: flex;
    justify-content: flex-end;
    font-weight: 700;
}
.back-to-bag{
    display: flex;
    text-decoration: none;
    justify-content: center;
}
.carrinho-item{
    border-bottom: none;
}

.item-preco-checkout{
    width: 20%!important;
}

.checkout-btn-wrap{
    display: flex;
    justify-content: center;
    padding: 15px;
}
.checkout-btn{
    height: 35px!important;
    width: 90%!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}

.centralize{
    display: flex;
    justify-content: center;
    padding: 15px;
}
.clientInfoLable{
    font-weight: 700;
}
.fa-minus-circle{
    height: 10vh;
    color: rgba(255, 22, 22, 0.5);
}
.empy-notify{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.empy-notify h2{
    font-size: 2rem!important;
}

#bannerssliderTopoCarouselBg{
    position: relative;
    margin: 0 auto;
    text-align: center;
}
#bannerssliderTopoCarousel{
    width: 100%;
}

#info_produto #preco_atual {
    color: var(--cor-primaria);
}

#info_produto #desconto_text {
    color: var(--cor-secundaria);
}
#info_produto a.btn-red {
    color: var(--cor-secundaria);
}
@media only screen and (max-width: 680px){
    .grade_produtos form {
        margin-top: 0px; 
    }
    
    #carrinho table.table {
    width: 100%;
    }
}

#busca_produtos .form-group{
    margin-bottom: 0;
}

/*page not found layout*/

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

.pagenotfound-error-container{
    max-height: 450px;
    max-width: 450px;
    margin-top: 10%;
}
.pagenotfound-error-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.pagenotfound-error-box img{
    width: 220px!important;
}
.pagenotfound-error-box button{
    margin-top: 2vw;
}
#pagenotfound-error-title{
    font-size: 3.5rem;
    font-weight: bold;
}
.btn-success:focus{
    color:white;
}
.atendimento-link-svg{
    height: 30px;
}
#atendimento-link-div{
    font-size: 10px;
    color: var(--cor-fonte-topo, --cor-primaria);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    cursor: pointer;
}
#atendimento-link-div:hover .need-help{
    display: block;
}
.need-help{
    display: none;
    position: absolute;
    width: 150px;
    background: white;
    color: black;
    top: 30px;
    z-index: 9999;
}
.message-help-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    text-align: center;
}
.message-help-box-svg{
    height: 25px;
}
#needhelp-title{
    font-size: 1.2rem;
}

.whatsapp {
    position: fixed;
    top: 85%;
    right: 1%;
    padding: 10px;
    z-index: 10000000;
    width: 70px !important;
    height: 70px !important;
    cursor: pointer;
    fill: green ! important;
    opacity: 1 ! important;
}

.img-produto {
    max-height: 400px;
    max-width: 600px;
    object-fit: contain;
    border:1px solid #e8e8e6;
}

.img-produto-miniatura {
    height: 160px;
    width: 90px;
    object-fit: contain;
    border-top: 10px
}

.listaTopoMenu{
    color: black ! important;
    font-family: "icotheme";
}

.banner-inferior{
    margin-top: 50px;
    margin-bottom: 50px;
}

#bannerInferior{
    width: 100%;
}

#sidenav-log-img{
    height: 50px;
}

.sidenav-img-container{
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 10px;
}

.sacola-form-column-flex{
    display:flex;
    flex-direction: column;
}

.sacola-form-column-inline{
    display:inline-block;
    flex-direction: column;
}

.top-icons-dec{
    font-size: 14px;
}

.flex-box{
    display: flex;
    justify-content: center;
    align-content: center;
}

.slider-container-mobile{
    margin: 20px 5px 20px 5px;
}

.nopaddin-mobile{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

#bars-icon-mobile{
    color: var(--cor-primaria);
    font-size: 30px;
}

.yui-img{
    width: 100%;
    height: auto;
}

.escolha-forma-pgto{
    margin-bottom: 50px;
}

.informacao-entrega-container{
    display: flex;
    flex-direction: column;
    align-items: center;    
}

.uppercase {
    text-transform: uppercase;
}

.destaque-promocao {
    font-weight: bold;
    color: var(--cor-primaria);
}

.font-size-small {
    font-size: .85em;
}

.font-size-2-em {
    font-size: 1.85em
}

.img-display-responsive {
    display: block;
}

@media (max-width: 991px) {
    .img-display-responsive {
        display: flex;
        justify-content: center;
    }
}

.descontoKitValor {
    font-size: .95rem;
    text-decoration: line-through;
    color: darkgray;
}

@media only screen and (min-width: 579px) and (max-width: 1200px) {
    .titulo-de-agrupamento {
        position: relative;
        top: 4rem;
        margin-bottom: 4rem;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1200px) {
    .btn-adicionar-carrinho-kit {
        position: relative;
        top: 6rem;
        right: 11.4rem;
    }
}

.display-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-space-between {
    justify-content: space-between
}

.justify-content-space-around {
    justify-content: space-around
}

.align-items-center {
    align-items: center;
}

.gap-1 {
    gap: 1em;
}

.gap-2 {
    gap: 2em;
}

.certificados {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, auto);
    gap: 1em;
}

.no-wrap {
    white-space: nowrap;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2em;
}

.mb-0 {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 1250px) {
    #footer_content {
        grid-template-columns: auto;
    }
    .container-certificados {
        flex-direction: row;
    }
}

@media only screen and (max-width: 860px) {
    .container-textos-footer {
        flex-wrap: wrap;
    }

    .container-textos-footer > div {
        flex-basis: 50%;
        margin-bottom: 2em;
    }
}

@media only screen and (max-width: 720px) {
    .container-certificados {
        flex-direction: column;
    }
}

@media only screen and (max-width: 450px) {
    .certificados {
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 577px) {
    .precisa-de-ajuda-div {
        justify-content: center;
    }
}

.dimensoes {
    background-color: #f0f0f0;
}

.p-1 {
    padding: 1rem;
}

.flex {
    display: flex;
}

.mostra-dimensoes-hover {
    position: absolute;
    opacity: 0;
    transition: bottom .5s ease-in-out, opacity .5s ease-in-out;
    bottom: 0;
    font-size: .8rem;
    flex-direction: column;
}

.dimensoes-on-hover:focus-within .mostra-dimensoes-hover, .dimensoes-on-hover:hover .mostra-dimensoes-hover {
    display: flex;
    opacity: .85;
    flex-direction: column;
    bottom: 8.5rem;
}

.img-dimensoes-home {
    max-width: 20px !important;
    margin: 0 !important;
}

.gap-07 {
    gap: .7rem;
}

.lista-parcelas {
    list-style: none;
    text-align: left;
}

.ul-parcelas {
    display: flex;
    flex-direction: column;
    place-items: center;
    margin: 0;
}

.grid {
    display: grid;
}

.place-items-center {
    place-items: center;
}

.div-stripped > div:nth-of-type(odd) {
    background-color: #f0f0f0;
}

.p-05 {
    padding: 0.5rem
}

.linha-vertical {
    border-left: 3px solid black;
    height: 75%;
    position: absolute;
    left: calc(50% - 3px);
}

.modal-title {
    text-align: center;
    font-weight: bold;
}

.flex-wrap {
    flex-wrap: wrap;
}

.w-100 {
    width: 100%;
}

.d-none {
    display: none;
}

.postion-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.btn-ver-todos {
    position: absolute;
    right: 0;
    top: 0;
}

.flex-direction-column {
    flex-direction: column;
}

.isolate {
    isolation: isolate;
}

.whatsapp-icon {
    padding: 10px;
    z-index: 100;
    width: 70px !important;
    height: 70px !important;
    cursor: pointer;
    opacity: 1 !important;
    fill: white;
}

.whatsapp-icon:hover {
    fill: white;
}

.whatsapp-container {
    position: fixed;
    top: 85%;
    right: 1%;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
}

.whatsapp-link {
    display: flex;
    position: relative;
    align-items: center;
    color: inherit;
}

.whatsapp-span {
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
    border-radius: 15px;
    padding: 10px;
    transform: translateX(25px);
}

.whatsapp-span span {
    margin-right: 23px;
    text-transform: uppercase;
    color: #3AC954;
    font-weight: 700;
}

.whatsapp-link:hover {
    text-decoration: none;
}

.whatsapp-wrapper {
    z-index: 1001;
    border-radius: 50%;
    background-color: #3AC954;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
}

.close-div {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1002;
}

.btn-close {
    border-radius: 50%;
    color: red;
}