@charset "utf-8";
/* CSS Document */


nav {
    display: block;
    position: relative;
    min-height: 40px;
}

nav, nav a {
    color: #fff!important;
    font-size: 14px;
	 text-decoration: none;
}

nav a {
    display: block;
    padding: 20px 41px 20px 42px;
}
nav a:hover {
  
	color:#FFF !important;
	background-color:#25a9e7;
	
}

nav a.active {
  
	color:#FFF !important;
	background-color:#25a9e7;
}

nav ul {
    padding:0;
    margin: 0;
}
nav ul li {
    float:left;
    display:inline;
    position:relative;
	
}
nav ul li ul {
    left:0;
    top:100%;
	border:1px solid #ccc;
	background:#fff;
		
}

nav ul li ul li{
   
    background:#fff;
	display:block;
	float:none; 
	border-bottom:1px solid #ccc; 	
}

nav ul li ul li a{
   
    background:#fff;
	display:block;
	float:none; 
	padding:10px!important;
}


nav ul ul {
    display:none;
}
nav li:hover > ul {
    display:block;
    position:absolute;
    z-index:1000;
    width:300px;
	text-align:center;
}
nav ul ul li:hover > ul {
    position:absolute;
    top: 0;
	left:300px;
	display:block;
}

/*Hide checkbox and label by default*/
nav > input,
nav > label {
  display: none;
}

nav > label {
  width: 100%;
  float: left;
  padding: 10px;
  padding-right: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


@media (max-width: 698px) and (min-width:499px)  {
    nav > label, nav ul li ul {
        display: block;
		
		color:#000;
		font-size:16px;
		margin-top:5px;
		margin-bottom:4px;
		
		width:100%;
    }
	
nav ul li {
    background: none repeat scroll 0 0 white;
    
    display: block;
    float: none;
    padding-left: 0;
	background-color:#fff;
}
	
    nav > ul {
        display: none;
        clear: both;
    }
    nav > input:checked + ul {
        display: block;
    }
    nav ul ul li a:before {
        content:'↪ ';
        display: inline;
    }
	
nav a {
display: block;
padding:10px 10px !important;
border-bottom:1px solid #ccc;
text-align:left;
color:#666666!important;
}
nav a:hover {
    display: block;
    padding:10px 14px !important;
	border-bottom:1px solid #ccc;
	text-align:left;
	color:#fff!important;
} 
nav a.active {
    display: block;
    padding:10px 14px !important;
	border-bottom:1px solid #ccc;
	text-align:left;
	color:#fff!important;
} 
nav ul li ul { width:100%; display: block; position: relative;}

nav ul li:hover ul { width:100%; display:block; position: relative;}

nav ul li:hover ul li { width:100%; display:block; position: relative;}

nav ul li:hover ul li ul { width:100%; display:block; position: relative;}

nav ul li:hover ul li:hover ul { width:100%; display:block; position: relative;}



nav ul li ul {
    left:0;
    top:100%;
	border:0px solid #ccc;
		
}

    nav ul li {
        float: none;
        display: block;
        border-right: none;
        padding-left: 0px;
    }
    nav li:hover ul {
        position: relative;
        width: auto;
    }
    nav ul ul li:hover > ul {
        right:auto;
        top: auto;
        left: auto;
		
    }
	
nav ul li ul li{
   
    background:#fff;
	display:block;
	border:0px solid red;
	float:none; 	
}

nav ul li ul li a{
   
    background:#fff;
	display:block;
	border-bottom:1px solid #eceded;
	float:none; 
	padding:10px!important;
}

}
@media (max-width: 767px) and (min-width:699px)  {




nav a {
    display: block;
    font-size: 12px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 15px;
	
}



}
@media (max-width: 498px) and (min-width:299px)  {
    nav > label, nav ul li ul {
        display: block;
		margin-top:5px;
		margin-bottom:5px;
		
		color:#000;
		font-size:16px;
		
		width:96.5%;
		text-align:left;
		
    }
	
    nav > ul {
        display: none;
        clear: both;
    }
    nav > input:checked + ul {
        display: block;
    }
    nav ul ul li a:before {
        content:'↪ ';
        display: inline;
    }
	
nav a {
display: block;
padding:10px 14px !important;
border-bottom:1px solid #ccc;
text-align:left;
background:#fff;
color:#666666 !important;
}
nav a:hover {
    display: block;
    padding:10px 14px !important;
	border-bottom:1px solid #ccc;
	text-align:left;
	color:#FFFFFF!important;
} 
nav ul li ul { width:100%; display: block; position: relative;}

nav ul li:hover ul { width:100%; display:block; position: relative;}

nav ul li:hover ul li { width:100%; display:block; position: relative;}

nav ul li:hover ul li ul { width:100%; display:block; position: relative;}

nav ul li:hover ul li:hover ul { width:100%; display:block; position: relative;}



nav ul li ul {
    left:0;
    top:100%;
	border:0px solid #ccc;
		
}

    nav ul li {
        float: none;
        display: block;
        border-right: none;
        padding-left: 0px;
    }
    nav li:hover ul {
        position: relative;
        width: auto;
    }
    nav ul ul li:hover > ul {
        right:auto;
        top: auto;
        left: auto;
		
    }
	
nav ul li ul li{
   
    background:#fff;
	display:block;
	border:0px solid red;
	float:none; 	
}

nav ul li ul li a{
   
    background:#fff;
	display:block;
	border-bottom:1px solid #ccc;
	float:none; 
	padding:10px!important;
}

}
/********* create css****************/