.kangla-animation-box {position: relative;}.kangla-animation-box:before, .kangla-animation-box:after {position: absolute;opacity: 1;content: '';left: 0;top: 0;width: 100%;height: 100%;transition: all 700ms ease;-webkit-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;}.kangla-animation-box-none .kangla-animation-box:before {display: none;}.kangla-animation-box:after {display: none;}.kangla-animation-box-fade .kangla-animation-box:before {opacity: 0;}.kangla-animation-box-fade .kangla-animation-box:hover:before {opacity: 1;}.kangla-animation-box-sb .kangla-animation-box:before, .kangla-animation-box-st .kangla-animation-box:before {-webkit-transform: scaleY(0);-ms-transform: scaleY(0);-moz-transform: scaleY(0);transform: scaleY(0);}.kangla-animation-box-sb .kangla-animation-box:hover:before, .kangla-animation-box-st .kangla-animation-box:hover:before {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);-moz-transform: scaleY(1);transform: scaleY(1);}.kangla-animation-box-sb .kangla-animation-box:before {-webkit-transform-origin: top;-ms-transform-origin: top;-moz-transform-origin: top;transform-origin: top;}.kangla-animation-box-st .kangla-animation-box:before {-webkit-transform-origin: bottom;-ms-transform-origin: bottom;-moz-transform-origin: bottom;transform-origin: bottom;}.kangla-animation-box-sr .kangla-animation-box:before, .kangla-animation-box-sl .kangla-animation-box:before, .kangla-animation-box-br-tsr .kangla-animation-box:before, .kangla-animation-box-br-tsl .kangla-animation-box:before, .kangla-animation-box-br-bsr .kangla-animation-box:before, .kangla-animation-box-br-bsl .kangla-animation-box:before, .kangla-animation-box-br-et .kangla-animation-box:before, .kangla-animation-box-br-eb .kangla-animation-box:before {-webkit-transform: scaleX(0);-ms-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);}.kangla-animation-box-sr .kangla-animation-box:hover:before, .kangla-animation-box-sl .kangla-animation-box:hover:before, .kangla-animation-box-br-tsr .kangla-animation-box:hover:before, .kangla-animation-box-br-tsl .kangla-animation-box:hover:before, .kangla-animation-box-br-bsr .kangla-animation-box:hover:before, .kangla-animation-box-br-bsl .kangla-animation-box:hover:before, .kangla-animation-box-br-et .kangla-animation-box:hover:before, .kangla-animation-box-br-eb .kangla-animation-box:hover:before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);}.kangla-animation-box-sr .kangla-animation-box:before, .kangla-animation-box-br-tsr .kangla-animation-box:before, .kangla-animation-box-br-bsr .kangla-animation-box:before {-webkit-transform-origin: left;-ms-transform-origin: left;-moz-transform-origin: left;transform-origin: left;}.kangla-animation-box-sl .kangla-animation-box:before, .kangla-animation-box-br-tsl .kangla-animation-box:before, .kangla-animation-box-br-bsl .kangla-animation-box:before {-webkit-transform-origin: right;-ms-transform-origin: right;-moz-transform-origin: right;transform-origin: right;}.kangla-animation-box-br-tsr .kangla-animation-box:before, .kangla-animation-box-br-tsl .kangla-animation-box:before, .kangla-animation-box-br-bsr .kangla-animation-box:before, .kangla-animation-box-br-bsl .kangla-animation-box:before, .kangla-animation-box-br-et .kangla-animation-box:before, .kangla-animation-box-br-eb .kangla-animation-box:before {height: 4px;}.kangla-animation-box-br-bsr .kangla-animation-box:before, .kangla-animation-box-br-bsl .kangla-animation-box:before, .kangla-animation-box-br-eb .kangla-animation-box:before {top: auto;bottom: 0;}.kangla-animation-box-br-et .kangla-animation-box:before, .kangla-animation-box-br-eb .kangla-animation-box:before {-webkit-transform-origin: center;-ms-transform-origin: center;-moz-transform-origin: center;transform-origin: center;}.kangla-animation-box-br-tt .kangla-animation-box:before, .kangla-animation-box-br-ttb .kangla-animation-box:before {top: 0;height: 0;}.kangla-animation-box-br-tt .kangla-animation-box:hover:before, .kangla-animation-box-br-ttb .kangla-animation-box:hover:before {top: -10px;height: 10px;width: calc(100% - 30px);margin: 0 15px;transition: all 0.2s ease-in-out;}.kangla-animation-box-br-tb .kangla-animation-box:before, .kangla-animation-box-br-ttb .kangla-animation-box:after {bottom: 0;height: 0;top: auto;display: block;}.kangla-animation-box-br-tb .kangla-animation-box:hover:before, .kangla-animation-box-br-ttb .kangla-animation-box:hover:after {bottom: -10px;height: 10px;width: calc(100% - 30px);margin: 0 15px;transition: all 0.2s ease-in-out;}.kangla-animation-box-co .kangla-animation-box:before, .kangla-animation-box-cs .kangla-animation-box:before {left: 50%;top: 50%;right: 50%;bottom: 50%;width: 0;height: 0;border-radius: 100%;}.kangla-animation-box-co .kangla-animation-box:hover:before, .kangla-animation-box-cs .kangla-animation-box:hover:before {right: 0;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: 0;}.kangla-animation-box-cs .kangla-animation-box:before {border-radius: 0;}