.vert-menu{list-style:none;padding:0;margin:0;background:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;width:250px}.vert-menu li{position:relative}.vert-menu li a{display:block;text-decoration:none;padding:12px 20px;color:#777;text-align:left;height:36px;position:relative;border-bottom:1px solid #eee}.vert-menu li a i{float:left;font-size:20px;margin:0 10px 0 0}.vert-menu li a p{float:left;margin:0}.vert-menu li a strong{display:block;text-transform:uppercase}.vert-menu li a small{display:block;font-size:10px}.vert-menu li a i,.vert-menu li a small,.vert-menu li a strong{position:relative;transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}.vert-menu.animation li:hover>a i,.vert-menu.animation-up li:hover>a i,.vert-menu.animation-y li:hover>a i{opacity:1;-webkit-animation:moveFromTop .3s ease-in-out;-moz-animation:moveFromTop .3s ease-in-out;-ms-animation:moveFromTop .3s ease-in-out;-o-animation:moveFromTop .3s ease-in-out;animation:moveFromTop .3s ease-in-out}.vert-menu.animation li:hover a strong,.vert-menu.animation-left li:hover a strong,.vert-menu.animation-x li:hover a strong{opacity:1;-webkit-animation:moveFromLeft .3s ease-in-out;-moz-animation:moveFromLeft .3s ease-in-out;-ms-animation:moveFromLeft .3s ease-in-out;-o-animation:moveFromLeft .3s ease-in-out;animation:moveFromLeft .3s ease-in-out}.vert-menu.animation li:hover a small,.vert-menu.animation-right li:hover a small,.vert-menu.animation-x li:hover a small{opacity:1;-webkit-animation:moveFromRight .3s ease-in-out;-moz-animation:moveFromRight .3s ease-in-out;-ms-animation:moveFromRight .3s ease-in-out;-o-animation:moveFromRight .3s ease-in-out;animation:moveFromRight .3s ease-in-out}.vert-menu li:hover>a{color:#e67e22}.vert-menu li a.active{position:relative;color:#e67e22;border:0;box-shadow:0 0 5px #ddd;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;border-left:4px solid #e67e22;border-right:4px solid #e67e22;margin:0 -4px}.vert-menu li a.active:before{content:"";position:absolute;top:42%;left:0;border-left:5px solid #e67e22;border-top:5px solid transparent;border-bottom:5px solid transparent}.vert-menu li a.active:after{content:"";position:absolute;top:42%;right:0;border-right:5px solid #e67e22;border-top:5px solid transparent;border-bottom:5px solid transparent}@keyframes moveFromTop{from{opacity:0;-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);transform:translateY(200%)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes moveFromLeft{from{opacity:0;-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes moveFromRight{from{opacity:0;-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);transform:translateX(-200%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.vert-menu li ul,.vert-menu li ul li ul{position:absolute;height:auto;min-width:200px;padding:0;margin:0;background:#fff;opacity:0;visibility:hidden;transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;z-index:1000;left:280px;top:0;border-left:4px solid #e67e22}.vert-menu li ul:before{content:"";position:absolute;top:25px;left:-9px;border-right:5px solid #e67e22;border-bottom:5px solid transparent;border-top:5px solid transparent}.vert-menu li ul li:hover>ul,.vert-menu li:hover>ul{display:block;opacity:1;visibility:visible;left:250px}.vert-menu li ul li a{padding:10px;text-align:left;border:0;border-bottom:1px solid #eee;height:auto}.vert-menu li ul li a i{font-size:16px;display:inline-block;margin:0 10px 0 0}.vert-menu li ul li ul{left:230px;top:0;border:0;border-left:4px solid #e67e22}.vert-menu li ul li ul:before{content:"";position:absolute;top:15px;left:-9px;border-right:5px solid #e67e22;border-bottom:5px solid transparent;border-top:5px solid transparent}.vert-menu li ul li:hover>ul{top:0;left:200px}.vert-menu li a.search{padding:10px 10px 15px 10px;clear:both}.vert-menu li a.search i{margin:0;display:inline-block;font-size:18px}.vert-menu li a.search input{border:1px solid #eee;padding:10px;background:#fff;outline:0;color:#777;width:170px;float:left}.vert-menu li a.search button{border:1px solid #e67e22;background:#e67e22;outline:0;color:#fff;margin-left:-4px;float:left;padding:10px 10px 11px 10px}.vert-menu li a.search input:focus{border:1px solid #e67e22}.vert-menu .search-mobile{display:none!important;background:#e67e22;border-left:1px solid #e67e22;border-radius:0 3px 3px 0}.vert-menu .search-mobile i{color:#fff;margin:0!important}@media only screen and (min-width:960px) and (max-width:1199px){.vert-menu{margin-left:10px}}@media only screen and (min-width:768px) and (max-width:959px){.vert-menu{width:200px}.vert-menu li a{height:30px}.vert-menu li a i{font-size:22px}.vert-menu li a strong{font-size:12px}.vert-menu li a small{font-size:10px}.vert-menu li a.search input{width:120px;font-size:12px}.vert-menu li a.search buton{padding:8px 10px 9px 10px}.vert-menu li>ul{min-width:180px}.vert-menu li:hover>ul{min-width:180px;left:200px}.vert-menu li ul li ul li>ul,.vert-menu li ul li>ul{min-width:150px}.vert-menu li ul li:hover>ul{left:180px;min-width:150px}.vert-menu li ul li ul li:hover>ul{left:150px;min-width:150px}.vert-menu li ul a{font-size:12px}.vert-menu li ul a i{font-size:14px}}@media only screen and (min-width:480px) and (max-width:767px){.vert-menu{width:50px}.vert-menu li a{position:relative;padding:12px 16px;height:20px}.vert-menu li a small{display:none}.vert-menu li a strong{display:none}.vert-menu li a.active strong,.vert-menu li a:hover strong{display:block;font-size:10px;padding:3px 0;position:absolute;bottom:0;left:0;background:#e67e22;color:#fff;min-width:100%;text-transform:lowercase;font-weight:400;text-align:center}.vert-menu li .search{display:none}.vert-menu li>ul{min-width:180px;left:70px}.vert-menu li:hover>ul{min-width:180px;left:50px}.vert-menu li ul li ul li>ul,.vert-menu li ul li>ul{min-width:150px}.vert-menu li ul li:hover>ul{left:180px;min-width:150px}.vert-menu li ul li ul li>ul{left:35px;top:45px;border:0;border-top:4px solid #e67e22}.vert-menu li ul li ul li>ul:before{left:30px;top:-9px;border:0;border-bottom:5px solid #e67e22;border-left:5px solid transparent;border-right:5px solid transparent}.vert-menu li ul li ul li:hover>ul{left:30px;min-width:150px;top:35px}.vert-menu li ul a{font-size:12px}.vert-menu li ul a i{font-size:14px}}@media only screen and (max-width:479px){.vert-menu{width:50px}.vert-menu li a{position:relative;padding:12px 16px;height:20px}.vert-menu li a small{display:none}.vert-menu li a strong{display:none}.vert-menu li a.active strong,.vert-menu li a:hover strong{display:block;font-size:10px;padding:3px 0;position:absolute;bottom:0;left:0;background:#e67e22;color:#fff;min-width:100%;text-transform:lowercase;font-weight:400;text-align:center}.vert-menu li .search{display:none}.vert-menu li>ul{min-width:180px;left:70px}.vert-menu li:hover>ul{min-width:180px;left:50px}.vert-menu li ul li ul li>ul,.vert-menu li ul li>ul{min-width:150px}.vert-menu li ul li:hover>ul{left:180px;min-width:150px}.vert-menu li ul li ul li>ul{left:35px;top:45px;border:0;border-top:4px solid #e67e22}.vert-menu li ul li ul li>ul:before{left:30px;top:-9px;border:0;border-bottom:5px solid #e67e22;border-left:5px solid transparent;border-right:5px solid transparent}.vert-menu li ul li ul li:hover>ul{left:30px;min-width:150px;top:35px}.vert-menu li ul a{font-size:12px}.vert-menu li ul a i{font-size:14px}}