/* ------------------------------------------------------------------ */
/* HEADER
/* ------------------------------------------------------------------ */

header {
   height: 153px;
   width: 100%;
   background: #fff;
   position:;
   left: 0;
   top: 0;
   z-index: 990;
   border-bottom:1px solid #ddd;
}

/* header logo */
header .logo1 {
	display:block;
   margin-left: 25px;
   margin-right: 10px;
   margin-top: 25px;
   float: left;
   width: auto;
   z-index: 991;
   position: relative;
}

header .logo1 a {
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   width: 170px;
   height:auto;
}

header .logo2 {
	display:none;
   margin-left: 36px;
   margin-right: 20px;
   margin-top: 25px;
   float: left;
   width: auto;
   z-index: 991;
   position: relative;
}

header .logo2 a {
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   width: 140px;
   height:auto;
}


/* SOCIAIS */
header .header-social {
	font-size: 20px;
   font-weight: normal;
   line-height: 54px;
   color: #444;
   margin: 47px 10px 0 10px;
   padding: 0;
   float: right;
}
header .header-social li {
   display: inline-block;
   margin-right: 20px;
}
header .header-social li a { color: #444; }
header .header-social li a:hover { color: #8cc63e; }

/* NAVEGACAO PRIMARIA
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {
	 margin: 0;
	 padding: 0;
	 border: none;
	 outline: none;
}

/* nav-wrap */
#nav-wrap {
   font: 400 14px 'Open Sans', sans-serif;
   text-transform:;
   letter-spacing: 0px;
   float: right;
	margin-left:;
}

/* hide toggle button */
#nav-wrap > a { display: none; }

ul#nav {
   min-height: 54px;
   width: auto;

   /* left align the menu */
   text-align: left;
   margin-top:55px;
}
ul#nav li {
   position: relative;
   list-style: none;
   height: 54px;
   display: inline-block;

}

/* Links */
ul#nav li a {
   /* 8px padding top + 8px padding bottom + 38px line-height = 54px */
   display: inline-block;
   padding: 6px 16px;
   line-height: 25px;
	text-decoration: none;
   text-align: left;
   color: #333;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}
ul#nav li a:hover { color: #8cc63e; background-color:#333; }
ul#nav li a:active { background-color: transparent !important; }
ul#nav li.current a { color: #8cc63e; background-color:#333;}


/* screenwidth less than or equal 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

   /* Header Styles
   ------------------------------------------------------------------ */
   header .header-social { font-size: 18px; }
   header .header-social li { margin-right: 15px; }


}

/* screenwidth less than 768px - mobile/smaller tablets
---------------------------------------------------------------------- */
@media only screen and (max-width: 777px) {

header { height:135px; }
	.logo1 { display:none !important; }
	.logo2 { display:block !important; }
	/* General and Common Styles */
	.section-head { padding: 0 30px; }

   /* nav-wrap */
   #nav-wrap { font-size: 13px; }
   ul#nav li a { padding: 6px 9px; }


   /* mobile navigation
   -------------------------------------------------------------------- */
   #nav-wrap {
      font: 400 12px 'montserrat-regular', sans-serif;
      background: transparent !important;
      letter-spacing:;
      color: #8cc63e;

      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
   }
   #nav-wrap > a {
      text-align: left;
		border: none;
      color: #8cc63e;
      font-size: 12px;
      height: 54px;
      line-height: 40px;
      float: right;

      font: 0/0 a;
      text-shadow: none;
      color: transparent;

      position: relative;
      top: 40px;
      right: 36px;
   }
	#nav-wrap > a:before {
	   font-family: 'FontAwesome';
      content: "\f0c9";
      color: #333;
      margin: 0;
      font-size: 25px;
      line-height: 54px;
      text-align: left;
      display: block;
      float: right;
	}

   /* hide menu panel */
   #nav-wrap ul#nav {

      background: #333;
      height: auto;
      display: none;
      clear: both;
      width: auto;

      position: relative;
      top: 30px;
      right: 30px;
   }

   /* display toggle buttons */
	.no-js #nav-wrap:not( :target ) > a:first-of-type,
	.no-js #nav-wrap:target > a:last-of-type  {
	   display: block;
	}
   .js #nav-wrap a { display: block; }

   /* display menu panels - no JS*/
   .no-js #nav-wrap:target > ul#nav  {
      display: block;
   }

   ul#nav li {
      display: block;
      height: auto;
      text-align: left;
      border-bottom: 1px solid #555;
      border-bottom-style: dotted;
   }

   ul#nav li a {
      display: block;
      width: auto;
      margin: 0;
      padding: 12px 20px;
      line-height: 16px; /* reset line-height from 54px */
      border: none;
      color:#8cc63e;
   }
   ul#nav li a:hover { color:#fff; background-color:#222; }
   /* hide social icons */
   .header-social { display: none; }

   /* Header Styles
   -------------------------------------------------------------------- */
   header .logo { margin-right: 36px; }

}

/* screenwidth less than or equal 480px - mobile wide
  -------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

   /* mobile navigation
   -------------------------------------------------------------------- */
   #nav-wrap { width: 100%; }
   #nav-wrap ul#nav {
      width: 100%;
      float: none;
      right: 0;
      top:80px;
   }

   #home { padding-top: 42px; }

}

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

   #nav-wrap ul#nav { display: block !important; }

}