.hint,.hint__dot{border-radius:50%;height:28px;width:28px}.hint,.tool{position:absolute;font-size:12px;cursor:pointer}.hint{z-index:1;font-weight:400;line-height:28px;text-align:center}.hint:hover{z-index:2}.hint__dot{border-width:10px;border-style:solid;background:0 0;-webkit-animation:1s ease-out infinite pulse;-moz-animation:1s ease-out infinite pulse;animation:1s ease-out infinite pulse;position:absolute;top:0;left:0;z-index:0;opacity:0}.hover-tool,.tool{height:auto;border-bottom:0;z-index:0;box-shadow:0 0 5px rgba(0,0,0,.2)}.tool{width:auto;right:38px;padding:10px 12px;opacity:1;border-radius:3px;line-height:1em;text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;-webkit-transition:background .3s ease-out;-moz-transition:background .3s ease-out;-ms-transition:background .3s ease-out;-o-transition:background .3s ease-out;transition:background .3s ease-out}.hover-tool__tip,.tool .tip{content:'';-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);position:absolute}.tool:before{content:'';display:block;position:absolute;top:0;right:-10px;height:32px;width:10px;background:0 0}.tool .tip{height:8px;width:8px;top:50%;right:-4px;margin-top:-4px;z-index:1;box-shadow:-2px 2px 2px rgba(0,0,0,.1);-webkit-transition:background .3s ease-out;-moz-transition:background .3s ease-out;-ms-transition:background .3s ease-out;-o-transition:background .3s ease-out;transition:background .3s ease-out}.tool--right:before{left:-10px;right:auto}.hover-tool{visibility:hidden;opacity:0;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;cursor:auto;width:425px;position:absolute;left:50px;top:48px;padding:16px 20px;font-size:13px;line-height:1.4em;text-transform:none;text-align:left;white-space:normal}.hint:hover .hover-tool{left:0;visibility:visible;opacity:1}.tool--right .hover-tool{left:auto;right:50px}.hint:hover .tool--right .hover-tool{left:auto;right:0}.hover-tool:before{content:'';display:block;position:absolute;top:-18px;left:0;height:18px;width:100%;background:0 0}.hover-tool .btn{float:right;margin-left:35px}@media (max-width:991px){.tool{padding:6px 8px}.hover-tool{width:250px;top:38px}.hover-tool .btn{float:none;margin-left:0;margin-bottom:15px;position:absolute;left:20px;bottom:0}}.hover-tool__tip{height:8px;width:8px;top:-4px;left:35px;z-index:1;box-shadow:2px 2px 2px rgba(0,0,0,.1)}.tool--right .hover-tool__tip{left:auto;right:35px}@-moz-keyframes pulse{0%{-moz-transform:scale(1);opacity:0}25%{-moz-transform:scale(1);opacity:.1}50%{-moz-transform:scale(1.1);opacity:.3}75%{-moz-transform:scale(1.5);opacity:.5}100%{-moz-transform:scale(1.8);opacity:0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);opacity:0}25%{-webkit-transform:scale(1);opacity:.1}50%{-webkit-transform:scale(1.1);opacity:.3}75%{-webkit-transform:scale(1.5);opacity:.5}100%{-webkit-transform:scale(1.8);opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:0}25%{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.3}75%{transform:scale(1.5);opacity:.5}100%{transform:scale(1.8);opacity:0}}.hint,.hint:hover .tool{background:#333745;color:#fff}.hint__dot{border-color:#333745}.hover-tool,.tool{background:#fff;color:#000}.hover-tool__tip,.tool .tip{background:#fff}.hint:hover .tool .tip{background:#333745}.tool--right{left:38px;right:auto}.tool--right::before{left:-10px;right:auto}.tool--right .tip{box-shadow:2px -2px 2px rgba(0,0,0,.1);left:-4px;right:auto}