.tooltip {
	display: inline-block;
   cursor: pointer;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tooltip-item {
	cursor: pointer;
	display: inline-block;
	padding: 0 !important;
   margin: 0;
   position: relative;
   text-decoration: underline;
}

.notouch .tooltip-item:hover {
   text-decoration: none;
}



/* Gap filler */

.tooltip-item::after {
	content: '';
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.notouch .tooltip:hover .tooltip-item::after, .tooltip.active_efekt .tooltip-item::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 120px;
	left: 60px;

	margin: 0 0 -10px -100px;
	bottom: 45px;
   padding: 20px 40px;
	text-align: left;
	background: #4d4d4d;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 30px);
	transform-origin: 50% calc(100% + 30px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}


.notouch .tooltip:hover .tooltip-content, .tooltip.active_efekt .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.notouch .tooltip.tooltip-effect-2:hover .tooltip-content, .tooltip.tooltip-effect-2.active_efekt .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

/* Arrow */

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #4d4d4d;
	border-width: 11px;
	margin-left: -11px;
}

/* Tooltip content*/


.tooltip-text {
   display: block;
   text-align: left;
}

.tooltip-text label{
   font-size: 14px !important; line-height: 20px !important; display: block !important; text-align: center !important; color: #fff !important; font-weight: 300 !important;
}

.tooltip-text label strong{
   font-size: 14px !important; line-height: 20px !important; text-align: center !important; color: #fff !important; font-weight: 700 !important;
}