/*all*/

.dw-menu>li{
	display: inline-flex;
	flex: wrap;
  margin: 4px 15px 0;
}
.dw-menu>li:first-child{
  margin-right: 0 !important;
}
.dw-menu li{
	list-style: none;
}

.dw-menu > li.menu-item.menu-item-has-children:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 0;
    top: 100%;
    width: 100%;
    right: 0;
}

 .dw-menu>li>a{
 line-height: 2em;
} 
.dw-menu>li.menu-item-has-children>a{
 padding-left:1.4em;
}

.dw-menu>li ul li a:hover{
   padding-right: 2px;
}


.dw-menu>li>ul{
  top: 110%;
  right: 0;
   
}
.dw-menu>li>ul,
.dw-menu>li ul li ul
{
  left: 0;
	z-index: 999;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
	visibility: hidden;
	opacity: 0;
}
.dw-menu>li ul li ul{
  top: 0;
  right: 100%;
}
.dw-menu>li:hover>ul{
 top: 100%;
}
.dw-menu>li:hover>ul,
.dw-menu>li ul li:hover > ul{
   visibility: visible;
   opacity: 1;
}
.dw-menu>li ul li a,
.dw-menu>li ul li ul li a
{
	display: block;
  line-height: 2em;
}

.dw-menu>li,
.dw-menu>li ul li,
.dw-menu>li>a
{
position: relative;
}
.dw-menu>li ul li{
 padding: 2px 20px; 
}

.dw-menu>li ul{
min-width: 210px;
max-width: 250px;
border-top-width:2px;
border-top-style:solid;
}

.dw-menu>li>ul,.dw-menu>li ul li ul{
  padding: 12px 0;
}
.dw-menu>li ul li ul{
  margin-right: 10px;
}
ul.dw-menu>li.menu-item-has-children>a:before,
.dw-menu>li ul li.menu-item-has-children a:after{
    font-family: fal;
}
ul.dw-menu>li.menu-item-has-children>a:before,
.dw-menu>li ul li.menu-item-has-children a:after{
    top:50%;
}
ul.dw-menu>li.menu-item-has-children>a:before{
    left:0; 
}

.dw-menu>li > ul > li.menu-item-has-children > a:after,
.dw-menu>li > ul > li > ul > li.menu-item-has-children > a:after,
.dw-menu>li > ul > li > ul > li > ul > li.menu-item-has-children > a:after{

    left:15px;
}

.dw-menu > li > ul > li.menu-item-has-children:hover > a::after,
.dw-menu > li > ul > li > ul > li.menu-item-has-children:hover > a::after,
.dw-menu > li > ul > li > ul > li > ul > li.menu-item-has-children:hover > a::after{
  transform: translateY(-50%) rotate(45deg);
}

ul.dw-menu>li.menu-item-has-children:hover>a:before{
    transform: translateY(-50%) rotate(-45deg);
}

ul.dw-menu>li.menu-item-has-children:hover > a:after{
    opacity: 1;
    visibility: visible;
}

ul.dw-menu > li > ul > li img {
    left: 0;
    bottom: 0;
    max-height: 200px;
}




ul.dw-menu>li.menu-item-has-children>a:before,
.dw-menu>li > ul > li.menu-item-has-children > a:after,
.dw-menu>li > ul > li > ul > li.menu-item-has-children > a:after,
.dw-menu>li > ul > li > ul > li > ul > li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: fal;
  font-size:18px;
  transform: translateY(-50%);
}




/*optimize*/
.dw-menu>li>ul,
.dw-menu>li ul li ul{
-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
}




.dw-menu > li.menu-item.menu-item-has-children:after,
ul.dw-menu > li > ul > li img,
ul.dw-menu>li.menu-item-has-children>a:before,
.dw-menu>li ul li.menu-item-has-children a:after,
.dw-menu>li>ul,
.dw-menu>li ul li ul
{
      position: absolute;

}



/*mobile menu*/
.dw-mobile-menu ul ul{
  background-color: #7c7c7c;
}
.dw-mobile-menu ul ul ul{
  background-color: rgba(100,100,100,0.7);
}
.dw-mobile-menu ul ul,
.dw-mobile-menu ul ul ul{
  padding: 10px 0;
}
.dw-mobile-menu ul{
  padding: 0;
}
.dw-mobile-menu li:last-child > a{
  border-bottom: 0 !important;
}




.dw-mobile-menu a,
.dw-menu a{
    font-family: falcon !important;
}



@media screen and (min-width: 960px) {
.dw-menu li::before {
display: none !important;
}
}

@media screen and (max-width: 960px) {
.dw-mobile-menu li{
    position: relative;
}
.dw-mobile-menu ul > li,
.dw-mobile-menu ul > li > a
{
    width: 100%;
}
.dw-mobile-menu li::before {
    position: absolute;
    right: 12px;
    top: 14px;
    font-size: 22px;
    width: 42px;
    border-left: 1px solid rgba(255,255,255,.2);
    text-align: center;
    height: 32px;
    line-height: 1.3;
}   
}