.icon-col .col-inner{transition:all .4s ease}.flip>.back,.flip>.front{transition-duration:.5s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.flip>.front{background-position:top!important;background-repeat:no-repeat!important;background-size:cover!important;transform:rotateY(0deg)}.flip>.back{height:100%;left:0;opacity:0;overflow:hidden;overflow-y:auto;position:absolute;top:0;transform:rotateY(-180deg);width:100%}.flip.flip-vertical>.back{transform:rotateX(-180deg)}.flip{position:relative;width:100%}.flip>.back,.flip>.front{color:#fff;display:block;height:220px;padding:1em 2em;width:inherit}.flip>.front{position:relative}.flip>.front>div{background:linear-gradient(0deg,#000,transparent);bottom:16px;bottom:0;left:0;padding:87px 20px 20px;position:absolute;width:100%}.flip>.front>div h4,.flip>.front>div p{margin:0}.back h4,.back p{margin:0 0 10px}@media (max-width:1100px){.col.col4{width:50%}}@media (max-width:767px){.col.col4{width:100%}.icon-col .col-inner .back,.icon-col .col-inner .front{height:400px!important}}