.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	width: 100%; /*video*/
	margin: 0 auto 0 auto;
	padding-top: 5px;
	max-width: 640px;
	/*min-height: 330px;*/ /*feb*/
}

.swipe-nav {
	text-align:center;
	margin: 0 auto 0 auto;
	max-width: 250px;
	height: 30px;
}

.swipe-wrap {
	overflow: hidden;
	position: relative;
}

.swipe-wrap .image-wrap {
	float:left;
	width: 100%;
	overflow: hidden;
	max-height: 330px; /*was height*/
	position: relative;
	text-align: center;
	z-index: 5;
}
.swipe-wrap.single-image .image-wrap {
	height: auto;
	max-height: 100%;
}

.swipe-wrap .image-wrap div {
	max-width: 100%;
}
.swipe-wrap .image-wrap > img {
	border-radius: 4px;
	position: relative;
	z-index: 6;
	max-width: 100%;
	max-height: 100%;
	height: auto;

	margin: 0 auto;
	display: block;

	max-height: 300px; /*remove*/
}
.swipe-wrap .image-wrap video {
    /*max-height: 100%;
	max-width: 100%;*/
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	max-height: 300px; /*remove? - Works for video while playing in portrait mode*/
	max-width: 100%; /*remove? - Works for video while playing in landscape mode*/
}
.swipe-wrap .mejs-container {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
	max-height: 300px; /*remove? - Works for video prior to playing*/
}

.swipe-wrap.single-image .mejs-container, .swipe-wrap.single-image .image-wrap video, .swipe-wrap.single-image .image-wrap > img {
	max-height: 450px;
	max-height: 75vh;
	max-width: 100%;
}

.swipe-wrap.single-image .image-wrap video {
	/*width: auto !important;
	height: auto !important;*/
}

.swipe-wrap .mejs-container {
  /* Create some space below the player for the controls to move into. */
  margin-bottom: 30px;
}

.swipe-wrap .mejs-container .mejs-controls {
  /* Move the controls into the space below the player. */
  bottom: -30px;
  background-color: #333;
}

.swipe-wrap .mejs-poster {
	background-color: #000;
	max-width: 100%;
	max-height: 100%;
}

.swipe:hover a.swipe-next,
.swipe:hover a.swipe-prev {
    display: block;
	z-index: 50;
}
.swipe a.swipe-next:hover {
    background-position: 100% 100%;
    opacity: 1;
}
.swipe a.swipe-next {
    background-position: 100% 0px;
    right: 10px;
}
.swipe a.swipe-prev:hover {
    background-position: 0px 100%;
	opacity: 1;
}
.swipe a.swipe-prev  {
    left: 10px;
    background-position: 0px 0px;
}
.swipe a.swipe-next,
.swipe a.swipe-prev {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -28px;
    z-index: 60;
    height: 60px;
    width: 34px;
    background-image: url("/img/arrows.png");
    opacity: 0.8;
}


html {
	min-height: 100%;
}
body {
	/*background-color: #F3f3f3;*/
	padding-bottom: 25px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

.button {
	cursor: pointer;
	margin: 5px 0 5px 0;
}

#position {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#position li {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #F3f3f3;
	border-radius: 12px;
	background-color: #141414;
	background-image: none;
	box-shadow: none;
	margin: 0 2px;
	cursor: pointer;
	vertical-align: middle;
}

