@import url('https://fonts.cdnfonts.com/css/figuera-variable');

body,
html {
	padding: 0;
	margin: 0;
	background: #e6e6e6;
	font-family: 'Raleway', sans-serif;
	font-weight: 300
}

h1 {
	font-family: 'Figuera Variable', sans-serif;
	font-size: 54px;
}

h1.subtitulo {
	font-size: 80px;
}
h1.subtitulo-2 {
	font-size: 65px;
}

p {
	font-family: 'Raleway', sans-serif;
	font-weight: 400
}

p strong {
	font-family: 'Raleway', sans-serif;
	font-weight: 800
}

li.nav-item a {
	color: #e6e6e6;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

li.nav-item a:hover {
	color: #e6e6e6;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
}


.verde-texto {
	color: #1a6a46;
}

.verde-background-image {
	background: url('../images/background-verde.jpg') center;
}

.verde-background-image-arvore {
	background: url('../images/background-arvore.png') ;background-position: top; height: 67px; position: relative; margin-bottom: -67px; background-repeat: repeat-x;
}

.galeria-verde { background: url('../images/background-verde.jpg') center; width: 90%; height: 175px; float: left; }

.galeria-verde-b { background: url('../images/background-verde.jpg') center; width: 90%; height: 230px; float: left; }

.galeria-branco { background: url('../images/background-branco.jpg') center; width: 90%; height: 175px; float: left; }

.galeria-branco-b { background: url('../images/background-branco.jpg') center; width: 90%; height: 230px; float: left; }

.verde-background {
	background: #1a6a46;
}

.pastel-background {
	background: #f3e2c5;
}


.cinza-texto {
	color: #e6e6e6;
}

.cinza-background {
	background: #e6e6e6;
}

a.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: #FF0;
}

.marrom-texto {
	color: #774542;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: #e6e6e6;
}

.btn-light {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #1a6a46;
}

.btn-success {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #e6e6e6;
	background: #1a6a46;
	border: none;
}

.navbar-text a {
	text-decoration: none;
}

.flv {
	padding-top: 200px;
}

.assados {
	padding-top: 80px;
}

.torres {
	padding-top: 35px;
}

.mercearia {
	padding-top: 125px;
}


.biscoiteria {
	padding-top: 175px;
}

.congelados {
	padding-top: 150px
}

.churrasco {
	padding-top: 75px;
}

.adega {
	padding-top: 135px;
}

.rotisseria-salgada {
	padding-top: 175px;
}

.rotisseria-doce {
	padding-top: 175px;
}

/* MENU */

div.scrollmenu {
	overflow: auto;
	white-space: nowrap;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.scrollmenu a {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 11px;
	text-decoration: none;
}

div.scrollmenu a:hover {
	background-color: #1a6a46;
}

/* MODAL */
.modal-body {}

.modal-content {}

.exit {}


/* WHATSAPP */
.rs-video .animate-border .video-vemo-icon:after,
.rs-video .animate-border .video-vemo-icon:before {
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 180px;
	height: 180px;
	opacity: 0;
	content: "";
	display: block
}

.line-up,
.sm-red-dot {
	animation-fill-mode: forwards
}

.whatsapp-fixed {
	position: fixed;
	bottom: 40px;
	right: 42px;
	z-index: 9
}

.botao-whatsapp {
	background-color: #30bf39;
	color: #fff;
	border-radius: 100%;
	transition: background-color .5s;
	width: 60px !important;
	height: 60px !important;
	line-height: 70px;
	position: relative !important;
	display: block;
	transform: none !important;
	z-index: 9;
	text-align: center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .07), 0 4px 8px rgba(0, 0, 0, .07), 0 8px 16px rgba(0, 0, 0, .07), 0 16px 32px rgba(0, 0, 0, .07), 0 32px 64px rgba(0, 0, 0, .07)
}

.botao-whatsapp:hover {
	background-color: #53ca5b
}

.whatsapp-fixed a.video-vemo-icon.botao-whatsapp i {
	font-size: 32px;
	color: #fff;
	animation: 1.5s linear 3s infinite sm-shake-animation
}

