@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/Nexa_Free_Bold-webfont.eot');
    src: url('../fonts/Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nexa_Free_Bold-webfont.woff') format('woff'),
         url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/Nexa_Free_Light-webfont.eot');
    src: url('../fonts/Nexa_Free_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nexa_Free_Light-webfont.woff') format('woff'),
         url('../fonts/Nexa_Free_Light-webfont.ttf') format('truetype'),
         url('../fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}







strong,
b {
  font-family: 'nexa_boldregular';
  line-height: inherit; }


header { background:#1D6B32; border-bottom: 6px solid #C9DA2A; }

footer { 
background:url(../img/hero_panel_bg.jpg);
 background-size:cover;
  border-top: 12px solid #C9DA2A;
  margin:2rem 0 0 0;
  padding-bottom:2rem }
  
  
.footer-contacts { text-align:center; margin-bottom:1rem }

section.background {
	background-image: url(../img/fundo.png);
	background-repeat: no-repeat;
	padding:1.5rem 0;
margin-bottom:2rem;
background-attachment:fixed;
background-size:100%;
	}
	
	/* fade in image when loaded */
.gallery-cell-image {
  transition: opacity 0.4s;
  opacity: 0;
}

.gallery-cell-image.flickity-lazyloaded,
.gallery-cell-image.flickity-lazyerror {
  opacity: 1;
}


@media screen and ( min-width: 40em ) {
.footer-contacts { text-align:left }
}

footer ul.fmenu {list-style-type: none; text-align: right; padding-top:2rem; margin-left:0}
footer ul.fmenu li {  color:#FFFFFF; float:none!important;    font-family: 'nexa_boldregular'; display: inline-block; padding:0 0.5rem }
footer ul.fmenu li a {  color:#FFFFFF; }
footer p {color:#FFFFFF; font-size:0.75rem; line-height:1rem; margin-bottom:0}

footer ul.social {list-style-type: none; text-align: right; margin-left:0; padding-top:0.5rem}
footer ul.social li {  margin:0 5px; display: inline-block; }
footer ul.social li a { display:block;  background:transparent;  padding:0; border:1px solid #fff; border-radius:100% ;   }
footer ul.social li a:hover {background:#C9DA2A; border:1px solid #C9DA2A;}




section.hero_info { 
background-image: url(../img/hero_panel_bg.jpg);
background-color:#333333;
padding:1.5rem 0;
margin-bottom:2rem;
}
section.hero_info h3, section.hero_info p {color:#FFFFFF}
section.hero_info h3 { margin-bottom:0 }

section.contents, section.content_2 { padding:2rem 0; } 

section.contents h2 { font-size:1.375rem; margin-top:1rem } 
section.contents img { border:1px solid #ddd; padding:0.5rem; background:#FFFFFF } 

section.contents.about {padding:4rem 0;}
section.contents.about img { margin:25px 0}



.img_panel { border:1px solid #ddd; padding:0.5rem; background:#FFFFFF }

section.content_2 h2 { font-size:1.375rem; margin-top:1rem } 

.brand { position:absolute; top:0; z-index:2; max-width:90%;   }

.logo {float:left; max-width:180px; width:100%; margin:-10px}
.eli_logo {opacity:0.8; float:left; margin-left:10px; width:180px;  margin-top:12px}

.logo_footer { margin-top:-12px; width:200px }



.ha_label { width:90% } 


.produto {padding-top:2rem; text-align:center}

.produto h2 { margin-top:1rem; margin-bottom:0;  font-size: 1.375rem;}

.contact-form { padding-top:1rem;}

/* hero-gallery
------------------------- */

.hero-gallery {
  margin-bottom: 0;
  background: #333333;
}

.hero-gallery__cell {
  width: 100%;
  height: 240px;
  color: white;
  background: #ED2;
  background: #EFCE36; /* match gif */
}

.hero-gallery__cell__content {
  padding: 20px 60px 0;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.hero-gallery h1 {
  font-size: 3.2em;
  line-height: 1.0;
  margin: 0;
  padding-top: 40px;
}

.hero-gallery .tagline {
  font-size: 1.4em;
  line-height: 1.0;
  margin: 0;
  color: #444;
}

.hero-illustration {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}

.hero-gallery_cell-1 {
  background: url(../img/hero_01.jpg);
  background-position: center bottom;
  background-size: cover;
}



@media screen and ( min-width: 900px ) {
.hero-gallery_cell-1 {background-position: 25% -100px; }
}

@media screen and ( min-width: 1100px ) {
.hero-gallery_cell-1 {
	background-position: 25% -150px;
	}
}


.hero-gallery_cell-2 {
  background: url(../img/hero_02.jpg);
  background-position: 25% 25%;
  background-size: cover; 
  
}

.hero-gallery_cell-3 {
  background: url(../img/hero_03.jpg);
  background-position: 25% 25%;
  background-size: cover; 
  
 
}





@media screen and ( max-width: 500px ) {
  /* hide first cell content on small devices */
  .hero-gallery h1,
  .hero-gallery .tagline {
    display: none;
  }
section.background {
	background-image: url(../img/fundo2.png);
	background-repeat: no-repeat;
	padding:1.5rem 0;
margin-bottom:2rem;
background-attachment:fixed;
background-size:100%;
	}
	
		.hero-gallery_cell-2 {
  background: url(../img/hero_02_small.jpg);
  background-position: 25% 25%;
  background-size: cover; 
}
	
	.hero-gallery_cell-3 {
  background: url(../img/hero_03_small.jpg);
  background-position: 25% 25%;
  background-size: cover; 
}



	
}


/* ---- large device styles ---- */

@media screen and ( min-width: 768px ) {

  .hero-gallery__cell {
    height: 350px;
  }

  .hero-gallery__cell__content {
    padding-top: 40px;
  }

  .hero-gallery h1 {
    font-size: 5.8em;
  }

  .hero-gallery .tagline {
    font-size: 2.1em;
  }

  .hero-illustration {
    top: 80px;
  }

  .slogan--easy,
  .slogan--fun {
    font-size: 4.8em;
  }

  .slogan--tagline {
    margin-top: 20px;
    font-size: 2.4em;
  }

  .feature-list {
    font-size: 3.1em;
  }

  .feature-list li {
    margin-bottom: 20px;
  }

  .by-line {
    font-size: 3.1em;
  }

  .by-line--made {
    padding-top: 40px;
    margin-bottom: 20px;
  }
		.hero-gallery_cell-2 {
  background: url(../img/hero_02_med.jpg);
  background-position: 25% 25%;
  background-size: cover; 
}
	



}

@media screen and ( min-width: 960px ) {

  .hero-gallery__cell--1  .hero-gallery__cell__content {
    padding-right: 400px;
  }

  .hero-gallery h1 {
    font-size: 7.8em;
  }

  .hero-illustration {
    max-width: 400px;
    top: 20px
  }

}