@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* CSS Document */
*{margin:0px; padding:0px; font-family:"Open Sans", sans-serif;}
a{text-decoration:none; color:#535353;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.no-padding{padding:0px;}
.float-left{float:left !important;}
.float-right{float:right !important;}

.radius{border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.transition{transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.gotop{width:50px; height:50px; position:fixed; bottom:100px; right:10px; font-size:20px; background:#131313; color:#fff; text-align:center; border:0; display:none; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; }

body{min-width:980px; max-width:1343px; margin: 0 auto !important;}
html, body {width:100%; height:100%; font-size:14px; font-weight:400;}

.bg_top{width:96%; height:auto; position:relative; float:left; z-index:9; padding:0% 2%; background:#fff;}
.bg_faixa{width:96%; height:auto; position:relative; float:left; z-index:9; padding:0% 2%; background:#ddd;}
.bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0;}
.bg_conteudo{width:96%; height:auto; position:relative; float:left; z-index:0; padding:0% 2%;}
.bg_rodape{width:96%; height:auto; position:relative; float:left; z-index:0; background:#242424; padding:2%;}
.direitos{width:96%; height:auto; position:relative; float:left; z-index:0; background:#fff; margin:10px 0px; padding:0% 2%; font-size:12px; color:#535353; font-weight:600;}
.direitos a{color:#900;}

.bg_faixa .centralizar, .bg_rodape .centralizar, .direitos .centralizar{ background:none;}

/*TOPO*/
.logo{width:375px; height:auto; position:relative; float:left; margin:40px 0px; z-index:99999; text-align:center;}
.logo img{max-width:100%; height:auto; display:block; margin:0px 0px 10px 0px;}
.logo b{font-size:16px; letter-spacing:1px; font-weight:600;}
.redes{width: 100%; height: auto; position: relative; float: left; margin: 10px 0 0 0; font-size: 12px;}
.redes a{width: 50%; position: relative; float: left; margin: 0 0 10px 0; line-height: 25px;}
.item_rede img{width: 25px; height: 25px; position: relative; float: left; margin: 0 10px 0 0;}
.item_rede span{position: relative; float: left;}

.bg_faixa .item_rede img{display: none;}

.busca{width:200px; height:50px; position:relative; float:right; margin:40px 0px 0px 0px; overflow:hidden; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.busca .input{width:126px; height:46px; position:relative; float:left; padding:2px 2px 2px 20px; border:0px; background:#eee; outline:none;}
.busca .bt_busca{width:50px; height:50px; position:relative; float:right; border:0px; background:#00228d; color:#fff; cursor:pointer;}

.carrinho{width:200px; height:50px; position:relative; float:right; margin:20px 0px; overflow:hidden; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#00228d; color:#fff; text-align:center; line-height:50px; font-size:14px;}

/*POP UP */

#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:500px;height:500px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:500px;margin-top:0;left:50%;margin-left:-250px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:block;float:left;width:500px;height:500px}
.img_pop-mobile{display:none;float:left;width:295px;height:295px}

/*FAIXA*/
.telefones{width:220px; height:auto; position:relative; float:left; margin:40px 0px; text-align:center; line-height:18px;}
.telefones a{color:#00228d; font-size:18px;}
.telefones span{font-size:13px; color:#535353;}
.telefones p, .telefones span{width:100%; position:relative; float:left;}

.bt_whatsapp{width:460px; position:relative; float:left; margin:40px 0px 40px 0px; font-weight:300; font-weight:600;}
.bt_whatsapp p{color:#535353; font-size:16px;}
.bt_whatsapp a{color:#535353; width:33.33%; position:relative; float:left; margin:10px 0px;}
.bt_whatsapp span{font-size:10px; background:#07a542; color:#fff; padding:5px;}

@keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(7,165,66,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.1);}
}

@-moz-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(7,165,66,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.1);}
}

@-ms-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(7,165,66,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.1);}
}

@-o-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(7,165,66,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.1);}
}

@-webkit-keyframes fade {
    from {box-shadow:0px 0px 2px 5px rgba(7,165,66,0);}
    50% {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.4);}
    to {box-shadow:0px 0px 2px 5px rgba(7,165,66,0.1);}
}

.efeito{
-webkit-animation: fade 1s infinite; /* Safari 4+ */
-moz-animation: fade 1s infinite; /* Fx 5+ */
-ms-animation: fade 1s infinite; /* Fx 5+ */
-o-animation: fade 1s infinite; /* Opera 12+ */
animation: fade 1s infinite; /* IE 10+, Fx 29+ */
}

.efeito:hover{
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
}

/*BANNER*/
#banner{padding:0px; margin:0px;}
#banner .b-item{width:100%; height:auto; max-height:500px; position:relative; float:left;}
#banner .img_banner{max-width:100%; height:auto; display:block; position:relative; float:left; top:0px; left:0px; z-index:0;}
#banner .img_banner_prod{width:auto; height:100%; display:block; position:absolute; top:0; left:10%; border-left:10px solid #eee; border-right:10px solid #eee; z-index:1;}
#banner .desc_banner{position:absolute; top:10%; left:40%; padding:20px;}
#banner h1{font-size:24px; margin:0px 0px 10px 0px;  color:#fff;}
#banner h2{font-size:14px; font-weight:400; color:#fff;}
#banner h2 span{font-size:24px; font-weight:bold; color:#f00;}

.banner_desktop{display:block !important;}
.banner_mobile{display:none !important;}

/*CONTEUDO*/
.col1, .col2, .col3, .col4, .col6, .col12{position:relative; float:left;}

.col1{width:100%;}

.col2{width:47%; padding:1%;}
.col2:nth-child(1){margin-right:2%;}

.col3{width:30%; margin-right:2%; padding:1%;}
.col3:nth-child(3){margin-right:0;}

.col4{width:21.5%; margin-right:2%; padding:1%;}
.col4:nth-child(4){margin-right:0;}

.col6{width:13%; margin-right:2%; padding:1%;}
.col6:nth-child(6){margin-right:0;}

.col12{width:4.5%; margin-right:2%; padding:1%;}
.col12:nth-child(12){margin-right:0;}

.text h1{font-size:13px; color:#fff; background:#00228d; padding:10px; margin-bottom:20px;}
.text h2{font-size:22px; color:#00228d; text-transform:uppercase;}
.text h3{font-size:13px; color:#00228d; background:#eee; padding:10px; margin-bottom:20px; border-top:5px solid #00228d;}

.text p{font-size:13px; color:#242424; margin:0px 0px 20px 0px; font-weight:300;}
.conteudo{width:74.5%; position:relative; float:right; margin:1% 0% 0% 2%;}

/*ICONE HOME*/
.icon_home{background:#eee;}
.icon_home img{width:50px; height:50px; position:relative; float:left; margin-right:10px;}
.icon_home p{font-size:15px; font-weight:600; position:relative; float:left;}
.icon_home p span{font-size:12px; font-weight:400;}

/*PRONTA ENTREGA*/
.img_pronta{max-width:100%; height:auto; display:block; position:relative; float:left; margin-bottom:20px;}

.img_empresa{width: 300px; height: auto; position: relative; float: right; margin: 0 20px 0 20px;}

/*PRODUTOS*/
.gal_responsive .slick-slide{margin: 10px !important;}
.box_item{width:calc(25% - 2%); height:340px; position:relative; float:left; margin:0% 0% 2% 2%; padding:3%; border:1px solid #eee; box-sizing:border-box;-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box_item h2{position:relative; float:left; width:100%; color:#535353; font-size:12px; font-weight:400; text-transform:uppercase !important;}
.box_item p{position:relative; float:left; width:100%; color:#535353; font-size:12px; font-weight:300; text-transform:uppercase !important;}

.img_item{width:100%; height:70%; position:relative; float:left; margin-bottom:10px;}

/*.parent{width:100%; height:250px; position:relative; float:left; overflow:hidden; margin-bottom:10px;}


.box_item:hover .img_item, .box_item:focus .img_item {transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
*/

.produto .desc{padding:0px 0px 40px 0px;}
.produto img{max-width:100%; height:auto; display:block;}
.produto .more_img{width:70px; height:70px; position:relative; float:left; margin:5px;}
.produto .bt_orc, .produto .bt_car{width:100%; padding:10px 0px; margin:0px 0px 10px 0px; position:relative; float:left; text-align:center; border:0; cursor:pointer;}
.produto .bt_orc{background:#00228d; color:#fff;}
.produto .bt_car{background:#2244af; color:#fff;}

.bt_produtos{width:100%; height:auto; position:relative; float:left; padding:10px 0px; display:none;}

.menu_produtos{width:23.5%; position:relative; float:left; margin:1% 0%;}
.menu_produtos ul{width:90%; position:relative; float:left; padding:5%; background:#eee; border-top:5px solid #00228d;}
.menu_produtos li{width:100%; position:relative; float:left; font-size:12px;}
.menu_produtos li a{width:100%; position:relative; float:left; padding:3px 0px; font-size:12px;}
.menu_produtos li a{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:rgba(0,0,0,0.3);
border-top-width:1px;
border-top-style:solid;
border-top-color:rgba(255,255,255,0.3);
}
.menu_produtos .titulo{width:100%; color:#00228d; font-weight:bold; padding:3px 0px;}
.menu_produtos .titulo a{color:#00228d;}

.menu_produtos .sub_li a{color:#535353;}
.menu_produtos .cat_li a{color:#30488d;}

.pagamentos{width:90%; position:relative; float:left; padding:5%; background:#f2f2f2; border-top:5px solid #00228d; margin:5% 0%; color:#00228d;}

/*RODAPE*/
.bg_rodape ul{width:25%; height:auto; position:relative; float:left; padding:20px 0px;}
.bg_rodape ul .titulo{font-size:18px; font-weight:400;}
.bg_rodape ul .border_li{border-bottom:3px solid #69F; width:20%; height:auto;}
.bg_rodape ul li, .bg_rodape ul li a{color:#fff; line-height:30px;}
.bg_rodape ul li a:hover{color:#69F;}
.bg_rodape ul li span{font-size:10px; font-weight:300; padding:5px; background:#093;}
.bg_rodape ul li span:hover{background:#69F; color:#fff;}
.bg_rodape ul li i{font-size:16px;}

/*PAGAMENTO*/
.pag_desktop{display:blobk;}
.pag_mobile{display:none;}
.icon_pg{width:auto; height:50px;}

/*FORMULARIO*/
.formulario{height:auto; position:relative; float:left;}
.formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin:0px 0px 5px 0px;}

.formulario .input, .formulario .select, .formulario .textarea{ width:100%; padding:10px; border: 1px solid #ddd; box-sizing: border-box;}

.formulario .captcha{width:70px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px;}
.formulario .codigo{width:100px; height:auto; position:relative; float:left; padding:5px; border:0; border-bottom:3px solid #ddd; outline:none;}

.formulario .input, .formulario .select, .formulario .textarea, .formulario .codigo {background:#fff; outline:none;}

.formulario .refresh{width:100px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px; background:#eeeeee; background-image:linear-gradient(#eee, #ddd); border:2px solid; border-top-color:#dddddd; border-right-color:#898989; border-bottom-color:#898989; border-left-color:#dddddd; line-height:28px; text-align:center; cursor:pointer; outline:none;}

.formulario .refresh:active{width:100px; height:28px; position:relative; float:left; margin:0px 10px 0px 0px; background:#eeeeee; background-image:linear-gradient(#ddd, #eee); border:2px solid; border-top-color:#898989; border-right-color:#dddddd; border-bottom-color:#dddddd; border-left-color:#898989; line-height:28px; text-align:center; cursor:pointer; color:#ccc; outline:none;}

.formulario .bt_enviar{width:100%; height:50px; position:relative; float:left; text-align:center; color:#fff; margin:30px 0px 0px 0px; background:#00228d; cursor:pointer; outline:none; border:none;}

@media only screen and (min-width:996px) and (max-width:1344px) {
.bt_whatsapp{display: none;}
.telefones{margin: 40px;}
}

@media only screen and (max-width:995px) {
body{min-width:768px;}
/*.centralizar{width:768px; height:auto; position:relative; float:left; left:50%; margin-left:-384px;}*/

/*POP UP */
#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:295px;height:295px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:295px;margin-top:0;left:50%;margin-left:-150px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:none;float:left;width:500px;height:500px}
.img_pop-mobile{display:block;float:left;width:295px;height:295px}


.logo{width:375px; margin:10px 196px;}
.redes{display: none;}
	
.bg_faixa .item_rede img{ width: 30px; height: 30px; margin: 10px 5px; display: block;}

.telefones{width:460px; position:relative; float:left; margin:10px 154px;}
.telefones p, .telefones span{width:auto; margin:0px 10px;}

.bt_whatsapp{width:100%; margin:20px 0px;}
.bt_whatsapp p{text-align:center;}

.busca, .carrinho{width:100%; margin:10px 0px;}
.busca .input{width:694px;}

.bt_produtos{display:block;}

.banner_desktop, .pag_desktop{display:none !important;}
.banner_mobile, .pag_mobile{display:block !important;}

.col2, .col3, .col4, .col6, .col12{width:46%; padding:1%; margin:1%;}

/*PRODUTOS*/
.menu_produtos{width:100%; margin:10px 0px;}
.menu_produtos ul{ display:none;}
.conteudo{width:100%; margin:1% 0%;}
.lista_produtos{width:100%; margin:1% 0%;}

.box_item{width:calc(33.33% - 4.4%); height:320px;}

.bg_rodape ul{width:33.33%;}
}

/*TABLET*/
@media only screen and (min-width:768px) and (max-width:995px) {
.busca .input{width:666px;}

/*POP UP */
#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:295px;height:295px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:295px;margin-top:0;left:50%;margin-left:-150px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:none;float:left;width:500px;height:500px}
.img_pop-mobile{display:block;float:left;width:295px;height:295px}

}
/*MOBILE PAISAGEM*/
@media only screen and (max-width:995px){
	.bg_top{margin: 50px 0 0 0;}
	.bg_faixa{position: fixed;}
	.telefones, .bt_whatsapp, .menu_produtos, .botoes_destaque{display: none;}
	
	.busca{width:50%; height:50px; position:relative; float:right; margin:20px 0px; overflow:hidden; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-sizing: border-box;}
	.busca .input{width:80%; height:50px; position:relative; float:left; padding:5px; border:0px; background:#eee; outline:none; box-sizing: border-box;}
	.busca .bt_busca{width:20%; height:50px; position:relative; float:right; border:0px; background:#00228d; color:#fff; cursor:pointer;}
	
	/*POP UP */
#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:295px;height:295px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:295px;margin-top:0;left:50%;margin-left:-150px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:none;float:left;width:500px;height:500px}
.img_pop-mobile{display:block;float:left;width:295px;height:295px}

.carrinho{width:45%; height:50px; position:relative; float:right; margin:20px 5% 20px 0px; overflow:hidden; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#00228d; color:#fff; text-align:center; line-height:50px; font-size:14px; box-sizing: border-box;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
body{min-width:480px;}
/*.centralizar{width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px;}*/

.logo{width:375px; margin:10px 52px;}

.col2, .col3, .col4, .col6, .col12{width:98%; padding:1%; margin:1% 0%;}

.img_empresa{width: 100%; margin:0 0 20px 0;}
	
.box_item{width:calc(50% - 4.4%); height:320px;}

.bg_rodape ul{width:100%;}

/*POP UP */
#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:295px;height:295px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:295px;margin-top:0;left:50%;margin-left:-150px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:none;float:left;width:500px;height:500px}
.img_pop-mobile{display:block;float:left;width:295px;height:295px}

}

/*MOBILE RETRATO*/
@media only screen and (max-width:479px) {
body{min-width:320px;}
/*.centralizar{width:320px; height:auto; position:relative; float:left; left:50%; margin-left:-160px;}*/

.logo{width:320px; margin:10px 0;}
.logo img{width: 96%; height: auto; margin:0 2%;}	
.logo b{font-size: 14px;}
	
.col2, .col3, .col4, .col6, .col12{width:98%; padding:1%; margin:1% 0%;}

.img_empresa{width: 100%; margin:0 0 20px 0;}
	
.box_item{width:calc(50% - 4.6%); height:350px;}

.bg_rodape ul{width:100%;}

/*POP UP */
#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:295px;height:295px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:295px;margin-top:0;left:50%;margin-left:-150px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:none;float:left;width:500px;height:500px}
.img_pop-mobile{display:block;float:left;width:295px;height:295px}

}


/*CARRINHO*/
table{width:100%; height:auto; position:relative; float:left; text-align:center;}
thead{width:100%; background:#00228d; color:#fff;}
thead th{padding:10px;}

tbody{width:100%; background:#eee; color:#535353;}
tbody td{padding:10px;}

.cart_botoes{width:100%; height:auto; position:relative; float:left; margin:40px 0px;}
.cart_botoes a{width:49%; height:auto; padding:10px 0px; text-align:center; position:relative; float:left; background:#00228d; color:#fff;}
.cart_botoes a:nth-child(1){margin-right:2%;}

@media only screen and (max-width:767px) {

/*POP UP */
#mask{position:absolute;width:100%;left:0;top:0;background-color:#000;display:none;z-index:99999}
#boxes .window{position:absolute;left:0;top:50px;width:295px;height:295px;display:none;z-index:999999}
#boxes #dialog2{position:fixed;background:transparent;width:295px;margin-top:0;left:50%;margin-left:-150px}
.close{display:block;text-align:right;padding:10px;background:#b11731;border:0;color:#fff;font-size:12px;cursor:pointer}
.img_pop{display:none;float:left;width:500px;height:500px}
.img_pop-mobile{display:block;float:left;width:295px;height:295px}
	
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
thead tr { position: absolute; top: -9999px; left: -9999px; }
tr { border: 1px solid #ccc; }
td a{display:inline-block;}


td { 
/* Behave  like a "row" */
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50% !important; 
}
td:before { 
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
padding-right: 10px; 
white-space: nowrap;
}

/*
Label the data
*/
td:nth-of-type(1):before { content: "Imagem"; }
td:nth-of-type(2):before { content: "Quantidade"; }
td:nth-of-type(3):before { content: "Referência"; }
td:nth-of-type(4):before { content: "Produto"; }
td:nth-of-type(5):before { content: "Funções"; }
}