#position li.on {
	box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
	background-color: #1293dc;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
	background-image: -webkit-linear-gradient(top,#1293dc,#0f6297);
	background-image: -moz-linear-gradient(top,#1293dc,#0f6297);
	background-image: -ms-linear-gradient(top,#1293dc,#0f6297);
	background-image: -o-linear-gradient(top,#1293dc,#0f6297);
	background-image: linear-gradient(top,#1293dc,#0f6297);
}

@keyframes blinker{
	from { opacity : 1.0; }
	50% { opacity: 0.0; }
	to { opacity: 1.0; }
}

@-moz-keyframes blinker{
	from { opacity : 1.0; }
	50% { opacity: 0.0; }
	to { opacity: 1.0; }
}

@-webkit-keyframes blinker{
	from { opacity : 1.0; }
	50% { opacity: 0.0; }
	to { opacity: 1.0; }
}

@-ms-keyframes blinker{
	from { opacity : 1.0; }
	50% { opacity: 0.0; }
	to { opacity: 1.0; }
}

.status-current-redemption .redeemed-text {
	animation: blinker 2s infinite;
	-moz-animation: blinker 2s infinite;
	-webkit-animation: blinker 2s infinite;
	-ms-animation: blinker 2s infinite;
	color: red;
}

.status-previous-redemption .redeemed-text {
	color: #777;
}

.redeemed-text, .expired-text {
	width: 100%;
	height: 60px;
	/*margin: -90px auto 0 auto;*/
	margin: -35px auto 0 auto;
	text-align: center;
	position: absolute;
	left: 0;
    top: 50%;
	z-index: 70;

	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 53px;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgb(0, 0, 0);
	text-transform: uppercase;
	letter-spacing:1px;
	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg);
	display:none;
}

.status-current-redemption > .redeemed-text, .status-previous-redemption > .redeemed-text {
	display: block;
}

.status-expired .expired-text {
	color: #777;
	display: block;
}

.status-expired img, .status-previous-redemption img, .status-expired .mejs-poster, .status-previous-redemption .mejs-poster {
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Current draft standard */
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6+ */
	opacity:0.6;
}
.message-success {
	padding: 2px;
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(28, 184, 65); /* this is a green */
}
.message-error {
	padding: 2px;
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(202, 60, 60); /* this is a maroon */
}

#image-plu {
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: red;
	margin: 10px auto 0 auto;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #000;
	letter-spacing:1px;
	clear: both;
	display: none;
	position: relative;
	z-index: 80;
	max-width: 250px;
}

#image-business, #image-location, #image-redeemed_dates {
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 10px auto 0 auto;
	padding: 0px;
	letter-spacing:1px;
	clear: both;
	display: none;
	position: relative;
	z-index: 80;
	max-width: 250px;
}

#image-ended {
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: red;
	margin: 10px auto 0 auto;
	padding: 5px;
	letter-spacing:1px;
	clear: both;
	display: none;
	position: relative;
	z-index: 80;

	text-align: left; margin: 10px auto 0 auto; max-width: 250px; display: none;
}

#image-info {
	text-align: left;
	font-size: 16px;
	padding: 0px;
	clear: both;
	position: relative;
	z-index: 80;

	text-align: left; margin: 10px auto 0 auto; max-width: 250px;
}

#image-details {
	text-align: left;
	font-size: 16px;
	padding: 0px;
	clear: both;
	display: none;
	position: relative;
	z-index: 80;

	text-align: left; margin: 10px auto 0 auto; max-width: 250px; display: none;
}

#add-to-cart {
	/*background-image: linear-gradient(to bottom, #496EC9 0%, #212686 100%); */
	background-image: url("/img/button-grad.png");
	background-repeat: repeat-x;

	font-family: sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;

	height: 40px;
	margin: 10px 0;
	display: block;
	position: relative;
	overflow: hidden;
}

#image-buttons {
	text-align: center;
	margin: 10px auto;
	max-width: 340px;
	overflow: hidden;
}

#image-buttons > div {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	/*min-height: 60px;*/
}

#image-buttons table {
	width: 100%;
	padding: 0;
	margin: 0;
}
#image-buttons td {
	text-align: center;
	min-height: 60px;
	width: 50%;
	padding: 0;
}

#image-buttons img {
	max-width: 40px;
	max-height: 40px;
	vertical-align: middle;
}

#image-redeem {
	/*background-image: linear-gradient(to bottom, #496EC9 0%, #212686 100%); */
	background-image: url("/img/button-grad.png");
	background-repeat: repeat-x;

	font-family: sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;

	height: 40px;
	margin: 10px 0;
	display: block;
	position: relative;
	overflow: hidden;
}

#locations-button {
	display: block;
	width: 40px;
	margin-top: 0px;
	float: right;
	position: relative;
	margin: 10px 0 10px 5px;
	cursor: pointer;
}

#image-fbshare, #image-refer {
	cursor: pointer;
}

/*.modal-body {
	padding: 5px 15px;
}*/

.location-link {
	color: #000;
	text-decoration: none;
}

#image-ad {
	width: 100%;
	clear: both;
}
#image-ad .banner {
	margin: 0 auto;
	max-width: 100%;
	clear: both;
	display: block;
	margin-bottom: 5px;
	text-align: center;
}
#image-ad .banner img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

#campaign-page, #campaign-page .ui-page, #campaign-page .ui-panel-wrapper, #campaign-page #campaign-content {
background-color: transparent;
}

#campaign-content {
	min-height:300px; /*testing*/
}

.modal {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.mejs-container .mejs-controls { visibility:visible !important; }

#image-buttons #location-phone {
	max-width: 42px;
	max-height: 42px;
}

