.has-tooltip{
	position:relative;
	.tooltip{
		pointer-events: none;
		position:absolute;
		z-index:9999;
		left:50%;
		top:-40px;
		opacity:0;
		@include single-transition(ease-out, opacity, 300ms, 0ms);
		span{
			display:block;
			white-space:nowrap;
			position:relative;
			background:black(0.6);
			@include border-radius(3px);
			padding:0px 8px;
			left:-50%;
			font-size:14px;
			color:#fff;
			&:after {
				top: 100%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				border-top-color: black(0.6);
				border-width: 6px;
				left: 50%;
				margin-left: -6px;
			}
		}
	}
	&:hover .tooltip{
		opacity:1;
	}
}