.sidebar{background-color:#fff;display:none;width:100px;height:100vh;position:fixed}.sidebar .role{transition:all linear 0.35s}.sidebar .role:hover{opacity:0.7}.sidebar .role.no-active{color:#4b4b4b;font-size:14px;font-weight:700;line-height:18px;text-transform:uppercase;text-align:center;padding:12px 9px;background-color:#fff;display:block;width:100%;box-sizing:border-box}.sidebar .role.active{color:#fff;font-size:14px;font-weight:700;line-height:18px;text-transform:uppercase;text-align:center;padding:12px 9px;background-color:#28a593;display:block;width:100%;box-sizing:border-box}.sidebar ul{position:absolute;top:42px;bottom:0;left:0;right:0;text-align:center}.sidebar ul li{height:20%;width:100%;box-sizing:border-box;position:relative;border-bottom:2px solid #ececec;border-right:3px solid #ececec;border-top:2px solid #ececec;transition:linear 0.3s;-webkit-transition:linear 0.3s;-moz-transition:linear 0.3s;-o-transition:linear 0.3s}.sidebar ul li .li-wrap{color:#818181;font-size:14px;font-weight:700;line-height:18px;text-transform:uppercase;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.sidebar ul li .li-wrap i{font-size:30px;transition:linear 0.3s;-webkit-transition:linear 0.3s;-moz-transition:linear 0.3s;-o-transition:linear 0.3s}.sidebar ul li .li-wrap p{margin-top:15px;transition:linear 0.3s;-webkit-transition:linear 0.3s;-moz-transition:linear 0.3s;-o-transition:linear 0.3s;letter-spacing:1px}.sidebar ul li a{position:absolute;top:0;bottom:0;left:0;right:0}.sidebar ul .startup:hover{border-color:#1b9200}.sidebar ul .startup:hover .li-wrap i,.sidebar ul .startup:hover .li-wrap p{color:#1b9200}.sidebar ul .investor:hover{border-color:#8db421}.sidebar ul .investor:hover .li-wrap i,.sidebar ul .investor:hover .li-wrap p{color:#8db421}.sidebar ul .busines:hover{border-color:#2b81aa}.sidebar ul .busines:hover .li-wrap i,.sidebar ul .busines:hover .li-wrap p{color:#2b81aa}.sidebar ul .partner:hover{border-color:#ebb42d}.sidebar ul .partner:hover .li-wrap i,.sidebar ul .partner:hover .li-wrap p{color:#ebb42d}.sidebar ul .employee:hover{border-color:#f67d2c}.sidebar ul .employee:hover .li-wrap i,.sidebar ul .employee:hover .li-wrap p{color:#f67d2c}@media only screen and (min-width: 1024px){.sidebar{display:block}.sidebar ul li .li-wrap p{font-size:12px;font-weight:700;margin-top:5px}.sidebar .role.no-active,.sidebar .role.active{padding:2px 9px 4px}}@media only screen and (min-width: 1340px){.sidebar ul li .li-wrap p{font-size:14px;font-weight:700;margin-top:12px}}@media only screen and (min-width: 1540px){.sidebar{width:169px}.sidebar h4{padding:11px 17px 11px 10px}.sidebar .role.no-active,.sidebar .role.active{padding:12px 9px}}