/* Solis - Dropdown Menu (Theme 1) - Animation 1 */
body{
	margin:0;
	}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */	
.menu-container{
	width:100%;
	height:72px;	
	background:#333;
	border-top:solid 1px #222;
	border-bottom:solid 5px #FFC926;
	}
.menu{
	width:auto;
	margin:0 auto;
	overflow:hidden;
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */	
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	display: block; padding: 0px; width:auto; max-width:122px;
	float:left;
	
	}
  
.menu ul li a{
	display:block;
	width:auto;
  padding-left:5px;
  padding-right:5px;
	height:66px;
	color:#EEE;
	text-decoration:none;
	text-align:center;
	border-left:solid 1px #2C2C2C;
	-webkit-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	-moz-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	-ms-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	-o-transition:color 160ms linear 10ms, background 160ms linear 10ms;
	transition:color 160ms linear 10ms, background 160ms linear 10ms;
	}
.menu > ul > li:last-child > a{
	border-right:solid 1px #2C2C2C;
	}
/* ========== ICONS ========== */
.menu ul li a i{
	margin-top:8px;
	font-size:17px;
	}
/* ========== TEXT ========== */
.menu ul li a h3{
	margin-top:4px;
	font:normal 12px 'Archivo Narrow', sans-serif;
  background:none;
  text-transform:uppercase;
  padding:0
	}
  

/* ========== MAIN LINKS ON MOUSEOVER ========== */	
.menu ul:hover li.current a{
	color:#EEE;
	background:#333;
  
	}
.menu ul li.current > a, .menu > ul > li:hover > a,  .menu ul li.current:hover > a{
	color:#FFC926;
	background:#2C2C2C;
	}
  
  .menu ul li.current > a > h3, .menu > ul > li:hover > a > h3{
      color:#FFC926;
  }
  
  
/* ========== DROPDOWN MENU ========== */
.menu ul ul{
	min-width:152px;
	position:absolute;
	visibility:hidden;
	opacity:0;
	background:#2C2C2C;
	border-top:solid 5px #FFC926;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	-webkit-box-shadow:0 3px 3px rgba(209,209,209,.8);
	-moz-box-shadow:0 3px 3px rgba(209,209,209,.8);
	box-shadow:0 3px 3px rgba(209,209,209,.8);
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
  z-index:1000;   
  
	}
.menu ul li:hover > ul{
	visibility:visible;
	opacity:1;
	}
/* ========== LINKS IN DROPDOWN MENU ========== */
.menu ul ul li{
	position:relative;
	float:none;
  
	}
.menu ul ul li a{
	width:auto;
	height:36px;
	padding-left:16px;
	font:13px/36px 'Archivo Narrow', sans-serif;
	color:#A2A2A2;
	text-align:left;
	border:none;
	border-bottom:solid 1px #252525;  
	}
/* ========== LINKS IN DROPDOWN MENU ========== */	
.menu ul ul li a span{
	position:absolute;
	top:12px;
	right:10px;
	font-size:14px;
	}	
.menu ul .icons-dropdown li a{
	padding-left:37px;
	}	
.menu ul ul li a i{
	position:absolute;
	top:-6px;
	left:12px;
	font-size:14px;
	}
.menu ul ul li:last-child a{
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}
/* ========== LINKS ON MOUSEOVER IN DROPDOWN MENU ========== */
.menu ul ul li:hover > a{
	color:#FFF;
	background:#333;
	}
/* ========== DROPDOWN MENU LVL 2,3,4... ========== */	
.menu ul ul ul{
	position:absolute;
	left:100%;
	top:-4px;
	border-top:solid 4px #FFC926;
	-webkit-box-shadow:3px 4px 3px rgba(209,209,209,.6);
	-moz-box-shadow:3px 4px 3px rgba(209,209,209,.6);
	box-shadow:3px 4px 3px rgba(209,209,209,.6);
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}	
.menu ul ul ul li a{
	border-left:solid 1px #252525;
	}
/* ========== SOCIAL ICONS ========== */
.social{
	margin:15px 0 0;
	padding:0;
	list-style:none;
	float:right;
	}
.social li{
	float:left;
	}
.social li a{
	display:block;
	width:40px;
	height:40px;
	margin-right:2px;
	font-size:16px;
	background:#2C2C2C;
	text-align:center;
	color:#FFC926;
	line-height:40px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:color 160ms ease-in, background 160ms ease-in;
	-moz-transition:color 160ms ease-in, background 160ms ease-in;
	-ms-transition:color 160ms ease-in, background 160ms ease-in;
	-o-transition:color 160ms ease-in, background 160ms ease-in;
	transition:color 160ms ease-in, background 160ms ease-in;
	}
.social li:last-child a{
	margin-right:0;
	}	
.social li a:hover{
	color:#333;
	background:#FFC926;
	}		
  
  
  
  
@media only screen and (max-width: 1200px){
	.menu ul li a h3{
    font-size:10px
		}
	}