/* ---- www.isdesign.com.br ---- */

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, button, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, button, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block; }

html, body 	{ width:100%; height:100%; }
a, button 	{ color:rgba(0,0,0,.87); text-decoration:none; cursor:pointer; }
body 		{ font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif", sans-serif; line-height:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
img 		{ vertical-align:bottom; }
ol, ul 		{ list-style:none; }
table 		{ border-collapse:collapse; border-spacing:0; }

blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; }
blockquote, q { quotes:none; }

/* ---- Reset ---- */

body {
	min-width:320px; max-width:100%; color:rgba(0,0,0,.54); font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif", sans-serif;
	overflow-x:hidden; font-size:100%; line-height:100%; word-wrap:break-word; background:#fafafa;
}

button, input, select, textarea {
	display:block; color:rgba(0,0,0,.54); font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif", sans-serif; font-size:100%; line-height:100%;
	text-align:left; background:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
textarea { resize:none; }
[type=checkbox] { -webkit-appearance:checkbox; -moz-appearance:checkbox; appearance:checkbox; }
[type=radio] { -webkit-appearance:radio; -moz-appearance:radio; appearance:radio; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button,
[type=date]::-webkit-inner-spin-button, [type=date]::-webkit-calendar-picker-indicator { margin:0; -webkit-appearance:none; }

input:-webkit-autofill {
	color:rgba(0,0,0,.54) !important; -webkit-text-fill-color:rgba(0,0,0,.54) !important;
	background-color:none !important; transition:none; box-shadow:inset 0 0 0 10rem #ffffff;
}

li		  { margin:.5rem 0 0 2rem; }
ul		  { list-style:disc; }
ol		  { list-style:decimal; }
em, i	  { font-style:italic; }
strong, b { font-weight:bold; }
u		  { text-decoration:underline; }



.material-icon, .material-icon-before::before, .material-icon-after::after {
	width:1.5rem; height:1.5rem; display:inline-block; overflow:hidden;
	direction:ltr; font-family:"Material Icons Round"; font-size:1.5rem; font-style:normal; font-weight:normal;
	letter-spacing:normal; line-height:1; text-transform:none; white-space:nowrap; word-wrap:normal;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
	font-feature-settings:"liga"; text-rendering:optimizeLegibility;
}



/* ---- Topo ---- */



.header { border-bottom:4px solid #eca555; position:relative; z-index:99; background:#ffffff; box-shadow:0 0 8px 0 rgba(0,0,0,.16); }
.header-ativo { border-color:#ffffff; }

.header-wrap { padding-right:24px; padding-left:24px; display:flex; flex-wrap:wrap; justify-content:space-between; }

.header-logo { height:48px; margin:1rem 0; }
.header-button { width:4.5rem; height:5rem; margin-right:-24px; color:transparent; font-size:1px; line-height:100%; text-align:center; }
.header-button::after { color:#eca555; content:"menu"; }
.header-button-ativo::after { content:"close"; }

.header-nav { width:calc(100% + 48px); border-top:4px solid #eca555; margin:0 -24px; display:none; }
.header-nav-div-a { width:100%; padding:.9375rem 0; border-top:1px solid #ffffff; display:block; color:#ffffff; line-height:1.125rem; text-align:center; }

.header-nav-div-conheca   .header-nav-div-a { background:#72380b; }
.header-nav-div-produtos  .header-nav-div-a { background:#c22400; }
.header-nav-div-receitas  .header-nav-div-a { background:#eb8000; }
.header-nav-div-encontrar .header-nav-div-a { background:#facb01; }
.header-nav-div-contato   .header-nav-div-a { background:#c4b500; }

.header-nav-div-social { padding:.75rem 0; border-top:1px solid #ffffff; display:flex; justify-content:center; background:#8b9C00; }
.header-nav-div-social-a { width:1.5rem; height:1.5rem; margin:0 2px; display:block; background:center / 1.5rem no-repeat; }
.header-nav-div-social-a-facebook  { background-image:url(../img/icone-facebook-branco.svg); }
.header-nav-div-social-a-instagram { background-image:url(../img/icone-instagram-branco.svg); }

.header-ativo .header-nav { display:block; animation:header-nav .4s; }


.header-nav-div-nav { display:none; background:#c22400; }
.header-nav-div-nav-a { padding:15px 0; border-top:1px solid rgba(255,255,255,.5); display:block; color:#ffffff; font-size:.875rem; line-height:1rem; text-align:center; }

@keyframes header-nav {
	from { opacity:0; transform:translateY(-1rem); }
	to   { opacity:1; transform:none; }
}


.header-nav-div-nav-ativo { display:block; animation:header-nav .4s; }
.header-nav-div-nav-saindo { display:block; animation:header-nav-saindo .4s; }

@keyframes header-nav {
	from { opacity:0; transform:translateY(-1rem); }
	to   { opacity:1; transform:none; }
}
@keyframes header-nav-saindo {
	from { opacity:1; transform:none; }
	to   { opacity:0; transform:translateY(-1rem); }
}


@media all and (min-width:480px) {
	.header-wrap { padding-right:48px; padding-left:48px; }
	
	.header-nav { width:calc(100% +  96px); margin:0 -48px; }
}
@media all and (min-width:640px) {
	.header-wrap { padding-right:64px; padding-left:64px; }
	
	.header-nav { width:calc(100% + 128px); margin:0 -64px; }
}
@media all and (min-width:720px) {
	.header-ativo { border-color:#eca555; }
	
	.header-wrap { padding-right:16px; padding-left:16px; }
	
	.header-button { display:none; }
	
	.header-nav { width:calc(100% - 120px); border:none; margin:0 -24px 0 0; display:flex; }
	.header-nav-div-a {
		height:100%; padding:0 16px; border-top:none; display:flex; align-items:center; position:relative;
		color:rgba(0,0,0,.87); font-size:.625rem; line-height:.875rem; background:none; transition:color .25s;
	}
	.header-nav-div-a::after { width:100%; height:4px; position:absolute; bottom:-4px; left:0; content:""; transition:height .3s; }
	.header-nav-div-a-texto { position:relative; z-index:4; }
	
	.header-nav-div-conheca   .header-nav-div-a::after { background:#72380b; }
	.header-nav-div-produtos  .header-nav-div-a::after { background:#c22400; }
	.header-nav-div-receitas  .header-nav-div-a::after { background:#eb8000; }
	.header-nav-div-encontrar .header-nav-div-a::after { background:#facb01; }
	.header-nav-div-contato   .header-nav-div-a::after { background:#c4b500; }
	
	.header-nav-div-a-ativo, .header-nav-div-a:hover { color:#ffffff; }
	.header-nav-div-a-ativo::after, .header-nav-div-a:hover::after { height:calc(100% + 4px); }
	
	.header-nav-div-conheca .header-nav-div-a, .header-nav-div-produtos .header-nav-div-a,
	.header-nav-div-receitas .header-nav-div-a, .header-nav-div-encontrar .header-nav-div-a,
	.header-nav-div-contato  .header-nav-div-a { background:none; }
	
	.header-nav-div-social { height:100%; padding:0 22px; border-top:none; display:flex; align-items:center; position:relative; background:none; }
	.header-nav-div-social::after { width:100%; height:4px; position:absolute; top:100%; left:0; background:#8b9C00; content:""; }
	
	.header-nav-div-social-a { opacity:.87; transition:opacity .3s; }
	.header-nav-div-social-a:hover { opacity:.54; }
	.header-nav-div-social-a-facebook  { background-image:url(../img/icone-facebook.svg); }
	.header-nav-div-social-a-instagram { background-image:url(../img/icone-instagram.svg); }
	
	.header-ativo .header-nav { display:flex; animation:none; }
	
	
	.header-nav-div-nav { width:100%; justify-content:center; position:absolute; top:calc(100% + 4px); left:0; }
	.header-nav-div-nav-ativo { display:flex; }
	.header-nav-div-nav-a { padding:1.5rem 24px; border-top:none; text-shadow:0 1px 2px rgba(0,0,0,.32); transition:background .3s; }
	.header-nav-div-nav-a:hover { background:rgba(255,255,255,.12); }
}
@media all and (min-width:800px) {
	.header-wrap { padding-right:32px; padding-left:32px; }
	
	.header-nav { width:calc(100% - 132px); }
	.header-nav-div-a { font-size:.75rem; line-height:1rem; }
	
	
	.header-nav-div-nav-a { font-size:1rem; line-height:100%; }
}
@media all and (min-width:880px) { .header-nav-div-a { font-size:.875rem; line-height:1rem; } }
@media all and (min-width:720px) { .header-logo { height:64px; } }
@media all and (min-width:960px) {
	.header-wrap { padding-right:22px; padding-left:22px; }
	
	.header-logo { height:84px; }
	
	.header-nav { width:calc(100% - 160px); }
	.header-nav-div-a { padding:0 24px; }
}
@media all and (min-width:1120px) { .header-wrap { padding-right: 96px; padding-left: 96px; } }
@media all and (min-width:1280px) { .header-wrap { padding-right:172px; padding-left:172px; } }



/* ---- Rodapé ---- */



.footer { background:#ffffff; box-shadow:0 0 8px 0 rgba(0,0,0,.16); }
.footer-section-titulo { line-height:1.5rem; }
.footer-section-texto { margin-top:1rem; font-size:.875rem; line-height:1.25rem; }

.footer-section-social { padding-left:2rem; margin-top:1.5rem; display:block; position:relative; color:rgba(0,0,0,.54); font-size:.875rem; line-height:1.5rem; transition:color .25s; }
.footer-section-social + .footer-section-social { margin-top:.5rem; }
.footer-section-social-icone { width:1.5rem; height:1.5rem; position:absolute; top:calc(50% - .75rem); left:0; opacity:.38; transition:opacity .25s; }

.footer-section-social:hover { color:rgba(0,0,0,.87); }
.footer-section-social:hover .footer-section-social-icone { opacity:.87; }

.footer-copy { padding-top:1.5rem; padding-bottom:1.5rem; }
.footer-copy-texto { font-size:.875rem; line-height:1.25rem; }
.footer-copy-a { margin-top:1rem; display:block; opacity:.38; transition:opacity .25s; }
.footer-copy-a:hover { opacity:.87; }

@media all and (min-width:640px) {
	.footer-wrap { margin:0 -13px; }
	.footer-section { width:33.3333333333%; padding-right:13px; padding-left:13px; float:left; }
	
	.footer-copy { padding-top:1.25rem; padding-bottom:1.25rem; }
	.footer-copy-texto { float:left; line-height:1.5rem; }
	.footer-copy-a { margin:0; float:right; }
}
@media all and (min-width:720px) {
	.footer-section-titulo { font-size:1.25rem; line-height:1.75rem; }
	.footer-section-texto { margin-top:1.5rem; }
}



/* ---- Conteúdo ---- */



.wrap { max-width:1280px; margin:0 auto; }

.padding-section-025 	{ padding-top: .25rem; padding-bottom: .25rem; }
.padding-section-05 	{ padding-top:  .5rem; padding-bottom:  .5rem; }
.padding-section-075 	{ padding-top: .75rem; padding-bottom: .75rem; }
.padding-section-1		{ padding-top:   1rem; padding-bottom:   1rem; }
.padding-section-125 	{ padding-top:1.25rem; padding-bottom:1.25rem; }
.padding-section-15 	{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padding-section-2 		{ padding-top:   2rem; padding-bottom:   2rem; }
.padding-section-25		{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.padding-section-4 		{ padding-top:   4rem; padding-bottom:   4rem; }
.padding-section-5 		{ padding-top:   5rem; padding-bottom:   5rem; }

.padding-wrap-025		{ padding-right: 4px; padding-left: 4px; }
.padding-wrap-05		{ padding-right: 8px; padding-left: 8px; }
.padding-wrap-075		{ padding-right:12px; padding-left:12px; }
.padding-wrap-1			{ padding-right:16px; padding-left:16px; }
.padding-wrap-15 		{ padding-right:24px; padding-left:24px; }

.padding-wrap { padding-right:24px; padding-left:24px; }

@media all and (min-width: 480px) { .padding-wrap { padding-right: 48px; padding-left: 48px; } }
@media all and (min-width: 640px) { .padding-wrap { padding-right: 64px; padding-left: 64px; } }
@media all and (min-width: 800px) { .padding-wrap { padding-right: 80px; padding-left: 80px; } }
@media all and (min-width: 960px) { .padding-wrap { padding-right: 96px; padding-left: 96px; } }
@media all and (min-width:1120px) { .padding-wrap { padding-right:112px; padding-left:112px; } }
@media all and (min-width:1280px) { .padding-wrap { padding-right:236px; padding-left:236px; } }

.padding-section-16-24 { padding-top:1rem; padding-bottom:1rem; }
.padding-section-32-48 { padding-top:2rem; padding-bottom:2rem; }

@media all and (min-width:720px) {
	.padding-section-16-24 { padding-top:1.5rem; padding-bottom:1.5rem; }
	.padding-section-32-48 { padding-top:  3rem; padding-bottom:  3rem; }
}



/* ---- Tipografia ---- */



.color-marrom	{ color:#72380b; }
.color-vermelho { color:#c22400; }

.color-branco-1 { color:rgba(255,255,255, 1); }
.color-branco-2 { color:rgba(255,255,255,.7); }
.color-branco-3 { color:rgba(255,255,255,.5); }
 
.color-preto-1 { color:rgba(0,0,0,.87); }
.color-preto-2 { color:rgba(0,0,0,.54); }
.color-preto-3 { color:rgba(0,0,0,.38); }

.font-size-075	{ font-size: .75rem; line-height:100%; }
.font-size-0875	{ font-size:.875rem; line-height:100%; }
.font-size-1	{ font-size:   1rem; line-height:100%; }
.font-size-125	{ font-size:1.25rem; line-height:100%; }
.font-size-15	{ font-size: 1.5rem; line-height:100%; }
.font-size-2	{ font-size:   2rem; line-height:100%; }
.font-size-3	{ font-size:   3rem; line-height:100%; }
.font-size-4	{ font-size:   4rem; line-height:100%; }

.font-size-125-15 { font-size:1.25rem; line-height:1.75rem; }
.font-size-15-2   { font-size: 1.5rem; line-height:   2rem; }
.font-size-25-3   { font-size: 2.5rem; line-height:   3rem; }

@media all and (min-width:720px) {
	.font-size-125-15 { font-size:1.5rem; line-height:  2rem; }
	.font-size-15-2   { font-size:  2rem; line-height:2.5rem; }
	.font-size-25-3   { font-size:  3rem; line-height:  4rem; }
}

.font-family-courgette { font-family:"Courgette", cursive; }

.font-style-italic	{ font-style:italic; }
.font-weight-bold	{ font-weight:bold; }

.letter-spacing-1 { letter-spacing:-1px; }
.letter-spacing-2 { letter-spacing:-2px; }

.line-height-100  { line-height:100%; }
.line-height-120  { line-height:120%; }
.line-height-150  { line-height:150%; }
.line-height-auto { line-height:normal; vertical-align:middle; display:inline-block; }

.text-align-center	{ text-align:center; }
.text-align-left	{ text-align:  left; }
.text-align-right	{ text-align: right; }

.text-transform-uppercase { text-transform:uppercase; }



/* ---- Extras ---- */



.link-opacity 		{ transition:opacity .25s; }
.link-opacity:hover { opacity:.7; }

.margin-top-0125 { margin-top:.125rem; }
.margin-top-025	 { margin-top: .25rem; }
.margin-top-05	 { margin-top:  .5rem; }
.margin-top-075  { margin-top: .75rem; }
.margin-top-0875 { margin-top:.875rem; }
.margin-top-1	 { margin-top: 	 1rem; }
.margin-top-125  { margin-top:1.25rem; }
.margin-top-15	 { margin-top: 1.5rem; }
.margin-top-2	 { margin-top:   2rem; }
.margin-top-25	 { margin-top: 2.5rem; }
.margin-top-3	 { margin-top:   3rem; }
.margin-top-4	 { margin-top:   4rem; }

.margin-top-32-48 { margin-top:2rem; }

@media all and (min-width:720px) { .margin-top-32-48 { margin-top:3rem; } }

.img-container	{ width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative; }
.img-retina		{ width:100%; height:100%; }

.img-position { width:100%; height:100%; object-position:center; position:absolute; top:0; left:0; }
.img-position-cover   { object-fit:cover; }
.img-position-contain { object-fit:contain; }

.clear-both { height:0; overflow:hidden; clear:both; }

.display-block			{ display:block; }
.display-inline			{ display:inline-block; }
.display-none			{ display:none; }

.float-left		{ float: left; }
.float-right	{ float:right; }

.overflow-hidden { overflow:hidden; }

.position-absolute { position:absolute; top:0; left:0; }
.position-relative { position:relative; }

.divisor { height:.25rem; overflow:hidden; }
.divisor-branco { background:#ffffff; }
.divisor-preto  { background:#f5f5f5; }

.divisor-site { width:100%; height:4px; border:1px dashed #72380b; opacity:.24; }



/* ----- Efeitos ----- */



.fx-denied { animation:fx-denied .6s cubic-bezier(.36,.07,.19,.97) both; }

@keyframes fx-denied {
	10%, 90% 		{ transform:translate3d(-.0625rem, 0, 0); }
	20%, 80% 		{ transform:translate3d(  .125rem, 0, 0); }
	30%, 50%, 70% 	{ transform:translate3d(  -.25rem, 0, 0); }
	40%, 60% 		{ transform:translate3d(   .25rem, 0, 0); }
}



.fx-opacity-in 		{ animation:fx-opacity-in  .3s; }
.fx-opacity-out 	{ animation:fx-opacity-out .3s; }

@keyframes fx-opacity-in  { from { opacity:0; } to { opacity:1; } }
@keyframes fx-opacity-out { from { opacity:1; } to { opacity:0; } }



/* ---- Se você chegou até aqui, envie seu currículo para contato@isdesign.com.br ---- */