.tooltip,.arrow:after{background:#f9aa18;border:2px solid #e17500;}.tooltip{pointer-events:none;opacity:0;display:inline-block;position:absolute;padding:10px 20px;color:white;border-radius:20px;margin-top:20px;font-stretch:condensed;text-decoration:none;text-transform:uppercase;width:450px;padding:10px;background-color:#f9aa18;border:1px solid #e17500;text-shadow:0 1px 1px #fff24d;color:#714900;background:linear-gradient(#fff24d,#f9aa18);box-shadow:0 2px 6px rgba(0,0,0,.5);border-radius:10px;font-size:16px;font:14px "Helvetica Neue",Sans-Serif;text-transform:initial;}.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px;}.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;-webkit-box-shadow:6px 5px 9px -9px black,5px 6px 9px -9px black;-moz-box-shadow:6px 5px 9px -9px black,5px 6px 9px -9px black;box-shadow:6px 5px 9px -9px black,5px 6px 9px -9px black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}.tooltip.active{opacity:1;margin-top:5px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;}.tooltip.out{opacity:0;margin-top:-20px;}