

/*<style>*/

@charset "utf-8";



	.fundo-banner-promocoes {
		
		
		background-color: rgb(6, 6, 6) !important;
		
		border-bottom: 3px solid #d8c77b !important;
		
		
	}
	
	.fundo-banner-promocoes.animatedBg {

		
		background-color: rgb(6, 6, 6) !important;
		
		
	}
	
	.fundo-promocoes {
		
		
		background-color: rgb(241, 242, 242) !important;
		

		
	}
	
	
	
	.titulo-promocao {
		
		
		background-color: rgb(0, 0, 0);
		
		border-radius: 5px 5px 0 0;
		
		font-family: 'Roboto';
		
		font-size: 1rem;
		
		font-weight: bold;
		
		color: rgb(255, 255, 255);
		
		text-align: left;
		
		padding: .5rem;
		
	
		
	}
	
	
	.imagem-promocao {
		
		width: 100%;
		height: auto;
		
		
		
	}
	
	.valor-promocao {
		
		
		background-color: rgb(37, 37, 37);
		
		border-radius: 0 0 0 5px;
		
		font-family: 'Roboto';
		
		font-size: 1rem;
		
		font-weight: bold;
		
		color: rgb(220, 220, 220);
		
		text-align: left;
		
		padding: .7rem .5rem;
		
		
	}
	
	.dias-validos {
		
		
		background-color: rgb(0, 0, 0);
		
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.42) inset;
		
		color: rgb(255, 255, 255);
		
		text-align: left;
		
		padding: .7rem .5rem;
		
		
	}
	
	.dia-semana {
		
		
		background-color: rgb(37, 37, 37);
		
		border-radius: 5px;
		
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
		
		font-family: 'Roboto';
		
		font-size: .85rem;
		
		color: rgb(255, 255, 255);
		
		padding: .4rem;
		
		margin: 0 .1rem;
		
		
	}


	.cont-botao-comprar-promocao {
		
		
		text-align: right;
		
		
	}
	
	.botao-comprar-promocao {

		
		background-color: rgb(255, 22, 27) !important;
		
		border-radius: 0 0 3px 3px !important;
		
		color: rgb(255, 255, 255) !important;
		

	}
	
	
	
	/* Da pagina promoções */
	.faixa-promocao-tempo-limitado {
		
		
		background-color: rgb(0, 0, 0) !important;
		
		color: rgb(255, 255, 255) !important;
		
		font-size: .95rem !important;
		
		box-shadow: 0 -2px 4px rgba(0,0,0,.1) inset !important;
		
		padding: .7rem 0 !important;
		
		
	}
	


	/**** Slider **/

	.owl-item:not(.center) {
		opacity: .2;
		transition: .3s;
	}

	button.owl-prev {

		
		background-color: rgba(253, 217, 99, 0.48) !important;
		

		width: 40px;
		height: 150px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -45px;
		z-index: 9;
		border: none;

	}
	button.owl-next {

		
		background-color: rgba(253, 217, 99, 0.48) !important;
		

		width: 40px;
		height: 150px;
		position: absolute;
		top: 50%;
	    transform: translateY(-50%);
		right: -45px;
		z-index: 9;
		border: none;
		
	}
	
	@media only screen and (max-width: 993px) {
		
		button.owl-prev {
			left: 0px;
		}
		button.owl-next {
			right: 0px;
		}
		
	}
		
	button.owl-next svg, button.owl-prev svg {
	    width: 50%;
	    height: 50%;
	}
	
	button.owl-next svg .shape, button.owl-prev svg .shape {
		
		
		stroke: rgba(165, 165, 165, 0.62) !important;
		

		
		fill: none;
		stroke-width: 4;
		stroke-linecap: round;
		stroke-miterlimit: 10;
	}
	
	button.owl-next:hover svg .shape, button.owl-prev:hover svg .shape {

		
		stroke: rgb(253, 217, 99) !important;
		

		transition: .4s;
	}
	
	
	.owl-dots {
		
		opacity: 1;
		margin-top: 2rem;
		text-align: center;
		
	}
	
	.owl-dots .owl-dot span {
		
		
		background-color: rgba(165, 165, 165, 0.62) !important;
		
		
		width: 13px;
		height: 13px;
		display: inline-block;
		
		border-radius: 50%;
		margin: 0 .25rem;
		
		transition: .4s;
		
	}
	
	.owl-dots .owl-dot.active span {
		
		
		background-color: rgb(253, 217, 99) !important;
		
		
	}
	
	

