.udn .udn-list li:before,.udn .udn-list li:after{content:" ";display:table}.udn .udn-list li:after{clear:both}.udn .udn-list li{*zoom:1}@media screen and (max-width: 979px){.udn{display:none}}.udn{box-sizing:border-box;position:fixed;top:200px;right:-350px;text-align:center;width:350px;z-index:100000;-webkit-transition:right 500ms;-moz-transition:right 500ms;transition:right 500ms}.udn:hover{right:0}.udn:hover .udn-tab{opacity:0}.udn .udn *,.udn .udn *:before,.udn .udn *:after{box-sizing:inherit;font-family:inherit}.udn .udn-tab{-webkit-font-smoothing:antialiased;background-color:#fff;border-left:4px solid #4f6468;color:#6f878c;cursor:pointer;font-family:IntriqueScript;font-size:40px;font-weight:normal;height:60px;line-height:60px;opacity:1;position:fixed;top:280px;right:-80px;text-align:center;width:216px;z-index:50;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}.udn .udn-wrap{border:5px solid #4f6468;position:relative;z-index:100}.udn .udn-title{-webkit-font-smoothing:antialiased;background-color:#6f878c;border-bottom:5px solid #4f6468;color:#fff;font-family:IntriqueScript;font-size:40px;font-weight:normal;height:60px;line-height:1.2;text-shadow:0px 3px 0px #4f6468}.udn .udn-list{background-color:#fff;height:448px;list-style-type:none;overflow:scroll;text-align:left}.udn .udn-list li{border-top:1px solid #a8c7cd;border-bottom:1px solid #6f878c;color:#4f6468;padding:14px 0 16px 90px;position:relative}.udn .udn-list li:first-child{border-top:none}.udn .udn-list li:last-child{border-bottom:none}.udn .udn-list .udn-user-avatar{position:absolute;top:14px;left:17px}.udn .udn-list .udn-user-avatar img{display:block;height:auto;width:60px}.udn .udn-list .udn-beer-name{-webkit-font-smoothing:antialiased;color:#4f6468;display:inline-block;font-family:IntriqueScript;font-size:26px;font-weight:400;line-height:1;position:absolute;top:14px;right:17px;text-decoration:none;text-transform:capitalize;transition:color,0.3s;-webkit-transition:color,0.3s;-moz-transition:color,0.3s}.udn .udn-list .udn-beer-name:hover{color:#1C3135}.udn .udn-list .udn-user-name{font-size:17px;font-weight:700;line-height:1;margin-bottom:5px;text-transform:capitalize}.udn .udn-list .udn-time{font-size:13px;font-weight:700;line-height:1;margin-bottom:5px}.udn .udn-list .udn-beer-company{font-size:13px;line-height:1;margin-bottom:5px}