.menu ul li a {
    color: #fff;
    line-height: 40px;
    text-align: left;
    padding: 5px 18px;
    font-size: 15px;
    display: block;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    text-transform: uppercase
}

 

.menu > ul > li {display: inline-block;position: relative;  }

.menu > ul > li:hover a {background:#ff7300 !important;}



.menu > ul > li:hover > a {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background: #ff7300;
}



.menu > ul > li > ul li { position:relative;
white-space: nowrap;
}

.menu > ul > li > ul li:first-child {
border-top: 0;
}

.menu > ul > li > ul > li a {
display: block;
padding: 0 12px 0 12px;
line-height: 36px;
color: #fff;
background: none !important;
border-bottom: 1px solid #dd352c; font-size: 13px; white-space: normal;

}
.lastul li a { line-height: 23px !important;}

.menu > ul > li > ul > li a:hover {
border-top: 0;
color: #fff;
background: #901215!important;

}


.menu ul li > ul {
    background: #f7494b;
    min-width: 235px;
    position: absolute;
    left: 0;
    z-index: 99;
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
}

.menu ul li:hover > ul {


    display: block;
}

@-moz-document url-prefix() {
.menu ul li > ul
{ display:none
}
.menu ul li:hover > ul
{ display:block;
}
}
.menu ul li ul li> ul {
position: absolute;
left: 0%;
width: auto;
top: 0;

z-index: 1;    
background: #901215;
min-width: 180px;
text-align: left;
max-height:0;

-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
-webkit-transform-origin:50% 0;
-webkit-transition:350ms;
-moz-transition:350ms;
-o-transition:350ms;
transition:350ms;
}

.menu ul li ul li:hover > ul {
left: 100%; top:0;
opacity: 1;
visibility: visible;
margin-top: 0;
max-height:1000px;
-webkit-transform:perspective(400) rotate3d(0,0,0,0);
}


.menu ul li > ul.lastMenu {
left: auto;
right: 0;
text-align: right;
}
.menu ul li > ul.lastMenu a{ text-align: right;}
    left: auto;
.menu ul li:hover > ul.lastMenu {
left: auto;
right: 0;
opacity: 1;
visibility: visible;
text-align: right;
}


.menu ul li a:before {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 100%;
content: "";
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
z-index: -1;
}

.menu ul li a:hover:before {
width: 100%;
}

.menu ul li.no-view {
display: none
}

.menu ul li:hover > .submenu div a {
background: none !important;
}

.submenu div a {
padding: 0 5px 7px 5px !important;
background: none;
}
@keyframes growDown {
0% {
transform: scaleY(0)
}

80% {
transform: scaleY(1.1)
}

100% {
transform: scaleY(1)
}
}