.hvr-underline-from-center::before { background: #ff6600 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 50%; position: absolute; right: 50%; transition-duration: 0.3s; transition-property: left, right; transition-timing-function: ease-out; z-index: -1; }
.hvr-shutter-out-horizontal { backface-visibility: hidden; background: transparent; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; }
.hvr-shutter-out-horizontal::before { background: #ff7920 none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 50% 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }


.left-bottom .left-bottom-icon .icon-b1 .hvr-shutter-out-horizontal::before { background:#21a73d none repeat scroll 0 0; }
.left-bottom .left-bottom-icon .icon-b2 .hvr-shutter-out-horizontal::before { background:#e3425f none repeat scroll 0 0; }
.left-bottom .left-bottom-icon .icon-b3 .hvr-shutter-out-horizontal::before { background:#fd5b1a none repeat scroll 0 0; }
.left-bottom .left-bottom-icon .icon-b4 .hvr-shutter-out-horizontal::before { background:#ff763f none repeat scroll 0 0; }
.hvr-shutter-out-horizontal:active::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:hover::before { transform: scaleX(1); }