.cq-avatarwithpopup-avatar{position:relative;width:80px;height:80px;border-radius:50%;background:#EFEFEF;margin:0 auto;text-align:center;cursor:pointer}.cq-avatarwithpopup-popup{position:relative;width:100%;max-width:100%;line-height:160%;opacity:0;padding:20px;border:1px solid #EFEFEF;text-align:center;margin:0 auto 28px;background-color:#fff;font-size:14px;box-sizing:border-box;z-index:2}.cq-avatarwithpopup-avatartitlecontainer{margin-top:12px;margin-bottom:0}.cq-avatarwithpopup-avatarlabelcontainer,.cq-avatarwithpopup-avatartitlecontainer{text-align:center}h5.cq-avatarwithpopup-avatartitle{padding:0;margin:2px 0;font-size:1.2em;font-weight:700}span.cq-avatarwithpopup-avatarlabel{padding:0;margin:0;font-size:1em}.cq-avatarwithpopup-avatar.avatar-circle{border-radius:50%}.cq-avatarwithpopup-avatar.avatar-square{border-radius:0}.cq-avatarwithpopup-avatar.avatar-roundsmall{border-radius:8px}.cq-avatarwithpopup-avatar.avatar-roundlarge{border-radius:16px}.cq-avatarwithpopup.roundlarge .cq-avatarwithpopup-popup,.cq-avatarwithpopup.roundsmall .cq-avatarwithpopup-popup{border-radius:8px}.cq-avatarwithpopup.longshadow .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.longshadow .cq-avatarwithpopup-popup{-webkit-box-shadow:0 5px 11px 0 rgba(50,50,50,.4);-moz-box-shadow:0 5px 11px 0 rgba(50,50,50,.4);box-shadow:0 5px 11px 0 rgba(50,50,50,.4)}.cq-avatarwithpopup.tinyshadow .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.tinyshadow .cq-avatarwithpopup-popup{-webkit-box-shadow:0 2px 4px 0 rgba(50,50,50,.2);-moz-box-shadow:0 2px 4px 0 rgba(50,50,50,.2);box-shadow:0 2px 4px 0 rgba(50,50,50,.2)}.cq-avatarwithpopup.longshadow .cq-avatarwithpopup-popup:after{text-shadow:0 2px 1px rgba(150,150,150,1)}.cq-avatarwithpopup.tinyshadow .cq-avatarwithpopup-popup:after{text-shadow:0 2px 1px rgba(150,150,150,.4)}.cq-avatarwithpopup i.cq-avatarwithpopup-icon{display:inline-block;padding:0;margin:0;line-height:100%;font-size:2em;text-align:center;color:#333;border-radius:50%;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.cq-avatarwithpopup-avatarimage{width:80px;height:80px;border-radius:50%}.cq-avatarwithpopup-avatarlink{outline:0;border:none}.cq-avatarwithpopup-title{margin:0;padding:0}.cq-avatarwithpopup-title .cq-avatarwithpopup-popuptitle{color:#FFF;font-size:1.2em;margin:0 0 10px;padding:0;text-align:left}.cq-avatarwithpopup-content{text-align:left}.cq-avatarwithpopup.popup-white .cq-avatarwithpopup-title .cq-avatarwithpopup-popuptitle{color:#333}.cq-avatarwithpopup.popup-white .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-white .cq-avatarwithpopup-popup{color:#333;background-color:#fff;border:none}.cq-avatarwithpopup.popup-aqua .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-aqua .cq-avatarwithpopup-popup{background-color:#47e3ff;color:#FFF;border:none}.cq-avatarwithpopup.popup-orange .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-orange .cq-avatarwithpopup-popup{background-color:tomato;color:#FFF;border:none}.cq-avatarwithpopup.popup-gray .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-gray .cq-avatarwithpopup-popup{background-color:#404040;color:#FFF;border:none}.cq-avatarwithpopup.popup-lavender .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-lavender .cq-avatarwithpopup-popup{background-color:#AC92EC;color:#FFF;border:none}.cq-avatarwithpopup.popup-mint .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-mint .cq-avatarwithpopup-popup{background-color:#48CFAD;color:#FFF;border:none}.cq-avatarwithpopup.popup-yellow .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-yellow .cq-avatarwithpopup-popup{background-color:#FFCE54;color:#FFF;border:none}.cq-avatarwithpopup.popup-blue .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-blue .cq-avatarwithpopup-popup{background-color:#5D9CEC;color:#FFF;border:none}.cq-avatarwithpopup.popup-pink .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-pink .cq-avatarwithpopup-popup{background-color:#EC87C0;color:#FFF;border:none}.cq-avatarwithpopup.popup-green .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-green .cq-avatarwithpopup-popup{background-color:#A0D468;color:#FFF;border:none}.cq-avatarwithpopup.popup-red .cq-avatarwithpopup-avatar,.cq-avatarwithpopup.popup-red .cq-avatarwithpopup-popup{background-color:#ED5565;color:#FFF;border:none}.cq-avatarwithpopup.popup-orange .cq-avatarwithpopup-popup:after{color:tomato}.cq-avatarwithpopup.popup-aqua .cq-avatarwithpopup-popup:after{color:#47e3ff}.cq-avatarwithpopup.popup-gray .cq-avatarwithpopup-popup:after{color:#404040}.cq-avatarwithpopup.popup-white .cq-avatarwithpopup-popup:after{color:#fff}.cq-avatarwithpopup.popup-lavender .cq-avatarwithpopup-popup:after{color:#AC92EC}.cq-avatarwithpopup.popup-mint .cq-avatarwithpopup-popup:after{color:#48CFAD}.cq-avatarwithpopup.popup-yellow .cq-avatarwithpopup-popup:after{color:#FFCE54}.cq-avatarwithpopup.popup-blue .cq-avatarwithpopup-popup:after{color:#5D9CEC}.cq-avatarwithpopup.popup-pink .cq-avatarwithpopup-popup:after{color:#EC87C0}.cq-avatarwithpopup.popup-green .cq-avatarwithpopup-popup:after{color:#A0D468}.cq-avatarwithpopup.popup-red .cq-avatarwithpopup-popup:after{color:#ED5565}.cq-avatarwithpopup-insidecontainer{position:relative;margin-bottom:20px;overflow:hidden}.cq-avatarwithpopup-popup:after{content:'\25bc';margin-bottom:-39px;z-index:1;transform:scale(2.5,1.2);font-family:sans-serif;text-shadow:0 2px 1px #EFEFEF}.cq-avatarwithpopup-popup:after,.cq-avatarwithpopup-popuparrow{color:#fff;left:calc(50%-10px);bottom:0;font-size:20px;position:relative;display:block;-webkit-transform:scale(2.5,1.2);-moz-transform:scale(2.5,1.2)}.cq-avatarwithpopup-popup.isIE:after{margin-bottom:-38px}.cq-avatarwithpopup-popuparrow{font-family:sans-serif;width:20px;height:20px;margin-bottom:-40px;transform:scale(2.5,1.2);text-shadow:0 2px 1px #EFEFEF}.animatedelay{animation-duration:.6s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;animation-fill-mode:both}.animatedelay,.hotspotanimate{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s}.hotspotanimate{animation-duration:.6s;animation-fill-mode:both}@-webkit-keyframes cardIntop{0%{-webkit-transform-origin:50% 100% 0;-webkit-transform:perspective(500px) rotateX(-90deg) scale(.5,.5)}100%{-webkit-transform-origin:50% 100% 0;-webkit-transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}}@-moz-keyframes cardIntop{0%{-moz-transform-origin:50% 100% 0;-moz-transform:perspective(500px) rotateX(-90deg) scale(.5,.5)}100%{-moz-transform-origin:50% 100% 0;-moz-transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}}@-o-keyframes cardIntop{0%{-o-transform-origin:50% 100% 0;-o-transform:perspective(500px) rotateX(-90deg) scale(.5,.5)}100%{-o-transform-origin:50% 100% 0;-o-transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}}@keyframes cardIntop{0%{transform-origin:50% 100% 0;transform:perspective(500px) rotateX(-90deg) scale(.5,.5)}100%{transform-origin:50% 100% 0;transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}}.cardIntop{-webkit-animation-name:cardIntop;-moz-animation-name:cardIntop;-o-animation-name:cardIntop;animation-name:cardIntop}@-webkit-keyframes cardOuttop{0%{-webkit-transform-origin:50% 100% 0;-webkit-transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}100%{-webkit-transform-origin:50% 100% 0;-webkit-transform:perspective(500px) rotateX(-90deg) scale(.5,.5);opacity:0}}@-moz-keyframes cardOuttop{0%{-moz-transform-origin:50% 100% 0;-moz-transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}100%{-moz-transform-origin:50% 100% 0;-moz-transform:perspective(500px) rotateX(-90deg) scale(.5,.5);opacity:0}}@-o-keyframes cardOuttop{0%{-o-transform-origin:50% 100% 0;-o-transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}100%{-o-transform-origin:50% 100% 0;-o-transform:perspective(500px) rotateX(-90deg) scale(.5,.5);opacity:0}}@keyframes cardOuttop{0%{transform-origin:50% 100% 0;transform:perspective(500px) rotateX(0) scale(1,1);opacity:1}100%{transform-origin:50% 100% 0;transform:perspective(500px) rotateX(-90deg) scale(.5,.5);opacity:0}}.cardOuttop{-webkit-animation-name:cardOuttop;-moz-animation-name:cardOuttop;-o-animation-name:cardOuttop;animation-name:cardOuttop}