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

/* Trigger text */

.tooltip-item {
	cursor: pointer;
	display: inline-block;
   position: relative;
   font-weight: 400;
   font-size: 14px; line-height: 20px; color: #666666;
      text-decoration: underline;
}

/*.tooltip-item::before{position: absolute; left: 0; height: 16px; margin-top: -8px; top: 50%; width: 1px; background: #c9c9c9; content: ""; display: block;}*/

/* 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: 160px;
	left: 50%;

	margin: 0 0 -10px -120px;
	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: center;
}

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

.tooltip-text span strong{
   font-size: 12px !important; line-height: 16px !important; text-align: center !important; color: #fff !important; font-weight: 600 !important;
}