#image-buttons #location-website {
	max-width: 38px;
	max-height: 38px;
}

#image-buttons #sms-modal-open {
	max-width: 38px;
	max-height: 38px;
}

#image-buttons #facebook-modal-open {
	max-width: 43px;
	max-height: 43px;
}

#image-buttons #twitter-modal-open {
	max-width: 42px;
	max-height: 42px;
}

#image-buttons img {
	margin: 1px;
}

#image-buttons td {
	width: 42%;
}
#modal-redeemed-barcodes img {
	max-width: 400px;
	/*width: 100%;*/
	text-align: center;
	margin: 0 auto 60px auto;
}

#modal-redeemed-barcodes canvas {
	margin: 0 auto;
	text-align: center;
}

#modal-redeemed {
	top: 7px !important;
}

/*****************************/

#campaign-content {
	margin-bottom: 30px;
}

.swiper-slide {
width: 100%;
overflow: hidden;
max-height: 330px; /*was height*/
position: relative;
text-align: center;
z-index: 5;
}
.swiper-slide > img {
border-radius: 4px;
position: relative;
z-index: 6;
max-width: 100%;
max-height: 100%;
height: auto;
margin: 0 auto;
display: block;
max-height: 300px; /*remove*/
}
.swiper-wrapper .swiper-slide video {
/*max-height: 100%;
max-width: 100%;*/
margin: 0 auto;
display: block;
position: relative;
text-align: center;
max-height: 300px; /*remove? - Works for video while playing in portrait mode*/
max-width: 100%; /*remove? - Works for video while playing in landscape mode*/
}
.swiper-wrapper .mejs-container {
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 100%;
max-height: 100%;
max-height: 300px; /*remove? - Works for video prior to playing*/
}

.swiper-wrapper.single-image .mejs-container, .swiper-wrapper.single-image .swiper-slide video, .swiper-wrapper.single-image .swiper-slide > img {
max-height: 450px;
max-height: 75vh;
max-width: 100%;
}

.swiper-wrapper.single-image .swiper-slide video {
/*width: auto !important;
height: auto !important;*/
}

.swiper-wrapper .mejs-container {
/* Create some space below the player for the controls to move into. */
margin-bottom: 30px;
}

.swiper-wrapper .mejs-container .mejs-controls {
/* Move the controls into the space below the player. */
bottom: -30px;
background-color: #333;
}

.swiper-wrapper .mejs-poster {
background-color: #000;
max-width: 100%;
max-height: 100%;
}

.swiper-wrapper.single-image .swiper-slide {
height: auto;
max-height: 100%;
}
.swiper-wrapper.single-image .mejs-container, .swiper-wrapper.single-image .swiper-slide video, .swiper-wrapper.single-image .swiper-slide > img {
max-height: 450px;
max-height: 75vh;
max-width: 100%;
}




.swipe-wrap {
overflow: hidden;
position: relative;
visibility: hidden;
}

.swipe-wrap .image-wrap div {
max-width: 100%;
}

.swipe-nav > .swiper-pagination-bullet {
border-radius: 12px;
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #F3f3f3;
background: #141414;
background-image: none;
box-shadow: none;
opacity: 1;
margin: 2px 2px;
cursor: pointer;
vertical-align: middle;
}
.swipe-nav > .swiper-pagination-bullet-active {
box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
background: #1293dc;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
background-image: -webkit-linear-gradient(top,#1293dc,#0f6297);
background-image: -moz-linear-gradient(top,#1293dc,#0f6297);
background-image: -ms-linear-gradient(top,#1293dc,#0f6297);
background-image: -o-linear-gradient(top,#1293dc,#0f6297);
background-image: linear-gradient(top,#1293dc,#0f6297);
}


html {
	position: relative;
	min-height: 100%;
}

/*
#mobile-footer{
    height: 33px;
	margin-bottom: 50px;
    width: 100%;
}*/

body {
	/*margin: 0 0 33px;*/
	min-height: 100%;
}
/*
#campaign-page {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}*/

/*
#mobile-footer {
	margin-top: auto;
}*/
/*
#campaing-content {
	margin: 0;
}
#campaign-content {
	min-height: 100%;
	height: 100%;
	margin: 0 auto -33px;
}

#mobile-footer, #campaign-push {
	height: 33px;
	margin-bottom: 50px;
}*/

#campaign-header .ui-btn {
	margin: 0;
}


#mobile-footer{
	margin-bottom: 50px;
}