#canvas{background:#fff;overflow:hidden}#canvas .icon{display:inline-block;margin:0 -8px;width:60px;height:60px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff}#canvas .icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#canvas .content-left,#canvas .content-right{position:relative;top:60px}#canvas .content-left span{float:right;margin-left:25px}#canvas .content-right span{float:left;margin-right:25px}#canvas .box-item{padding-bottom:40px}#canvas .box-item .icon{background:#1BBC9A;text-align:center;margin-top:12px;-webkit-transition:background .2s,color .2s;-moz-transition:background .2s,color .2s;transition:background .2s,color .2s}#canvas .box-item .icon:after{top:0;left:0;box-shadow:0 0 0 4px #000;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-webkit-transform .2s,opacity .2s;transition:-webkit-transform .2s,opacity .2s;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);opacity:0}#canvas .box-item .icon i{color:#E54D3D;font-size:24px;line-height:60px}#canvas .box-item .text h4{color:#000;font-weight:700;line-height:22px;text-transform:uppercase}#canvas .box-item .text p{color:#BABABA;font-weight:300;font-size:14px;line-height:22px}#canvas .box-item:hover .icon{background:#E54D3D}#canvas .box-item:hover .icon i{color:#fff}#canvas .box-item:hover .icon:after{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:1}#canvas .show-box{padding:22px 64px}