.homepage .small-12.backstabberWrap { margin-bottom: 1rem; padding: 0 0 0 3.75rem; }
.backstabber { position: relative; min-height: 480px; }
.backstabberOutsideBG { 
	height: 100%;
	width: 100%;
	left:0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background: linear-gradient(124deg, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #47DBE2, #8DE9ED, #47DBE2, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #1DB4BD, #8DE9ED);
	background-size: 1999% 1999%;				
	-webkit-animation: rainbow 88s linear infinite;
	-z-animation: rainbow 88s linear infinite;
	-o-animation: rainbow 88s linear infinite;
	animation: rainbow 88s linear infinite;
}
@-webkit-keyframes rainbow {
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}
@keyframes rainbow { 
	0%{background-position:0% 82%}
	50%{background-position:100% 19%}
	100%{background-position:0% 82%}
}

.backstabberInsideBG { background: url(../img/promotions/backstabber/backstabberInsideBG-bg.png) center top no-repeat; min-height: 480px; position: relative; }
.dtdf { background: url(../img/promotions/backstabber/50-groupon-snipe.png) center top no-repeat; height: 242px; position: absolute; left: 35px; top: 50px; width: 633px; }
.pinkArrow { background: url(../img/promotions/backstabber/pinkArrow.png) center top no-repeat; height: 227px; position: absolute; left: 115px; top: 215px; width: 123px; }
.mrZ { background: url(../img/promotions/backstabber/mrZ.png) center top no-repeat; height: 472px; position: absolute; right: -65px; top: -17px; width: 315px; }

.promoRevealer { background: linear-gradient(#555,#333); bottom: 0px; height: 65px; overflow: hidden; position: absolute; width: 100%; }
.uncurler { top: -65px; height: 65px; position: absolute; transition: 1s; width: 424px; }
.howToUse { color: #444; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; position: relative; top: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 4; }  
.promoCode.has-tip { background: #fff; border: 2px dashed #666; border-radius: 6px; box-shadow: 0 2px 7px #385412; color: #444; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; padding: 3px 9px; position: relative; top: 9px; z-index: 4; }
.promoCode::selection { background: #C62B8A; color: #fff; }
::-moz-selection { background: #C62B8A; color: #fff; }
.tooltip { background-color: rgba(255,255,255,.85); border: 2px solid #0a0a0a; color: #555; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; line-height: 1.3; max-width: 15rem !important; padding: 8px; }
			
figure.decoder {
  color: #fff;
  box-shadow: 0 4px 8px #000;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  max-width: 424px;
  max-height: 65px;
  width: 100%;
  background: #000000;
  text-align: center;
}
figure.decoder * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.decoder img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.decoder > div.curlWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.decoder > div.curlWrap::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  background-image: linear-gradient(45deg, #000000 0%, transparent 40%, rgba(255, 255, 255, 0.15));
}
figure.decoder .curl {
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(225deg, #ffffff, #f3f3f3 20%, #bbbbbb 38%, #aaaaaa 44%, #888888 50%, rgba(222, 222, 222, 1) 50%, rgba(222, 222, 222, 1) 60%, rgba(222, 222, 222, 1));
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all .4s ease;
}
figure.decoder a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.decoder:hover > div.curlWrap::before,
figure.decoder.hover > div.curlWrap::before {
  opacity: 1;
}
figure.decoder:hover .curl,
figure.decoder.hover .curl {
  width: 55px;
  height: 55px;
}

@media screen and (max-width: 39.9375em) {
	.homepage .small-12.backstabberWrap { margin-bottom: 0; padding: 1rem; }
	.backstabber { min-height: 71.1vw; }	
	.backstabberInsideBG { background: url(../img/promotions/backstabber/backstabberInsideBG-bg.png) center top no-repeat; min-height: 71.1vw; position: relative; }	
	.dtdf { background: url(../img/promotions/backstabber/50-groupon-snipe.png) left top no-repeat; background-size: contain; max-height: 50vw; position: absolute; left: 1.4vw; top: 1.4vw; width: 65.7vw; }	
	.pinkArrow { background: url(../img/promotions/backstabber/pinkArrow.png) center top no-repeat; background-size: contain; max-height: 32.9412vw; position: absolute; left: 9.4118vw; overflow: hidden; top: 18.8235vw; width: 16.9412vw; }	
	.mrZ { background: url(../img/promotions/backstabber/mrZ.png) right top no-repeat; background-size: contain; height: 56vw; position: absolute; right: -12vw; top: -2.3vw; }
	
	.promoRevealer { background: linear-gradient(#555,#333); height: auto; padding: 2%; position: absolute; top: 53.6471vw; width: 100%; }
	.uncurler { top: -18vw; position: absolute; transition: 1s; max-width: 88.7718vw; width: 88.7718vw; }
	.howToUse { display: none; }
	.promoCode.has-tip { background: #fff; border: 2px dashed #666; border-radius: 3px; box-shadow: 0 1px 4px #33562B; color: #444; font-family: 'Montserrat', sans-serif; font-size: 4.6471vw; font-weight: 700; padding: 1px 6px; position: relative; top: 1.8vw; z-index: 4; }
	figure.decoder {
		color: #fff;
		box-shadow: 0 4px 8px #000;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		background: #000000;
		text-align: center;
	}
	figure.decoder > div.curlWrap {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.homepage .small-12.backstabberWrap { margin-bottom: 0; padding: 1rem; }
	.backstabber { min-height: 55vw; }
	.backstabberInsideBG { background: url(../img/promotions/backstabber/backstabberInsideBG-bg.png) center top no-repeat; min-height: 55vw; position: relative; }	
	.dtdf { background: url(../img/promotions/backstabber/50-groupon-snipe.png) left top no-repeat; background-size: contain; max-height: 50vw; position: absolute; left: 1vw; top: 3.4vw; width: 68vw; }
	.pinkArrow { background: url(../img/promotions/backstabber/pinkArrow.png) center top no-repeat; background-size: contain; max-height: 24.9412vw; position: absolute; left: 9.4118vw; overflow: hidden; top: 22vw; width: 12.25vw; }
	.mrZ { background: url(../img/promotions/backstabber/mrZ.png) right top no-repeat; background-size: contain; height: 48vw; position: absolute; right: -5vw; top: -2.3vw; }
	
	.promoRevealer { background: linear-gradient(#555,#333); height: auto; position: absolute; top: 45.6167vw; width: 100%; }
	.uncurler { top: -18vw; position: absolute; transition: 1s; width: 100%; }
	.howToUse { display: none; }
	.promoCode { background: #fff; border: 2px dashed #666; border-radius: 3px; box-shadow: 0 1px 4px #33562B, 0 1px 4px #33562B; color: #444; font-family: 'Montserrat', sans-serif; font-size: 3.625vw; font-weight: 700; margin: 0 auto; padding: 0 5px; position: relative; top: 1.8vw; z-index: 4; }
	figure.decoder {
		color: #fff;
		box-shadow: 0 4px 8px #000;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		max-width: 65%;
		max-height: none;
		width: 65%;
		background: #000000;
		text-align: center;
	}
	figure.decoder > div.curlWrap {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
}