/* TOOLTIPS */
		/* Tooltip container */
		.g-tt {position: relative; display: inline-block;}
		.g-tt-r {position: relative; display: inline-block;}

		/* Tooltip text */
		.g-tt  .g-ttxt
		{
			visibility: hidden;
			width: 120px;
			background-color: #482448;
			color: #fff;
			text-align: center;
			padding: 5px 0;
			border-radius: 6px;

			 /* Position the tooltip text */
			position: absolute;
			z-index: 1;
			top: 125%;
			left: 5%;
			margin-left: -60px;

			/* Fade in tooltip */
			opacity: 0;
			transition: opacity 0.3s;
		}
		.g-tt-r .g-ttxt-r
		{
			visibility: hidden;
			width: 120px;
			background-color: #482448;
			color: #fff;
			text-align: center;
			padding: 5px 0;
			border-radius: 6px;

			 /* Position the tooltip text */
			position: absolute;
			z-index: 1;
			top: 125%;
			left: 95%;
			margin-left: -60px;

			/* Fade in tooltip */
			opacity: 0;
			transition: opacity 0.3s;
		}


		/* Tooltip arrow */
		.g-tt .g-ttxt::after
		{
			content: "";
			position: absolute;
			bottom: 100%;
			left: 90%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent #482448 transparent;
		}
		.g-tt-r .g-ttxt-r::after
		{
			content: "";
			position: absolute;
			bottom: 100%;
			left: 10%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent #482448 transparent;
		}

		/* Show the tooltip text when you mouse over the tooltip container */
		.g-tt:hover .g-ttxt
		{
			visibility: visible;
			opacity: 1;
		}

		.g-tt-r:hover .g-ttxt-r
		{
			visibility: visible;
			opacity: 1;
		}