.rs-video .animate-border .video-vemo-icon:before {
	border: 2px solid #fff;
	position: absolute;
	border-radius: 50%;
	animation: 3.25s linear 4s infinite zoomBig;
	-webkit-animation-delay: 4s
}

.rs-video .animate-border .video-vemo-icon:after {
	border: 2px solid #fff;
	position: absolute;
	border-radius: 50%;
	animation: 3.25s linear 3s infinite zoomBig;
	-webkit-animation-delay: 3s
}

.botao-whatsapp:after,
.botao-whatsapp:before {
	border: 2px solid #30bf39 !important;
	width: 130px !important;
	height: 130px !important
}

.sm-red-dot {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	background: red;
	transform: scale(0);
	border-radius: 50%;
	animation-name: notificationPoint;
	animation-duration: .3s;
	animation-delay: 3s
}

.quick-message {
	position: absolute;
	bottom: 4px;
	right: 88px;
	width: max-content;
	border-radius: 0;
	background: #393b39
}

.line-up {
	opacity: 0;
	animation-name: anim-lineUp;
	animation-duration: .75s;
	animation-delay: 5s
}

.quick-message p {
	line-height: 40px;
	font-size: 15px;
	padding: 4px 16px;
	height: 40px;
	position: relative;
	color: #fff;
	margin: 0
}

.quick-message .seta-direita:before {
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #393b39;
	position: absolute;
	bottom: 3px;
	right: -30px
}

#hover-message {
	display: none
}

.whatsapp-fixed:hover #hover-message {
	display: block
}

@keyframes zoomBig {
	0% {
		transform: translate(-50%, -50%) scale(.5);
		opacity: 1;
		border-width: 3px
	}

	40% {
		opacity: .5;
		border-width: 2px
	}

	65% {
		border-width: 1px
	}

	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
		border-width: 1px
	}
}

@keyframes sm-shake-animation {

	0%,
	100%,
	25%,
	75% {
		transform: rotate(0) scale(1) skew(.017rad)
	}

	35%,
	55% {
		transform: rotate(-.3rad) scale(1) skew(.017rad)
	}

	45%,
	65% {
		transform: rotate(.3rad) scale(1) skew(.017rad)
	}
}

@keyframes notificationPoint {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

@keyframes anim-lineUp {
	from {
		transform: translateY(100%)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

/* BREAKPOINTS */

@media (max-width: 430px) {

	.accordion { width: 105.5%;}

	.container-mobile { margin-top: -20px; }


	.galeria-verde { margin-top: -25px; width: 100%; height: 155px; }


	.galeria-branco { margin-top: -25px; width: 100%; height: 155px;}


	.galeria-verde-b { width: 100%; height: 189px;  }

	.galeria-branco-b { width: 100%; height: 189px; margin-top: -50px; margin-bottom: 35px }

	.galeria-desktop img {display: none;}


	.menu-desktop {
		display: none
	}

	h1.subtitulo {
		font-size: 60px;
		line-height: 60px
	}


.flv {
	padding-top: 40px;
}


.frutas-hero-banner { margin-left: -5px;}

.assados {
	padding-top: 105px;
}

.torres {
	padding-top: 25px;
}

.torres-frios-hero-banner { margin-left: -5px;}

.mercearia {
	padding-top: 125px;
}

.mercearia-hero-banner { padding-top: 15px }
.panettone-hero-banner { display: none; }

.biscoiteria {
	padding-top: 35px;
}

.biscoiteria-frios-hero-banner { margin-left: -5px;}

.congelados {
	padding-top: 40px
}

.churrasco {
	padding-top: 35px;
}

.churrasco-hero-banner { margin-left: -5px;}

.adega {
	padding-top: 35px;
}

.adega-frios-hero-banner { margin-left: -5px;}

.rotisseria-salgada {
	padding-top: 25px;
}

.rotisseria-salgada-frios-hero-banner { margin-left: -5px;}

.rotisseria-doce {
	padding-top: 25px;
}

.capa-hero-banner { margin-left: -5px;}

h1.subtitulo-2 { font-size:42px; line-height: 38px }

footer { padding: 20px }
}