/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
  margin: 20px 0; }

/* flip the pane when hovered */
.resize:hover .flipper, .resize.hover .flipper {
  transform: rotateY(180deg); }

.flip-container, .front, .back {
  width: 100px;
  height: 100px;
  display: inline-block; }

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg); }

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg); }

.resize {
  text-align: center;
  /*height: 465px;*/
  border: 2px solid #e8e8e8;
  padding: 0px 20px;
  margin-bottom: 40px; }
  .resize h2 {
    text-transform: none;
    font-size: 18px; }
  .resize p {
    line-height: 30px; }
  .resize.resize-1 .header {
    background-image: url("/frontend/img/offer/resize_1.png"); }
  .resize.resize-2 .header {
    background-image: url("/frontend/img/offer/resize_2.png"); }
  .resize.resize-3 .header {
    background-image: url("/frontend/img/offer/resize_3.png"); }
  .resize.resize-4 .header {
    background-image: url("/frontend/img/offer/resize_4.png"); }
  .resize.resize-5 .header {
    background-image: url("/frontend/img/offer/resize_5.png"); }
  .resize.resize-6 .header {
    background-image: url("/frontend/img/offer/resize_6.png"); }
  .resize .header {
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px; }
    .resize .header.row {
      margin-right: -20px;
      margin-left: -20px; }
  .resize:hover .header {
    background-color: #00aeef;
    background-blend-mode: multiply; }
  .resize .text-justify {
    margin-top: 20px; }
  .resize .header-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 0; }
    .resize .header-icon .icon {
      font-size: 75px; }
    .resize .header-icon.front {
      background-color: #00aeef;
      opacity: 0.85; }
      .resize .header-icon.front .icon {
        color: white; }
    .resize .header-icon.back {
      background-color: white;
      opacity: 1; }
      .resize .header-icon.back .icon {
        color: #00aeef; }

a.btn-bordered {
  border: 2px solid #00aeef;
  padding: 4px 50px;
  text-transform: uppercase;
  margin-bottom: 30px; }

#become-customer {
  padding-top: 60px; }

/*# sourceMappingURL=offer.css.map */