/* --------------------------------------------------------------------------------
Header
-------------------------------------------------------------------------------- */
#header
{
  	width:100%;
  	position:fixed;
  	top:0;
  	left:0;
  	transition: all 0.25s ease-in-out;
  	z-index:1010;
  	background-color:#222;
}

#header.hide
{
  	display:none;
}

#header-top
{
	width:100%;
	background-color:#333;
}

#header-bottom
{
	width:100%;
}

#header a
{
  	display:block;
  	color:#FFF;
  	text-decoration:none;
  	text-transform: uppercase;
  	overflow:hidden;
  	position:relative;
  	transition: all 0.125s ease-in-out;
    opacity:0.5;
}

#header a:hover
{
    opacity:1;
}

#header a.active
{
    color: #d1b180;
    opacity:1;
}

#nav-main > ul > li > a
{
	font-size:16px;
	font-weight:bold;
}

#nav-main ul ul > li > a
{
  	font-size:13px;
  	font-weight:bold;
}

#nav-main i
{
  	font-size:18px;
  	position:relative;
  	margin:-4px 0 0 6px;
  	top:2px;
}

/*#header a:before
{
    display:inline-block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    opacity:0;
    content:"";
}*/




#header ul
{
  	list-style-type:none;
  	margin:0;
  	padding:0;
}

#nav-main
{
    width:100%;
    max-width:1024px;
    margin:0 auto;
    text-align:left;
}



#nav-meta
{
    width:100%;
    max-width:1024px;
    margin:0 auto;
    text-align:left;
}

#nav-meta ul
{
    width:100%;
    max-width:1024px;
    margin:0 auto;
    text-align:left;
    padding:0 40px;
}

#nav-meta ul li
{
    float:right;
    margin-left:2px;
    background-color:#222;

}

#nav-meta ul li a
{
    padding:12px 14px;
    font-size:12px;
    line-height:12px;
    font-weight:bold;
}

#nav-meta input
{
    font-family:Netto;
    font-size:12px;
    line-height:12px;
    font-weight:bold;
    background-color:#222;
    color:#919191;
    border:0;
    padding:12px 14px;
    transition: width 0.25s ease-in-out, color 0.125s ease-in-out, background-color 0.125s ease-in-out;
    width:200px;
}

#search-form:hover input,
#search-form:hover i
{
    color:#FFF;
}


#nav-meta input.focus
{
    color:#FFF;
    background-color:#8F8F8F;
    width:300px;
}

#search-form
{
    position:relative;
}

#search-form i
{
    color:#919191;
    position:absolute;
    top:6px;
    right:6px;
    transition: all 0.125s ease-in-out;
}


#nav-main > ul > li
{
	background-color:#222;
	transition: all 0.125s ease-in-out;
}

#nav-main ul ul > li > a:hover
{
	background-color:#222;
}

#nav-main > ul > li:hover
{
	background-color:#333;
}











@media screen and (min-width: 911px)
{
    #nav-main > ul
	{
	  	padding:0 28px;
	}

    #nav-main > ul > li > a
	{
		padding:14px 12px 12px 12px;
	}
}

@media screen and (max-width: 920px)
{
    #nav-main > ul > li > a
	{
		padding:14px 8px 12px 8px;
	}
}

@media screen and (max-width: 860px)
{
	#nav-main > ul > li > a
	{
		padding:15px 4px 13px 4px;
        font-size:14px;
	}
}


/* --------------------------------------------------------------------------------
Header Max
-------------------------------------------------------------------------------- */
@media screen and (min-width: 769px)
{
    #header
	{
		height:170px;
	}

    #header-top
	{
		height:124px;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}

	#header-bottom
	{
	  	height:46px;
	  	position:absolute;
	  	bottom:0;
	  	left:0;
	  	z-index:1;
	}

    #nav-main > ul > li:first-child
    {
        display:none;    
    }

    #header.min
    {
  	    top:-124px;
    }


    #nav-main ul ul > li
	{
	  	overflow:hidden;
	  	height:0;
	  	transition: all 0.25s ease-in-out;
	}

	#nav-main ul ul > li > a
	{
	  	padding:12px;
	}

    #logo
	{
		float:left;
        opacity:1!important;
	}

	#logo img
	{
		height:100px;
		margin:20px 0 0 40px;
	}

	#icon-menu
	{
		display:none;
	}




	#nav-main > ul > li
	{
	 	float:left;
	}

    #nav-main > ul > li > ul
	{
	 	position:absolute;
        width:300px;
        background-color:#333;
	}



	#nav-main ul > li:hover ul > li
	{
	  	height:38px;
	}

}

