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

/* JAW Menu Light Style*/

/* #jawnav {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #f5f5f5 100%) repeat scroll 0 0;  border: 1px solid #ddd;  color: #444; } */
/* #jawnav > ul > li > a {color: #000000; border-right: 1px solid #ddd; font-size: 15px; } */
/*#jawnav > ul > li:hover > a,
 #jawnav > ul > li.active > a{ background-color: #f5f5f5;} */
#jawnav > ul > li.has-sub > a::after { border-bottom: 1px solid #fff;  border-right: 1px solid #fff;}
#jawnav > ul > li > a:before { border-right: 1px solid #8a9bb7; content:""; display:block; height:10px; width:1px; position:absolute; right:0; top:17px; }
#jawnav ul li:last-child a:before{display:none;}
#jawnav > ul > li.has-sub:hover > a::after { }
#jawnav span.inner {  background: #fff; border-top: 5px solid #fff;border-bottom: 5px solid #fff;color: #444;     box-shadow: 0px 5px 10px rgba(0, 0, 0, .4);}
/* #jawnav ul ul li a { font-size: 13px; color: #000;}
#jawnav ul ul li:hover > a,
#jawnav ul ul li a:hover,
#jawnav ul ul li.current > a {}
#jawnav ul ul li.has-sub > a::after { border-bottom: 1px solid #000;  border-right: 1px solid #000;}
#jawnav.align-right ul ul li.has-sub > a::after { }
#jawnav ul ul li.has-sub:hover > a::after { } */

@media all and (max-width:1024px), 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) {
#jawnav ul li,
#jawnav ul ul li,
#jawnav ul li:hover > ul > li {  border-top: 1px solid rgba(120, 120, 120, 0.15); }
#jawnav ul > li > a { font-size: 14px;  }
#jawnav ul ul li a { font-size: 14px; background: none; color: #000000;}
#jawnav ul ul li:hover > a,
#jawnav ul ul li a:hover {color: #000000;}
#jawnav #menu-button { font-size: 14px;color: #000000;}
#jawnav #menu-button::after { background: #000000;}
#jawnav #menu-button::before { border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
#jawnav .submenu-button {border-left: 0px solid rgba(120, 120, 120, 0.15);}
/* #jawnav .submenu-button::after { background: #fff;} */
/* #jawnav .submenu-button::before { background: #fff;} */
#jawnav span.inner {  background: #fff; color: #444;}

#jawnav .submenu-button::after {
    position: absolute;
    content: "";
    display: block;
    right: 13px;
    top: 18px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#jawnav .submenu-button.submenu-opened::after{
 position: absolute;
    content: "";
    display: block;
    right: 13px;
    top: 18px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#jawnav .submenu-button.submenu-opened a{ color:#e87818}
#jawnav span.inner {
    background: none;
    color: #e87818;
}
#jawnav ul.sub-menu li a {
    padding: 15px;
    color: #e87818;
	
}
#jawnav ul li, #jawnav ul ul li, #jawnav ul li:hover > ul > li {
    border-top: 1px solid #8a9bb7;
}
#jawnav ul.sub-menu li a {
    padding: 15px 15px 15px 25px;
    color: #e87818;
}
#jawnav .sub-menu.open li:first-child { border-top:0}
#jawnav .sub-menu.open li:first-child a{     padding-top: 0;}


}


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

#jawnav > ul > li > a:before { display: none;}
#jawnav span.inner { box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);}

}

@media only screen and (min-width: 769px) and (max-width: 991px) {
#jawnav #menu-button {
   
    top: -56px;
    right: 10px;
  
}

}