/*<style>*/

@charset "utf-8";



	.fundo-banner-promocoes {
		
		
		background-color: rgb(255, 255, 255) !important;
		
		background-image: url(../imagens/fundooba.jpg) !important;
		
		background-repeat: repeat !important;
		
		background-size: 50% !important;
		
		padding: 0 0 1.5rem 0 !important;
		
		box-shadow: 0 0 15px rgba(0,0,0,.9) inset !important;
		
		border-bottom: 5px solid rgb(255, 255, 255) !important;
		
		
	}
	
	.fundo-banner-promocoes.animatedBg {

		
		background-color: rgb(255, 255, 255) !important;
		
		background-image: url(../imagens/fundooba.jpg) !important;
		
		background-repeat: repeat !important;
		
		background-size: 50% !important;
		
		padding: 0 0 1.5rem 0 !important;
		
		box-shadow: 0 0 15px rgba(0,0,0,.9) inset !important;
		
		
	}
	
	.fundo-promocoes {
		
		
		background-color: rgb(241, 242, 242) !important;
		

		
	}
	
	
	
	.titulo-promocao {
		
		
		background-color: rgb(253, 217, 99);
		
		border-radius: 5px 5px 0 0;
		
		font-family: 'Roboto';
		
		font-size: 1rem;
		
		font-weight: bold;
		
		color: rgb(188, 49, 42);
		
		text-align: left;
		
		padding: .5rem;
		
	
		
	}
	
	
	.imagem-promocao {
		
		width: 100%;
		height: auto;
		
		
		border: 2px solid rgb(224, 224, 224) !important;
		
		
	}
	
	.valor-promocao {
		
		
		background-color: rgb(255, 214, 78);
		
		border-radius: 0 0 0 5px;
		
		font-family: 'Roboto';
		
		font-size: 1rem;
		
		font-weight: bold;
		
		color: rgb(31, 31, 31);
		
		text-align: left;
		
		padding: .7rem .5rem;
		
		
	}
	
	.dias-validos {
		
		
		background-color: rgb(245, 204, 71);
		
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.42) inset;
		
		text-align: left;
		
		padding: .7rem .5rem;
		
		
	}
	
	.dia-semana {
		
		
		background-color: rgb(188, 49, 42);
		
		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(237, 28, 36) !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(237, 28, 36) !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(253, 217, 99, 0.45) !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(253, 217, 99, 0.45) !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;
		
		
	}