@charset "UTF-8";

/* MENU */
nav  {
	display:block;
	background:#06a651;
	padding: 0 20px;
}
nav ul {
	margin:0 auto;
	width: 1160px;
	height:40px;
	position:relative;
	z-index:90;
}

nav>ul>li.current {
	background:rgba(0,0,0,0.75);
}

nav ul ul, nav ul li, nav ul a {
	margin: 0; 
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:400;
}

nav ul li {
	display: inline;
	float: left;
	position: relative;
	text-align: center;
}
nav ul li:first-child {
	border-left:0;
}
nav ul li:last-child {
	border-right:0;
	float: right;
}

nav ul>li>a {
	width:100%;
	padding:0;
	display: block;
	line-height:40px;
	cursor:pointer;
	color:#ffffff;
	white-space:nowrap;
	text-decoration:none;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.40);
	 filter: dropshadow(color=#000000, offx=0, offy=0);
}
nav ul>li>ul>li {
	font-size:14px;
	line-height:1.8em;
	cursor:pointer;
	color:#FFF;
	white-space:nowrap;
}
nav ul>li>ul>li>a {
	padding:0 15px;
	display: block;
	font-size:14px;
	line-height:1.8em;
	cursor:pointer;
	color:#FFF;
	white-space:nowrap;
	text-decoration:none;
}

nav ul li:hover {
	background:#333333;
	background:rgba(0,0,0,0.75);
}
nav ul li:hover a {
	color:#ffffff;
}

nav ul li ul {
	background:rgba(0,0,0,0.85);
	display: none;
	height: auto;
	left: 0;
	margin: 0;
	position: absolute;
	top: 100%;
	padding:10px 0;
	width:auto;
	min-width: 160px;
	box-shadow: 5px 5px 6px 0px rgba(1, 1, 1, 0.3);
	border-radius:0 0 4px 4px;
}

nav ul li:hover ul {
	display: block;
}

nav ul li ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	border:0;
}
nav ul li ul li.subtitle {
	color:#cccccc;
	background:rgba(0,0,0,0.30);
	border-top:1px solid #111111;
	border-bottom:1px solid #555555;
	margin:10px 0;
	padding:0 13px;
	line-height:1.8em;
}

nav ul li ul li a:hover {
	display: block;
	color:#f90;
}

nav>ul>li:nth-child(1) { width:110px; }
nav>ul>li:nth-child(2) { width:140px; }
nav>ul>li:nth-child(3) { width:180px; }
nav>ul>li:nth-child(4) { width:130px; }
nav>ul>li:nth-child(5) { width:140px; }
nav>ul>li:nth-child(6) { width:190px; }
nav>ul>li:nth-child(7) { width:140px; }
nav>ul>li:nth-child(8) { width:120px; }

nav>ul>li:last-child ul {
	left:auto;
	right:0;
	box-shadow: -5px 5px 6px 0px rgba(1, 1, 1, 0.3);
}

/* MENU SON */

#menu {
	float:right;
	margin-top:28px;
	display:none;
}

/* Hamburger */
.hamburger {
  /*padding: 15px 15px;*/
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
	
/* hamburger son */	



nav ul li ul {
	-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}



@media screen and (max-width: 680px) {

#menu {
	display:block;
}

/* MENU */	
nav {
	width:100%;
	display:none;
	-webkit-overflow-scrolling: touch;
	font-size:18px;
	padding: 0;
}
nav ul {
	background:none;
	width:100%;
	height:auto;
	position:relative;
	z-index:90;
}

nav>ul>li {
	background:#333333;
	background: none;
}

nav ul li {
	display: block;
	float: none;
	width:100%;
	border-bottom:1px solid #068642;
	border-top:1px solid #04b758;
}

nav ul>li>a {
	width:100%;
	padding:0;
	line-height:2.5em;
}

nav ul>li>ul>li>a {
	line-height:2em;
}

nav ul li:hover {
	background:#22272d;
}

nav ul li ul {
	background:#222;
	position: relative;
	box-shadow: inset 0px 5px 6px rgba(0, 0, 0, 0.3);
}

nav ul li:hover ul {
	display: none;
}

nav ul li ul li {
	text-align: center;
	border-bottom:1px solid #1a1a1a;
}

nav ul li ul li:last-child {
	border-bottom:0;
}
nav ul li ul li:hover {
	background:none;
}
nav ul li ul li:hover a {
	display: block;
	color:#1595D7;
}

nav>ul>li:nth-child(1),
nav>ul>li:nth-child(2),
nav>ul>li:nth-child(3),
nav>ul>li:nth-child(4),
nav>ul>li:nth-child(5),
nav>ul>li:nth-child(6),
nav>ul>li:nth-child(7),
nav>ul>li:nth-child(8) {
	width:100%;
}

nav>ul>li {
	width:100%;
}
	
nav ul li:last-child {
	float: none;
}	

/* MENU SON */

}