.onetimeoffer__info {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  margin: 30px 0 45px;
}
.onetimeoffer__vp {
 display: -webkit-flex;
 display: flex;
 align-items: flex-end;
}
.onetimeoffer__vp-text {
 color: #fff;
 text-transform: uppercase;
 font: 46px/36px Quantico, Arial, Helvetica, sans-serif;
 margin-left: 10px;
}

.onetimeoffer__timer {
 text-align: center;
 min-width: 220px;
}
.onetimeoffer__timer-cont {
 color: var(--item-color);
 text-transform: uppercase;
 font: 46px/1 Quantico, Arial, Helvetica, sans-serif;
 margin-bottom: 20px;
}
.onetimeoffer__timer-button {
 width: 250px;
}
.onetimeoffer__timer-button .icon-credit-full {
  display: inline-block;
  vertical-align: middle;
}
.onetimeoffer__img {
 position:relative;
 display: inline-block;
 margin: 0 -32px 80px;
 cursor: col-resize;
}
.onetimeoffer__img-before {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 50%;
 max-width: 100%;
 overflow: hidden;
 border-right: 4px solid #fff;
 animation: resize_img 2.5s linear alternate-reverse infinite;
}
.onetimeoffer__img:hover .onetimeoffer__img-before {
 animation: none;
}
.onetimeoffer__img img {
 display: block;
 user-select: none;
 max-width: none;
 height: 100%;
}
.onetimeoffer__img-after {
  width: 100%;
}
.onetimeoffer__action {
  text-transform: uppercase;
  color: var(--item-color);
  text-align: center;
}

@keyframes resize_img {
 from { width: 30%;}
 to { width: 70%;}
}

@media only screen and (max-width: 720px) {
  .onetimeoffer__vp, .onetimeoffer__timer {
    width: 100%;
  }
  .onetimeoffer__vp {
    margin-bottom: 30px;
    justify-content: center;
  }
}