@charset "iso-8859-9";
/* CSS Document */
body, ul, li,a {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Oswald', sans-serif;
}.arg{
	width:100%;
	height:auto;
	margin-left:0%;
	background:rgba(255,255,255,1);
}.arg a{
	margin-bottom:2px;
	margin-top:0px;
	display: block;
	text-decoration: none;
	padding: 10px 10px;
	color: #000;
	font-size:19px;
}.arg a:hover{
	background: #FFF;
	text-align:left;
}.arg li{
	position: relative;
	text-align:left;
	background:rgba(255,255,255,1);
}.arg li ul{
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: all 0.9s ease;
	width:98%;
	margin-left:2%;
	text-align:left;
	background-color:#FFF;
}.arg li ul li{
	background-color:#FFF;
}.arg li ul a:hover{
	background: #FFF;
	text-align:left;
}nav{
	width:100%;
	max-height:30px;
	transition: max-height 0.8s;
	overflow: hidden;
	z-index:1200;
}.arg-btn{
	width:10%;
	height:auto;
	margin-left:87%;
	cursor: pointer;
	top:10px;
}.arg-btn img{
	height: 40px;
	width: 40px;
}.arg-open,
.arg .open > ul{
	max-height: 2000px;
}.arg .open > .more img{
	transform: rotate(0deg);
}.more{
	background: rgba(255, 255, 255, 0.38);
	float: right;
	min-width: 10%;
	cursor: pointer;
}.has-sub{
	margin-left:2px;
}

@media all and (min-width: 1024px){
nav{
	width:100%;
	max-height: 100%;
	margin-left:0px;
	overflow: visible;
}.nav:hover{
	width:100%;
	max-height: 100%;
	margin-left:0px;
	overflow: visible;
	color:#333;
}.has-sub{
	width:auto;
	height:auto;
	margin-left:8px;
}.arg-btn{
	display: none;
}.arg{
	width:100%;
	height:auto;
	background: rgba(255, 255, 255, 0);
}.arg a{
	width:auto;
	background:rgba(255,255,255,0);
}.arg a:hover{
	background:rgba(255,255,255,0);
	color:#F90;
}.arg > li{
	display: inline-block;
}.arg li{
	position: relative;
	text-align:left;
	background:rgba(255,255,255,0);
}.arg li ul{
	left: -9999px;
	width:200px;
	position:absolute;
	overflow: visible;
	transform:translateX(0px);
	transition: transform 0.9s ease-in, opacity 0.1s ease-in-out;
	margin:0px 0px 0px -2px;
}.arg li ul li{
	background-color:#FFF;
	margin-bottom:-11px;
	margin-top:-12px;
}.arg > li > ul ul{
	top: -10px;
	background:rgba(255,255,255,1);
}.arg li:hover > ul{
	left:100%; 
}.arg > li:hover > ul{
	left: 0;
}.arg .open > ul{
	left:100%; 
}.arg > li.open > ul{
	left: 0;
}.more img{
	height: 5px;
	transition: transform 0.3s;
}.more{
	width:auto;
	height:auto;
}
}