.card-component{margin:0 auto;width:100%;margin-bottom:20px;background:#EEEEEE;border-radius:5px;overflow:hidden;height:100%}.card-component:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-component .card{width:100%;position:relative;-webkit-transition:all ease .3s;transition:all ease .3s}.card-component .card-image{overflow:hidden;max-height:280px}.card-component .card-image img{-webkit-transition:all ease 0.5s;transition:all ease 0.5s;display:block;width:100%;max-width:100%}.card-component .card-content{padding:20px}.card-component .card-content-header{margin-bottom:10px}.card-component .card-content-text p{line-height:1.4rem}.card-component .card-content-icon .icon-header{display:block;margin-bottom:6px}.card-component .card-content-icon .icon-wrap{display:-webkit-box;display:flex}.card-component .card-content-icon .icon-wrap .icon{margin:0 2px 0 0}.card-component .card-content-icon .icon-wrap .icon a{padding:0;display:block;max-width:45px}.card-component .card-content-icon .icon-wrap .icon a .svg-icon{fill:#999999;width:100%;max-height:45px;-webkit-transition:all ease .3s;transition:all ease .3s;background:-webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #333333));background:linear-gradient(to left, transparent 50%, #333333 50%);background-size:201% 100%;background-position:right bottom}.card-component .card-content-icon .icon-wrap .icon a:hover .svg-icon,.card-component .card-content-icon .icon-wrap .icon a:focus .svg-icon{fill:white;background-position:left bottom}