@charset "utf-8";
/* CSS Document */

body{}

.container-fluid{ clear:both}
.navbar-default{ border-color: transparent; border:none;}
.row{}
.btn{ margin:5px 0; margin-bottom:0px; margin-top:0px;}


.popover, .popover a { color: #333 !important; font-size: 12px;}
.popover .divider{border-top: solid 1px #CCC; margin: 7px 0;}
.popover .btn{background: #000000; color: #FFF !important; border-radius: 0px; -moz-border-radius: 0px;   border: none; -webkit-border-radius: 0px; width: 100%; display: block; min-width: 100px;}
.popover .btn:hover{ color: #FFF;  }

.topo{    background: #fff; color: #333;}
.topo .logo{ padding-bottom:10px; padding-top:10px; text-align:left;}
.topo .logo img{     max-width: 100%;}
.topo .form-group{ margin-bottom:0px;}
.topo form{ position: relative; display:block; }
.topo form .btn-search{ position: absolute; top: 3px; right: 14px; color: #000000; font-size: 33px; padding: 0px;}
.topo form input.form-control{ border: solid 1px #CCC; outline:none; box-shadow:none; padding:25px 55px 25px 12px; font-size:18px; box-sizing:border-box;}
.topo a{ color:#333; text-decoration:none;}

.topo .col { display: block;float: none;}
.topo .responsivo-total .row{    display: flex; justify-content: center; flex-direction: row; align-items: center;}
.topo .cesta { position: relative; display: inline-block; background: transparent; border: none;  outline: none;}
.topo i.qtd { background: #000000; color:#fff; width: 22px; height: 21px; display: block; text-align: center; font-style: normal; border-radius: 100%; font-weight: bold; font-size: 16px; position: absolute; top: -5px; right: -5px;}

@media only screen
  and (max-width: 769px){
	.topo i.qtd {right:0px;}  
}

.topo .collogin > i, .topo .collogin > button{ display: inline-block; vertical-align: middle;}
.topo .collogin > button{ background: transparent; border: none; outline: none; text-align: left;}
.topo .collogin span{ max-width: 75%; font-size: 18px; line-height: 18px; display: inline-block; padding: 0 0 0 5px;}

.topo .col.logo{ order: 1;}
.topo .col.collogin{ order: 3;}
.topo .col.colcesta{  order: 4;}
.topo .col.colbusca{order: 2;}

@media only screen
  and (max-width: 769px){
    .topo .responsivo-total .row { display: block;}
    .topo .col{ float: left;}
    .topo .collogin span{ display: none;}
    .topo .collogin, .topo .colcesta{ padding: 10px 0;}
    .topo .logo{ text-align: left; padding: 0px;}
    .topo .logo img{ max-height: 60px;}
    .topo .colbusca{ padding-left: 0px; padding-right: 0px; padding: 0 0 10px 0;}
}

.departamentos{ background: #001345}
.departamentos ul{ list-style: none; font-size: 18px; color: #333; margin-bottom: 0px; margin: 0px; padding: 0px;}
.departamentos ul li{float: left;}
.departamentos ul li span{ line-height: 40px; color: #fff; font-weight: bold; cursor: pointer; padding: 0 30px 0 0;}
/* .departamentos ul li span:hover{color:#333} */
.departamentos ul li a{ color: #FFF; padding: 0 30px; display: block; text-decoration: none; line-height: 40px;}
.departamentos ul li a:hover{ background: #f5f5f5; color:#333;}

@media only screen
  and (max-width: 769px){
.departamentos ul li a{padding: 0 15px;}
.departamentos ul li span{ padding:0px;}
.departamentos .responsivo-total{ padding:0px !important;}
  }


.listcategorias{width: 300px; box-sizing: border-box; left: -300px; height: 100%; position: fixed; top: 0px; z-index: 999; background: #000000; color: #FFF; border-right:solid 4px #000000; padding: 10px; margin-bottom: 0px;}
.listcategorias #deptclose{ position: absolute; top: 5px; right: 5px; color: #FFF;}
.listcategorias h1{ font-size: 28px;}
.listcategorias .dropdown-menu li{ font-size:18px;}
.listcategorias a.list-group-item:focus, .listcategorias a.list-group-item:hover, .listcategorias button.list-group-item:focus, .listcategorias button.list-group-item:hover{background: transparent; color: #FFF;}
.listcategorias .list-group-item{ background: transparent; border: none; color: #FFF; border-bottom: solid 1px #f5f5f5; padding: 10px 0; outline: none; font-size: 16px;}
.listcategorias .list-group{ background:#eeeeee; border-radius:none; -moz-border-radius: none; -webkit-border-radius: none;}
.listcategorias .list-group .list-group-item{ background:#f5f5f5; font-size:18px; color:#000000; font-weight: bold; text-transform:uppercase; outline:none; border-top-left-radius: none; border-top-right-radius: none;}
.listcategorias .list-group-item .icon-menos, .listcategorias .list-group-item .icon-mais{font-size:24px;position:absolute;right:10px;top: 8px;}
.listcategorias .list-group-item .icon-menos{ display: block;}
.listcategorias .list-group-item .icon-mais{ display: none;}
.listcategorias .list-group-item.collapsed .icon-menos{ display: none;}
.listcategorias .list-group-item.collapsed .icon-mais{ display: block;}
.listcategorias .categorias{ list-style:none; margin:10px 20px; padding:0px;}
.listcategorias .categorias li{ font-size:16px; color:#333; padding:2px 0; font-weight:bold;}
.listcategorias .categorias li a{ color:#FFF; text-decoration:none;}
.listcategorias .categorias li strong{ color:#FFF; font-size:14px;}

.deptopen{ cursor:pointer;}

@media only screen
  and (max-width: 769px){
    .departamentos li{ display: none;}
    .departamentos li.deptopen{ display: block !important; width: 100%; text-align:left;}
}


.mediacenter{ height:500px; padding:0px; margin-bottom:20px;}
.mediacenter .prev-next{ background: transparent; padding: 3px 10px; margin: 0 20px; font-size: 30px; text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.62);}

#slide .prev-next{ color:#000000;}

@media only screen and (max-width: 769px) {
  .mediacenter {
    aspect-ratio: 22/9;
    height: auto;
    width: 100%;
  }
}

.produtos-carousel{ margin:30px 0;}
.produtos-carousel .destaques{ font-size:20px; padding:0px; margin:0px; color:#000000;}
.produtos-carousel .destaques .linha-destaques{ background:#000000; height:2px; margin:10px 0 0 0; overflow: hidden;}
.produtos-carousel .jcarousel-control-prev, .produtos-carousel .jcarousel-control-next{ color:#000000;}
.produtos-carousel li{ padding:0 7px; box-sizing:border-box;}
.produtos-carousel img{ border:none; max-width:100%;}
.produtos-carousel h2{ font-size:20px; color:#333; margin:0px; padding:5px 0; font-weight:600;}
.produtos-carousel li a{ text-decoration:none;}
.produtos-carousel .de{ margin:0px; padding:5px 0 0 0; font-size:18px; color:#333;}
.produtos-carousel .por{ margin:0px; padding:0px; font-size:26px; color:#000000;}
.produtos-carousel h1{color:#666; font-weight:bold; font-size:26px; margin:15px 0 25px; padding:0 0 10px 0; border-bottom: solid 1px #CCC;}

@media only screen
and (max-width: 769px){
	.produtos-carousel li{ text-align:center;}
}


.produtos{}
.produtos .col{ padding-left:0px ; padding-right:0px;}
.produtos .panel{ margin-bottom:0px; line-height:40px;}
.produtos .panel .panel-heading{ padding:5px 10px;}
.produtos .panel strong{ font-size:22px; color:#000000; vertical-align:middle;}
.produtos .panel strong i{ vertical-align:middle;}
.produtos .btn-destaque{ background-image:none; background:#FFF; border:solid 1px #CCC; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size:18px; color:#333; font-weight:bold; position:relative; text-align:left;}
.produtos .btn-destaque .icon-button{ position:absolute; top:5px; right:5px; font-size:28px;}

@media only screen
and (max-width: 995px){
	.produtos .panel strong{ border-right:none; font-size:16px;}
	.produtos .btn-destaque{ margin:0 0 20px 0;}
}

.produtos .dropdown-menu li{ font-size:18px;}
.produtos .list-group{ background:#eeeeee; border-radius:none; -moz-border-radius: none; -webkit-border-radius: none;}
.produtos .list-group .list-group-item{ background:#f5f5f5; font-size:18px; color:#000000; font-weight: bold; text-transform:uppercase; outline:none; border-top-left-radius: none; border-top-right-radius: none;}
.produtos .list-group-item .icon-menos, .produtos .list-group-item .icon-mais{ font-size:24px; position:absolute; right:10px; top: 13px;}
.produtos .list-group-item .icon-menos{ display: block;}
.produtos .list-group-item .icon-mais{ display: none;}
.produtos .list-group-item.collapsed .icon-menos{ display: none;}
.produtos .list-group-item.collapsed .icon-mais{ display: block;}
.produtos .categorias{ list-style:none; margin:10px 20px; padding:0px;}
.produtos .categorias li{ font-size:16px; color:#333; padding:2px 0; font-weight:bold;}
.produtos .categorias li a{ color:#333; text-decoration:none;}
.produtos .categorias li strong{ color:#000000; font-size:14px;}


.produtos .gradenumeracao{ padding:0 20px 20px;}
.produtos .gradenumeracao h1{ font-weight: normal; font-size:26px;}
.produtos .gradenumeracao ul{ list-style:none; margin:0px; padding:5px 0;}
.produtos .gradenumeracao li{ padding:2px 0; margin:0px; font-size:16px;}


.produtos .lista{ margin-top:20px;}
.produtos .lista img{ border:none; max-width:100%;}
.produtos .lista h2{ font-size:20px; color:#333; margin:0px; padding:5px 0; font-weight:600;}
.produtos .lista a{ text-decoration:none;}
.produtos .lista .de{ margin:0px; padding:5px 0 0 0; font-size:18px; color:#333;}
.produtos .lista .por{ margin:0px; padding:0px; font-size:26px; color:#000000;}
.produtos .lista .prod-item{ margin:0 0 15px 0; text-align:center;}
.produtos .lista .prod-item img {aspect-ratio: 1/1;width: 100%;height:auto;object-fit: contain;}

.produtos .deptopen{ padding: 3px 5px; border-radius: 7px;}

@media only screen
and (max-width: 769px){
	.produtos .lista .prod-item{ text-align:center;}
}

.navs{ font-size:14px; color:#666; margin:10px 0 20px;}
.navs a{ color:#06C; text-decoration:none;}
.navs a:hover{ text-decoration:underline;}

.pag-detalhes-produtos{ margin:30px 0;}
.pag-detalhes-produtos .tab-precos{ background:#f5f5f5; padding:20px; border:solid 2px #CCC;}
.pag-detalhes-produtos .tab-precos h1{ font-size:22px; padding:0 0 5px 0; border-bottom: solid 1px #CCC; margin:0 0 10px 0;}
.pag-detalhes-produtos .tab-precos p{ font-size:18px; color:#333; margin:0px; padding:0px;}
.pag-detalhes-produtos .tab-precos .preco{ font-size:28px; color:#000000; font-weight:bold;}
.pag-detalhes-produtos .tab-precos .precor{ font-size:18px;}
.pag-detalhes-produtos .zoom{ position:relative;}
.pag-detalhes-produtos .mais-informacoes{ margin:20px 0;}
.pag-detalhes-produtos .mais-informacoes h2{ font-size:26px; color:#000000; border-bottom: solid 2px #000000; padding:0 0 5px 0; margin:0 0 10px 0;}
.pag-detalhes-produtos .mais-informacoes .descricao{ position:relative; max-width:100%; overflow:hidden; clear:both;}

.pag-detalhes-produtos .produtos-carousel .jcarousel-wrapper{ padding:0px;}
.pag-detalhes-produtos .produtos-carousel .jcarousel-wrapper .jcarousel-control-prev,
.pag-detalhes-produtos .produtos-carousel .jcarousel-wrapper .jcarousel-control-next{ width:30px; height:60px;}
.pag-detalhes-produtos .photomobile{ display:none;}
.pag-detalhes-produtos .photomobile img{ display:block; margin:0 0 20px 0; max-width:100%;}

@media only screen
and (max-width: 769px){
	.pag-detalhes-produtos .zoom{ display:none;}
	.pag-detalhes-produtos .photomobile{ display:block;}
}

.pag-carrinho img{ max-width:100%; max-height:150px;}

.table{ font-size:16px; border: solid 1px #CCC;}
.table thead{ background:#f5f5f5;}
.table .input-qtd{ max-width:50px;}
.table tr.cinza{ background:#f5f5f5;}
.table .preco-verde{ color:#000000;}
.table .subtotal{ font-size:22px;}
.table .total{ font-size:28px;}
.table .important{ color:#C00;}
.table .frete{  font-size:18px;}
.table-scrool .table{ margin-bottom:0px;}
.table label{ font-weight:normal; margin-bottom:2px;}

.pag-login input{ font-size:18px;}
.pag-login .lado-esquerdo{ border-right: solid 1px #666;}

@media only screen
and (max-width: 769px){.pag-login .lado-esquerdo{ border-right:none;}}

.pag-pagamento{ font-size:18px;}
.pag-pagamento .preco-verde{ color:#000000;}

.pag-cadastro{ font-size:18px;}
.pag-cadastro input{ font-size:18px;}
.pag-cadastro .form-group{ margin-bottom:5px;}

.pag-meuspedidos .detalhes-pedido{ background:#eeeeee; padding:0px; margin:0px;}
.pag-meuspedidos .detalhes-pedido .table{ background:#eeeeee;}
.pag-meuspedidos .detalhes-pedido .table thead{ background:#D4D4D4;}
.pag-meuspedidos .btn .icon-menos{ display: inline-block;}
.pag-meuspedidos .btn .icon-mais{ display: none;}
.pag-meuspedidos .btn.collapsed .icon-menos{ display: none;}
.pag-meuspedidos .btn.collapsed .icon-mais{ display: inline-block;}

.subtitulo{ color:#000000; font-weight:bold;}

.frete_gratis{ font-size:16px; color:#000000; margin:3px 0; padding:0px; font-weight: bold;}

.publicidade ul{ margin:0px; padding:0px; list-style:none;}
.publicidade ul li{ display:block; margin:5px 0; padding:0px;}
.publicidade ul li img{ max-width:100%; border:none;}


.paginacao{ margin:5px 0; clear:both; text-align:center;}
.paginacao i{ margin:0 10px; color:#d4d3d3;}
.paginacao a i{ color:#000000;}

@media only screen
and (max-width: 769px){
	.table-scrool{ overflow-x: scroll;}
	.table-scrool .table{ width:500px;}
	.pag-carrinho .table label{ display:block;}
}

.rodape{ padding:0; color: #FFF; background-image: linear-gradient(to right, #001345, #001345); border-top: solid 5px #333;}
.rodape .logo{ text-align:center; padding: 20px 0;}
.rodape .logo img{ max-height: 105px;}
.rodape nav{ display:inline-block; padding:20px; width:auto; vertical-align:top;}
.rodape nav h4{ color:#FFF; margin:0px; padding:0 0 5px; font-weight:bold; font-size:22px;}
.rodape nav a{ color:#FFF; text-decoration:none; display:block; font-size:18px;}
.rodape .condicoespagamento{ background:#f5f5f5; color:#333; padding:20px 0; clear:both;}
.rodape .informacoes{ background: #e2e2e2; margin: 0px; border-top: solid 2px #FFF;}
.rodape .informacoes .col{ font-size: 18px; margin: 30px 0; text-align: center; color: #333; font-weight: bold;}
.rodape .informacoes .col i{ color: #000000; border: solid 2px; border-radius: 100%; padding: 10px; margin: 0 10px 0 0;}
.rodape .redes-sociais{ margin: 20px 0; text-align: center;}
.rodape .redes-sociais a { margin: 0 5px; color: #333; background: #FFF; border-radius: 100%; width: 35px; height: 35px; display: inline-block; text-align: center; font-size: 20px; padding-top: 5px;}

@media only screen
and (max-width: 769px){
.rodape .logo{ text-align:center;}	
}


@media only screen
and (min-width: 1340px){
	.responsivo-total{ width:1319px; padding:0px; max-width:100%;}
	.responsivo-total.responsivo-small{ width:1100px; padding:0px;}
}


/* passo a passo */
.navs-step{ margin-bottom: 30px;}
.section-bar ul{ list-style: none;}.section-bar ul li .bubble{display:block;margin:0 auto;width:80px;height:76px;background-color:#f1f1f7;font-size:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin:0 auto 15px}@media (max-width: 767px){.section-bar ul li .bubble{width:46px;height:46px;background-size:46px !important}}.section-bar ul li .bubble:before,.section-bar ul li .bubble:after{display:block;position:absolute;top:39px;width:100%;height:2px;content:'';background-color:#f1f1f7;z-index:-99}@media (max-width: 767px){.section-bar ul li .bubble:before,.section-bar ul li .bubble:after{top:24px}}.section-bar ul li .bubble:before{left:0}.section-bar ul li .bubble:after{right:0}.section-bar ul li.cart .bubble{background:#222222 url(/img/bag-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.profile .bubble{background:#f1f1f7 url(/img/profile-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.payment .bubble{background:#f1f1f7 url(/img/payment-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.finish .bubble{background:#f1f1f7 url(/img/finish-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active{color:#222222}.section-bar ul li.active .bubble{background-color:#222222}.section-bar ul li.active.profile .bubble{background:#222222 url(/img/profile-step-2.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active.profile .bubble:before{left:-35%;background-color:#222222;z-index:-9}.section-bar ul li.active.payment .bubble{background:#222222 url(/img/payment-step-2.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active.payment .bubble:before{left:-35%;background-color:#222222;z-index:-9}.section-bar ul li.active.finish .bubble{background:#222222 url(/img/finish-step-2.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active.finish .bubble:before{left:-35%;background-color:#222222;z-index:-9}.section-bar ul li:first-child .bubble:before,.section-bar ul li:first-child .bubble:after{width:50%;margin-left:50%}.section-bar ul li:last-child .bubble:before,.section-bar ul li:last-child .bubble:after{width:50%;margin-right:50%}.section-bar ul li{width:25%;float:left;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800;color:#ccc;position:relative;text-overflow:ellipsis;z-index:1;border:none;margin:0;padding:0}.section-bar ul li p{margin-top:5px}@media (max-width: 767px){.section-bar ul li p{font-size:8px}}.section-bar ul li .bubble{display:block;margin:0 auto;width:80px;height:76px;background-color:#f1f1f7;font-size:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin:0 auto 15px}@media (max-width: 767px){.section-bar ul li .bubble{width:46px;height:46px;background-size:46px !important}}.section-bar ul li .bubble:before,.section-bar ul li .bubble:after{display:block;position:absolute;top:39px;width:100%;height:2px;content:'';background-color:#f1f1f7;z-index:-99}@media (max-width: 767px){.section-bar ul li .bubble:before,.section-bar ul li .bubble:after{top:24px}}.section-bar ul li .bubble:before{left:0}.section-bar ul li .bubble:after{right:0}.section-bar ul li.cart .bubble{background:#222222 url(/img/bag-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.profile .bubble{background:#f1f1f7 url(/img/profile-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.payment .bubble{background:#f1f1f7 url(/img/payment-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.finish .bubble{background:#f1f1f7 url(/img/finish-step-1.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active{color:#222222}.section-bar ul li.active .bubble{background-color:#222222}.section-bar ul li.active.profile .bubble{background:#222222 url(/img/profile-step-2.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active.profile .bubble:before{left:-35%;background-color:#222222;z-index:-9}.section-bar ul li.active.payment .bubble{background:#222222 url(/img/payment-step-2.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active.payment .bubble:before{left:-35%;background-color:#222222;z-index:-9}.section-bar ul li.active.finish .bubble{background:#222222 url(/img/finish-step-2.png) 0 0 no-repeat;background-size:100% 100%}.section-bar ul li.active.finish .bubble:before{left:-35%;background-color:#222222;z-index:-9}.section-bar ul li:first-child .bubble:before,.section-bar ul li:first-child .bubble:after{width:50%;margin-left:50%}.section-bar ul li:last-child .bubble:before,.section-bar ul li:last-child .bubble:after{width:50%;margin-right:50%}

/* fim passo a passo */

.panel-heading{background-image: none !important;}
.btn-success{background-image: none !important;background-color: #1570a9 !important;border-color: #1570a9 !important;}
.btn-default{background-image: none !important;}

/* .zoom-left > img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  object-fit: contain;
} */