/*
	Copyright: (c) 2015 JoomlArtWork.com, http://joomlartwork.com/
*/






#jawnav { z-index:99999; }
#jawnav,
#jawnav ul,
#jawnav ul li,
#jawnav ul li a,
#jawnav #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;background-color: black;}
#jawnav:after,
#jawnav > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#jawnav #menu-button { display: none;}
#jawnav { width: auto;  line-height: 1; border-radius: 5px;  box-shadow: 0 1px 1px #e2e2e2;}
#jawnav > ul > li { float: left;}
#jawnav.align-center > ul { font-size: 0; text-align: center;}
#jawnav.align-center > ul > li { display: inline-block; float: none;}
#jawnav.align-center ul ul { text-align: left;}
#jawnav.align-right > ul > li { float: right;}
#jawnav.align-right ul ul { text-align: right; }
#jawnav > ul > li > a {padding: 12px;text-decoration: none;/* text-transform: uppercase; */box-sizing: border-box; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease;transition: all 0.15s ease;/* padding-right: 12px; *//* padding-left: 12px; *//* margin-right: 2px; *//* line-height: 14px; */}
/* #jawnav > ul > li.has-sub > a {padding-right: 23px;} */
#jawnav > ul > li.has-sub > a::after {position: absolute;top: 24px;right: 10px;width: 4px;height: 4px;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#jawnav ul ul {position: absolute;left: -9999px;padding: 5px;z-index:1000;margin-left:-15px;}
#jawnav ul ul ul  {padding: 1px;z-index:1000;/* margin-top:-25px; */}
#jawnav span.inner {border-radius: 5px;box-sizing: border-box;display:block;/* padding:10px; */box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);}
#jawnav li:hover > ul { left: auto;}
#jawnav.align-right li:hover > ul { right: 0;}
#jawnav ul ul ul { margin-left: 100%; top: 0;}
#jawnav.align-right ul ul ul { margin-left: 0; margin-right: 100%;}
#jawnav ul ul li {}
#jawnav ul li:hover > ul > li {}
#jawnav ul ul li a {padding: 12px 20px;width: 220px;text-decoration: none; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease;transition: all 0.15s ease;}
#jawnav ul ul li.has-sub > a::after {  position: absolute;  top: 19px;  right: 10px;  width: 4px;  height: 4px; content: ""; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
#jawnav.align-right ul ul li.has-sub > a::after {  right: auto;  left: 10px;  border-bottom: 0;  border-right: 0;}
#jawnav i { margin-right: 10px}
/* submenu fadein */
@-webkit-keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadeIn { from { opacity: 0; } 100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}
#jawnav li:hover > ul {  -webkit-animation-duration: .5s;  animation-duration: .5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; animation-name: fadeIn;}

/*carlos @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { */
@media all and (max-width: 769px) {
#jawnav {width: 100%;}
#jawnav ul {width: 100%;display: none;  }
#jawnav.align-center > ul,
#jawnav.align-right ul ul { text-align: left; }
#jawnav ul li,
#jawnav ul ul li,
#jawnav ul li:hover > ul > li { width: 100%; height: auto; }
#jawnav ul li a,
#jawnav ul ul li a {width: 100%;}
#jawnav > ul > li,
#jawnav.align-center > ul > li,
#jawnav.align-right > ul > li { float: none; display: block; }
#jawnav ul > li > a { }
#jawnav ul ul li a {padding: 14px;}
#jawnav ul ul li a {padding-left: 30px;}
#jawnav ul ul ul li a {padding-left: 50px;}
#jawnav ul ul ul ul li a { padding-left: 80px; }
#jawnav ul ul,
#jawnav ul ul ul { position: relative; left: 0;  right: auto;  width: 100%; margin: 0; }
#jawnav > ul > li.has-sub > a::after,
#jawnav ul ul li.has-sub > a::after {  display: none; }
#jawnav li:hover > ul {animation-name: none;}
#jawnav #menu-button { display: block; padding: 20px; cursor: pointer; text-transform: uppercase;}
#jawnav #menu-button::after { content: ''; position: absolute; top: 20px; right: 20px;  display: block;  width: 15px;  height: 2px;}
#jawnav #menu-button::before { content: ''; position: absolute; top: 25px;  right: 20px; display: block;  width: 15px;  height: 3px;}
#jawnav .submenu-button {position: absolute;z-index: 10;right: 0;top: 0;display: block;height: 35px;width: 52px;cursor: pointer;}
#jawnav .submenu-button::after {content: '';position: absolute;top: 11px;left: 26px;display: block;width: 1px;height: 11px;z-index: 99;}
#jawnav .submenu-button::before {content: '';position: absolute;left: 21px;top: 16px;display: block;width: 11px;height: 1px;z-index: 99;}
#jawnav .submenu-button.submenu-opened:after { display: none;}
#jawnav ul ul {  padding: 0;  margin-left:0;}
#jawnav ul ul ul  { padding:0; margin-top:0;}
#jawnav span.inner {border: none!important; border-radius: 0; box-shadow: none;  padding:0; }


	#jawnav > ul {
		display: none !important;
	}
	#jawnav ul::not(.open) .submenu-button {
		display: none;
	}
}
#jawnav ul ul li a:hover {background-color: #0081c2;}
.menu-icon {
    display: none !important;
}


#jawnav {
	border: none !important;
	box-shadow: none;
}
#jawnav > ul > li > a {
	font-size: 14px;
}
.navigation {
    padding: 2px 0 1px;
}
@media all and (min-width: 769px) {
	#jawnav > ul {
		display: block !important;
	}
}

@media all and (min-width: 769px) and (max-width:1024px) {
	#jawnav ul > li > a{
		display: block !important;
		font-size: 13px !important;
	}
	#jawnav .submenu-button {
		display: none;
	}
}

@media all and (min-width: 769px) and (max-width:979px) {
	#jawnav ul > li > a {
		padding-right: 0.4vw;
	}
}
@media all and (min-width: 980px) and (max-width:1024px) {
	#jawnav ul > li > a {
		padding: 15px 20px;
	}
	
}
@media (min-width: 1024px) and (max-width: 1280px) {
	#jawnav ul > li > a {
		padding-left: 1.2vw;
		padding-right: 1.2vw;
		padding-top: 14px;
		padding-bottom: 14px;
	}
}

@media (min-width: 1281px) {
	#jawnav ul > li > a {
		padding: 12px 17px;
	}
}

#jawnav > ul.open {
	display: block !important;
}