@charset "UTF-8";

.headerMegaNav {
	width: 100%;
	position:absolute;
	background: #25A8D2;
}


@media screen and (max-width:641px) {

	.headerMegaNav {display: none;
	}
}

.headerMegaNav:after {
	width: 100%;
	left: 0%;
	bottom: 0;
	height: 3px;
	background: #EDF1F4;
	content: "";
	z-index: -1;
	position: absolute;
	right: 0;
	left: auto
}

.headerMegaNav ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	-ms-justify-content: space-between;
	-webkit-box-pack: justify;
	justify-content: space-between;
	position: relative;
	width: 960px;
	min-width: 960px;
	margin-left: auto;
	margin-right: auto
}

.headerMegaNav .btn_cat {
	font-weight: 400;
	font-size: 15px;
	padding: 12px 1em 12px;
	display: inline-block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: relative;
	color: #25A8D2;
	vertical-align: middle;
	display: inline-block;
	transition: .3s;
	position: relative;
	font-weight: 100;
	padding-top: 10px;
	color: #fff;
	padding: 23px 13px 23px;
	/* margin-top: 11px */
}

.headerMegaNav .btn_cat i {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	position: absolute;
	font-size: 13px;
	vertical-align: middle
}

.headerMegaNav .btn_cat:before {
	position: absolute;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	content: ''
}

.headerMegaNav .btn_cat:after {
	position: absolute;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	content: ''
}

.headerMegaNav .btn_cat:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.headerMegaNav .btn_cat:after {
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #76cce7;
	right: 0;
	left: auto
}

.headerMegaNav .btn_cat:hover {
	color: #76cce7
}

.headerMegaNav .btn_cat:hover:after {
	width: 100%;
	left: 0
}

.headerMegaNav .current a {
	color: #25A8D2;
	cursor: inherit
}

.headerMegaNav .current a:hover {
	color: #25A8D2
}

.headerMegaNav .current a:after {
	width: 100%;
	left: 0
}