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


.desk{ display: block !important;}
.mob{ display: none !important;}
/*BOTAO FIXO*/
.rbotFixo {


	position: fixed;
	z-index: 9999;
	bottom: 2%;
	right: 2%;
	padding: 1%;
}

.rbotFixo button.zap {
	width: 100%;
	padding: 1%;
	border: none;
	background: #157347;
	border-radius: 50px;

}

.rbotFixo button.check {
	width: 100%;
	padding: 1%;
	border: none;
	background: #0d6efd;
	border-radius: 50px;

}

.rbotFixo .fa-whatsapp {
	margin-top: 1%;
	font-size: 70px;
	color: #fff;
	width: 100px;
	height: 100px;
	padding: 15%;


}

.rbotFixo .fa-cart-shopping {
	margin-top: 1%;
	font-size: 50px;
	color: #fff;
	width: 100px;
	height: 100px;
	padding: 25% 10%;


}



/*pagina produto*/
				
.container_detalhe{
	padding: 20px;
}
.container_detalhe img{
	width: 100%;
	
}
.container_detalhe table{
	border: 1px solid #333;
	border-collapse:collapse; 
	border:none;
	width: 100%;
	margin-bottom: 20px;
}
.container_detalhe table td{
	border: 1px solid #333;
	
}

	ul.beneprod{

position:relative;	
list-style: none;
text-align: left;
width:100%;
font-weight:100;
top:0px;
left:0px;		
font-size:18px;
-webkit-transition:all ease 200ms;
-moz-transition:all ease 200ms;
-ms-transition:all ease 200ms;
-o-transition:all ease 200ms;
transition:all ease 200ms;

}

ul.beneprod li{
background: #fcb55a;
margin: 5px;
padding: 8px;
color: #fff;
font-weight: 900;


}
ul.beneprod li:before{
font-family: 'FontAwesome';
content:'\f1b0';
padding: 8px;
}
.modimg{ 
		border: 0px solid #333; 
		display: block; 
		padding: 5px;}
	
	.modimg .inlinehere{
		display: inline-table; border: 1px solid #ccc; width: 80px;
		cursor: pointer;
	}
	.modimg .inlinehere img{
		width: 100%;
	}

@media (max-width: 992px){

	.desk{ display: none !important;}
.mob{ display: block !important;}
	
	.modimg .inlinehere{
		width: 250px;
	}
	
	.container_detalhe p{
		font-size: 35px;
		margin: 10px;
	}
	
	.container_detalhe table td p{
		font-size: 35px;
		padding: 8px;
		
	}
	
	ul.beneprod li{
		font-size: 40px;
	}

}





/* modal*/
.modal-title{
	padding: 10px;
} 

	.produto{
		width: 250px;
		height: auto;
		position: relative;
		vertical-align: top;
		top: 0px;
		left: 0px;
		border:1px solid #eee;
		padding: 20px 8px 8px 8px;
		background: #fff;
		margin: 10px 10px 10px 0px;
		text-align: left;
		-moz-transition: all .3s ease-out;  
	-ms-transition: all .3s ease-out;  
	-o-transition: all .3s ease-out;  
    transition: all .3s ease-out; 	
	}

.produto:hover{
	border:1px solid #09F;
}

