a.tooltip, area.tooltip{position:relative;display:inline;color:#3cae41;font-size:20px}
a.tooltip:after, area.tooltip:after{display:block;visibility:hidden;position:absolute;bottom:0;left:20%;opacity:0;content:attr(tool-tips);height:auto;min-width:220px;padding:15px 8px;z-index:999;color:#fff;text-decoration:none;text-align:center;background:rgba(0,0,0,0.85);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
a.tooltip:before, area.tooltip:before{position:absolute;visibility:hidden;width:0;height:0;left:50%;bottom:0;opacity:0;content:"";border-style:solid;border-width:6px 6px 0;border-color:rgba(0,0,0,0.85) transparent transparent}
a.tooltip:hover:after, area.tooltip:hover:after{visibility:visible;opacity:1;bottom:20px}
a.tooltip:hover:before, area.tooltip:hover:before{visibility:visible;opacity:1;bottom:14px}
a.tooltip.bottom:after, area.tooltip.bottom:after{bottom:auto;top:0}
a.tooltip.bottom:hover:after, area.tooltip.bottom:hover:after{top:28px}
a.tooltip.bottom:before, area.tooltip.bottom:before{border-width:0 5px 8.7px;border-color:transparent transparent rgba(0,0,0,0.85);top:0}
a.tooltip.bottom:hover:before, area.tooltip.bottom:hover:before{top:20px}
a.tooltip.right:after, area.tooltip.right:after{left:100%;bottom:-45%}
a.tooltip.right:hover:after, area.tooltip.right:hover:after{left:110%;bottom:-45%}
a.tooltip.right:before, area.tooltip.right:before{border-width:5px 10px 5px 0;border-color:transparent rgba(0,0,0,0.85) transparent transparent;left:90%;bottom:2%}
a.tooltip.right:hover:before, area.tooltip.right:hover:before{left:100%;bottom:2%}
a.tooltip.left:after, area.tooltip.left:after{left:auto;right:100%;bottom:-45%}
a.tooltip.left:hover:after, area.tooltip.left:hover:after{right:110%;bottom:-45%}
a.tooltip.left:before, area.tooltip.left:before{border-width:5px 0 5px 10px;border-color:transparent transparent transparent rgba(0,0,0,0.85);left:auto;right:90%;bottom:2%}
a.tooltip.left:hover:before, area.tooltip.left:hover:before{right:100%;bottom:2%}
a.tooltip.blue:after, area.tooltip.blue:after{background:#5f87c2}
a.tooltip.blue:before, area.tooltip.blue:before{border-color:#5f87c2 transparent transparent}
a.tooltip.bottom.blue:before, area.tooltip.bottom.blue:before{border-color:transparent transparent #5f87c2}
a.tooltip.right.blue:before, area.tooltip.right.blue:before{border-color:transparent #5f87c2 transparent transparent}
a.tooltip.left.blue:before, area.tooltip.left.blue:before{border-color:transparent transparent transparent #5f87c2}
a.tooltip.animationTips:after,a.tooltip.animationTips:before,area.tooltip.animationTips:after,area.tooltip.animationTips:before{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}