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

header ul {
	margin: 0;
}

header ul li {
	margin: 0;
}

input { border:1px solid #CCC;
padding:10px;
border-radius:20px
}

nav>ul{float:left;position:relative}
nav li{list-style:none;}
nav .dropdown{position:relative}

nav li a:hover {
	background:#14468c;
	color:#FFF;
	text-decoration: none;
}

nav li p:hover {
	background:#14468c;
	color:#FFF;
	text-decoration: none;
}

nav li{
    position: relative;
}

nav li > ul{
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    background: #fff;
}

nav li > ul, nav li > ul li{
    width: 100%;
}

nav li:hover > ul{
    display: block;
}

nav ul li ul li:hover + nav li > ul{
    display: block;
}

nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;}

nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px;}
nav li li a:hover{background:#bdc3c7;}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:20px;display:none}
#menu-icon span{border:2px solid #14468c;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}

@media only screen and (min-width: 1024px) {

nav .mega-dropdown {
	margin-top: 70px !important;
}

nav li a {
	padding:5px 80px !important;
}

nav li ul li a {
	padding:5px 5px !important;
    text-align: center;
}

nav li ul li {
	border-top: 1px solid #ccc;
}

nav li ul li:first-child {
	border-top: none;
}

nav li p {
	padding:5px 80px !important;
    margin-bottom: 0;
    line-height: 70%;
    cursor: default;
}

}

@media only screen and (min-width: 600px) {

.logo {
	display:block;
	width:300px;
	height:auto;
	float:left;
}

nav {
	display:block;
}

.search{
	float:right;
	padding:10px;
	
}

.search:after {
	content: "";
	display: block;
	clear: both;
}

nav .mega-dropdown{
	display:flex;
	justify-content: center;
	width:100%;
	margin-top: 20px;
    position: absolute;
    z-index: 100;
    background: #fff;
    margin-top: 70px;
}

nav li a{
    display: block;
}

nav li a, nav li p {
    margin-bottom: 0;
	padding:5px 20px;
    width: 100%;
    text-align: center;
}
    
nav li p{
    cursor: default;
    line-height: 150%;
}
    
nav li ul li a {
	padding:5px 5px !important;
    text-align: center;
}

.nav01 {
  display:none;
  }

.nav-border {
	border-left:1px solid #CCC;
}

}
@media only screen and (max-width: 599px) {
nav{display:none;width:100%;clear:both;float:none;max-height:500px;overflow-y:scroll}
#menu-icon{display:inline;top:25px;cursor:pointer}
#menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
#menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
#menu-icon.active .third{display:none}

.search{
	float:none;
	margin: 8px 0 14px;
}
.search input{width:100%}
nav{padding:0}
.mega-dropdown {
	margin: 0;
}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
.nav01 a {
	background-color:#14468c;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
.nav02 a {
	color:#14468c;
	border-bottom:1px solid #CCC;
}
  
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{}
  #header nav a:hover{background:#fff;color:#333;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
    
nav li ul li, #header nav li p {
	display: none;
}
}