.produto img.img2{
	display: none;
}
.produto:hover img.img2{
	display: block;
}
.produto:hover img.img1{
	display: none;
}
.produto img.img{
	display: block;
}
	.img-produto{
		width: 100%;
		padding: 0px;
		margin: 0px;
		top: 0px;
		left: 0px;
		position: relative;
		background: #fff;
	}
	
	.img-produto img{
		width: 100%;
		
		
	}
	.prod-preco, .prod-preco-desconto{
		color: #09F;
		font-size: 18px;
		font-weight: 900;
		margin: 5px 0px 5px 0px;
		-moz-transition: all .3s ease-out;  
	-ms-transition: all .3s ease-out;  
	-o-transition: all .3s ease-out;  
    transition: all .3s ease-out; 
	}
	.prod-preco span, .prod-preco-desconto span{
		color: #333;
		font-size: 50%;
		font-weight: 900;
		margin: 5px 0px 5px 0px;
		-moz-transition: all .3s ease-out;  
	-ms-transition: all .3s ease-out;  
	-o-transition: all .3s ease-out;  
    transition: all .3s ease-out; 
	}
	.prod-preco span strong.desc, .prod-preco-desconto span strong.desc{
		color: #f03;		
		font-weight: 900;
		margin: 5px 0px 5px 0px;
		text-decoration:line-through;
	}
	
	.produto a{
		text-decoration: none;
		font-weight: 100;
		color: #333;
		-webkit-transition: all .3s ease-out;
	    -moz-transition: all .3s ease-out;  
	    -ms-transition: all .3s ease-out;  
	    -o-transition: all .3s ease-out;  
        transition: all .3s ease-out; 

	}
    .prod-preco-desconto {
		display: block; 
		position: absolute; 
		padding: 15px; 
		background: #09F; 
		width: 100%; 
		left: 0px; 
		color: #fff; 
		z-index: 999; 
		bottom: 0px;
		-webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;

		opacity: 0;
}

	.marca_ind {
		width: 100%;
		height: auto;
		background: rgba(0,0,0,0.5);
		padding: 15px;
		color: #fff;
		text-align: center; 
		font-weight: 900;
		position: relative;
		text-transform: uppercase;
		margin: 10px 0;
		
	}

    /*.produto:hover .prod-preco{text-decoration: line-through; color: #f03;}*/
    .produto:hover .prod-preco-desconto{ display: block; opacity: 1; bottom: 150px;}

    

    .prod-preco-desconto span, .prod-preco-desconto span{
		color: #fff;
		font-size: 100%;
		padding: 5px;
		margin-right: 10px;
		border-right: 2px solid #fff;
}

    .produto span.descon_pro{ display: none;}
    .produto:hover span.descon_pro{ display: block; padding: 5px; background: #09F; color: #fff; position: absolute; top: 0px; left: 0px; z-index: 999;}  

	.destaques{
		width: 100%;
		display: block;
		padding: 8px;
		text-align: left;
		margin-top: 30px;
	}

	.destaques h1{
		text-align: left;
		color: #023B5B;
	}
	.prod-titulo{
		height: 80px;
		display: block;
		color:#b13281;
	}
	.banner_cup{
		width: 100%;
		text-align: center;
		display: block;
		padding: 8px;
		position: relative;
		top: 0px;
		left: 0px;
		
	}

    
	
	.banner_cup .cp{
		width: 960px;
		height: 250px;
		margin: auto;
		padding: 15px;
		background:url("../images/banner-cupom.jpg");
		border: 1px solid #f03;
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	.banner_cup .cp span.tx{
		display: block;
		width: 53%;
		position: absolute;
		top: 30%;
		left: 5%;		
		text-transform: uppercase;
		font-weight: 100;
		
		padding: 8px;

	}	
	.banner_cup .cp span.tx p{
		position: relative;
		color: #fff;
	}
	.banner_cup .cp span.tx h2 {
		position: relative;
		width: 450px;
		margin: auto;
		height: auto;
		font-size: 200%;
		padding: 8px;
		display: block;
		font-weight: 900;
		font-family: arial;
		color: #00ABFF;
		border: 3px dashed #fff;
	}
	
	
	/*descont*/
	
	.banner_cup .cp span.ds{
		display: block;
		width: 23%;
		position: absolute;
		top: 20%;
		right: 18%;		
		text-transform: uppercase;
		font-weight: 100;
		padding: 8px;
		transform: rotate(25,5deg); 
		/*border: 3px solid #333;*/

	}	
	.banner_cup .cp span.ds p{
		position: relative;
		color: #222;
		margin-bottom: 20px;
		font-size: 20px;
		text-align: right;
		text-transform: none;
		margin: 0px;
	}
	.banner_cup .cp span.ds h2 {
		position: relative;
		width: 100%;
		margin: auto;
		height: auto;
		text-align: left;
		font-size: 300%;
		padding: 8px 8px 8px 25px;
		display: block;
		font-weight: 900;
		font-family: arial;
		color: #333;
	
	}
	
	
	.banner_cup .cp span.modp {
	
		width: 120px;
		text-align: right;
		position: absolute;
		bottom: 10px;
		right: 10px;
		color: #fff;
		font-size: 22px;
		
		
	}
	.prod{ max-width: 1200px;}


/*detalhe do produto*/



	.container_img{
		display: inline-table;
		width: 35%;
		height: auto;
		margin: 0px;
		padding: 0px;
		
	}
.container_img img{
	width: 300px;
}
.container_text{
		display: inline-table;
		width: 60%;
		height: auto;
		margin: 0px;
		padding: 15px;

	}
	.container_text h2 { font-size: 30px; font-weight: 900; text-align: left; margin-bottom: 10px;}
	.container_text h3 { font-size: 22px; text-align: left; width: 80%; margin-bottom: 10px;}
	.container_text p { text-align: left;}
	
	.container_detalhe{
		display: block;
		width: 980px;
		min-height: 500px;
		margin: auto;
		padding: 0px;
		
	}
	.preco_det{ display: inline-table; position: relative; left: 0px; text-align: left; margin: 0px; padding: 8px;}
	.botao_cp{ display: inline-table; padding: 15px;}
	.botao_cp button.comprar{ padding: 12px 30px; text-transform: uppercase; font-size: 20px; border: none; color: #fff; cursor: pointer;}
	.botao_cp button.comprar span.carrinho:before {
		font-family: 'FontAwesome';
		content:'\f07a';
		margin-right:10px;
		position: relative;
		top: 0px;
		left: 0px;
		
	}

	
					.aviso_bot{ padding: 8px; margin: 8px; display: block; position: relative; top: -50px; left: 0px; opacity: 0; font-weight: 600;
						-webkit-transition:all ease 200ms;
	-moz-transition:all ease 200ms;
	-ms-transition:all ease 200ms;
	-o-transition:all ease 200ms;
	transition:all ease 200ms;
						
						
						}
					
						.botao_cp:hover > .aviso_bot{ top: 0px; opacity: 10; background: #fff;}
	
	span.alinha{ vertical-align: top;}

.pnmobile{ display: none;}

/*zap*/

a.botzap {
 
    display: block;
    z-index: 999;
    padding: 5px;
    position: fixed;
    bottom: 15px;
    right: 20px;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
}

	    .prod-preco span.precod{text-decoration: line-through; color: #f00; font-size: 16px;}
		.prod-preco span.precop{ font-size: 24px; font-weight: 900;}

	.prod-parcelas{
		font-size: 16px;
	}
@media (max-width: 992px){

	.apra{
		width: 100% !important;
	}
	
	.container_detalhe p {
		font-size: 18px !important;
	}


	.container_detalhe{
		display: block;
		width: 100%;
	}
	
		.prod-parcelas{
		font-size: 50px;
	}
	.destaques{
		text-align: center;
		padding: 0px;
	}
	.container_detalhe{
		padding: 0 !important;
	}
	
	.destaques h2{ font-size: 18px; padding: 5px;}
	
	.prod-preco span.precod{ text-decoration: line-through; color: #f00; font-size: 100%;}
	.prod-preco span.precop{ font-size: 120%; font-weight: 900;}

	.pnmobile{ display: block;}
	
	.produto{
		display: block; 
		width: 90%; 
		text-align: center; 
		margin: 50px auto 10px auto; 
		height: auto;
		
		-webkit-box-shadow: 9px 35px 35px rgba(50, 50, 50, 0.3);
	    -moz-box-shadow:    9px 35px 35px rgba(50, 50, 50, 0.3);
	    box-shadow:         9px 35px 35px rgba(50, 50, 50, 0.3);
	}
	.img-produto img{ width: 80%; margin: auto; border: none;  }
	
	
	.prod-titulo{ font-size: 30px;  position: relative; padding: 10px; height: auto; font-weight: 100;}
	.preco_full{ padding: relative; display: block; font-size: 40px;}
	.prod-preco, .prod-preco-desconto{ font-size: 60px; padding: 10px;}
	

	
	.banner_cup .cp{
		background:url("../images/cupom_smart.png") no-repeat center top;
		background-size: 100%;
		height: 310px;
		border: none;
		
	}
	
	.banner_cup .cp span.tx{ top: 10%; width: 70%; left: 0px;}
	.banner_cup .cp span.tx p{ font-size: 30px;}
	.banner_cup .cp span.tx h2{ background: #fff; font-size: 70px; padding: 15px}
	
	.banner_cup .cp span.ds{ right: 2%; top: 5%; text-align: right; width: 35%;}
	.banner_cup .cp span.ds h2{ color: #fff; font-size: 70px; text-align: center; position: relative; top:30px;}
	.banner_cup .cp span.ds p{ color: #fff; font-size: 30px; display: none;}
	.banner_cup .cp span.modp{display: none;}
	
	
	
	.container_img{ display: block; width: 100%; margin: 20px auto 20px auto;}
	.container_img img{ width: 80%;}
	.container_text{ width: 100%;}
	.container_text h3{ font-size: 30px; width: 100%; text-align: center; }
	.preco_det{ width: 100%; padding: 10px; text-align: center; font-size: 50px;}
	.container_text h2{ text-align: center; font-size: 35px;}
	.container_text p{ text-align: center; font-size: 18px;}
	
	.botao_cp button.comprar{ font-size: 18px; padding:30px; width: 100%; margin: 10px 0px; }
	
	
}