#container #menu-wrap .menu-item{width:38px;height:55px;display:inline-block;position:relative;overflow:hidden;border-radius:3px}#container #menu-wrap .menu-item i{width:100%;padding:7px 0 5px;border-radius:3px}#container #menu-wrap .menu-item i.fa-facebook{background:#3B5998;color:#FFF}#container #menu-wrap .menu-item i.fa-twitter{background:#44CCF6;color:#FFF}#container #menu-wrap .menu-item i.fa-youtube{background:#CE332D;color:#FFF}#container #menu-wrap .menu-item i.fa-linkedin{background:#0275B6;color:#FFF}#container #menu-wrap .menu-item i.fa-google-plus{background:#D13F2D;color:#FFF}#container #menu-wrap .menu-item i.fa-dribbble{background:#EA4C89;color:#FFF}#container #menu-wrap .menu-item i.fa-pinterest-square{background:#CB2027;color:#FFF}#container #menu-wrap .menu-item i.fa-stack-overflow{background:#FEA501;color:#FFF}#container #menu-wrap .menu-item i.fa-tumblr{background:#274152;color:#FFF}#container #menu-wrap .menu-item i.fa-instagram{background:#517FA3;color:#FFF}#container #menu-wrap .menu-item i.fa-vimeo-square{background:#86C9EF;color:#FFF}#container #menu-wrap .menu-item span{width:32px;height:32px;position:absolute;top:5px;left:0;text-align:center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;display:block;color:#445878;background:#FFF;border-radius:50%}#container #menu-wrap .menu-item span:hover{top:-29px;font-size:20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}span.active{top:-20px!important;font-size:0!important}#container #menu-wrap .menu-item a{font-size:12px;color:#445878;text-decoration:none}#container #menu-wrap .menu-item .text{text-decoration:none;font-size:0;padding:20px 0 17px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:400;width:100%;position:absolute;bottom:-54px;display:block;border-top:#09F thin solid;border-top-width:9px;border-radius:6px;background-color:#FFF;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#container #menu-wrap .menu-item:hover > .text{bottom:0;font-size:25px;padding:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-align:center;border-top:#09F thin dotted;border-top-width:0}#container #menu-wrap .menu-item .icon{width:32px;height:32px;padding:15px 9px 5px 4px;font-size:25px;text-align:center}