.flip{position:relative;width:295px;height:369px;}.flip>.front,.flip>.back{display:block;transition-duration:.5s;transition-property:transform,opacity;}.flip>.front{top:0;position:absolute;z-index:999;transform:rotateY(0deg);}.flip>.back{position:absolute;z-index:888;opacity:0;top:0;left:0;width:100%;height:100%;transform:rotateY(-180deg);}@media all and (min-width:48em){.flip{width:390px;height:455px;}}@media all and (min-width:48em){.flip:hover>.front:not(.noflip){transform:rotateY(180deg) !important;opacity:0 !important;z-index:888;}.flip:hover>.back:not(.noflip){opacity:1 !important;transform:rotateY(0deg) !important;z-index:999;}}@media all and (max-width:48em){.rotate-front{opacity:0 !important;transform:rotateY(180deg) !important;z-index:888 !important;}.rotate-back{transform:rotateY(0) !important;opacity:1 !important;z-index:999 !important;}.reset-front{opacity:0 !important;transform:rotateY(1) !important;z-index:999 !important;}.reset-back{transform:rotateY(180) !important;opacity:0 !important;z-index:888 !important;}}.flip{position:relative;display:inline-block;flex:0 0 auto;margin-top:16px;margin-left:16px;margin-right:16px;margin-bottom:16px;}.flip>.front,.flip>.back{display:block;color:#3a3a3a;width:inherit;background-size:cover !important;background-position:center !important;background:#fff;box-shadow:0 0 10px rgba(58,58,58,.1);}.flip>.front{padding:1px;}.flip>.back{background:linear-gradient(rgba(0,75,108,.8),rgba(0,75,108,.8));background-blend-mode:multiply;color:#fff;}