#demo-tooltip {
	position: fixed;
	z-index: 100010;
	top: 60px;
	left: 11px;
	width: 20px;
	height: 20px;
	transition: all 800ms 2s ease-in-out;
	-webkit-transition: all 800ms 2s ease-in-out;
    -moz-transition: all 800ms 2s ease-in-out;
    -o-transition: all 800ms 2s ease-in-out;
    -ms-transition: all 800ms 2s ease-in-out;
	opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	#demo-tooltip:hover { width: 50px; height: 50px; }
	.big-border #demo-tooltip { top: 80px; left: 21px }
	
body.loading-end #demo-tooltip { opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
	
#demo-tooltip .open-tooltip {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 10px;
	display: block;
	background: #5acae6;
	color: #ffffff;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 15px;
	-moz-border-radius:15x; 
	-khtml-border-radius:15px; 
	-webkit-border-radius:15px;
	-webkit-animation: pulse 1.5s ease infinite;
  	-moz-animation: pulse 1.5s ease infinite;
  	-ms-animation: pulse 1.5s ease infinite;
  	-o-animation: pulse 1.5s ease infinite;
  	animation: pulse 1.5s ease infinite;
	}
	
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.3);
  }

  25% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.3);
  }

  100% {
    -webkit-transform: scale(1.3);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1.3);
  }

  25% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.3);
  }

  100% {
    -moz-transform: scale(1.3);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1.3);
  }

  25% {
    -ms-transform: scale(1);
  }

  50% {
    -ms-transform: scale(1.3);
  }

  100% {
    -ms-transform: scale(1.3);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1.3);
  }

  25% {
    -o-transform: scale(1);
  }

  50% {
    -o-transform: scale(1.3);
  }

  100% {
    -o-transform: scale(1.3);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1.3);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.3);
  }
}
	
#demo-tooltip .tooltip-container {
	background: #f0f0f0;
	width: 270px;
	position: absolute;
	top: -10px;
	left: 40px;
	visibility:hidden;
	opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	#demo-tooltip:hover > .tooltip-container {
	visibility: visible;
	opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.big-border #demo-tooltip .tooltip-container { left: 50px }
	
#demo-tooltip .tooltip-container:after { 
	right: 100%; 
	top: 18px; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute;
	pointer-events: none; 
	border-color: rgba(255, 255, 255, 0); 
	border-right-color: #f0f0f0; 
	border-width: 6px; 
	margin-top: -6px; 
	}
		
#demo-tooltip .tooltip-container h6 {
	padding: 15px 15px 0 15px;
	}
	
#demo-tooltip .tooltip-container p {
	font-size: 13px;
	line-height: 21px;
	margin-top: 0;
	padding: 15px;
	}
	
#demo-tooltip .tooltip-container a.tooltip-option {
	float: left;
	width: 89px;
	line-height: 14px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #0d0d0d;
	color: #ffffff;
	text-transform: uppercase;
	padding: 8px 0;
	border: 1px solid #4d4d4d;
	border-right: none;
	border-top: none;
	}
	#demo-tooltip .tooltip-container a.tooltip-option:last-child { border-right : 1px solid #4d4d4d; width: 88px; }
	#demo-tooltip .tooltip-container a.tooltip-option:hover, #demo-tooltip .tooltip-container a.tooltip-option.selected { background: #5acae6; border-color: #5acae6; }
	
#demo-tooltip .tooltip-container a.tooltip-option span { 
	font-size: 9px;
	font-weight: normal;
	}
	
@media only screen and (max-width: 860px) { #demo-tooltip { display:none; } }