.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%;border-radius:0;color:#fff;height:auto;-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:-webkit-gradient(linear,left top,right top,from(#006eb9),to(#0f2353));background:linear-gradient(310deg,#006eb9,#0f2353);border-radius:0;content:"";display:block;height:100%;left:0;opacity:1;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{line-height:1;margin-bottom:1rem;position:relative}.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%}}