/* ESTRUTURA-GERAL*/ 
* { padding: 0; list-style: none !important; }
body { font-family: Arial, sans-serif !important; font-size: 12px !important; }

/* VARIÁVEIS */

:root {
  --cor-1: #0275a1; /* cor principal */
  --cor-2: #48B596; /* cor secundaria */
  --cor-3: #0275a1; /* cor de textos especiais e botões */
}


/*Ferramentas*/
.flex{display: flex;}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.flex-column{flex-direction: column;}
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.border-cards{ border-right: 1px solid #d9d9d9;}
.p50{padding: 50px}
/*Header*/
header{background: #fff;padding-top: 30px;padding-bottom: 30px;}

.links-top span{color: #fff; cursor: pointer;}
.links-top span:hover{color: var(--cor-3);}
.links-top a{color: #fff;}
.links-top a:hover{color: var(--cor-3); text-decoration: none;}

.login-top{font-size: 14px; margin-left: 10px;display: flex;flex-direction: column;}
.login-top p{color: #fff;}
.login-top span{color: var(--cor-1) !important;}
.login-top a{color: var(--cor-3); cursor: pointer; font-weight: bold;transition: all .3s ease-in-out;}
.login-top a:hover{text-decoration: none; color: var(--cor-2);}
.btn-busca {height: 43px !important;background: var(--cor-3) !important;color: #fff !important;border: none !important;border-radius: 0 2px 2px 0 !important;font-size: 25px !important;}
.btn-header{ width: 100%; }
.input-header{height: 45px !important;border: solid thin #000 !important;background-color: #FFF !important;border-radius: 2px 0 0 2px !important;padding: 8px 3px 7px 7px;}
.row-newsletter{display: flex; align-items: center;}
.img-user:hover{background-image: url('../images/ico-user-1.png')}
.img-fav:hover{background-image: url('../images/ico-heart-1.png'); cursor: pointer;}
.img-cart:hover{background-image: url('../images/ico-car-1.png'); cursor: pointer;}
.link-fav{color: var(--cor-3); cursor: pointer; transition: all .3s ease-in-out;font-size: 14px;}
.link-fav:hover{color: #fff; text-decoration: none;}
.link-cart{color: var(--cor-3); cursor: pointer; transition: all .3s ease-in-out;font-size: 14px;}
.link-cart:hover{color: #fff; text-decoration: none;}

.menu_flutuante{width: 100%;display: none;position: fixed;top: 0;left: 0;z-index: 500;background: #fff;padding-top: 30px;padding-bottom: 30px;}
.d-flex-around{display: flex; justify-content: space-around;}
/*Footer*/
footer{ background-color: #f4f4f4; }
footer ul>li{ padding-bottom: 1px; padding-top: 1px; }
footer .footer-icon{ width: 25px; border: 2px solid #cccccc; padding: 5px; }
footer ul>li>a{ color: #5c5c5c; -webkit-transition: all 0.3s;  transition: all 0.3s;font-size: 13px; }
footer ul>li>a:hover{ color: var(--cor-3); text-decoration: none; }
footer h4{font-weight: 700; color: var(--cor-3); margin-bottom: 5px; margin-top: 50px; font-size: 16px; }
footer p{ color: #5c5c5c; font-size: 13px;}




.icon-rodape{ -webkit-transition: all 0.3s;  transition: all 0.3s; }
.icon-rodape:hover{ opacity: 0.50; }
.payment{ color: #292929; margin-bottom: 5px; margin-top: 30px; font-size: 15px; }    

.titulo-vitrine{margin-left: 15px;margin-right: 15px;margin-top: 80px;margin-bottom: 60px;position: relative;}
.titulo-vitrine p{font-size: 20px;color: var(--cor-2);margin-bottom: 7px;font-weight: 700;text-transform: uppercase;display: flex;width: 100%;justify-content: center;}
/* .titulo-vitrine::before{content: "";height: 1px; width: 20px; background: #cccccc;position: absolute;} */

    


/* BANNER PRINCIPAL */
.banner-loja img{ width: 100%; }
.info-box h4{ font-size: 12px; margin-top: 5px; margin-bottom: 5px; line-height: 19px; color: #6b6b6b; }
.info-box{ margin-bottom: 20px; border: 1px solid #b3b3b3; padding: 5px; border-radius: 5px; }
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas img { margin: 0 auto; height: 70px; }

/* NEWSLETTER */
.btn-newsletter{background: var(--cor-2) !important;height: 40px !important;border-radius: 2px !important;width: 100px;font-weight: bold !important;font-size: 16px !important;margin-left: 25px !important;}
.btn-newsletter:hover{color: #FFF !important;}
.input-newsletter{height: 40px !important;border-radius: 1px !important;}
.newsletter {color: #FFF;background-color: var(--cor-1);height: 130px;display: flex;align-items: center;box-shadow: 1px 1px 18px #000;}
.newsletter .form-group{ margin-bottom: 0px !important;}
.newsletter h4{margin: 0;}
.newsletter form{display: flex;align-items: center;height: 80px;}



/* SPRITES */
.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}
.img-pag{ margin-right: 2px; margin-bottom: 4px ;width: 62px; border-radius: 6px;}
.moip { background-position: -27px -83px; }
.bcash { background-position: -27px -190px; }
.paypal { background-position: -27px -142px; }
.pagseguro { background-position: -27px -31px; }


/* MEGAMENU */
.divider{height: 1px;width: 50px;background: var(--cor-3);}
ul{list-style: none;}
li.different{ border:none; position: relative; }
li.different:hover{ border: none; }
.different::after{ content: ''; position: absolute; width: 0px; height: 1px;    margin-bottom: 10px;    left: 50%; bottom: -2px;; background-color: #000; transition: all ease-in-out .2s; }
.different:hover::after{ width: 100%; left: 0; }
.menu-level{ clear: both;  display: flex; align-items: center;}
.menu-level-pai {background: var(--cor-3);}
.menu-level .nav-level{margin: 0;}
.menu-level .nav-level li{float: left;position: relative; padding: 0 16px 0 16px; z-index: 9999;}
.menu-level .nav-level li:hover a{color: var(--cor-2) ;}
.menu-level .nav-level li a{ height: 40px; color: #fff;font-size: 15px; line-height: 38px;position: relative;font-weight: 700;}
.menu-level .nav-level ul{float: none;}
.menu-level .nav-level ul li{float: none;}
.menu-level .nav-level{padding: 0px; z-index: 9999;}
.menu-level .nav-level ul{display: none; margin:0px; top: 30px;box-shadow: 0px 2px 6px 0px #a0a0a040;}
.menu-level .nav-level li:hover > ul{display:block;position: absolute;}
.menu-level .nav-level ul ul{margin-left: 180px;top: 0px;position: absolute; z-index: 9999;}
.menu-level a{color: #fff}
.menu-level a{text-decoration: none !important;}
.nivel-2{width: 200px; background: var(--cor-2);}
.nivel-3{width: 200px; background: #fff; }
.nivel-2,.nivel-3{padding: 0;}
.nivel-2 li:hover{background: #fff;}
.nivel-2 li a{ color: #fff !important; padding-left: 10px; font-weight: 500 !important; text-transform: capitalize !important;}
.nivel-2 li:hover a{color: var(--cor-2) !important; text-decoration: none !important;}
.nivel-3 li:hover{background: var(--cor-2);}
.nivel-3 li:hover a{color: #fff;}
.nivel-3 li a{ color: #000 !important; text-decoration: none !important; padding-left: 10px; font-weight: 500 !important; text-transform: capitalize !important;}
.nivel-2{margin-top: 0px;}
.nivel-2{top: -10px;}
.btn-menu {color: #fff !important;font-size: 17px !important;padding: 6px 16px;font-weight: 700 !important;}
.btn-menu i{font-size: 12px !important;}
.departamentos{margin: 0;}
.departamentos li{text-align: left;}
.depart-categ{display: contents;}
.depart-categorias{display: none; overflow: auto; position: absolute; background: var(--cor-2); z-index: 9999; width: 270px;padding: 15px;box-shadow: 0px 2px 6px 0px #a0a0a040; height: 414px;}
.depart-categorias::-webkit-scrollbar{ width: 5px;}
.depart-categorias::-webkit-scrollbar-thumb{background: #888;}
.depart-categorias::-webkit-scrollbar-track {background: #f1f1f1;}
.depart-categorias > ul > li > a{color: #333 !important;transition: .5s all;}
.depart-categorias ul ul > li > a{transition: .5s all;font-size: 14px; line-height: 1.6;}
.depart-categorias ul ul > li > a:hover{padding: 8px; color: var(--cor-2) !important;}
.depart-categ:hover .depart-categorias{display: block;}
.categ{text-align: left !important;padding-bottom: 15px;}
.categ-titulo{font-weight: 700 !important; font-size: 16px !important;}
.categ-titulo:hover{color: var(--cor-3) !important;}
.dep-nivel-3{background: #eee;border-radius: 5px;padding: 10px;margin: 10px;}


/*Menu mobile*/
.menu-mobile{display: none}
#menu-check{ display: none; }
.menu-btn{width: 38px;height: 38px;}
.carrinho-mobile{width: 38px;height: 38px;}
.mobile-header{width: 100%;display: flex;justify-content: space-around;align-items: center;padding: 5px;display: none;margin-left: -5px;}
.m-mobile{display: none;width: 80%;height: 5000px;background-color: #f4f4f4;left: -800px;top: 0;transition: all .8s ease-in-out;position: absolute;z-index: 998;}
.m-titulo{ background-color:#000; height: 90px; line-height: 80px;}
.m-titulo-texto{ display: flex; justify-content: center; flex-direction: column; margin-left: 60px; margin-top: -60px; line-height: 10px;}
.m-titulo label{color: #fff;font-size: 16px;}
.m-titulo #minhaconta{font-size: 20px;}
.m-titulo img{ margin-left: 10px; margin-top: 5px; width: 36px; height: 36px;}
.item-menu-m{cursor: pointer;text-decoration: none;}
.item-menu-m i{transition: all .4s ease-in-out; }
.item-menu-m:hover i{transform: rotate(180deg);}
.item-menu-m a{text-decoration: none;}
.item-menu-m a:hover{ text-decoration: none; color: #000;}
#menu-check:checked ~ .m-mobile{ transform: translateX(800px);}
.barra-pesquisa{display: none;padding: 10px 20px;}
.mobile-logout{color: #fff; float: right; margin-right: 15px;}
.mobile-logout i{margin-left: 3px;}
.mobile-logout:hover{text-decoration: none; color: #fff;}
#minhaconta i{margin-left: 3px;}
.categoria-nome{color: #333 !important;text-align: left !important;}
.categoria-nome i{float: right;margin-right: 10px;color: #909090 !important;}
.subcategoria-nome{margin-left: 10px;font-size: 16px !important;text-transform: lowercase;}
.sub-sub-categoria{margin-left: 20px; color: #5a5a5a; font-size: 14px;}

.mobile-header{background-color: #fff;padding: 10px 20px;display: flex;justify-content: space-between;align-items: center;margin: 0;}
.mobile-header p{margin: 0; font-size: 16px; color: var(--cor-2); margin-bottom: 5px;}
.mobile-header a{font-size: 18px; margin: 0; color: var(--cor-2);}
.mobile-header i{font-size: 18px;color: #fff;}

.contador-carrinho{position: absolute;color: var(--cor-2);font-weight: bold;right: 8px;top: 3px;font-size: 14px;}


/*Animação*/
@-webkit-keyframes delizar-baixo{
    from{-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes delizar-baixo{
    from{-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}

@keyframes delizar-cima{
    from{-webkit-transform: translateY(-50px);transform: translateY(25px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes delizar-cima{
    from{-webkit-transform: translateY(-50px);transform: translateY(25px);}
    to{-webkit-transform:translateY(0);transform:translateY(0);}
}
.delizar-baixo{animation: delizar-baixo .5s;}
.delizar-cima{animation: delizar-cima .5s;}

/* CARROSSEL DE PRODUTOS */
.owl-theme .owl-controls .owl-buttons div { position: absolute; border-radius: 0px !important; margin: 0px !important; padding: 3px 5px !important; background: transparent !important; }
.owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 30%; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 30%; }
.owl-pagination{ display: none; }

.at-style-responsive .at-share-btn { padding: 1px !important; }
.fixme{  top: 50%; right: 0px; background: #eee; z-index: 999; opacity: 0; padding: 15px; }


/* WHATS APP */

.pulse { z-index: 9999999; display: block; width: 64px; height: 64px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); animation: pulse 2s infinite; position: fixed; bottom: 25px; left: 42px; }
.pulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); }
  70% { -moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0); box-shadow: 0 0 0 10px rgba(0,0,0, 0); }
  100% { -moz-box-shadow: 0 0 0 0 rgba(0,169,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
}


/* Modal cookie */
.coockieModal { opacity: 0; -webkit-transform: translateY(-800px); -ms-transform: translateY(-800px); transform: translateY(-800px);position: fixed;z-index: 999;left: 50%; bottom: 75px;}
.coockieModalContent { min-width: 980px;background-color: #000000d1;text-align: center;-webkit-box-shadow: 1px 1px 2.5px 0px rgba(199,199,199,1);        box-shadow: 1px 1px 2.5px 0px rgba(199,199,199,1);padding: 0.5rem;border-radius: 5px;margin: 0 auto;    -webkit-transform: translate(-50%, 20px);        -ms-transform: translate(-50%, 20px);            transform: translate(-50%, 20px);position: absolute;left: 50%;z-index: 9999;}
.coockieModalContent label{color: #fff;}
.animacaoCookies { -webkit-animation: slideUp 1s cubic-bezier(0, -0.01, 0.23, 1) forwards; animation: slideUp 1s cubic-bezier(0, -0.01, 0.23, 1) forwards; }
.buttonCoockies { background-color: #2d92e6; padding: 0.6rem; border: 1px solid; color: #cfe3f3; border-radius: 5px; margin-top: 1rem; }

     @-webkit-keyframes slideUp {

        to { pointer-events: visible; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; opacity: 1; }

     }

     @keyframes slideUp {

        to { pointer-events: visible; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; opacity: 1; }

     }
     .flex-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}


/* MEDIA SCREEN */

@media (max-width: 768px) {
.item-al {width: 100%;} 
.row-newsletter{flex-direction: column;}
.p50{padding: 0px;}
.border-cards{border-right: 0px !important; border-bottom: 1px solid #d9d9d9;;}
.navbar-collapse{ padding-right: 15px; padding-left: 15px; }
.navbar-nav>li>.dropdown-menu{ background: #fff !important; }
.logo{ margin: 0 auto; padding-top: 5px;  max-height: 125px;  position: relative; }
.navbar-nav{ height: auto !important; margin: 0px !important;}
.owl-buttons{display: none;}
#btn-pedido{ width: 100%; }
.menu-mobile{ display: block; }
.menu-desktop{ display: none; }
#atend{ display: none;}
.faixa-head{ text-align: center !important; }
.menu_flutuante{ display: none !important;; }
.navbar-nav>li>a {font-size: 14px;padding: 10px 0px !important;}
.sub-menu > li > a{padding: 10px 0px 10px 18px !important;}
.padding-0{ padding: 15px !important; }
.navbar-collapse { padding-right: 15px; padding-left: 15px;}
.navbar-nav>li>.dropdown-menu {background: transparent !important;}
.logo { margin: 0 auto; padding: 10px}
.navbar-nav { height: auto !important; margin: 0px !important; display: block;}
.owl-buttons { display: none;}
#btn-carrinho { margin-bottom: 15px;}
#btn-atend { margin-top: 10px !important;}
.m-mobile { display: block;}
.mobile-header { display: flex; }
.barra-pesquisa {display: block;background: var(--cor-2);}
.logo-mobile { width: 120px;}
.header-cat-mobile { background-color: #49A011; color: #fff;}
.nav>li>a:hover { border-top: none;}
.menu-desktop { display: none;}
.faixa-head { display: none;}
.menu_flutuante {display: none !important;}
#btn-topo { display: none;}
.fixme { display: none;}
.faixa-head { text-align: center;}
.input-header {width: 99% !important;border-color: #c0c0c0 !important;height: 42px !important;}
.icones{ display: none;}
.mega-dropdown-menu .dropdown-header a{color: #000;}
.sub-menu > li > a{color: #333!important;background-color: transparent;font-size: 14px !important;padding: 5px 0px !important;text-transform: capitalize;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent !important;}
.nav>li>a:hover {background-color: transparent !important;}
.navbar-nav>li{border-bottom: 1px solid #e5e5e5; padding: 10px 20px;}
.mostrar{display: none}
.mini-banner{flex-wrap: wrap;}
.newsletter{height: auto;}
.newsletter form{height: 60px;}
.newsletter h4{line-height: 25px; margin-top: 10px;}
.input-header{width: 100% !important; height: 42px !important; border-color: #c0c0c0 !important;}
.btn-busca{width: 100%; height: 42px !important; font-size: 22px !important;}
}

.item-al{width: 100%;}
#review .lista-aval .space {    padding: 10px;width: 33.3%;}

@media(max-width: 992px){
  #review .lista-aval .space{width: 100% !important;}
}