/* --------------------------------------------------------------------------------
Header Min
-------------------------------------------------------------------------------- */
@media screen and (max-width: 768px)
{
	#header
	{
		min-height:60px;
		transition: all 0.25s ease-in-out;
	}

	#header.open
	{
		min-height:100%;
	}

	#header.relative
	{
		position:relative;
	}

	#nav-lang a
	{
	  	padding-right:0!important;
	}

	#nav-main ul ul > li > a
	{
	  	padding:12px 48px;
	}

	#nav-meta ul ul > li > a
	{
	  	padding:12px 48px;
	}

	#nav-main > ul > li
	{
		transition: all 0.25s ease-in-out;
		overflow:hidden;
		max-height:0;
	}

	#nav-meta > ul > li
	{
		transition: all 0.25s ease-in-out;
		overflow:hidden;
		max-height:0;
	}

	#nav-main > ul > li > ul > li
	{
		transition: all 0.25s ease-in-out;
		overflow:hidden;
		max-height:0;
	}

	#nav-meta > ul > li > ul > li
	{
		transition: all 0.25s ease-in-out;
		overflow:hidden;
		max-height:0;
	}

	#nav-main > ul > li > a
	{
		padding:12px 24px;
	}

	#nav-meta > ul > li > a
	{
		padding:12px 24px;
	}
	
	#header.open #nav-main > ul > li
	{
		max-height:38px;
	}

	#header.open #nav-meta > ul > li
	{
		max-height:38px;
	}

	#header.open #nav-main ul > li.open
	{
	  	max-height:1000px;
	}

	#header.open #nav-main ul > li.open ul > li
	{
	  	max-height:38px;
	}

	#header.open #nav-meta ul > li.open
	{
	  	max-height:1000px;
	}

	#header.open #nav-meta ul > li.open ul > li
	{
	  	max-height:38px;
	}

	#logo
	{
		display:none!important;
	}

	#icon-menu
	{
		position:relative;
		top:6px;
		left:10px;
		margin-bottom:12px;
	}

	.c-hamburger
	{
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 48px;
		height: 48px;
		font-size: 0;
		text-indent: -9999px;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
	}

	.c-hamburger:focus
	{
	  	outline: none;
	}

	.c-hamburger span
	{
		display: block;
		position: absolute;
		top: 22px;
		left: 9px;
		right: 9px;
		height: 4px;
		background: white;
		border-radius:2px;
	}

	.c-hamburger span::before, .c-hamburger span::after
	{
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
		content: "";
		border-radius:2px;
	}

	.c-hamburger span::before
	{
	  	top: -10px;
	}

	.c-hamburger span::after
	{
	  	bottom: -10px;
	}

	.c-hamburger--htx span
	{
	  	transition: background 0s 0.3s;
	}

	.c-hamburger--htx span::before,	.c-hamburger--htx span::after
	{
	  	transition-duration: 0.3s, 0.3s;
	  	transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}

	.c-hamburger--htx span::after
	{
	  	transition-property: bottom, transform;
	}

	.c-hamburger--htx.open span
	{
	  	background: none;
	}

	.c-hamburger--htx.open span::before
	{
	  	top: 0;
	  	transform: rotate(45deg);
	}

	.c-hamburger--htx.open span::after
	{
	  	bottom: 0;
	  	transform: rotate(-45deg);
	}

	.c-hamburger--htx.open span::before, .c-hamburger--htx.open span::after
	{
	  	transition-delay: 0s, 0.3s;
	}
}

.clickable a{
    padding-top:15px !important;
}