

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	visibility: visible;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
	
  
	opacity: 0;
}

.tooltip.load {
    opacity: 1;
}

.tooltip:hover{}
.tooltip.in {
	filter: alpha(opacity=90);
	opacity: 1;
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -20px
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px;
	margin-top:-20px;
	font-size:15px;
	font-weight:normal;
}
.tooltip-inner {
		font-family: 'OpenSans-Regular';
	max-width: 258px;
	padding: 3px 8px;
	color: #666;
	text-align:left;
	text-decoration: none;
	background:#fff;
	border-radius: 1px
}

.tooltip-inner p{ font-size:0pt; color:#000; padding:5px; margin:0; font-family: 'OpenSans-Regular';
background:url(../images/bb1.png) center no-repeat; }

 @media (max-width:1054px)
 { 
   .tooltip.top {
	
	margin-top:-7px}
}

@media (max-width:877px)
   { .tooltip.top {
	
	margin-top:7px}
    }
	
	@media (max-width:877px)
	{.tooltip-inner{width: 150px; margin-left:20px}}