/*
Author: Mad rs Themes
Author URI: http://madrsthemes.com
Description: rs Menu is a fully responsive, easy-to-use, highly customized and creative Mega Menu
Version: 1.0.0
*/
/*-----------------------------------------------------------------------------------*/
/*	GLOBAL CSS THAT ARE APPLIED FOR ALL SCREEN SIZES
/*-----------------------------------------------------------------------------------*/
.rs-menu {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0;
	position: relative;
 }
 .rs-menu ul,
 .rs-menu li,
 .rs-menu p,
 .rs-menu a,
 .rs-menu div,
 .rs-menu i {
	border: 0;
	margin: 0;
	padding: 0;
 }
 .rs-menu li {
	display: block;
	-vertical-align: top;
	position: relative;
 }
 .rs-menu a {
	display: block;
	padding: 16px;
 }
 .rs-menu .row {
	 float: left;
	 width: 100%;
	 position: relative;
 }
 /*-----------------------------------------------------------------------------------*/
 /*	SUB-MENUS SETTINGS 
 /*-----------------------------------------------------------------------------------*/
 /* Hide sub-menus */
 .rs-menu ul ul {
	 position: absolute;
	 top: 100%;
	 width: 100%;
	 display: none;
	 background-color: #040C24; 
 }
 .home5 .rs-menu a{
	 color: #fff;
 }
 .rs-menu ul ul.visible, .rs-menu ul .rs-mega-menu ul.visible ul.sub-menu {	
	 display:block;
	z-index: 17;
 }
 /* Adjust position of mega-menu */
 .rs-menu li:hover > ul.mega-menu > li > ul {
	 position:relative;
 }
 /*-----------------------------------------------------------------------------------*/
 /*	SUB-MENUS APPEARANCE 
 /*-----------------------------------------------------------------------------------*/
 /* Place border bottom */
 .rs-menu ul ul li {
	 border-bottom:1px solid #222;
 }
 .rs-menu ul ul li:last-child,
 .rs-menu ul ul li.mega-menu-container{
	 border-bottom: 0;
 }
 /* Remove border bottom on last li*/
 .rs-menu ul ul li:last-child {
	 border-bottom:none;
 }
 #inner .rs-menu li a {
	 color: #000;
 }
 #inner .rs-menu li li a{
	 color: #fff;
 }
 /*-----------------------------------------------------------------------------------*/
 /*  APPEARANCE SETTINGS 
 /*-----------------------------------------------------------------------------------*/
 .rs-menu a {
	 color:#bbb;
	 /* Remove the blue Webkit background when element is tapped */
	 -webkit-tap-highlight-color:rgba(0,0,0,0);
 }
 .nav-menu > li > a { 
	 font-size: 14px;
	 text-transform: uppercase;
	 font-weight: 500;
	 height: 55px; /*I got you */
	 line-height: 55px;
 }
 /*home 1*/
 .rs-menu a {    
	 padding: 0px 20px;
 }
 /*home 4*/
 .home4 .rs-menu a,
 .home5 .rs-menu a {    
	 padding: 35px 14px 35px;
 }
 /* Modifies position of icons on the menu */
 .rs-menu li i {
	 margin-right:10px;
	 font-size:16px;
	 /* Make the font smoother for Chrome */
	 transform:translate3d(0, 0, 0);    
 }
 /* Put down arrows 
 .nav-menu .rs-mega-menu > a span:after, .nav-menu > .menu-item-has-children > a span:after {
	 content:"\f107";
	 font-family:FontAwesome;
	 float:right;
	 margin:2px 0 0 5px;
 }*/
 .mega-menu h1, .mega-menu h2, .mega-menu h3 {
	 margin-bottom:24px;
 }
 .nav-menu li .mega-menu li a {    
	 padding:0;
	 width:auto;
	 display:inline-block;
 }
 /*-----------------------------------------------------------------------------------*/
 /*  Typography
 /*-----------------------------------------------------------------------------------*/
 .rs-menu li {
	 font-size:14px;
 }
 .rs-menu .sub-menu li a {
	 padding: 10px 14px;
 }
 .rs-menu ul ul a {   
	 font-size: 12px;	
	 text-align: left;
 }
 /*-----------------------------------------------------------------------------------*/
 /*  MEGA MENU
 /*-----------------------------------------------------------------------------------*/
 .nav-menu {
	position:relative;	
 }
 /*-----------------------------------------------------------------------------------*/
 /*  TRANSITIONS AND EFECTS
 /*-----------------------------------------------------------------------------------*/
 .nav-menu ul {
	 -webkit-transition:all .3s ease-in-out;
	 -moz-transition:all .3s ease-in-out;
	 -ms-transition:all .3s ease-in-out;
	 -o-transition:all .3s ease-in-out;
	 transition:all .3s ease-in-out
 }
 /*-----------------------------------------------------------------------------------*/
 /*  RESPONSIVE IMAGES
 /*-----------------------------------------------------------------------------------*/
 .rs-menu img {
	 max-width: 100%;
	 height:auto;
	 -ms-interpolation-mode:bicubic
 }
 /*-----------------------------------------------------------------------------------*/
 /*  MEDIA QUERIES
 /*-----------------------------------------------------------------------------------*/
 @media screen and (min-width: 500px) {
	 .rs-menu h1 {
		 font-size: 3.8rem;
		 line-height: 1.2em;
	 }
	 .rs-menu h2 {
		 font-size: 2rem;
		 line-height: 1.2em;
	 }
	 .rs-menu h3 {
		 font-size: 3.3rem;
	 }
	 .rs-menu h4 {
		 font-size: 2.8rem;
	 }
 }
 @media screen and (min-width: 992px) {
	 .rs-menu { 
		 height: auto !important;
	 }	 
	 .rs-menu h1 {
		 font-size: 3.2rem;
		 line-height: 1.2em;
	 }
	 .rs-menu h2 {
		 font-size: 2.5rem;
		 line-height: 1.2em;
	 }
	 .rs-menu h3 {
		 font-size: 2rem;
	 }
	 .rs-menu h4 {
		 font-size: 1rem;
	 }
	 /*-----------------------------------------------------------------------------------*/
	 /*  RESPONSE MENU
	 /*-----------------------------------------------------------------------------------*/
	 .rs-menu li {
		 display:inline-block;
	 }
	 /* Remove arrows if not in mobile */
	 .nav-menu .menu-item-has-children > span, .nav-menu .rs-mega-menu > span {
		 display:none;
	 }
	 /* Remove Menu Toggle if not in mobile */	
	 .rs-menu-toggle {
		 display:none;
	 }
	 /* Remove Menu Close if not in mobile */
	 .nav-menu div.sub-menu-close {
		 display:none;
	 }
	 /* Show sub-menus in hover */
	 .rs-menu li:active > ul, .rs-menu li:focus > ul, .rs-menu li:hover > ul, .rs-menu li:hover > ul.mega-menu > li > ul, .rs-menu li:hover ul.mega-menu .sub-menu {		
		 display:block;
		 z-index: 17;	
	 }
	 /* Adjust position the sub-menus in the left */
	 .rs-menu ul ul li > ul {
		 left:100%;
	 }
	 /* Adjust position the sub-menus on the top */
	 .rs-menu ul ul ul {
		 top: 0;
	 }	
	 .rs-menu ul ul {
		 width:auto;
	 }
	 /* Sub-menus - width */
	 .rs-menu ul ul a {
		 width:150px;	/* <- Modify for width change */
	 }	 
 }
 /*-----------------------------------------------------------------------------------*/
 /*  ARROWS FIXES IN IE
 /*-----------------------------------------------------------------------------------*/
 @media only screen and (max-width: 991px) {
	 .nav-menu > li > a {
		 color: #fff !important;
		 text-align: left;
	 }
	 .nav-menu > li:last-child > a {
		 border-bottom:none;
	 }
	 .nav-menu span.rs-menu-parent i { 
		 margin:0;
	 }
	 .nav-menu > .menu-item-has-children > span.rs-menu-parent, .nav-menu .rs-mega-menu > span.rs-menu-parent {		
		 display: block;
		 position: absolute;
		 right: 0;
		 top: 0;
		 padding: 20px;	
		 cursor:pointer;
		 line-height: 15px;
		 background: #040C24;	
		 
		 /* Remove the blue Webkit background when element is tapped */
		 -webkit-tap-highlight-color:rgba(0,0,0,0);    
	 }	
	 .nav-menu > .menu-item-has-children .sub-menu .menu-item-has-children span.rs-menu-parent {		
		 display: block;
		 position: absolute;
		 right: 0;
		 top: 0;
		 padding: 20px;	
		 cursor:pointer;
		 line-height: 15px;
		 border-left:1px solid rgba(0, 0, 0, .05);		
		 
		/*Remove the blue Webkit background when element is tapped*/
		 -webkit-tap-highlight-color:rgba(0,0,0,0);    
	 }
	 /*Options Menu Closed*/
	 .nav-menu div.sub-menu-close {
		 float:left;
		 width:100%;
		 padding:16px;
		 cursor:pointer;
		 background:green;
		 color:#000;
		 font-size:14px;
		 text-align:center;
		 display: none;	
	 }
	 .nav-menu div.sub-menu-close i {		
		 font-size:16px;
		 margin-right: 5px;
	 }
	 .rs-menu .sub-menu {
		 -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
		 -moz-box-shadow: 0 0 20px rgba(0,0,0,.15);
		 -ms-box-shadow:  0 0 20px rgba(0,0,0,.15);
		 -o-box-shadow:  0 0 20px rgba(0,0,0,.15);
		 box-shadow:  0 0 20px rgba(0,0,0,.15);
	 }
	 .rs-menu-close {
		 height: 0;		
		 overflow: hidden!important;
	 }
	 /*Menu Toggle Appearance*/
	 .rs-menu-toggle {      
		 padding: 14.5px;
		 display: block;
		 background: #040C24;
		 position: relative;
		 cursor:pointer;		
		 color: #eee;
		 font-size: 15px;
		 text-transform: uppercase;
		 
		 -webkit-tap-highlight-color:rgba(0,0,0,0);
	 }
 }