div.ruby-wrapper.ruby-vertical {
 position:relative;
 width:100%;
 height:100%;
 top:0;
 margin:0;
 background:#333
}

div.ruby-wrapper.ruby-vertical > ul {
 width:100%;
 margin:0
}

ul.ruby-menu.ruby-vertical > li {
    float: none;
    /*! position: relative; */
    border-bottom: 1px solid #e8e8e8;
}
ul.ruby-menu.ruby-vertical > li.ruby-menu.ruby-vertical-right {
	float:none
}
ul.ruby-menu.ruby-vertical > li > a {
 width:100%;
 line-height:40px
}
div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:first-child > a {
 padding-left:15px
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-social.ruby-menu-search > a {
 display:none
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-social > a > span {
 display:block
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-social img {
 display:inline-table;
 position:absolute;
 top:15px
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-social > a {
 width:100%;
 font-size:14px
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-social .fa {
 position:absolute;
 top:13px;
 left:15px
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-social span {
 padding:0 25px
}
ul.ruby-menu.ruby-vertical > li > a:after {
 content:'\f105';
 right:16px
}
ul.ruby-menu.ruby-vertical > li > a:only-child:after,
ul.ruby-menu.ruby-vertical > li:hover > a:only-child:after {
 content:''
}
ul.ruby-menu.ruby-vertical > li > ul,
ul.ruby-menu.ruby-vertical > li > ul > li > ul,
ul.ruby-menu.ruby-vertical > li > ul > li > ul > li > ul {
 left:100%;
 top:-4px;
}
ul.ruby-menu.ruby-vertical > li > ul {
 top:0;
 z-index:10;
}
ul.ruby-menu.ruby-vertical > li > ul > li > a,
ul.ruby-menu.ruby-vertical > li > ul > li > ul > li > a,
ul.ruby-menu.ruby-vertical > li > ul > li > ul > li > ul > li > a {
 width:170px;
 max-width:170px
}
ul.ruby-menu.ruby-vertical > li > ul > li > ul,
ul.ruby-menu.ruby-vertical > li > ul > li > ul > li > ul {
 left:100%;
 top:-4px
}
ul.ruby-menu.ruby-vertical > li > ul > li.ruby-open-to-left > ul,
ul.ruby-menu.ruby-vertical > li > ul > li > ul > li.ruby-open-to-left > ul {
 left:auto;
 right:100%
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div,
ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div,
ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div {
 width:896px;
 top:-1px;
 left:calc(100% + 1px);
 bottom: -1px;
 background: #fff;
 border-top: 0;
 box-shadow: none;
}
ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
 width:580px;
 left:100%
}
div.ruby-wrapper ul .ruby-grid ul {
    border: none;
    box-shadow: none;
}