/* GERAL ========================================================== */

body {position: relative; margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 100%; font-weight: 300; background-color: #f2f2f2; box-sizing: border-box; overflow-x: hidden;}
img {border: none;}
div, header, article, section, footer, p, ul, ul li {position: relative; box-sizing: border-box;}
table, input, textarea, select {font-family: 'Source Sans Pro', sans-serif; font-size: 1em; font-weight: 300; box-sizing: border-box;}

.bold {font-weight: 700;}
.sub {text-decoration: underline;}
.ita {font-style: italic;}
.seta {cursor: pointer;}
.none {display: none;}
.clear {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.branco {color: white;}
.preto {color: black;}
.azul {color: #152652;}
.vermelho {color: #e21f1e;}
.laranja {color: #f7941d;}
.tachado {text-decoration: line-through;}
.ttuc {text-transform: uppercase;}
.ttlc {text-transform: lowercase;}
.trans {filter: alpha(opacity=0); opacity: 0;}
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.contain {-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.total {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.transx {-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.transy {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.transxy {-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.limite {max-width: 1400px; margin-right: auto; margin-left: auto;}
.cortina {position: fixed; background-color: white; z-index: 5;}

input, select, textarea {margin-bottom: 20px; padding: 10px 20px; font-size: 1.2em; color: #105795; background-color: white; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
input:focus, select:focus, textarea:focus {outline: none;}
.mansalva {font-family: 'Mansalva', cursive;}
.botao, button {display: inline-block; margin-top: 30px; padding: 10px 30px; font-size: 1.12em; font-weight: 700; color: #105795; text-align: center; text-transform: uppercase; background-color: #fed527; border: none; outline: none; cursor: pointer; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.botao:hover, button:hover {background-color: #fcaf1a; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

::placeholder {color: #bbbbbb; opacity: 1;}
:-ms-input-placeholder {color: #bbbbbb;}
::-ms-input-placeholder {color: #bbbbbb;}

::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.3);}

.grecaptcha-badge {z-index: 10;}


/* TOPO ========================================================== */

.topo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
	z-index: 4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 108%;
	height: 180px;
	margin-left: -4%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 25%, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 52%, rgba(0,0,0,0.34) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 25%, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 52%, rgba(0,0,0,0.34) 75%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 25%, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 52%, rgba(0,0,0,0.34) 75%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000',GradientType=0);
	filter: blur(10px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo.dock {
	height: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo.dock.menor {
	height: 80px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo.dock::before {
	height: 120px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo.dock.menor::before {
	height: 80px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo .limite {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

.topo .logo {
	position: absolute;
	top: 22px;
	left: 1%;
	height: 140px;
	cursor: pointer;
	z-index: 2;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo .logo.visivel {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo.dock .logo {
	top: 14px;
	height: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo.dock.menor .logo {
	top: 8px;
	height: 80px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo .logo:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topo .menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.topo .menu.aberto {
	display: block;
}

.topo .menu .fundo {
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	background-color: #fbbd14;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo .menu .fundo.aberto {
	top: -1000px;
	width: 2600px;
	height: 2600px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo .menu .menuitem {
	margin: -10px 10px 10px 10px;
	font-size: 1.4em;
	color: white;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.topo .menu .menuitem.primeiro {
	margin-top: 200px;
}

.topo .menu .menuitem.visivel {
	margin-top: 10px;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.topo .menu .menuitem.visivel.primeiro {
	margin-top: 220px;
}

.topo .menu .menuitem:hover,.topo .menu .menuitem.ativo, .topo .menu .menuitem.visivel:hover,.topo .menu .menuitem.visivel.ativo {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.topo .social, .baixo .blocos .bloco2 .social, .baixo .blocos .bloco3 .social {
	width: 35px;
	height: 35px;
	margin-top: -20px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo .social.visivel, .baixo .blocos .bloco2 .social, .baixo .blocos .bloco3 .social {
	margin-top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo .social:hover, .topo .social.visival:hover, .baixo .blocos .bloco2 .social:hover, .baixo .blocos .bloco3 .social:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.topo .social.linkedin, .baixo .blocos .bloco2 .social.linkedin, .baixo .blocos .bloco3 .social.linkedin {
	background-image: url(../imagens/ico-linkedin.png);
}

.topo .social.facebook, .baixo .blocos .bloco2 .social.facebook, .baixo .blocos .bloco3 .social.facebook {
	background-image: url(../imagens/ico-facebook.png);
}

.topo .social.instagram, .baixo .blocos .bloco2 .social.instagram, .baixo .blocos .bloco3 .social.instagram {
	background-image: url(../imagens/ico-instagram.png);
}

.topo .menu .social, .baixo .blocos .bloco2 .social, .baixo .blocos .bloco3 .social {
	display: inline-block;
	margin: 26px 8px;
}

.topo #mobile {
	margin-top: -20px;
	padding: 10px;
	z-index: 2;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo #mobile.visivel {
	margin-top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topo #mobile:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.topo .hamburger .hamburger-box {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.topo .hamburger .hamburger-inner {
	width: 80%;
}

.topo .hamburger.is-active .hamburger-inner {
	width: 100%;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: white;
}

.hamburger-inner:before {
	top: -14px;
}

.hamburger-inner:after {
	bottom: -14px;
}


/* BANNERS ========================================================== */

.banners {
	margin: 0;
	padding: 0;
}

.banners .invisivel {
	width: 100%;
	visibility: hidden;
}

.banners .banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.banners .banner .texto {
	position: absolute;
	left: 10%;
	font-size: 5em;
	line-height: 1.1em;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: rotate(-6deg) scale(0);
	-moz-transform: rotate(-6deg) scale(0);
	-o-transform: rotate(-6deg) scale(0);
	-ms-transform: rotate(-6deg) scale(0);
	transform: rotate(-6deg) scale(0);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.banners .banner .texto.sombra {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	text-shadow: -5px 0px 2px rgba(43, 75, 7, 1);
}

.banners .banner .texto.sombra2 {
	text-shadow: -5px 0px 2px rgba(239, 229, 227, 1);
}

.banners .banner .texto.menor {
	font-size: 4.6em;
}

.banners .banner .texto.visivel {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: rotate(-6deg) scale(1.1);
	-moz-transform: rotate(-6deg) scale(1.1);
	-o-transform: rotate(-6deg) scale(1.1);
	-ms-transform: rotate(-6deg) scale(1.1);
	transform: rotate(-6deg) scale(1.1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.banners .banner .texto.visivel.fim {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: rotate(-6deg) scale(1);
	-moz-transform: rotate(-6deg) scale(1);
	-o-transform: rotate(-6deg) scale(1);
	-ms-transform: rotate(-6deg) scale(1);
	transform: rotate(-6deg) scale(1);
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.banners .banner.bnr1 .texto {
	top: 36%;
	color: white;
}

.banners .banner.bnr2 .texto, .banners .banner.bnr4 .texto {
	top: 24%;
	color: white;
}

.banners .banner.bnr3 .texto {
	top: 24%;
	color: #641818;
}

.banners .banner.bnr5 .texto {
	top: 28%;
	color: white;
}

.banners .navegacao {
	position: absolute;
	top: 50%;
	right: 2%;
}

.banners .navegacao .marca {
	width: 10px;
	height: 10px;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}

.banners .navegacao .marca.ativa {
	background-color: rgba(255, 255, 255, 1);
}

.banners .scroll {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../imagens/ico-scroll.png);
	cursor: pointer;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.banners .scroll.anima {
	bottom: 10px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}


/* PRODUTOS ========================================================== */

.produtos .detalhe {
	position: absolute;
	top: -400px;
	left: -440px;
	width: 50%;
	z-index: 1;
	-webkit-transform: rotate(-24deg) scaleX(-1);
	-moz-transform: rotate(-24deg) scaleX(-1);
	-o-transform: rotate(-24deg) scaleX(-1);
	-ms-transform: rotate(-24deg) scaleX(-1);
	transform: rotate(-24deg) scaleX(-1);
}

.produtos .bloco1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: #0b74bb;
}

.produtos .bloco2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: url(../imagens/fundo-leite.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.produtos .limite {
	height: 100%;
}

.produtos .texto {
	position: absolute;
	top: 18%;
	left: 6%;
	width: 30%;
	margin-top: -40px;
	font-size: 1.6em;
	color: white;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .texto.visivel {
	margin-top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .imagem {
	position: absolute;
	top: 50%;
	left: 52%;
	width: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .imagem.maior {
	top: 42%;
}

.produtos .produto .imagem.visivel {
	width: 32%;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .imagem.visivel.fim {
	width: 30%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.produtos .produto h1 {
	position: absolute;
	top: 44%;
	left: 76%;
	font-size: 2.8em;
	font-weight: 700;
	color: #105795;
	line-height: 1.2em;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto h1.visivel {
	left: 70%;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .sobre {
	position: absolute;
	top: 56%;
	left: 0;
	width: 28%;
	font-size: 1.2em;
	color: white;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .sobre.interno {
	top: 48%;
}

.produtos .produto .sobre.visivel {
	left: 6%;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .sobre .borda {
	display: inline-block;
	margin-top: 26px;
	padding: 10px 20px;
	font-size: 1.06em;
	font-weight: 700;
	border: 1px solid white;
}

.produtos .produto .sobre p.bold {
	padding-bottom: 10px;
	font-size: 1.12em;
}

.produtos .produto .info {
	position: absolute;
	top: 26%;
	right: 0%;
	width: 24%;
	font-size: 1em;
	color: #105795;
	line-height: 1.2em;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .info.visivel {
	right: 6%;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .produto .info .tabela {
	font-size: 1em;
	color: #105795;
	border: 1px solid #fcaf1a;
	border-left: none;
	border-right: none;
	border-collapse: collapse;
}

.produtos .produto .info .tabela th, .produtos .produto .info .tabela td {
	padding: 0 4px;
	border: 1px solid #fcaf1a;
	border-left: none;
	border-right: none;
}

.produtos .produto .info .tabela th.lateral, .produtos .produto .info .tabela td.lateral {
	border-left: 1px solid #fcaf1a;
}

.produtos .produto .info .tabela th.borda, .produtos .produto .info .tabela td.borda {
	border: 1px solid #fcaf1a;
}

.produtos .produto .info p.margem {
	margin-bottom: 6px;
}

.produtos .produto .info p.menor {
	margin-top: 6px;
	font-size: 0.82em;
	line-height: 1.2em;
}

.produtos .seta {
	position: absolute;
	top: 48%;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 3;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .seta.esquerda {
	left: 7%;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.produtos .seta.direita {
	right: 7%;
}

.produtos .seta.visivel {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .seta.esquerda.visivel {
	left: 5%;
}

.produtos .seta.direita.visivel {
	right: 5%;
}

.produtos .seta.esquerda:hover {
	margin-left: -10px;
}

.produtos .seta.direita:hover {
	margin-right: -10px;
}

.produtos .voltar {
	position: absolute;
	top: 4%;
	right: 7%;
	font-size: 3em;
	color: #105795;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 4;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .voltar.visivel {
	top: 10%;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.produtos .voltar::before {
	content: "";
	position: absolute;
	top: 16px;
	left: -48px;
	width: 32px;
	height: 31px;
	background-image: url(../imagens/voltar.png);
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.produtos .voltar:hover::before {
	left: -56px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.produtos .navegacao {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.produtos .navegacao.mostrar {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* HISTÓRIA ========================================================== */

.historia {
	padding-top: 160px;
	padding-bottom: 80px;
	background-color: #fed527;
}

.historia::before {
	content: "";
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
	height: 176px;
	background-image: url(../imagens/curva-amarela.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	z-index: 1;
}

.historia .branco {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 55px;
	background-color: white;
	z-index: 0;
}

.historia .detalhe {
	position: absolute;
	top: -400px;
	right: -110px;
	width: 34%;
	z-index: 1;
}

.historia .bloco1 {
	width: 50%;
	margin-left: -100px;
	float: left;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.historia .bloco1.visivel {
	margin-left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.historia .bloco2 {
	width: 44%;
	margin-right: -100px;
	padding-top: 60px;
	float: right;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.historia .bloco2.visivel {
	margin-right: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.historia .bloco1 h1 {
	margin-bottom: 16px;
	font-size: 2.8em;
	font-weight: 700;
	color: #105795;
	line-height: 1.2em;
}

.historia .bloco1 h2 {
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: 700;
	color: #105795;
}

.historia .bloco1 .texto {
	font-size: 1.2em;
	color: #105795;
}

.historia .bloco1 .texto p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.1em;
}

.historia .bloco1 .navegacao {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	text-align: center;
}

.historia .bloco1 .navegacao .marca {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 6px;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}

.historia .bloco1 .navegacao .marca.ativa {
	background-color: rgba(255, 255, 255, 1);
}

.historia .bloco2 .aspectratio {
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}


/* RECEITAS ========================================================== */

.receitas {
	background-color: #1a87c9;
}

.receitas .detalhe {
	position: absolute;
	top: -130px;
	left: -480px;
	width: 52%;
	z-index: 1;
}

.receitas .centro {
	width: 56%;
	margin-left: 22%;
	padding: 80px 0 160px 0;
	text-align: center;
}

.receitas .centro h1 {
	margin-left: 100px;
	margin-bottom: 40px;
	font-size: 2.8em;
	font-weight: 700;
	color: white;
	line-height: 1.2em;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.receitas .centro h1.visivel {
	margin-left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.receitas .centro .bloco {
	margin-top: 100px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 1.8s ease-in-out;
	-moz-transition: all 1.8s ease-in-out;
	-ms-transition: all 1.8s ease-in-out;
	transition: all 1.8s ease-in-out;
}

.receitas .centro .bloco.visivel {
	margin-top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 1.8s ease-in-out;
	-moz-transition: all 1.8s ease-in-out;
	-ms-transition: all 1.8s ease-in-out;
	transition: all 1.8s ease-in-out;
}

.receitas .centro .busca {
	width: 100%;
	margin-bottom: 20px;
}

.receitas .centro .busca::after {
	content: "";
	position: absolute;
	top: 16px;
	right: 26px;
	width: 35px;
	height: 35px;
	background-image: url(../imagens/ico-lupa-azul.png);
	background-repeat: no-repeat;
}

.receitas .centro .busca input {
	width: 100%;
	margin: 0;
	padding: 14px 36px;
	font-size: 1.6em;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.receitas .centro .categorias {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0 40px;
	font-size: 1.2em;
	color: white;
}

.receitas .centro .categorias .item {
	font-size: 1.4em;
	color: white;
	cursor: pointer;
}

.receitas .centro .lista {
	overflow: hidden;
	height: 318px;
	margin: 40px;
	text-align: left;
	border-top: 1px solid white;
}

.receitas .centro .lista .receita {
	padding: 16px 0;
	font-size: 1.5em;
	color: white;
	border-bottom: 1px solid white;
	cursor: pointer;
}

.receitas .centro .lista .receita:hover {
	color: #fed527;
}

.receitas .centro .mais {
	margin-top: -30px;
	cursor: pointer;
	filter: brightness(10) grayscale(100%);
	-webkit-transform: rotate(90deg) scale(0.5);
	-moz-transform: rotate(90deg) scale(0.5);
	-o-transform: rotate(90deg) scale(0.5);
	-ms-transform: rotate(90deg) scale(0.5);
	transform: rotate(90deg) scale(0.5);
}

.receitas .centro .menos {
	margin-top: -30px;
	margin-bottom: -40px;
	cursor: pointer;
	filter: brightness(10) grayscale(100%);
	-webkit-transform: rotate(-90deg) scale(0.5);
	-moz-transform: rotate(-90deg) scale(0.5);
	-o-transform: rotate(-90deg) scale(0.5);
	-ms-transform: rotate(-90deg) scale(0.5);
	transform: rotate(-90deg) scale(0.5);
}

.receitas .centro .mais.inativo, .receitas .centro .menos.inativo {
	filter: alpha(opacity=20);
	opacity: 0.2;
}

#receita.interna {
	display: none;
	position: fixed;
	background-color: #1a87c9;
	z-index: 6;
}

#receita.interna::after {
	content: "";
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 100%;
	height: 176px;
	background-image: url(../imagens/curva-laranja.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

#receita.interna .detalhe {
	position: absolute;
	bottom: -160px;
	right: -360px;
	width: 50%;
	z-index: 1;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
}

#receita.interna .fechar {
	position: absolute;
	top: 40px;
	right: 4%;
	width: 37px;
	height: 37px;
	background-image: url(../imagens/ico-fechar.png);
	background-repeat: no-repeat;
	filter: alpha(opacity=100);
	opacity: 1;
	cursor: pointer;
	clear: both;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	z-index: 2;
}

#receita.interna .fechar:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#receita.interna .bloco {
	width: 50%;
	padding: 100px 4% 0 4%;
	font-size: 1em;
	color: white;
	float: left;
	z-index: 1;
}

#receita.interna .bloco .imagem {
	width: 100%;
	height: 0;
	padding-top: 71.4%;
	background-repeat: no-repeat;
	background-position: center center;
}

#receita.interna .bloco .dificuldade {
	display: flex;
	margin-top: 20px;
	padding-left: 124px;
}

#receita.interna .bloco .dificuldade::before {
	position: absolute;
	top: -1px;
	left: 0;
	content: "Dificuldade";
	font-size: 1.2em;
	font-weight: 700;
}

#receita.interna .bloco .dificuldade .estrela0, #receita.interna .bloco .dificuldade .estrela1 {
	display: inline-block;
	width: 25px;
	height: 24px;
	margin-right: 8px;
	background-image: url(../imagens/ico-estrela.png);
	background-repeat: no-repeat;
}

#receita.interna .bloco .dificuldade .estrela0 {
	background-position: bottom left;
}

#receita.interna .bloco .dificuldade .estrela1 {
	background-position: top left;
}

#receita.interna .bloco .dificuldade .nivel {
	display: inline-block;
	margin-left: 20px;
	padding-top: 2px;
}

#receita.interna .bloco .textos {
	padding-right: 30%;
}

#receita.interna .bloco .textos h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	font-size: 1.4em;
	font-weight: 700;
	border-bottom: 8px solid #fed527;
}


/* REVENDEDOR ========================================================== */

.revendedor {
	height: 240px;
	padding-top: 60px;
	text-align: center;
	background-color: #105795;
}

.revendedor::before {
	content: "";
	position: absolute;
	top: -176px;
	left: 0;
	width: 100%;
	height: 176px;
	background-image: url(../imagens/curva-azul.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.revendedor .detalhe {
	position: absolute;
	top: -620px;
	right: -440px;
	width: 61%;
	z-index: 1;
}

.revendedor .limite {
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.revendedor .limite.visivel {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.revendedor .limite p {
	display: inline-block;
	padding-top: 80px;
	font-size: 1.8em;
	font-weight: 700;
	color: white;
}

.revendedor .limite .botao {
	margin-left: 20px;
	padding: 6px 20px;
	font-size: 1.6em;
	color: white;
	text-transform: none;
	background-color: #fcaf1a;
}

.revendedor .limite .botao:hover {
	background-color: #fed527;
}


/* CONTATO ========================================================== */

.contato {
	padding: 80px 0 180px 0;
	text-align: center;
	background-color: #fed527;
}

.contato p {
	margin-left: 100px;
	margin-bottom: 0;
	font-size: 2.2em;
	font-weight: 700;
	color: #105795;
	line-height: 1.2em;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.contato p.visivel {
	margin-left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.contato form {
	width: 60%;
	margin-left: 20%;
	padding-top: 160px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.contato form.visivel {
	padding-top: 60px;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.contato form input, .contato form select, .contato form textarea {
	width: 80%;
	margin-bottom: 12px;
	font-size: 1.4em;
}

.contato form textarea {
	height: 120px;
	resize: none;
}

.contato form .checkbox {
	display: inline-block;
	width: 80%;
	padding: 0 0 8px 10px;
	color: #105795;
	text-align: left;
	line-height: 1.2em;
}

.contato form .checkbox input {
	width: auto;
	margin: 0 6px 0 0;
	padding: 0;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.contato form .botao, .contato form button {
	margin-top: 10px;
	margin-left: 10%;
	padding: 10px 30px;
	font-size: 1.4em;
	color: white;
	background-color: #105795;
	float: left;
}

.contato form .botao:hover, .contato form button:hover {
	background-color: #226daf;
}


/* POLÍTICA ========================================================== */

.politica {
	position: fixed;
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 7;
}

.politica .caixa {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	height: 80%;
	padding: 40px 20px 20px 20px;
	background-color: white;
	overflow: hidden;
}

.politica .caixa .fechar {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-image: url(../imagens/ico-fechar.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	filter: invert(1);
}

.politica .caixa .interna {
	width: 100%;
	height: 100%;
	padding: 0 2%;
	overflow-y: scroll;
}

.politica .caixa .interna p {
	margin-bottom: 10px;
}

.politica .caixa .interna p.titulo {
	font-size: 1.4em;
	font-weight: 700;
}

.politica .caixa .interna ul.nivel1 {
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 10px;
}

.politica .caixa .interna ul.nivel2 {
	list-style-type: disc;
	margin-left: 30px;
	padding-left: 10px;
}

.politica .caixa .interna ul li {
	margin-bottom: 10px;
}


/* RODAPÉ ========================================================== */

.baixo {
	padding-top: 40px;
	background-color: #fcaf1a;
}

.baixo::before {
	content: "";
	position: absolute;
	top: -176px;
	left: 0;
	width: 100%;
	height: 176px;
	background-image: url(../imagens/curva-laranja.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.baixo .logo {
	position: absolute;
	top: -140px;
	right: 12%;
	width: 300px;
}

.baixo .blocos {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-end;
}

.baixo .blocos .bloco1 {
	width: 24%;
	margin-right: 6%;
	color: white;
}

.baixo .blocos .bloco1 h1 {
	padding-bottom: 20px;
	font-size: 1.8em;
	line-height: 1.1em;
}

.baixo .blocos .bloco1 p {
	font-size: 1.2em;
}

.baixo .blocos .bloco1 .telefone {
	font-size: 2.6em;
	font-weight: 700;
}

.baixo .blocos .bloco2 {
	width: 18%;
	font-size: 1.4em;
	color: white;
}

.baixo .blocos .bloco2 .link, .baixo .blocos .bloco3 .link {
	filter: alpha(opacity=100);
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.baixo .blocos .bloco2 .link:hover, .baixo .blocos .bloco3 .link:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.baixo .blocos .bloco2 .social {
	margin: 10px 10px 0 0;
}

.baixo .blocos .bloco3 {
	width: 16%;
	color: white;
}

.baixo .blocos .bloco3 .link {
	display: none;
	margin-bottom: 10px;
}

.baixo .blocos .bloco3 .social {
	display: none;
	margin: 0 8px;
}

.baixo .blocos .bloco4 {
	width: 22%;
	text-align: right;
	color: white;
}

.baixo .blocos .bloco4 p {
	padding-bottom: 10px;
}

.baixo .informacao {
	margin-top: 60px;
	padding: 10px;
	font-size: 1.12em;
	color: #226daf;
	text-align: center;
	background-color: white;
}

.baixo .assinatura {
	padding: 20px 0;
	font-size: 1em;
	color: white;
	text-align: center;
	background-color: #157fc3;
}


/* MEDIA QUERIES ========================================================== */

@media screen and (min-width: 1921px) {
	.historia::before, .revendedor::before, .baixo::before {background-size: 100% 100%;}
}

@media screen and (max-width: 1720px) {
	.produtos .detalhe {top: -350px; left: -400px;}
	.historia .detalhe {top: -380px;}
	.historia .bloco1 {width: 52%;}	
	.historia .bloco1 .texto {font-size: 1.12em;}	
	.receitas .detalhe {top: -116px;}
	.revendedor .detalhe {top: -520px;}
}

@media screen and (max-width: 1600px) {
	.banners .banner.bnr1 .texto {top: 32%;}
	.banners .banner.bnr3 .texto {top: 20%;}
	.produtos .texto {top: 15%; left: 8%;}
	.produtos .produto .sobre {left: 2%;}
	.produtos .produto .sobre.visivel {left: 8%;}
	.historia .detalhe {top: -280px;}
	.historia .centro {margin: 0 0 40px 0;}
	.historia .centro .logo.visivel { margin-top: -40px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
	.receitas .detalhe {top: -104px; left: -460px;}
	#receita.interna .detalhe {bottom: -130px; right: -320px;}
	#receita.interna .bloco {padding: 60px 4% 0 4%;}
	.revendedor .detalhe {top: -448px; right: -380px;}
}

@media screen and (max-width: 1440px) {
	.limite {width: 98%;}
	.banners .banner .texto {left: 6%; font-size: 4em;}
	.banners .banner .texto.menor {left: 6%; font-size: 3.8em;}
	.historia {padding-top: 120px;}
	.produtos .seta.esquerda {left: 4%;}
	.produtos .seta.direita {right: 4%;}
	.produtos .seta.esquerda.visivel {left: 2%;}
	.produtos .seta.direita.visivel {right: 2%;}
	.historia .bloco1 {width: 48%; padding-left: 4%;}
	.historia .bloco2 {width: 46%; padding-right: 4%;}
}

@media screen and (max-width: 1366px) {
	.historia {padding-top: 100px;}
	.receitas .centro h1 {margin-bottom: 20px;}
	.receitas .centro .busca {margin-bottom: 10px;}
	.receitas .centro .busca::after {top: 10px; right: 20px; width: 28px; height: 28px; background-size: 100% auto;}
	.receitas .centro .busca input {padding: 10px 36px; font-size: 1.4em;}
}

@media screen and (max-width: 1280px) {
	.produtos .detalhe {top: -270px; left: -340px;}
	.produtos .produto .info {right: 2%;}
	.produtos .produto .info.visivel {right: 8%;}
	.historia .detalhe {top: -220px;}
	.historia .centro {margin: 0 0 0 0;}
	.receitas .detalhe {top: -102px; left: -400px;}
	.revendedor {height: 120px;}
	.revendedor .detalhe {top: -420px;}
	.revendedor .limite p {padding-top: 0;}
	.baixo .blocos .bloco1 {padding-left: 10px;}
}

@media screen and (max-width: 1024px) {
	.banners .banner.bnr3 .texto {top: 22%;}
	.banners .banner .texto {left: 4%; font-size: 3.6em;}
	.banners .banner .texto.menor {left: 4%; font-size: 3.4em;}
	.produtos .detalhe {top: -220px; left: -300px;}
	.produtos .texto {font-size: 1.3em; line-height: 1.2em;}
	.produtos .produto .imagem {top: 46%;}
	.produtos .produto h1 {top: 40%;}
	.produtos .produto .sobre {top: 50%; font-size: 1em;}
	.produtos .produto .sobre.interno {top: 46%;}
	.produtos .produto .sobre .borda {margin-top: 20px; padding: 6px 14px; font-size: 1em;}
	.produtos .produto .info, .produtos .produto .info .tabela {font-size: 0.92em; line-height: normal;}
	.produtos .seta {width: 36px;}
	.produtos .voltar {font-size: 2em;}
	.produtos .voltar::before {top: 10px; left: -36px; width: 24px; height: 24px; background-size: 100%;}
	.produtos .voltar:hover::before {left: -44px;}
	.historia .detalhe {top: -160px;}
	.historia .bloco1 {width: 62%;}
	.historia .bloco1 .texto {font-size: 0.8em;}	
	.historia .bloco2 {width: 36%;}
	.produtos .produto h1, .historia .bloco1 h1, .receitas .centro h1 {font-size: 2.2em;}
	.receitas .detalhe {top: -152px; left: -380px;}
	.receitas .centro {width: 80%; margin-left: 10%;}
	#receita.interna .detalhe {bottom: -110px; right: -200px;}
	#receita.interna .bloco .textos {padding-right: 10%;}
	.revendedor .detalhe {top: -300px;}
	.revendedor .limite p {font-size: 1.4em;}
	.revendedor .limite .botao {font-size: 1.3em;}
	.contato p {font-size: 1.8em;}
	.contato form {width: 80%; margin-left: 10%; padding-top: 80px;}
	.baixo .logo {top: -160px; right: 1%; width: 240px;}
	.baixo .blocos .bloco1 {width: 26%; margin-right: 4%; padding-left: 10px;}
	.baixo .blocos .bloco1 h1 {padding-bottom: 10px; font-size: 1.4em;}
	.baixo .blocos .bloco1 p {font-size: 1em;}
	.baixo .blocos .bloco1 .telefone {font-size: 2.2em;}
	.baixo .blocos .bloco2 {width: 24%; font-size: 1.12em;}
	.baixo .blocos .bloco2 .link {padding-bottom: 4px;}
	.baixo .blocos .bloco3 {width: 18%;}
	.baixo .blocos .bloco4 {width: 28%; padding-right: 10px;}
	.baixo .blocos .bloco4 p {padding-bottom: 10px; font-size: 1em;}
	.baixo .informacao {margin-top: 40px; font-size: 1em;}
	.baixo .assinatura {font-size: 0.88em;}
}

@media screen and (max-width: 800px) {
	.topo {height: 100px;}
	.topo::before {height: 100px;}
	.topo .logo {top: 12px; height: 80px;}
	.topo.dock .logo {top: 12px; height: 80px;}
	.topo .menu .menuitem.primeiro {margin-top: 100px;}
	.topo .menu .menuitem.visivel.primeiro {margin-top: 120px;}
	.banners .banner .texto {font-size: 2.8em;}
	.banners .banner .texto.menor {font-size: 2.6em;}
	.banners .scroll, .produtos .texto, .produtos .produto .sobre .borda, .baixo .blocos .bloco2 {display: none;}
	.produtos .detalhe {top: -140px; left: -200px;}
	.produtos .produto .imagem {top: 36%;}
	.produtos .produto h1 {top: 30%;}
	.produtos .produto .sobre {top: 42%;}
	.produtos .produto .sobre.interno {top: 36%;}
	.produtos .produto .info {top: 42%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	#receita.interna::after {height: 80px; background-size: 100%;}
	#receita.interna .detalhe {bottom: -80px; right: -160px;}
	#receita.interna .bloco {padding: 60px 2% 0 2%; font-size: 0.88em;}
	#receita.interna .bloco:nth-child(1) {width: 44%;}
	#receita.interna .bloco:nth-child(2) {width: 56%;}
	#receita.interna .bloco .dificuldade {padding-left: 100px;}
	#receita.interna .bloco .dificuldade::before {top: 2px; font-size: 1.12em;}
	#receita.interna .bloco .dificuldade .estrela0, #receita.interna .bloco .dificuldade .estrela1 {margin-right: 6px;}
	#receita.interna .bloco .dificuldade .nivel {margin-left: 10px; padding-top: 3px;}
	#receita.interna .bloco .textos {padding-right: 0;}
	#receita.interna .bloco .textos h3 {font-size: 1.3em;}
	.baixo .blocos .bloco1 {width: 36%; margin-right: 4%;}
	.baixo .blocos .bloco2 .social {display: none;}
	.baixo .blocos .bloco3 {width: 24%;}
	.baixo .blocos .bloco3 .link {display: block; margin-bottom: 20px; font-size: 1.2em;}
	.baixo .blocos .bloco3 .social {display: inline-block;}
	.baixo .blocos .bloco4 {width: 34%;}
}

@media screen and (max-height: 600px) {
	.historia .branco, .produtos .texto {display: none;}
	.produtos .produto .sobre {top: 44%;}
}

@media screen and (max-width: 560px) {
	.limite {width: 96%;}
	.topo .social, .baixo .blocos .bloco3 .social {width: 30px; height: 30px; margin-right: 14px;}
	.topo #mobile {padding: 0;}
	.topo .hamburger .hamburger-box {-webkit-transform: scale(0.8) scaleX(-1); -moz-transform: scale(0.8) scaleX(-1); -o-transform: scale(0.8) scaleX(-1); -ms-transform: scale(0.8) scaleX(-1); transform: scale(0.8) scaleX(-1);}
	.banners {padding: 40px 0;}
	.banners .banner .texto {font-size: 2em;}
	.banners .banner .texto.menor {font-size: 1.8em;}
	.banners .banner.bnr1 .texto {top: 38%;}
	.banners .banner.bnr2 .texto, .banners .banner.bnr4 .texto {top: 32%;}
	.banners .banner.bnr3 .texto {top: 28%;}
	.banners .banner.bnr2 {background-position: 10% 50%;}
	.produtos {padding-bottom: 140px; height: auto;}
	.produtos .detalhe {top: -100px; left: -96px; width: 60%;}
	.produtos .bloco1 {width: 100%;}
	.produtos .bloco2, .produtos .produto h1 br, .produtos .voltar::before, #receita.interna::after, #receita.interna .detalhe {display: none;}
	.produtos .produto {text-align: center;}
	.produtos .produto .imagem {position: relative; top: 0; left: 0; margin: 60px 0 30px 0; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0);}
	.produtos .produto .imagem.maior {top: 0; margin-bottom: 0;}
	.produtos .produto .imagem.visivel {width: 82%;}
	.produtos .produto .imagem.visivel.fim {width: 80%;}
	.produtos .produto h1 {position: relative; top: 0; left: 0; margin-top: 20px; color: white;}
	.produtos .produto h1.visivel {left: 0; margin-top: 0;}
	.produtos .produto .sobre {position: relative; top: 0; left: 0;	width: 90%; margin-top: 40px; margin-left: 5%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	.produtos .produto .sobre.interno {top: 0;}
	.produtos .produto .sobre.visivel {left: 0; margin-top: 20px;}
	.produtos .produto .info {position: relative; top: auto; right: auto; width: 90%; margin-left: 5%; color: white; text-align: center; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none;}
	.produtos .produto .info .tabela {display: inline-block; color: white; border-color: white;}
	.produtos .produto .info .tabela th, .produtos .produto .info .tabela td {border-color: white;}
	.produtos .produto .info .tabela th.lateral, .produtos .produto .info .tabela td.lateral {border-left-color: white;}
	.produtos .produto .info .tabela th.borda, .produtos .produto .info .tabela td.borda {border-color: white;}
	.produtos .produto .info.visivel {right: auto; margin-top: 20px;}
	.produtos .navegacao {display: block; bottom: -60px;}
	.produtos .navegacao.mostrar {bottom: 0;}
	.produtos .seta {position: fixed; top: auto; bottom: -40px; width: 12px; height: 20px; filter: brightness(10) grayscale(100%);}
	.produtos .seta.mostrar {bottom: 20px;}
	.produtos .seta.esquerda {left: 20%;}
	.produtos .seta.direita {right: 20%;}
	.produtos .seta.esquerda.visivel {left: 18%;}
	.produtos .seta.direita.visivel {right: 18%;}
	.produtos .seta.esquerda:hover {margin-left: 0;}
	.produtos .seta.direita:hover {margin-right: 0;}
	.produtos .voltar {position: fixed; top: auto; bottom: -44px; right: 50%; font-size: 1.6em; font-weight: 700; color: #105795; filter: brightness(10) grayscale(100%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}
	.produtos .voltar.visivel {top: auto;}
	.produtos .voltar.mostrar {bottom: 16px;}
	.historia {padding-top: 100px;}	
	.historia::before, .revendedor::before, .baixo::before {top: -88px; height: 88px; background-size: 600px 100%;}
	.historia .detalhe {top: -164px; right: -90px; width: 58%;}
	.historia .centro {margin: 0 0 40px 0;}
	.historia .centro .logo.visivel {width: 60%; margin-top: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
	.historia .bloco1, .historia .bloco2 {display: inline-block; width: 90%; margin: 40px 0 0 5%; padding: 0; text-align: center; float: none;}
	.historia .bloco1.visivel, .historia .bloco2.visivel {margin: 0 0 0 5%;}
	.historia .bloco1 .texto {padding-bottom: 40px;}
	.historia .bloco1 .texto {font-size: 1em;}
	.historia .bloco1 .navegacao {bottom: 0;}
	.historia .bloco1 .navegacao .marca {width: 20px; height: 20px; margin: 0 10px;}
	.historia .bloco2 .aspectratio {margin-top: 40px;}
	.receitas .detalhe {top: -56px; left: -110px; width: 60%;}
	.receitas .centro {width: 90%; margin-left: 5%; padding: 80px 0 100px 0;}
	.receitas .centro .busca::after {top: 13px; right: 18px; width: 35px; height: 35px;}
	.receitas .centro .busca input {padding: 16px 60px 16px 20px;}
	.receitas .centro .lista {margin: 40px 0;}
	.receitas .centro .lista .receita {padding: 14px 0; font-size: 1.2em;}
	#receita.interna {overflow-y: auto;}
	#receita.interna .fechar {top: 20px; right: 2%; width: 28px; height: 28px; background-size: 100%;}
	#receita.interna .bloco, #receita.interna .bloco:nth-child(1), #receita.interna .bloco:nth-child(2) {width: 100%; padding: 70px 0 40px 0;}
	#receita.interna .bloco:nth-child(2) {padding-top: 0;}
	.revendedor {height: auto; padding-bottom: 40px;}
	.revendedor::before {background-size: 900px 100%;}
	.revendedor .detalhe {top: -170px; right: -120px; width: 70%; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);}
	.revendedor .limite p {font-size: 1.3em;}
	.revendedor .limite .botao {margin-top: 10px; margin-left: 0;}
	.contato {padding: 60px 0 140px 0; text-align: center;}
	.contato p {width: 90%; margin-top: 20px; margin-left: 5%; font-size: 1.8em; line-height: 1.1em;}
	.contato p.visivel {margin-top: 0; margin-left: 5%;}
	.contato form {width: 90%; margin-left: 5%; padding-top: 80px;}
	.contato form.visivel {padding-top: 40px;}
	.contato form input, .contato form select, .contato form textarea {width: 100%; margin-bottom: 14px; font-size: 1.4em;}
	.contato form textarea {height: 160px;}
	.contato form .checkbox {width: 100%;}
	.contato form .botao, .contato form button {margin-left: 0; float: none;}
	.politica .caixa {width: 90%; height: 90%;}
	.baixo {padding: 0; text-align: center;}
	.baixo::before {background-size: 800px 100%; background-position: 90% 50%;}
	.baixo .logo {position: relative; top: -40px; width: 200px; right: 0; margin: 0;}
	.baixo .blocos {flex-wrap: wrap; text-align: center;}
	.baixo .blocos .bloco1, .baixo .blocos .bloco3, .baixo .blocos .bloco4 {display: block; width: 90%; margin: 0 0 40px 5%;}
	.baixo .blocos .bloco1 h1 {padding-top: 0px; font-size: 1.8em; line-height: 1.1em;}
	.baixo .blocos .bloco1 p {font-size: 1.2em;}
	.baixo .blocos .bloco1 .telefone {font-size: 2.6em;}
	.baixo .blocos .bloco4 {text-align: center;}
	.baixo .blocos .bloco4 p {font-size: 1.2em;}
	.baixo .informacao {margin-top: 20px;}
}

@media screen and (max-width: 360px) {
	.produtos {padding-bottom: 280px;}
	.historia {padding-top: 80px;}
}

@media screen and (max-width: 320px) {
	.topo .logo {top: 16px; height: 60px;}
	.topo.dock .logo {top: 12px; height: 60px;}
	.banners .banner .texto {font-size: 1.6em;}
	.banners .banner .texto.menor {font-size: 1.4em;}
	.banners .banner.bnr2 {background-position: 0 50%;}
	.banners .banner.bnr3 .texto {top: 32%;}
	.produtos .detalhe {top: -80px;}
	.historia .detalhe {top: -138px; right: -80px;}
	.revendedor .detalhe {top: -140px;}
	.baixo .informacao {margin-top: 0; font-size: 0.92em;}
}