.flipp-card{-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50%;background-size:cover;border-radius:10px;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.25);color:#fff;height:auto;text-align:center;-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}.back{background:#145eab;background:-webkit-linear-gradient(45deg,#145eab,#2baae2);background:-o-linear-gradient(45deg,#145eab 0,#2baae2 100%);background:linear-gradient(45deg,#145eab,#2baae2)}.front:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#000;border-radius:10px;content:"";display:block;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:1}.flipp-card:hover .back,.flipp-card:hover .front{-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}.back{top:0}.back,.inner{left:0;position:absolute;width:100%}.inner{-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;padding:1rem;-webkit-perspective:inherit;perspective:inherit;top:50%;-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);transform:translateY(-50%) translateZ(60px) scale(.94);z-index:2}.flipp-card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flipp-card .front,.flipp-card:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flipp-card:hover .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.back .inner h3,.front .inner h3{font-size:2rem;line-height:1;margin-bottom:2rem;position:relative}.back .inner h3:after,.front .inner h3:after{background:#c6d4df;bottom:-.75rem;content:"";display:block;height:2px;left:0;margin:0 auto;position:absolute;right:0;width:4rem}.front .inner p{color:#fff}@media(max-width:1140px){.flippcard-wrapper .col{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media(max-width:960px){.flippcard-wrapper .col{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media(max-width:720px){.flippcard-wrapper .col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media(max-width:540px){.flippcard-wrapper .col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}