.tooltipnb {
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tooltipnb-item {
	
}

/* Gap filler */

.tooltipnb-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltipnb:hover .tooltipnb-item::after {
	pointer-events: auto;
}

/* tooltipnb */

/* .tooltipnb-content { */
	/* position: absolute; */
	/* z-index: 9999; */
	/* width: 40%; */
	/* min-width: 320px; */
	/* left: -4px; */
	/* margin: 0 0 20px 0; */
	/* bottom: 32px; */
	/* text-align: left; */
	/* box-shadow: -5px -5px 15px rgba(48,54,61,0.2); */
	/* background: #fff; */
	/* border:1px solid #c0c0c0; */
	/* opacity: 0; */
	/* cursor: default; */
	/* pointer-events: none; */
/* } */

.tooltipnb-effect-1 .tooltipnb-content {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltipnb-effect-2 .tooltipnb-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-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;
}

.tooltipnb-effect-3 .tooltipnb-content {
	-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltipnb-effect-4 .tooltipnb-content {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7,0.3,1);
	transform: scale3d(0.7,0.3,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltipnb-effect-5 .tooltipnb-content {
	width: 180px;
	margin-left: -90px;
	-webkit-transform-origin: 50% calc(100% + 6em);
	transform-origin: 50% calc(100% + 6em);
	-webkit-transform: rotate3d(0,0,1,15deg);
	transform: rotate3d(0,0,1,15deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	-webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
	transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.tooltipnb:hover .tooltipnb-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);
}

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


/* .tooltipnb-content::after { */
	/* content: ''; */
	/* top: 100%; */
	/* left: 50%; */
	/* height: 0; */
	/* width: 0; */
	/* position: absolute; */
	/* border: solid transparent; */
	/* pointer-events: none; */
	/* border-color: transparent; */
	/* border-top-color: #c0c0c0; */
	/* border-width: 10px; */
	/* margin-left: -10px; */
/* } */

/* tooltipnb content*/