@import url(http://fonts.googleapis.com/css?family=Satisfy);.tooltip{display:inline;z-index:999;}
.tooltip::after{content:'';position:absolute;width:100%;height:20px;bottom:100%;left:50%;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.tooltip:hover::after{pointer-events:auto;}
.tooltip-content{position:absolute;z-index:9999;width:250px;left:72%;bottom:100%;line-height:0.0;text-align:left;color:#fffaf0;background:transparent;opacity:0;margin:0 0 2.7px -150px;cursor:default;pointer-events:none;-webkit-font-smoothing:antialiased;-webkit-transition:opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s;}
.tooltip:hover .tooltip-content{opacity:1;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s;}
.tooltip-content span{display:block;}
.tooltip-text{border-bottom:10px solid #fffaf0;overflow:hidden;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform 0.3s 0.3s;transition:transform 0.3s 0.3s;}
.tooltip:hover .tooltip-text{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);margin-left:8px;margin-right:53px;}
.tooltip-inner{background:rgba(117, 117, 117, 0.4);padding:25px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;margin-left:-23px;}
.tooltip:hover .tooltip-inner{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin-left:-22px;}
.tooltip-content::after{content:'';bottom:-20px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#fffaf0;border-width:10px;margin-left:-31px;}