.feature-section{position:relative;padding-bottom:130px}.feature-block-one .inner-box{position:relative;display:block;text-align:center;margin-bottom:80px}.feature-block-one .inner-box .image-box{position:relative;display:block;overflow:hidden}.feature-block-one .inner-box .image-box:before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.feature-block-one .inner-box:hover .image-box:before{-webkit-animation:circle .75s;animation:circle .75s}@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}.feature-block-one .inner-box .image-box img{width:100%}.feature-block-one .inner-box .lower-content{position:relative}.feature-block-one .inner-box .lower-content .inner{position:absolute;display:block;overflow:hidden;top:-20px;width:calc(100% - 30px);left:15px;background:#fff;text-align:center;padding:32px 15px 36px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:all .5s ease;z-index:2}.feature-block-one .inner-box .lower-content .inner:before{position:absolute;content:'';width:100%;height:0;left:0;right:0;top:0;transition:all .5s ease}.feature-block-one .inner-box:hover .lower-content .inner:before{height:100%}.feature-block-one .inner-box:hover .lower-content .inner{padding-bottom:66px}.feature-block-one .inner-box .lower-content .inner h3{margin-bottom:0;transition:all .5s ease}.feature-block-one .inner-box:hover .lower-content .inner h3{color:#fff}.feature-block-one .inner-box .lower-content .inner a{position:absolute;display:inline-block;left:50%;bottom:33px;transform:translateX(-50%);z-index:1;opacity:0}.feature-block-one .inner-box:hover .lower-content .inner a{opacity:1}.feature-block-one .inner-box .lower-content .inner a span{position:relative;display:inline-block;font-size:13px;line-height:15px;text-transform:uppercase;font-weight:400;color:#fff;border-bottom:1px solid #fff}.feature-block-one .inner-box .lower-content .inner a i{font-size:12px;color:#fff;margin-left:7px}.feature-style-two{position:relative;padding:110px 0}.feature-block-two .inner-box{position:relative;display:block;text-align:center;margin-bottom:44px}.feature-block-two .inner-box .image-box{position:relative;display:block;overflow:hidden;background:-webkit-linear-gradient(90deg,rgba(4,23,48,1) 50%,rgba(4,23,48,.6) 100%)}.feature-block-two .inner-box .image-box img{width:100%;transition:all .5s ease}.feature-block-two .inner-box:hover .image-box img{opacity:.2}.feature-block-two .inner-box .overlay-box{position:absolute;left:50%;top:50%;width:100%;padding:15px 25px;transform:translate(-50%,-50%);opacity:0;transition:all .5s ease}.feature-block-two .inner-box:hover .overlay-box{opacity:1}.feature-block-two .inner-box .overlay-box p{color:#fff;opacity:0;transform:translateY(30px);-webkit-transition-delay:.5s;transition-delay:.5s}.feature-block-two .inner-box:hover .overlay-box p{transform:translateY(0px);opacity:1}.feature-block-two .inner-box .lower-content{position:relative}.feature-block-two .inner-box .lower-content h4{font-weight:400}.feature-block-two .inner-box .lower-content h4 a{color:#222}.feature-block-two .inner-box:hover .lower-content h4 a{color:#fff}.feature-block-two .inner-box .lower-content .inner{position:absolute;display:block;overflow:hidden;top:-26px;width:calc(100% - 30px);left:15px;background:#fff;text-align:center;padding:20px 15px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:all .5s ease}.feature-block-two .inner-box .lower-content .inner:before{position:absolute;content:'';width:100%;height:0;left:0;right:0;bottom:0;opacity:0;transition:all .5s ease}.feature-block-two .inner-box:hover .lower-content .inner:before{top:0;height:100%;opacity:1}