#jawnav { z-index:99999; 
position: static;
}



#jawnav ul.nav-wrap
{

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-ms-flex-direction: row;
    flex-direction: row;
	display: -ms-flexbox;
    display: flex;

    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#jawnav #menu-button { display: none;}

.nav-wrap > li { 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


#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; }
.nav-wrap > li > a { 


font-size: 13px;
  font-weight: bold;
text-transform: uppercase;
  line-height: 1.85;
  letter-spacing: 0.6px;
  color: #ffffff;

    padding: 20px 24px;
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
#
.nav-wrap > 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 ul  { padding: 15px; z-index:1000;}



#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 { padding: 0 12px;}

#jawnav ul ul li a { 
	white-space: nowrap;
  
    padding: 12px 0;
    position: relative;

  font-size: 14px;
  font-weight: 600;

  line-height: 1.43;

  color: #10151a;

	display: block;
    width: 100%;
	border-bottom:  rgba(95, 113, 132, 0.2);;
}





#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;}


@media (max-width: 992px) {
	
	.nav-wrap > li > a
	{    padding: 16px 0;}
	.nav-wrap > li
	{border-bottom: 1px solid rgba(255, 255, 255, 0.4)}
	
	.nav-wrap > li:last-child
	{border: 0;}
	
	.nav-wrap ul 
	{padding-left: 12px;
	}
	#jawnav ul.nav-wrap
	{
	border-top: 1px solid rgba(255, 255, 255, 0.4);
    margin-top: 12px;
	}
	
	#jawnav
	{padding: 12px 0;}
	#jawnav ul.nav-wrap
	{-ms-flex-direction: column;
    flex-direction: column;}
.nav-wrap > li
{display: block;}

.sub-menu
{display: none;}


.sub-menu.menu-opened
{display: block;}


}

@media (min-width: 992px)
{
	
	#jawnav .submenu{  position: absolute; left: -9999px; z-index:1000; padding: 40px 0;
	display: flex;
	background: #fff;
	width: 100%;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);	
	}
	
	#jawnav  .submenu.menu-opened	{ left: 0; top: 100%; z-index: 1000;
	
	}

	.submenu-ul
	{max-height: 180px;}
	
	.submenu-ul li
	{
		border-bottom: 1px solid rgba(95, 113, 132, 0.2);
		margin-right: 30px;
		
	}
	
	.submenu-ul li:last-child, .submenu-ul li:nth-child(4n) {
		border: 0;
	}
	
	
	
}

@media (max-width: 992px)
{
#jawnav ul ul li a
{color: #fff;
font-size: 15px;}	
	
	.nav-wrap ul
	{padding: 0;}
	
.submenu  .container
{padding: 0}	

#jawnav ul ul li
{padding: 0;}


.submenu
{display: none;}

.submenu.menu-opened
{display: block;}
	
}