@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);.floatingContainer{bottom:0;position:fixed;right:0;padding-right:24px;padding-left:8px;padding-bottom:74px;z-index:99;overflow:hidden;text-align:center}@media (max-width:767px){.floatingContainer{padding-bottom:24px}}.floatingContainer:hover{overflow:inherit}.floatingContainer:hover .subActionButton{transition:opacity 1.2s,width .4s,height .4s}.floatingContainer:hover .subActionButton+.subActionButton{transition:opacity .8s,width .3s,height .3s}.floatingContainer:hover .subActionButton+.subActionButton+.subActionButton{transition:opacity .4s,width .2s,height .2s}.actionButton{background-color:#d23f31;border-radius:50%;height:56px;position:relative;width:56px;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);cursor:pointer;text-align:center}.actionButton .floatingText{color:#FFF;opacity:0;position:absolute;right:56px;min-width:15em;text-align:right;margin:0;height:100%;transition:opacity .4s;font-family:Roboto;padding-right:10px}.actionButton .fa,.actionButton:before{color:#f0f0f0;position:absolute;font-weight:400;transform:rotate3d(0,0,1,-180deg);right:0}.actionButton .floatingText.show{opacity:1}.actionButton .floatingTextBG{padding:.3em .7em;background-color:rgba(34,45,50,.8);border-radius:3px;display:inline-block;margin-top:1em;margin-bottom:1em}.actionButton.display{display:inherit}.actionButton:before{content:"+";opacity:1;font-size:30px;transition:content .4s,transform .4s,opacity .2s;line-height:56px;width:56px}.actionButton .fa{font-size:24px;opacity:0;transition:content .4s,transform .4s,opacity .4s;line-height:54px;width:54px}.actionButton.open::before{transform:rotate3d(0,0,1,0deg);opacity:0}.actionButton.open .fa{transform:rotate3d(0,0,1,0deg);opacity:1}.actionButton:hover{box-shadow:0 0 8px rgba(0,0,0,.14),0 8px 16px rgba(0,0,0,.28)}.subActionButton{background-color:#d23f31;height:0;width:0;border-radius:50%;margin-left:auto;margin-right:auto;opacity:0;position:relative;cursor:pointer;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.subActionButton .floatingText{position:absolute;top:-.6em;right:50px;min-width:15em;font-family:Roboto;color:#FFF;text-align:right;opacity:0;transition:opacity .4s}.subActionButton .floatingText.show{opacity:1}.subActionButton .floatingTextBG{padding:.3em .7em;background-color:rgba(34,45,50,.8);border-radius:3px;display:inline-block}.subActionButton.display{opacity:1;width:40px;height:40px;margin-bottom:16px}.subActionButton:hover{box-shadow:0 0 8px rgba(0,0,0,.14),0 8px 16px rgba(0,0,0,.28)}.subActionButton .fa{line-height:40px;color:#f5f5f5;font-size:20px}