.iw-so-flip-box .iw-so-flip-box-front,
.iw-so-flip-box .iw-so-flip-box-back {
  overflow-y: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.iw-so-flip-box.iw-so-flip-horizontal .iw-so-flip-box-front {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg); }

.iw-so-flip-box.iw-so-flip-horizontal .iw-so-flip-box-back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.iw-so-flip-box.iw-so-flip-horizontal.iw-so-flipped .iw-so-flip-box-front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.iw-so-flip-box.iw-so-flip-horizontal.iw-so-flipped .iw-so-flip-box-back {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg); }

.iw-so-flip-box.iw-so-flip-vertical .iw-so-flip-box-front {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg); }

.iw-so-flip-box.iw-so-flip-vertical .iw-so-flip-box-back {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.iw-so-flip-box.iw-so-flip-vertical.iw-so-flipped .iw-so-flip-box-front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.iw-so-flip-box.iw-so-flip-vertical.iw-so-flipped .iw-so-flip-box-back {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg); }

.iw-so-flip-box .iw-so-flip-box-wrapper {
  position: relative;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px; }
  .iw-so-flip-box .iw-so-flip-box-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front {
    position: absolute;
    z-index: 900; }
    .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front .iw-so-front-wrapper {
      padding: 20px;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front .iw-so-front-wrapper .iw-so-flip-box-media {
        margin-bottom: 10px; }
        .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front .iw-so-front-wrapper .iw-so-flip-box-media img {
          max-width: 100%; }
        .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front .iw-so-front-wrapper .iw-so-flip-box-media [class^="sow-icon-"] {
          padding: 20px; }
      .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front .iw-so-front-wrapper .iw-so-front-text .iw-so-front-title {
        margin: 0;
        padding: 0 0 20px 0; }
      .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-front .iw-so-front-wrapper .iw-so-front-text .iw-so-front-content {
        margin: 0; }
  .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back {
    position: static;
    z-index: 1000; }
    .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper {
      padding: 20px;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper .iw-so-back-text .iw-so-back-title {
        margin: 0;
        padding: 0 0 20px 0; }
      .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper .iw-so-back-text .iw-so-back-content {
        margin: 0; }
      .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper .iw-so-flip-box-button {
        margin-top: 15px; }
        .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper .iw-so-flip-box-button .iw-so-flip-box-button-base::after {
          clear: both;
          content: "";
          display: table; }
        .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper .iw-so-flip-box-button .iw-so-flip-box-btn {
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none;
          cursor: pointer;
          font-weight: normal;
          line-height: normal;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          -webkit-transition: all 0.15s ease-in-out;
          -moz-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;
          font-size: 1em;
          padding: 0.875em 1.75em; }
          @media only screen and (min-width: 40.0625em) {
            .iw-so-flip-box .iw-so-flip-box-wrapper .iw-so-flip-box-back .iw-so-back-wrapper .iw-so-flip-box-button .iw-so-flip-box-btn {
              display: inline-block; } }