/* jQuery Mobile Changes */

.ui-loader {
	background-size: 46px 46px !important;
	background: rgba(0,0,0,0.5);
	color: 	white;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.8);
}

.ui-loader-default {opacity: 1 !important;}

.ui-icon-loading {
	background: url(../images/loading%402x.html) !important;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-timing-function: linear;
	background-size: 46px 46px !important;
	opacity: 1;
}

@-webkit-keyframes rotate {
  0% {-webkit-transform: rotate(360deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@-webkit-keyframes rotateback {
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}

.ui-header {border-radius: 6px 6px 0px 0px;}
.ui-footer {height: 44px !important; border-bottom-width: 0px !important;}

.ui-li-divider,
.overlay .header {
	background-image: none;
	background-color: #cb1a1a !important;
	padding: 5px 0px 3px 0px !important;
	text-align: center !important;
	border: solid 1px #560000 !important;
	border-radius: 0.4em 0.4em 0 0 !important;
	box-shadow: inset 0px 1px 0px #ffb0b0;
	border: 1px solid rgb(184, 182, 177) !important;
	text-shadow: 0px -1px 0px #8c0909;
	font-weight: bold !important;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.app .ui-li {border-bottom: 1px rgb(184, 182, 177) solid !important;}
.app .ui-btn-inner {height: 75px;}
.app.share .ui-btn-inner {height: inherit !important;}
.app.share .ui-li {height: inherit !important; overflow: visible !important;}
.ui-li .ui-btn-inner a.ui-link-inherit {height: 75px; padding: 0 !important;}
.ui-li {border-color: #b8b6b1; border-width: 1px; border-top: 0px;}
.ui-li > .ui-btn-inner {border: 0;}
.ui-listview {clear: both !important;}
.ui-listview-inset {margin: 0 !important; margin-bottom: 15px !important;}
.ui-content {padding: 7px !important; padding-top: 9px !important;}

.ui-navbar li .ui-btn-icon-top .ui-btn-inner {
	width: 90%;
	height: 8px !important;
	padding-left: 0;
	padding-right: 0;
	margin-left: 5% !important;
	margin-right: 5% !important;
	margin-top: 1px;
	padding-top: 28px !important;
	padding-bottom: 5px !important;
	color: white;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
	font-size: 9px;
	border-radius: 4px;
	background-size: 10px 40px;
	border: 0;
}

.ui-navbar li .ui-btn {margin: 0 !important;}

.active .ui-btn-inner {
	box-shadow: inset 0px -1px 0px rgba(255,255,255,0.2),
				inset 0px 2px 2px rgba(0,0,0,0.2);
}

.ui-icon-searchfield::after {background: none !important;}

.ui-input-text.ui-focus,
.ui-input-search.ui-focus
select.ui-focus {
	-moz-box-shadow: 0px 0px 12px rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 12px rgba(255,255,255,1);
	box-shadow: 0px 0px 12px rgba(255,255,255,1);
}

input, select {
	background-color: #fbfbfb !important;
	-webkit-user-select: text !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)) !important;
	box-shadow: 0px 1px 0px rgba(255,255,255,1) !important;
	border-bottom: 1px solid rgb(184, 182, 177) !important;
	border: 1px solid rgb(184, 182, 177) !important;
	border-radius: 0.5em !important;
	text-align: center;
}

.ui-select .ui-btn-corner-all {border-radius: 0.5em !important;}
.ui-select .ui-btn-active {color: black !important;}

.ui-select .ui-btn-inner {font-weight: bold !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

label {font-size: 15px !important; color: #4b4a50 !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.ui-btn-text {font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: bold;}

a:-webkit-any-link {
	text-decoration: none;
	color: inherit;
}

/* CSS for Feature Points */
p, div, span, ui-bar-a, ui-bar-b, ui-li, ui-listview, ul, li {
	font-family: "AvenirNext-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	-webkit-user-select: none;
}

p span.underline {text-decoration: underline !important;}

/* Custom UI Icons */

.ui-icon-select-arrow {
	background-size: 18px 18px;
}

/* À la carte settings */

.alacarte-uppercase {text-transform: uppercase !important;}

@media only screen and (max-device-height: 480px) {
	.alacarte-noiphone4 {display: none !important;}
}

@media only screen and (max-height: 480px) {
	.alacarte-nosafari {display: none !important;}
}

@media only screen and (max-device-height: 768px) {
	.alacarte-ipadonly {display: none !important;}
}

/* Top bar */
.logo {
	width: 100%;
	height: 40px;
	text-align: center;
    background-size: 176px 35px;
	background-position: center 2px;
	background-repeat: no-repeat;
	/*float: left;*/
}

.logo.solo {width: 100% !important;}

.status {width: 30%; height: 44px; float: left;}
.status .left {float: left; margin-left: 5px;}
.status .right {float: right; margin-right: 5px;}
.status-img {margin-top: -16px; margin-left: -15px;}

.status .left, .status .right, .footer .button {
	height: 28px;
	width: 80px;
	margin-top: 9px;
	position: relative;
	background-size: 18px 35px;
	background-color: #17131d;
	border-radius: 30px;
	box-shadow: 0px 1px 0px #514b5a,
				inset 0px -1px 3px rgba(0,0,0,0.7);
}

.status .left p,
.status .right p {
	width: 50px;
	position: relative !important;
	margin-top: -47px;
	margin-left: 28px;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-align: center;
}


.status .left p.long,
.status .right p.long {font-size: 11px; margin-top: -44px;}

.status .left.button,
.status .right.button,
.footer .button {
	width: auto;
	height: 26px;
	text-align: center;
	text-decoration: none !important;
	border-radius: 6px;
	margin-top: 7px;
	padding: 3px 8px 0px 8px !important;
	background-color: #01a4e7;
	border: solid 1px #1c181f;
	box-shadow: inset 0px 1px 0px #5ef1fc,
				0px 1px 0px rgba(255,255,255,0.2);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.8);
}

.status .left.button p,
.status .right.button p {line-height: 20px;}

.status .left.button p,
.status .right.button p,
.footer .button p {
	width: auto;
	margin-top: 3px;
	margin-left: 0px;
	padding: 0;
	text-align: center;
	color: white !important;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
}

.status .left.button a,
.status .right.button a,
.footer .button a {text-decoration: none;}
.status .ui-link {color: white !important;text-decoration: none !important;}

.button.inactive {opacity: 0.5;}

@media only screen and (max-width: 310px) {
	.status {width: 0%;}
	.status .left {display: block;}
	.logo {width: 60% ; float: right; background-position: right; margin-right: 5px;}
}

/* App List */

.app .left {
	height: 75px;
	width: 50px;
	margin-left: 2%;
	margin-top: 5px;
	float: Left;
	position: relative;
}

.app .left .icon {
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	border-radius: 9px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
}

.app .left .icon.giftcard {background-color: white;margin-top: 2px;}

.app.pending .left .icon.giftcard {margin-top: 0px !important;}

.app .left .icon.giftcard p {
	margin: 0;
	text-align: center;
	padding-top: 22px;
	font-weight: normal;
	font-size: 16px;
	color: #343333;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
}

.app .left .icon.giftcard.ipadmini,
.app .left .icon.giftcard.nexus7  {background-color: transparent; box-shadow: none;}

.app .left .stars {
    width: 50px;
    height: 5px;
    text-align: center;
    margin-top: 0px;
}

.app .left .price {
	width: 50px;
	height: 5px;
	text-align: center;
	margin-top: 9px;
}

.app .left .price p {
	color: #c30202;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	font-size: 11px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
}

.app .middle {
	margin-left: 2%;
	float: left;
	position: relative;
	width: 65%;
	height: inherit;
	margin-top: 11px;
	display: inline-block;
}

@media only screen and (max-width: 540px) {.app .middle {width: 60%;}}
@media only screen and (max-width: 420px) {.app .middle {width: 50%;}}
@media only screen and (max-width: 300px) {.app .middle {width: 40%;}}

/*
@media only screen and (max-width: 310px) {.app .middle {width: 10%;}}
@media only screen and (min-width: 340px) {.app .middle {width: 10%;}}
@media only screen and (min-width: 380px) {.app .middle {width: 10%;}}
@media only screen and (min-width: 390px) {.app .middle {width: 10%;}}
@media only screen and (min-width: 410px) {.app .middle {width: 65%;}}
*/

.app.earnmore .middle {margin-top:5px; margin-bottom: 10px; text-align: center;}

/* MSF: MIDDLE WIDTH */
/*
@media only screen and (max-width: 255px) {
	.app .middle {width: 58%;margin-left: 4%;}
	.app .right {display: none;}
}

@media only screen and (max-width: 310px) {.app .middle {width: 42%;}}
@media only screen and (min-width: 340px) {.app .middle {width: 57%;}}
@media only screen and (min-width: 380px) {.app .middle {width: 62%;}}
@media only screen and (min-width: 390px) {.app .middle {width: 62%;}}
@media only screen and (min-width: 410px) {.app .middle {width: 63%;}}
@media only screen and (min-width: 420px) {.app .middle {width: 65%;}}
@media only screen and (min-width: 450px) {.app .middle {width: 68%;}}
@media only screen and (min-width: 480px) {.app .middle {width: 67%;}}
@media only screen and (min-width: 490px) {.app .middle {width: 70%;}}
@media only screen and (min-width: 510px) {.app .middle {width: 69%;}}
@media only screen and (min-width: 610px) {.app .middle {width: 76%;}}

.app .middle {width: 65%; }
*/
/*
@media only screen and (max-width: 255px) {.app .middle {width: 51%;}}
@media only screen and (max-width: 310px) {.app .middle {width: 60%;}}
@media only screen and (min-width: 340px) {.app .middle {width: 63%;}}
@media only screen and (min-width: 380px) {.app .middle {width: 67%;}}
@media only screen and (min-width: 390px) {.app .middle {width: 68%;}}
@media only screen and (min-width: 410px) {.app .middle {width: 70%;}}

@media only screen and (min-width: 420px) {.app .middle {width: 70%;}}
@media only screen and (min-width: 450px) {.app .middle {width: 72%;}}
@media only screen and (min-width: 480px) {.app .middle {width: 74%;}}
@media only screen and (min-width: 490px) {.app .middle {width: 74%;}}

@media only screen and (min-width: 510px) {.app .middle {width: 75%;}}
@media only screen and (min-width: 610px) {.app .middle {width: 84%;}}
*/
.app .middle p {font-size: 12px;line-height: 13px;text-shadow: 0px 1px 0px rgba(255,255,255,0.75);}
.bento.app.inset .middle p {font-size: 16px; line-height: normal !important; font-family: "AvenirNext-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.app .middle .name {float: left; clear: both; width: 95%;}

.app .middle .name p {
	height: 14px;
	color: #4b4a50;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
/* MSF: */
    color: #000000;
	font-size: 14px;
}

.app .middle .name.multi p {
	height: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.app .middle .name.big p {font-size: 16px; margin-top: 19px; overflow: visible; margin-left: 10px;}
.app .middle .sub {width: 95%; float: left; clear: both;}
.app .middle .sub p {color: #757378; overflow: hidden; height: 13px; line-height: 11px;}

.app .middle .appinfo {
	/*width: 100%;
	width: auto;
	*/
	height: 100px;
	float: left;
	clear: both;
}

.app .middle .appinfo p {
	height: 36px;
	color: #969498;
	font-size: 11px;
	line-height: 12px;
	margin-top: -6px;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
	white-space: normal !important;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	
	/* MSF: */
    display: inline-block;
    color: #333333;
    font-size: 11px;
    line-height: 12px;
    margin-right: 5px;
}

.app.noappid .middle .appinfo p {
	height: 48px;
	-webkit-line-clamp: 4 !important;
}

.app .middle .title {width: 100%;}
.app .middle .title p {
	font-weight: 400;
	text-align: center;
	font-size: 15px;
	line-height: 16px;
	margin: 0;
	margin-bottom: 15px;
	color: #201c25;
}

.middle .title.blue h2 {font-size: 24px !important; color: #4b4a50 !important; text-shadow: none;}
.middle .title.red h2 {font-size: 18px !important; color: #4b4a50 !important; text-shadow: none;}


.app.refresh .middle {
	width: 96% !important;
	left: 0 !important;
	margin-top: -10px;
}

.app.morepoints .middle {
	width: 96% !important;
	left: 0 !important;
	margin-top: -10px;
}

.app.earn.referral .middle .message p {margin: -6px 0px 0px 0px !important; font-style: italic;}
.app.earn.referral .middle .message {margin: 0 !important;}

.app.earn.referral .middle .title,
.app.earn.referral .middle .title p {-webkit-user-select: none !important;}

.app.earn.referral .middle .code,
.app.earn.referral .middle .code p {-webkit-user-select: text !important;}

.message h2 {font-style: normal;}
.message a {text-decoration: none; color: rgba(0,0,0,0.7) !important;}

@media only screen and (max-height: 569px) and (orientation: portrait) {
	li.app.extended, li.app.extended .ui-li .ui-btn-inner a.ui-link-inherit {height: 97px;}
	li.app.extended .ui-btn-inner, li.app.extended a.ui-link-inherit {height: 96px;}
	li.app.extended .right .refer, li.app.extended .right .points {margin-top: 18px;}
	li.app.extended .right {height: 92px;}
	li.app.extended .middle .appinfo p {height: 50px; -webkit-line-clamp: 4 !important;} 
}

.bento.referral .middle.refercode,
.bento.referral .middle.link {
	height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 164px 76px;
}

.bento.referral .middle .code,
.bento.referral .middle .link {
	margin-top: 22px !important;
	-webkit-user-select: text !important;
}

.bento.referral {
	-webkit-user-select: text !important;
}


.bento.app.pendingmessage .middle,
.bento.app.refresh .middle {margin: 0 !important; padding-top: 5px;}
.bento.app.morepoints.pre .middle {margin: 0 !important; padding-top: 5px;}


.bento.app.pendingmessage .message,
.bento.app.refresh .message,
.bento.app.morepoints.pre .message {margin: 0 !important;}

.bento.app.pendingmessage .message p,
.bento.app.refresh .message p,
.bento.app.morepoints.pre .message p {
	width: 95%;
	margin: 0 auto !important;
	padding-top: 5px;
	padding-bottom: 5px;
	color: rgb(117, 115, 120);
	font-size: 15px;
}

.bento.app.refresh .button p, .bento.app.morepoints .button p {padding-top: 0px;}
.bento .button p {overflow: visible;}

.app.details .middle {
	width: inherit;
	position: absolute;
	left: 58px;
	right: 5px;
}

.app.share .middle {
	width: 96%;
	position: absolute;
	margin-left: 0% !important;
	position: inherit !important;
	padding: 0px 2%;
}

.app.entry .middle {width: 92%; padding: 0px 4%;}

.app.redeem .middle {height: 30px; margin-top: 25px;}
.app.redeem.terms .middle {margin-top: 18px;}
.app.redeem.terms .middle .terms p {font-style: italic;}
.app.redeem .ui-btn-inner {height: 65px;}

.app.button .middle {width: 100%; padding: 0; margin: 0; text-align: center;}
.app.button {height: 50px; float: none;}
.app.button a, .app.button .ui-btn-inner {height: 50px !important;}
.app.button p {margin-top: 17px !important; overflow: visible; color: #c20202 !important; font-weight: bold !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.app.buttton .ui-btn-text {height: 50px;}
li.app.button:nth-child(2) {border-bottom: 1px rgb(184, 182, 177) solid !important;}

.app .right {
	width: 60px;
	height: 71px;
	float: right;
	background-size: 55px 27px;
	background-repeat: no-repeat;
	padding-top: 4px;
	box-shadow: inset -1px 0px 0px rgba(255,255,255,0.4),
				inset 1px 0 0 rgba(0,0,0,0.2),
				inset 2px 0 0 rgba(255,255,255,0.4); 
}

.app .rightnew {
    height: 75px;
    width: 80px;
    float: right;
    padding-top: 25px;
    padding-right: 3px;
}

li:last-child.app .right {border-radius: 0px 0px 3px 0px;}
li:last-child.app .ui-li {border-bottom: 0px none !important;}
li:last-child.app .lock {border-radius: 0px 0px 6px 6px;}

.app .right .refer,
.app .right .points {
	width: 60px;
	height: 26px;
	margin-left: 8px;
	margin-top: 10px;
	text-align: Right;
	background-position: left center;
	background-size: 18px 18px;
	background-repeat: no-repeat;
}

.app .right .condition {
	width: 60px;
	height: 10px;
	margin-left: 5px;
	margin-top: 20px;
	text-align: Right;
	background-position: left center;
	background-size: 18px 18px;
	background-repeat: no-repeat;
}

.app .right .key {
	width: 100%;
	height: 25px;
	margin: 19px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 25px;
}


.app .right .points p {padding-top: 4px;}
.app .right .refer p,
.app .right .points p {
	color: #c20202;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	text-align: center;
	padding-left: 20px;
	font-size: 13px;
}

.app .right .condition p, .app .right .key p {
	color: #c20202;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.app .right .key p {padding-top: 28px;}

.app .right .bonus {margin-top: -14px; font-size: 10px !important;}

.app.redeem .right {height: 61px;}
.app.redeem .right .points,
.app.redeem .right .refer {
	width: 100%;
	margin-left: 0;
	height: 40px;
	background-position: center top;
	margin-top: 18px;
}

.app.redeem .right .points p,
.app.redeem .right .refer p {padding-top: 19px;padding-left: 0px;}

.app.pending .right .points {padding-top: 17px;}
.app.pending .right .points p {padding-top: 2px;}
.app.pending.refer .right .points p {padding-top: 0px;}
.app.pending.refer .right .points {padding-top: 12px;margin-top: 13px;}
.app.pending .middle {margin-top: 16px !important;}

.app .right .approvalstatus {
	width: 10px;
	height: 10px;
	border-radius: 100px;
	margin-top: 0px;
	position: absolute;
	margin-left: -16px;
	margin-top: -4px;
}

.app .right .approvalstatus.red {background: #ee3b37; box-shadow: inset 0px -1px 0px #b94130;}
.app .right .approvalstatus.green {background: #23af44; box-shadow: inset 0px -1px 0px #18782f;}

.app.details .button {width: 95% !important; height: 17px !important; margin-top: -2px;}

.app.details.review .button {margin-bottom: 10px;}
li.app.details.review {height: 118px; padding: 0;}
.app.details.review .text.step {margin-right: 20px; font-weight: normal; float: left; padding-left: 3px;}

#itunesusernamepop label {font-weight: bold; text-align: center; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
#itunesusernamepop input {margin-bottom: 15px;}

#itunesusernamepop a {text-decoration: none; font-size: 14px; color: rgba(0,0,0,0.4);}

.itunes-email {
	width: 90%;
	height: 140px;
	background-size: 381px 140px;
	max-width: 381px;
	margin: 0 auto;
	border-radius: 0.5em;
	box-shadow: 0px -1px 0px rgba(255,255,255,0.8),
				0px 1px 4px rgba(0,0,0,0.4);
	margin-top: 10px;
	margin-bottom: 10px;
}

.itunes-settings {
	width: 90%;
	height: 106px;
	background-size: 341px 106px;
	max-width: 341px;
	margin: 0 auto;
	border-radius: 0.5em;
	box-shadow: 0px -1px 0px rgba(255,255,255,0.8),
				0px 1px 4px rgba(0,0,0,0.4);
	margin-top: 10px;
	margin-bottom: 10px;
	background-position: -17px;
}

.ipadmini-img {
	width: 129px;
	height: 182px;
	background-size: 129px 182px;
	margin: 0 auto;
}

.app.share .button {
	width: 96%;
	height: 17px;
	padding-top: 14px;
	margin-bottom: 6px;
	margin-top: 6px;
}

.app .button.half {
	width: 43%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0;
	clear: none !important;
}

.app .button.half.right {float: left;}
.app .button.half.left {float: right;}

.bento.inset.referral.app.share .button {
	height: 22px;
	padding-top: 9px !important;
}

.app.share {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF), to( #dedede));
	background-image: -webkit-linear-gradient( #FFFFFF, #dedede);
	background-image: -moz-linear-gradient( #FFFFFF, #dedede);
	background-image: -ms-linear-gradient( #FFFFFF, #dedede);
	background-image: -o-linear-gradient( #FFFFFF, #dedede);
	background-image: linear-gradient( #FFFFFF, #dedede);
}

.app.details .button,
.app.share .button,
.overlay .body .button { 
	float: left;
	clear: Both;
	background: #348bcb;
	background-size: 100% 100%;
	border-radius: 6px;
	border: solid 1px #d0cdc8 !important;
	padding: 12px 2% 0px 2%;
	box-shadow:	inset 0px 1px 0px #1ebdff,
				inset 0px -1px 0px #2b72bd;
}

.app .message {padding-left: 5%;padding-right: 5%;padding-top: 5px;}

.app .message p {
	line-height: 15px;
	font-size: 13px;
}

.app .message b {font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.bento.blank .app.details .button,
.app.share .button {
	border-color: #b8b6b1 !important;
}

.bento.blank .button.gradient {
 	border: 1px solid #1c181f !important;
 	box-shadow: 0px 1px 0px rgba(255,255,255,0.8);
}

.app.details .button:active,
.app.share .button:active,
.overlay .body .button:active {background: #2c76ad;}

.app.details .button p,
.app.share .button p,
.overlay .body .button p {
	min-height: 17px;
	text-shadow: 0 -1px 0px #104e72;
	color: white;
	text-align: center;
	font-size: 13px;
	font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
	margin-top: -4px;
	text-decoration: none;
}

.app.details .button span.text,
.app.share .button span.text {
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.button, .button:active, .button p, .button a {text-decoration: none !important;}

.app.details .button p {padding-top: 0;}

.button span.fp,
.button span.refresh,
.button span.arrowright {
	height: 23px !important;
	width: 16px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	display: inline-block;
	margin-bottom: -10px;
	margin-left: 3px;
	line-height: 10px;
}

.button span.refresh {margin-right: 10px;} 
.button span.arrowright {
	margin-left: 10px;
	background-position: center -1px;
	margin-bottom: -12px;
} 

.message  {
	text-align: center;
	font-style: italic;
	font-size: 15px;
	padding: 0px 10px;
	text-shadow: none !important;
	color: #4b4a50 !important;
	clear: both;
	line-height: 18px !important;
}

.message p {
	text-shadow: none !important;
	color: #4b4a50 !important;
	font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.overlay .message {
	font-style: normal !important;
	font-size: inherit !important;
	color: inherit !important;
	padding: 0px 7px !important;
}

.overlay .message.flag p {padding-left: 70px !important;
	-webkit-margin-before: 5px;
}

.share .message {
	margin: 0;
	padding: 0;
	float: left;
	color: #201c25;
	margin-top: 13px;
	width: 100%;
	line-height: 18px !important;
}

.earnmore .message {margin-top: 0px;}
.earnmore .message p {margin-top: 5px; margin-bottom: 5px;}


.share .message p {
	position: relative;
	overflow: visible;
	white-space: normal;
	display: block;
	font-style: normal;
	line-height: 18px !important;
}

.app.share .middle .share {
	width: 100%;
	height: 49px;
	max-width: 268px;
	background-size: 100%;
	background-position: center top;
	margin-top: -5px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
}

.app.earn .middle .share {margin-bottom: 7px;}

/* Country Flags  - Deprecated (replaced with .geo); requires new app pages before removal */

.message.flag {min-height:44px;}

.message.flag p {
	padding-left: 62px;
	line-height: 16px;
	text-align: justify;
	padding-right: 0px;
	font-size: 13px;
}

@media screen and (min-device-height: 600px) {
	.message.flag p {
		text-align: center;
	}
	
	.message.flag {
		width: 40%;
		margin-left: 30% !important;
		padding-left: 0;
		padding-right: 0;
	}

}

.message.flag.two p {padding-left: 105px;}
.message.flag .usa,
.message.flag .canada,
.message.flag .uk,
.message.flag .australia,
.message.flag .france,
.message.flag .germany {
	width: 50px;
	height: 100%;
	min-height: 44px;
	background-position: center center;
	background-size: 43px 44px;
	background-repeat: no-repeat;
	float: left;
}

/* Bento Boxes - Deprecated: Phasing out */
.bento {
	width: 100%;
	float: left;
	border-radius: 0 0 0.4em 0.4em;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.5), inset 1px 0px 0 rgb(184, 182, 177), inset -1px 0px 0 rgb(184, 182, 177);
	border-bottom: 1px solid rgb(184, 182, 177);
	border-top: 0px solid !important;
	margin-bottom: 15px;
	margin-top: -15px;
	clear: both !important;
}

.bento.blank {
	border: 0;
	background: none !important;
	background-image: none !important;
	box-shadow: none;
	margin-bottom: 5px;
}

.bento.blank .middle .title h2 {
	padding: 0;
	color: #4b4b45;
	text-align: center;
	font-size: 17px;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

.bento.title {margin: 0 !important; padding: 0 !important;}

.bento.inset {
	background: rgba(75, 74, 80, 0.1) !important;
	border: none;
	border-radius: 8px;
	margin-top: 10px;
	box-shadow: none;
}

.bento.inset.app .middle p,
.bento.inset.app .middle h1,
.bento.inset.app .middle h2,
.bento.inset.app .middle h3,
.bento.inset.app .middle h4,
.bento.inset.app .middle b {text-shadow: none !important; color: #4b4a50 !important;}


.bento.inset .middle {
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

.bento.inset .middle .message h3, .bento.inset .middle .message p {font-size: 15px; color: #201C25 !important; font-weight: normal;}

.bento.inset h2 {
	width: 100%;
	color: #4b4b45;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.bento.inset.earn.referral h2 {
	width: 100%;
	color: #4b4b45;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 16px;
}

.bento.inset p {width: 100%;margin: 0;padding: 0;}

.bento.inset h3 {font-style: normal;}

.bento.earn.referral {margin-top: -5px;}
.bento.earn.referral.inset .middle {padding-bottom: 5px;}

.bento.earn.referral .code {
	width: 50%;
	height: 30px;
	margin-left: 25%;
	border-radius: 20px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)) !important;
	margin-bottom: 10px;
	margin-top: 1px;
	box-shadow: 0px 1px 0px rgba(255,255,255,1);
	border-bottom: 1px solid rgb(184, 182, 177);
	border: 1px solid rgb(184, 182, 177);
	-webkit-user-select: text !important;
	display: block;
}

.bento.earn.referral .code p {
	Width: 94%;
	height: 30px;
	text-align: center;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px;
	line-height:0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
	padding: 9px 3% 0 3%;
	-webkit-user-select: text !important;
}

.bento.earn.referral .code.link {width: 90%; margin-left: 5%;}

.bento.earn.referral .code.link p {font-size: 12px;}

.bento.search input {border-radius: 30px; text-align: center;}
.bento.search .middle {padding-top: 0px;}
.bento.search .middle .button {height: 22px; padding-top: 9px !important;}
.menu.ui-btn {height: 35px !important; padding: 10px 0px 0px 10px;}

.ui-controlgroup-controls .ui-select {
	width: 90px;
}

.ui-controlgroup, fieldset.ui-controlgroup {
	margin: 0 auto !important;
	width: 270px !important;
}

.ui-focus, .ui-btn:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

li.menu .icon {
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	float: left;
	margin-right: 8px;
	margin-top: 1px;
}

li.menu .name {
	width: 70%;
	height: 30px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
}

li.menu p {
	width: 100%;
	font-weight: normal;
	font-size: 15px;
	padding-top:10px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.bento.earn .middle .button {margin-bottom: 6px;}

/* Chooser */
.bento.chooser {
	margin-top: 10px;
	height: 38px;
	border-radius: 50px;
	background: rgba(75, 74, 80, 0.1);
	border: none;
	box-shadow: none !important;
	font-weight: bold;
}

.bento.chooser ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bento.chooser.three .option {
	width: 33%;
	height: 38px;
	padding: 0;
	clear: none;
	margin: 0;
	float: left;
	text-align: center;
}

.bento.chooser a {
	width: 100%;
	height: 29px;
	padding-top: 9px;
	display: block;
	border-radius: 30px;
}

.bento.chooser p {margin: 0; text-shadow: none; color: #4b4a50; font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.bento.chooser a.active {
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF), to( #dedede));
	background-image: -webkit-linear-gradient( #FFFFFF, #dedede);
	background-image:    -moz-linear-gradient( #FFFFFF, #dedede);
	background-image:     -ms-linear-gradient( #FFFFFF, #dedede);
	background-image:      -o-linear-gradient( #FFFFFF, #dedede);
	background-image:         linear-gradient( #FFFFFF, #dedede);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.bento.chooser a.active:active {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	background-image: -webkit-linear-gradient(#e5e5e5, #FFFFFF);
	background-image:    -moz-linear-gradient(#e5e5e5, #FFFFFF);
	background-image:     -ms-linear-gradient(#e5e5e5, #FFFFFF);
	background-image:      -o-linear-gradient(#e5e5e5,  #FFFFFF);
	background-image:         linear-gradient(#e5e5e5, #FFFFFF);
}


.bento.chooser a, .bento.chooser a:active, bento.chooser a:hover {text-decoration: none !important; color: rgb(32, 28, 37) !important; font-weight: normal;}

.bento.chooser.three li:last-child {float: right;}


/* Chooser: Select */

.bento.chooser.select {
	width: 96%;
	border-radius: 6px;
	padding: 2%;
}

.bento.chooser.select .title {
	width: 25%;
	padding-top: 8px;
	float: left;
}

.bento.chooser.select .title p {text-align: center;}

.bento.chooser.select .selector {
	width: 70%;
	float: right;
}

.bento.chooser.select .selector .ui-btn {
	margin: 0;
	margin-top: -1px;
	padding: 0;
	height: 38px;
	box-shadow: none;
	color: #4b4a50 !important;
	text-shadow: none;
	border-radius: 6px !important;
	margin-right: -1px;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Maintenance */
.bento.maintenance .middle.wrench {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100px 100px;
}

.bento.maintenance .middle .message {font-size: 17px; line-height:25px !important;}
.bento.maintenance .middle .title {margin-top: 15px;}
.bento.maintenance .middle h2 {font-size: 26px !important; color: #4b4a50 !important; font-weight: bold; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.bento.maintenance .middle span.red {color: #4b4a50 !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

/* Ad Blocks */
.bento.ad {
	height: 100px;
	border-radius: 0.4em;
	float: none;
	overflow: hidden;
	margin-top: 5px;
	border: 0 !important;
	box-shadow: 0px 1px 2px rgba(75, 74, 80, 0.3) !important;
}

.bento.ad.special {height: 115px !important;}

.bento.ad .middle {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 6px;
	border: 0;
}

.bento.ad .middle h2 {
	margin:0;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
	font-size: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3), 0px -1px 0px rgba(0,0,0,0.3);
	letter-spacing: -1px;
}

.bento.ad .middle p {
	margin: 0;
	padding-top: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	text-align: center;
	line-height: 19px;
	font-size: 15px;
	color: white;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3), 0px -1px 0px rgba(0,0,0,0.3);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bento.ad .middle .points {
	width: 70%;
	padding: 0px 3%;
	border-radius: 30px;
	margin-left: 12%;
	display: block;
	float: left;
	box-shadow: 0px 0px 5px rgba(255,255,255,0.3);
}

.bento.ad .middle.blue .points {background: rgba(238, 59, 55,0.7);}
.bento.ad .middle.red .points {background: rgba(52, 139, 203,0.7);}

.bento.ad .middle .points p {
	font-size: 14px;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding: 2px 0px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.1), 0px -1px 0px rgba(0,0,0,0.2);
}

.bento.ad .middle.red { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(203,26,25,0.5)), to(rgba(168,22,22,0.7))) !important;}
.bento.ad .middle.blue {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52,139,203,0.5)), to(rgba(52,139,203,0.9))) !important;}

.bento.ad.special .middle.special-50percent,
.bento.ad .middle.special-youcould,
.bento.ad .middle.special-ytipad,
.bento.ad .middle.special-moveddevices,
.bento.ad .middle.special-android {
	background-size: 568px 115px;
	background-position: center top !important;
	background-repeat: no-repeat;
}

.bento.ad.special .middle.special-50percent,
.bento.ad .middle.special-youcould {background-color: #c11010;}
.bento.ad .middle.special-ytipad {background-color: #0978c4;}
.bento.ad .middle.special-android {background-color: #3183c7;}
.bento.ad .middle.special-moveddevices {background-color: #e9413b;}

.bento.ad.special .middle.special-youcould h2 {
	width: 100%;
	height: 60px;
	font-size: 40px;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	text-decoration: none;
	padding-top: 16px;
	padding-left: 0 !important;
	margin-left: 0;
	margin-right: 0;
	color: #f2f2f2;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(216,216,216,1),
				 0px 2px 5px rgba(108,0,0,0.9),
				 0px 0px 25px rgba(255,255,255,1),
				 0px 0px 20px rgba(255,255,255,1);
}

.bento.ad.special a {text-decoration: none !important;}

/* First Time B */

.bento.firsttime-b .middle {
	margin-top: 15px;
}

.bento.firsttime-b h1, .bento.firsttime-b h2 {font-weight: bold !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.bento.firsttime-b .middle .title h2 {
	color: #0184de;
	font-size: 26px;
	line-height: 33px;	
}

.bento.firsttime-b .middle .title span.red {color: #cb1a1a !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.bento.firsttime-b .middle .downloadflow {
	width:100%;
	height: 60px;
	background-size: 285px 57px;
	background-position: center center;
	background-repeat: no-repeat;
}

.bento.firsttime-b .middle .ani {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.bento.firsttime-b .middle .ani .img {
	height: 190px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.bento.firsttime-b .middle .ani .giftname {
	display: None;
	clear: both;
}

.bento.firsttime-b .middle .ani .giftname h2 {
	font-size: 19px;
	color: white;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.18);
	margin: 5px 0px 5px 0px;
}

.bento.firsttime-b .middle .ipadmini .img {background-size: 129px 182px;}
.bento.firsttime-b .middle .apps .img {background-size: 192px 64px;}
.bento.firsttime-b .middle .img.amazon {background-size: 230px 171px;}
.bento.firsttime-b .middle .img.itunes {background-size: 230px 171px;}
.bento.firsttime-b .middle .img.paypal {background-size: 230px 171px;}

.bento.firsttime-b .middle .apps {width: 222px; height: 190px; left: 50%;
	margin-left: -111px; clear: both; position: relative;
}

.bento.firsttime-b .middle .apps .img {
	width:64px;
	height: 64px;
	float: left;
	border-radius: 10px;
	box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5), 0px 2px 5px rgba(0,0,0,0.5);
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 60px;
	margin-top: 35px;
}
.bento.firsttime-b .middle .apps .img.bad {width:64px; height: 64px;	background-position: left center !important;
}
.bento.firsttime-b .middle .apps .img.cut {width:64px; height: 64px; 	background-position: center center;}
.bento.firsttime-b .middle .apps .img.angry {width:64px; height: 64px; background-position: right center !important;}

.bento.firsttime-b .middle .ani {
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 10s;
}

.bento.firsttime-b .middle .ipadmini {
	-webkit-animation-name: ipadminiani;
}
.bento.firsttime-b .middle .apps {
	-webkit-animation-name: appsani;
	margin-top: -190px;
}
.bento.firsttime-b .middle .giftcard {
	-webkit-animation-name: giftcardsani;
	margin-top: -226px;
}

.bento.firsttime-b .middle .img.paypal {margin-left: -50px;}
.bento.firsttime-b .middle .img.itunes {margin-top: -190px;}
.bento.firsttime-b .middle .img.amazon {margin-top: -190px; margin-left: 50px;}


@-webkit-keyframes ipadminiani {
	0% {opacity: 0;}
	7% {opacity: 1;}
	27% {opacity: 1;}
	33% {opacity: 0;}
	100% {opacity: 0;}
}

@-webkit-keyframes appsani {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	60% {opacity: 1;}
	67% {opacity: 0;}
	100% {opacity: 0;}
}

@-webkit-keyframes giftcardsani {
	0% {opacity: 0;}
	65% {opacity: 0;}
	73% {opacity: 1;}
	93% {opacity: 1;}
	98% {opacity: 0;}
	100% {opacity: 0;}
}

/* Less than 4" */
@media only screen and (max-height: 360px) {
	.bento.firsttime-b .middle .ani {
		height: 188px;
	}
	.bento.firsttime-b .middle .apps {
		margin-top: -170px;
	}
	.bento.firsttime-b .middle .giftcard {
		margin-top: -210px;
	}
}

/* 4" */
@media only screen and (min-height: 360px) {
	.bento.firsttime-b .middle .ani .giftname {
		width: 100%;
		display: block !important;
		text-align: center;
	}
	
	.bento.firsttime-b .middle .apps .img {
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 10s;
	}
		
	.bento.firsttime-b .middle .apps .img.bad {-webkit-animation-name: badani;}
	.bento.firsttime-b .middle .apps .img.cut {-webkit-animation-name: cutani;}
	.bento.firsttime-b .middle .apps .img.angry {-webkit-animation-name: angryani;} 

	@-webkit-keyframes badani {
		30% {-webkit-transform: translate(0,-30px);}
		33% {-webkit-transform: translate(0,0);}
	}
	
	@-webkit-keyframes cutani {
		30% {-webkit-transform: translate(0,-30px);}
		34% {-webkit-transform: translate(0,0);}
	}
	
	@-webkit-keyframes angryani {
		30% {-webkit-transform: translate(0,-30px);}
		34% {-webkit-transform: translate(0,0);}
	}
	
	.bento.firsttime-b .middle .ipadmini .img {
		-webkit-animation-name: ipadminiimgani;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 10s;
	}
	
	@-webkit-keyframes ipadminiimgani {
		0% {-webkit-transform: scale(1.9) rotate(5deg);}
		7% {-webkit-transform: scale(1);}
		100% {-webkit-transform: scale(1);}
	}
	
	.bento.firsttime-b .middle .apps .iconbox {height: 154px;}
	.bento.firsttime-b .middle .ipadmini .iconbox {height: 190px;}
	
	.bento.firsttime-b .middle .giftcard .img {
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 10s;
	}
	
	.bento.firsttime-b .middle .img.paypal {-webkit-animation-name: paypalani;}
	.bento.firsttime-b .middle .img.amazon {-webkit-animation-name: amazonani;}

	@-webkit-keyframes paypalani {
		0% {margin-left: -70px;}
		63% {margin-left: -70px;}
		70% {margin-left: -50px;}
		100% {margin-left: -50px;}		
	}
	
	@-webkit-keyframes amazonani {
		0% {margin-left: 70px;}
		63% {margin-left: 70px;}
		70% {margin-left: 50px;}
		100% {margin-left: 50px;}
	}
}

.review-flow {
	width: 100%;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 301px 60px;
	margin-top: 25px;
	margin-bottom: 15px;
}

/* Safari Required */

.safari-req .middle .ani {
	height: 200px !important;
}

.safari-req .title.safari {
	width: 275px;
	margin: 0 auto;
	background-position: 235px 14px;
	background-size: 22px 40px;
	background-repeat: no-repeat;
}

.safari-req input {text-overflow: ellipsis; font-size: 13px;}

.bento.safari-req .middle .title h2.small {
	color: #0184de;
	font-size: 21px;
	line-height: 28px;
}

.bento.safari-req .middle .title .facebook-share {
	width: 22px;
	height: 19px;
	background-size: 22px 19px;
	background-repeat: no-repeat;
	display: inline-block;
}

.bento.safari-req .middle .title.safari h2.small {
	text-align: left;
}

.bento.safari-req .middle .downloadflow {
	margin-bottom: 10px;
}

/* First terms */

#terms .middle p {padding-top: 5px;}
#terms.bento.app.inset h2 {padding-bottom: 10px;}

.footer .button {width:60%; margin: 0 auto; margin-top: 7px;}

/* App locking */

.app .lock {
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-size: 20px 16px;
	position: absolute;
}

.app .lock span.app {
	display: inline-block;
	max-width: 45%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app .lock .padlock {
	width: 27px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 27px 32px;
	margin: 0 auto;
	margin-top: 6px;
}

.app .lock p {
	width: 96%;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.1), 0px 0px 3px rgba(0,0,0,1);
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 3px;
}

.app .lock-icon {
	width: 10px;
	height: 13px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 13px;
	position: absolute;
	margin-left: -18px;
	margin-top: -56px;
}

#lockapp img.applockicon {
	width: 80px;
	height: 80px;
	border-radius: 17px;
	margin: 0 auto;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* First Time B */

/* Add to Home Screen */

#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:240px;
	font-size:15px;
	padding:12px 15px 12px 14px !important;
	text-align:left;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)) !important;
	border:1px solid rgb(184, 182, 177);
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#535255;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
	line-height:140%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.5);
}

#addToHomeScreen.addToHomeIpad {
	width:268px;
	font-size:18px;
	padding:14px;
}

#addToHomeScreen.addToHomeWide {
	width:296px;
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
	width:320px;
	font-size:18px;
	padding:14px;
}

#addToHomeScreen .addToHomeArrow {
	position:absolute;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ededed)) !important;
	border-color: rgb(184, 182, 177);
	border-width:0 1px 1px 0;
	border-style:solid;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-border-bottom-right-radius:2px;
}

#addToHomeScreen.addToHomeIpad .addToHomeArrow {
	-webkit-transform:rotateZ(-135deg);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;
	top:-9px; bottom:auto; left:50%;
}

#addToHomeScreen .addToHomeClose {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:4px;
	top:4px;
	width:18px;
	height:18px;
	line-height:17px;
	text-align:center;
	-webkit-border-radius:9px;
	background: rgba(82,81,84,0.5);
	color:white;
	font-size:18px;
	text-shadow: none !important;
}

#addToHomeScreen .addToHomePlus {
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:1.3em;
}

#addToHomeScreen .addToHomeShare {
	display:inline-block;
	width:17px;
	height:19px;
	background-repeat:no-repeat;
	background-position: center bottom;
	background-size:16px 16px;
	text-indent:-9999em;
	overflow:hidden;
}


/* Tab bar */

.ui-bar-a {
	background-color: #2a252e;
	box-shadow: inset 0px 2px 0px #3a333f,
				inset 0px -1px 0px rgba(0,0,0,0.35),
				5px 0px 0px black,
				-5px 0px 0px black,
				0px 3px 0px rgba(0,0,0,0.07) !important;
	border-bottom: none !important;
}

.ui-footer .ui-navbar li .ui-btn-icon-top .ui-btn-inner {font-weight: bold !important; font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-bar-b {font-size: 14px !important;}

.ui-navbar li .ui-btn {height: 44px !important; border: 0;}
.ui-navbar {border-top: 1px solid #3a3340;}
.tabbutton {background: none;}

.tabbutton .ui-icon {
	width: 22px;
	height: 22px;
	margin-left: -11px !important;
	border-radius: 0px;
	top:2px !important;
}

.tabbutton .icon {
	width: 40px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: -28px;
	background-size: 40px 34px;
}

.tabbutton.getpoints .icon,
.tabbutton.redeem .icon,
.tabbutton.earnmore .icon,
.tabbutton.settings .icon,
.tabbutton.help .icon,
.tabbutton.flicks .icon {
	width: 40px;
	height: 33px;
	background-size: 200px 69px;
}

.tabbutton.getpoints .icon {background-position: 0px 0px;}
.tabbutton.redeem .icon {background-position: -40px -2px;}
.tabbutton.earnmore .icon {background-position: -80px -2px;}
.tabbutton.help .icon {background-position: -119px -2px;}
.tabbutton.flicks .icon {background-position: 40px -2px;}

.tabbutton.getpoints.active .icon {background-position: 0px 36px;}
.tabbutton.redeem.active .icon {background-position: -40px 34px;}
.tabbutton.earnmore.active .icon {background-position: -80px 33px;}
.tabbutton.help.active .icon {background-position: -119px 33px;}
.tabbutton.flicks.active .icon {background-position: 40px 33px;}

.tabbutton.active .ui-btn-inner {background-color: #1b161f;}

/* Overlay */
.overlay {
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dedede));
	background-image: -webkit-linear-gradient(#FFFFFF, #dedede);
	background-image: -moz-linear-gradient(#FFFFFF, #dedede);
	background-image: -ms-linear-gradient(#FFFFFF, #dedede);
	background-image: -o-linear-gradient(#FFFFFF, #dedede);
	background-image: linear-gradient(#FFFFFF, #dedede);
}

.overlay .header {
	padding: 0px !important;
	margin: 0 !important;
	border-left: 0 none !important;
	border-right: 0 none !important;
	border-top: 0 none !important;
	border-radius: 6px 6px 0px 0px !important;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4), inset 0px -1px 0px rgba(0,0,0,0.35), 0px 0px 2px rgba(0,0,0,0.4) !important;
}

.overlay .header h1 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin: 0 !important;
}

.overlay p {
	text-align: center !important;
	-webkit-margin-before: 0 !important;
}

.overlay .body {
	background: none;
}

.overlay .body .button {
	height: 23px !important;
	margin-top: 4px;
	padding: 9px 0px 0px 0px !important;
	border: 0 !important;

}
.overlay .body .button.blue {
	background: #348bcb;
	box-shadow:	inset 0px 1px 0px #1ebdff,
				inset 0px -1px 0px #2b72bd,
				1px 0px 0px #d0cdc8,
				-1px 0px 0px #d0cdc8,
				0px 1px 0px #d0cdc8,
				0px -1px 0px #d0cdc8;
}

.overlay .body .middle {width: 100%; padding: 0;}
.overlay .body .button.solo {width: 100%}
.overlay .body .button.double {
	width: 48%;
	clear: none;
	margin: 1%;
}

.overlay .body .button.double.right {float: right;}
.overlay .body .button.double.left {float: left;}


.overlay .body .button p {
	font-size: 15px;
	margin: 0;
	padding: 0;
	padding-top: 1px;
}

.overlay .ui-btn-inner {
	border: 0px;
}

.ui-popup-screen {
	background-image: none !important;
	background: #348bcb;
	opacity: 0.46 !important;
}

.overlay .body .profile {
	width: 236px;
	height: 125px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 236px 142px;
	background-position: center -1px;
	border-radius: 6px;
	border: 1px solid #d0cdc8;
	box-shadow:  0px 2px 0px rgba(255,255,255,0.5);
}

#appreviewcheck .icon {
	width: 60px;
	height: 60px;
	background-size: 60px;
	border-radius: 9px;
	float: left;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.75), 
				inset 0px 1px 0px rgba(255,255,255,0.6);
}

/* Help */
.help .top {
	margin-top: 10px;
}

.help .top h1, .help .top h2 {
	text-align: center;
	color: #4b4a50;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.85);
	margin: 0;
}

.help .top h1 {font-size: 22px; line-height: 25px;}
.help .top h2 {font-size: 18px; font-style: italic; font-weight: normal;}

.help .content {
	width: 90%;
	margin: 0 auto;
}

.help .content p {
	color: #4b4a50;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.85);
	text-align: center;
	line-height: 19px;
}

.help .buttons.section {
	margin-top: 30px;
}

.help-image {
	margin: 0 auto;
	border-radius: 0.5em;
	box-shadow: 0px -1px 0px rgba(255,255,255,0.8),
				0px 1px 4px rgba(0,0,0,0.4);
	background-position: center center;
	background-repeat: no-repeat;
}

.help-image.settings-icon {
	width: 119px;
	height: 119px;
	background-size: 119px 119px;
}
.help-image.settings-safari {
	width: 200px;
	height: 71px;
	background-size: 200px 71px;
}
.help-image.settings-cookies {
	width: 200px;
	height: 86px;
	background-size: 200px 86px;
}

.help-image.settings-general {
	width: 223px;
	height: 77px;
	background-size: 223px 77px;
}
.help-image.settings-about {
	width: 300px;
	height: 93px;
	background-size: 319px 93px;
}
.help-image.settings-advertising {
	width: 300px;
	height: 105px;
	background-size: 312px 105px;
}
.help-image.settings-limitad {
	width: 300px;
	height: 111px;
	background-size: 319px 111px;
}

/* New style buttons */
.push {clear: Both;}

.push.buttons {width: 97%; margin: 0 auto;}

.push.buttons .button {
	width: 100%;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 13px !important;
	margin-bottom: 13px !important;
	padding-top: 12px;
	padding-bottom: 12px;
	height: inherit;
}

.push.buttons .button.condensed {
	height: 15px !important;
	padding-top: 10px !important;
}

.push.buttons .button.condensed .icon {
	height: 23px !important;
	margin-top: -3px;
}

.push.buttons .button.condensed p {
	line-height: 38px;
	font-size: 14px !important;
	text-align: left;
	white-space: nowrap;
}

.push.buttons.square .button {
	width: 40px;
	height: 40px;
}

.push.buttons .button p {
	margin-left: 13px;
	color: white !important;
	text-shadow: none;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	display: block !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	line-height: 19px !important;
	clear: none;
}


.push.buttons.section {border-bottom: 1px solid rgba(75, 74, 80,0.3);}
.push.buttons.sectiontop {border-top: 1px solid rgba(75, 74, 80,0.3);}

.push.buttons a {
	text-decoration: none !important;
	font-family: "AvenirNext-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
} 

.push.buttons .button.blue {
	background: #348bcb;
	box-shadow: inset 0px -2px #2b72bd;
}

.push.buttons .button.blue:active {
	background: #3282bd;
	box-shadow: inset 0px 2px rgba(0,0,0,0.15);
}

.push.buttons .button.red {
	background: #ee3b37;
	box-shadow: inset 0px -2px #de0403;
}

.push.buttons .button.red:active {
	background: #d93531;
	box-shadow: inset 0px 2px rgba(0,0,0,0.08);
}

.push.buttons .button.yellow {
	/* Note: the usual white icons can't be used with the yellow button color, but who wants yellow buttons anyway? */
	background: #ffde00;
	box-shadow: inset 0px -2px #b38c3f;
}
.push.buttons .button.yellow p {color: #4b4a50 !important;}

.push.buttons .button.opacity {opacity:0.3;}

.push.buttons .button .icon {
	width: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 55px 55px;
	float: right;
	padding-right: 13px;
	margin-top: -20px;
	height: 58px;
	clear: none !important;
}

.push.buttons .button.condensed .icon.no {
	background-size: 45px 45px;
}

.push.buttons.square .button .icon {
	padding-right: 0;
}

.push.buttons.steps p.step {
	width: 22%;
	height: 15px;
	float: left;
	display: inline-block;
	color: #4b4a50 !important;
	text-shadow: None;
	font-family: "AvenirNext-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	margin: 0;
	line-height: 44px;
}

.push.buttons.steps .button {
	width: 78%;
	height: 20px;
	float: left;
	clear: right;
	display: inline-block;
	margin-top: 2px !important;
	margin-bottom: 8px !important;
}

.push.buttons.steps .button p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.push.buttons.steps .button.final-step {margin-bottom:12px !important;}

.push.buttons.steps {
	Width:96%;
	max-width: 400px;
	margin: 0 auto;
}


/* Words - the new way to display content without borders or bentos */

.words {width: 95%; margin: 0 auto; clear: both;}
.words p, .words h1, .words h2, .words h3, .words h4, .words h5, .words b {
	color: #4b4a50 !important;
	text-align: center;
	font-size: 14px;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	margin-left: 0;
	margin-right: 0;
	text-shadow: none;
	font-family: "AvenirNext-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.words a, .words p a, .words h1 a, .words h2 a, .words h3 a, .words h4 a, .words h5 a, .words b a {text-decoration: none !important;}


.words b {font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.words h1 {
	text-align: center !important;
	font-size: 19px !important;
	letter-spacing: -0.5px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.words h1.larger {font-size: 26px !important;}

.words h2 {font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.words h3 {
	text-align: center !important;
	font-size: 19px !important;
	font-weight: normal !important;
	letter-spacing: -0.5px;
}

.words h4 {
	text-align: center !important;
	font-size: 16px !important;
	font-weight: normal !important;
	letter-spacing: -0.5px;
}

.words.tight h1, .words.tight h2, .words.tight h3, .words.tight h4, .words.tight p {margin: 0 !important;}
.words.loose h1, .words.loose h2, .words.loose h3, .words.loose h4, .words.loose p {margin: 5px 0 5px 0 !important;}

.words.top {margin-top:4px;}
.words.top2 {margin-top:8px;}
.words.top3 {margin-top:12px;}
.words.top4 {margin-top:16px;}
.words.top5 {margin-top:20px;}
.words.top6 {margin-top:24px;}

.words.bottom {margin-bottom:4px;}
.words.bottom2 {margin-bottom:8px;}
.words.bottom3 {margin-bottom:12px;}
.words.bottom4 {margin-bottom:16px;}
.words.bottom5 {margin-bottom:20px;}
.words.bottom6 {margin-bottom:24px;}

.words.justify p {text-align: justify !important;}
.words.align-left p {text-align: left !important;}
.words.align-right p {text-align: right !important;}


.words.terms p {font-size: 12px !important;}

.words.section {border-bottom: 1px solid rgba(75, 74, 80,0.3); padding-bottom: 6px;}
.words.sectiontop {border-top: 1px solid rgba(75, 74, 80,0.3); padding-top: 6px;}

.words.sectiontop h1,
.words.sectiontop h2,
.words.sectiontop h3,
.words.sectiontop h4,
.words.sectiontop h5 {margin-top: 0px !important;}

.words .oneline {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* Don't use justified text with .clip */
.words.clip3 p, .words.clip4 p, .words.clip5 p, .words.clip6 p, .words.clip7 p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		white-space: normal;
		text-overflow: ellipsis;
		overflow: hidden;
}
.words.clip3 p {-webkit-line-clamp: 3;}
.words.clip4 p {-webkit-line-clamp: 4;}
.words.clip5 p {-webkit-line-clamp: 5;}
.words.clip6 p {-webkit-line-clamp: 6;}
.words.clip7 p {-webkit-line-clamp: 7;}


/* Alerts - used for informative status messgaes and recomendations. */

.alert {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: inline-block;
	background: #cac8c4;
	border-radius: 10px;
	margin-bottom: 10px;
}

.alert p {color: #4b4a50; text-shadow:none; font-family: "AvenirNext-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.alert .left {
	width: 20%;
	height: 80px;
	float: right;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 48px 48px;
}

.alert .right {
	width: 71%;
	height: auto;
	float: right;
	padding: 5px;
	padding-right: 5%;
	display: inline-block;
}
.alert .right p {
	font-size: 14px;
	width: auto;
	height: auto;
	margin: 10px 0;
}

.alert a {text-decoration: none; color: #4b4a50 !important;}

/* Warnings - used to show messages in the top header bar */

.warning {
	width: 100% !important;
	height: 25px !important;
	background: #ffde00;
	left: 0 !important;
	right: 0 !important;
	box-shadow: 0px 1px 0px #b38c3f,
				0px -1px 0px #b38c3f !important;
	border-radius: 0px;
	position: relative !important;
	border: 0;
	margin: -7px 0 0 0 !important;
}

.warning p {
	margin: 0;
	color: #4b4a50;
	text-align: center;
	text-shadow: none;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	display: inline-table;
	margin-top: -3px;
	padding: 0;
}

.warning img {
	display: inline-block;
	margin-left: 6px;
	margin-top: 0px;
	padding-bottom: 2px;
}

/* Subheading - page titles on the top bar */

.subheading {
	width: 100% !important;
	height: 31px !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 0px;
	position: relative !important;
	text-align: center;
	border: 0;
	display: inline-block;
	margin: 0px 0 0 0 !important;
}

.subheading p {
	margin: 0;
	color: white;
	text-align: center !important;
	text-shadow: none;
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	display: inline-block;
	margin-top: 4px;
	padding: 0;
}

.subheading.red {background: #ee3b37; box-shadow: inset 0px -2px #de0403, 0 -2px rgba(0,0,0,0.2);}
.subheading.blue {background: #348bcb; box-shadow: inset 0px -2px #2b72bd,  0 -2px rgba(0,0,0,0.2);}

.subheading img {
	display: inline-block;
	margin-left: 6px;
	margin-top: 0px;
	padding-bottom: 2px;
}

/* Pictures - break-up images that are used in the app */

.pictures {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.pictures.new-devices {height: 147px; background-size: 210px 147px;}
.pictures.android-alert {height: 175px; background-size: 210px 175px;}
.pictures.colourgiftcards {height: 169px; background-size: 169px 169px;}
.pictures.email {height: 160px; background-size: 160px 144px; margin-top: 10px; margin-bottom: 10px;}
.pictures.iphone5s {height: 231px; background-size: 231px 231px; margin-top: 10px; margin-bottom: 10px;}
.pictures.ipadminicontest {height: 231px; background-size: 231px 231px; margin-top: 10px; margin-bottom: 10px;}
.pictures.iPhone5cSafari {height: 220px; background-size: 159px 220px; margin-top: 10px; margin-bottom: 10px;}
.pictures.xboxonecontest {height: 231px; background-size: 231px 231px; margin-top: 10px; margin-bottom: 10px;}
.pictures.iPhone5cSafari {height: 220px; background-size: 159px 220px; margin-top: 10px; margin-bottom: 10px;}
.pictures.clock {height: 140px; background-size: 140px 140px; margin-top: 10px; margin-bottom: 10px;}



@media screen and (max-device-height:480px){
	/* Smaller circle for 3.5" */
	.pictures.colourgiftcards {height: 126px; background-size: 126px 126px;}
}

.page-rewardcomplete .pictures.colourgiftcards {margin-top: 10px; margin-bottom: 10px;}


/* Captcha - humans only, no robots allowed */

.captcha form img {
	position: relative;
	float: left;
}

.captcha .display {
	width: 293px;
	height: 80px;
	left: 50%;
	position: relative;
	margin-left: -146px;
	margin-bottom: 10px;
}

.captcha input {
	margin-left: 6px !important;
	width: 96% !important;
	text-transform: lowercase;
}

.push.buttons.square {
	float: left;
	clear: none;
	margin-left: 5px;
	margin-top: 7px;
}

.captcha .reload:active {
	background: #d93531;
	box-shadow: inset 0px 2px rgba(0,0,0,0.08),
				0px 2px rgba(255,255,255,0.35);
}

/* Step-by-step: walkthrough guides on how to do things. */

.step-by-step {
	width: 91%;
	min-height: 10px;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 15px;
	border: dashed 3px rgba(75, 74, 80,0.5);
	border-radius: 15px;
}

.step-by-step h1, .step-by-step h2, .step-by-step p {color: #4b4a50 !important; text-shadow: none;}

.step-by-step h2 {
	font-weight: bold;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px;
	text-align: center;
	padding:7px 0px 10px 0px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

	/* Step-by-step: IDFA */
		/* iOS 6 */ 
			.pre-ios7 .step-by-step.idfa .pictorial {
				width: 195px;
				background-position: center center;
				background-repeat: no-repeat;
				border-radius: 5px;
				margin: 0 auto;
				margin-bottom: 15px;
			}
			.pre-ios7 .step-by-step.idfa.settings .pictorial {
				height: 68px;
				background-size: 195px 68px;
			}
			.pre-ios7 .step-by-step.idfa.general .pictorial {
				height: 81px;
				background-size: 195px 81px;
			}
			.pre-ios7 .step-by-step.idfa.about .pictorial, .step-by-step.idfa.advertising .pictorial, .step-by-step.idfa.limitadtracking .pictorial {
				height: 76px;
				background-size: 195px 76px;
			}
			.pre-ios7 .step-by-step.idfa.reopen .pictorial {
				height: 64px;
				background-size: 195px 64px;
			}

		/* iOS 7 */ 
			.post-ios7 .step-by-step.idfa .pictorial {
				width: 195px;
				background-position: center center;
				background-repeat: no-repeat;
				border-radius: 5px;
				margin: 0 auto;
				margin-bottom: 15px;
			}
			
			.post-ios7 .step-by-step.idfa.settings .pictorial {
				height: 73px;
				background-size: 195px 73px;
			}
			.post-ios7 .step-by-step.idfa.privacy .pictorial {
				height: 108px;
				background-size: 195px 108px;
			}
			.post-ios7 .step-by-step.idfa.advertising .pictorial {
				height: 105px;
				background-size: 195px 105px;
			}
			.post-ios7 .step-by-step.idfa.limitadtracking .pictorial {
				height: 93px;
				background-size: 195px 93px;
			}
			.post-ios7 .step-by-step.idfa.reopen .pictorial {
				height: 62px;
				background-size: 195px 62px;
			}
	
/* Guides - Icons on the left, text on the right */

.guide {
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
	background: #cac8c4;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}

.guide h1 {
	font-family: "AvenirNext-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-align: center;
	color: #4b4a50 !important;
	text-shadow: none;
	font-size: 17px;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
	margin-bottom: 7px;
}
	
.guide .row {
	width:80%;
	height: 40px;
	margin-bottom: 10px;
	display: inline-block;
}

@media screen and (max-width: 390px) {.guide .row{width:94%;}}
@media screen and (max-width: 300px) {.guide .row{width: 94%; margin-bottom: 20px;}}


.guide .row .icon {
	width: 40px;
	height:40px;
	display: block;
	float: left;
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 10px;
	overflow: hidden;
}

.guide .row.appicon .icon-loading {
	width: 40px;
	height:40px;
	margin-top:-40px;
	display: block;
	float: left;
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-animation-name: rotateback;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	overflow: hidden;
}

.guide .row.appicon .icon-loading-mask {
	width: 40px;
	height:40px;
	display: block;
	float: left;
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.guide .row.appicon .icon {border-radius: 12px;}

.guide .row .text {display: inline;}

.guide .row .text p {
	font-family: "AvenirNext-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-align: Left;
	font-size: 14px;
	padding: 0;
	padding-top: 3px;
	margin: 0;
	color: #4b4a50 !important;
	text-shadow: none;
	font-weight: normal;
	line-height: 17px
}

@media screen and (min-width: 400px) {
	.guide .row .text p {font-size: 16px;}
}

.guide .row .text p b {font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: bold;}
	
/* Heroes - full width displays for the tops of pages */
.hero {
	height: 60px;
	background: #d0cfc8;
	position: absolute; 
	left: 0;
	right: 0;
	top: 44px;
	display: block;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1024px 150px;
}

.hero.boxed {
	width: 100%;
	height: 60px;
	border-radius: 6px;
	float: none;
	overflow: hidden;
	margin-top: 5px;
	border: 0 !important;
	box-shadow: 0px 2px 3px rgba(75, 74, 80, 0.5) !important;
	background: #d0cfc8;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1024px 150px;
	position: relative;
	top: 0 !important;
	margin-bottom: 15px;
	text-decoration: none !important;
}

@media screen and (min-width:1024px) {
	.hero {background-size: 100% 150px;}	
	.hero.boxed {background-size: 100% 150px;}	
}

.hero h1 {
	width: 90%;
	height: 47px;
	font-size: 35px;
	text-align: center;
	color: white;
	text-shadow: none;
	letter-spacing: -1px;
	text-rendering: geometricPrecision;
	margin-top: 20px;
	padding: 0;
	-webkit-margin-after: 0;
	margin-left: 5%;
	color: #f5efef;
	text-shadow:0px 2px 3px rgba(0,0,0,0.3); 
	float: left;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none !important;
}

.hero h2 {
	width: 90%;
	height: 30px;
	font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-align: center;
	color: white;
	text-shadow: none;
	font-weight: bold;
	letter-spacing: -1px;
	text-rendering: geometricPrecision;
	margin-left: 5%;
	margin-top: -2px;
	font-size: 19px;
	padding: 0;
	color: #f3eceb;
	display: block;
	-webkit-margin-after: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	color: #f5efef;
	text-shadow:0px 2px 3px rgba(0,0,0,0.3); 
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.hero p {
    width: 90%;
    font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
/*    letter-spacing: -1px;*/
    text-rendering: geometricPrecision;
    margin-left: 5%;
    margin-top: -2px;
    font-size: 18px;
    padding: 0;
    color: #333333;
    display: block;
    -webkit-margin-after: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
/*    text-shadow:0px 2px 3px rgba(0,0,0,0.3);*/ 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.hero a {text-decoration: none !important;}

.hero .overbackground, .hero .underbackground {
	width: 100%;
	height: 100%;
}

.hero .underbackground {z-index: 500;}
.hero .underbackground.blur {z-index: 501;}
.hero .overbackground {z-index: 600;}

	/* App ad: app-background */
	.hero.app-background {overflow: hidden;}
	
	.hero.app-background.red {background-color: #ee3b37;}
	.hero.app-background.red .overbackground {background-color: rgba(238, 59, 55,0.6);}
	.hero.app-background.blue {background-color: #348bcb;}
	.hero.app-background.blue .overbackground {background-color: rgba(52, 139, 203,0.6);}
	.hero.app-background.green {background-color: #93b821;}
	.hero.app-background.green .overbackground {background-color: rgba(147, 184, 33,0.6);}
	.hero.app-background.yellow {background-color: #ffde00;}
	.hero.app-background.yellow .overbackground {background-color: rgba(255, 222, 0,0.6);}
	
	.hero.app-background .underbackground, .hero.app-background .overbackground {position: absolute;	border-radius: 6px;}
	
	.hero.app-background .underbackground {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 110% auto;
		border-radius: 6px;
	}
	
	.hero.app-background .underbackground.blur {
		width: 98%;
		height: 98%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 110% auto;
		-webkit-filter: blur(2px);
		border-radius: 6px;		
		margin-top: 0;
		margin-left: 1%;
	}

	.hero.app-background h1 {margin-top: 10px !important;}
	.hero.app-background h1.long {font-size: 27px !important; margin-top: 36px !important; margin-bottom: -10px !important;}
	
	@media screen and (max-device-height:568px) and (orientation: landscape) {
		.hero.app-background h1 {margin-top: 15px !important;}
		.hero.boxed.app-background {height: 100px !important;}
		.hero.app-background h1.long {margin-top: 25px !important;}
	}
	
	/* App ad: app-inside */
	.hero.app-inside {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 881px 135px;
	}
		
	.hero.app-inside .left {
		width: 29%;
		height:100%;
		margin-left: 4%;
		margin-right: 4%;
		float: left;
	}
	
	.hero.app-inside .left .icon {
		height: 93px;
		width: 93px;
		background: red;
		margin: 0 auto;
		margin-top: 16px;
		box-shadow: 0px 4px 5px rgba(0, 33, 71,0.5) !important;
		border-radius: 16px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: #337fb5;
	}
	
	.hero.app-inside .right {
		width: 59%;
		height: 100%;
		margin-right: 4%;
		float: right;
	}
	
	.hero.app-inside .right h1, .hero.app-inside .right h2 {
		width: 100%;
		text-align: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-shadow: 0px 4px 5px rgba(0, 33, 71,0.5) !important;
	}

	.hero.app-inside .right h1 {font-size: 28px !important; margin-top: 30px !important;}
	.hero.app-inside .right h1.long {font-size: 22px !important; margin-bottom: -9px !important; margin-top: 39px !important;}
	.hero.app-inside .right h2 {margin-top: -14px !important; font-size: 18px !important;}
	
	@media screen and (min-width:880px){
		.hero.app-inside {background-size: 100% 135px;}
	}
	
	@media screen and (max-device-width:600px) and (orientation:landscape) {
		.hero.app-inside {height: 100px !important;}
		
		.hero.app-inside .left .icon {
			width: 85px !important;
			height: 85px !important;
			margin-top:7px !important;
			border-radius: 14px;	
		}
		
		.hero.app-inside .right h1 {margin-top: 13px !important; font-size: 36px !important; margin-bottom: 0px !important;}
		.hero.app-inside .right h1.long {margin-top: 21px !important; font-size: 30px !important; margin-bottom: 0px !important;}		
		.hero.app-inside .right h2 {margin-top: -5px !important; font-size: 20px !important}
	}

	
	/* Intro ad ("Try free apps, Get instant rewards"), AppAlerts Rewards */	
	.hero.introad div.b h1, .hero.introad div.e h1 {
		font-size: 37px !important;
		margin-top: 22px;
		line-height: 37px;
		overflow: visible;
	}
	
	.hero.boxed.introad h1 {
		width: auto;
		height: auto;
		margin-top: 22px;
		margin-left: 1px;
		margin-right: 1px;
		font-size: 30px;	
	}
	
	.hero.boxed.introad h2 {
		margin-top: -2px !important;
		font-size: 19px !important;
	}
	
	.hero.introad .small h1 {font-size: 26px !important;}
	.hero.introad .small {margin: 0 auto; display: block; text-align: center;}
	.hero.introad .first-line {margin-top: -6px !important;}
	.hero.introad .second-line {height: 60px; margin-top: -30px !important;}
	
	.hero.introad .third-line {
		width: 100%;
		margin-top: -40px;
	}

	.hero.introad .third-line p {
		color: white;
		text-align: center;
		text-shadow:0px 2px 3px rgba(0,0,0,0.3); 
		font-weight: bold;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-size: 16px !important;
	}
	
	.hero.introad,
	.hero.appalerts-rewards {
		background-color: #87b506;
	}
	
	.hero.introad div,
	.hero.appalerts-rewards div {
		-webkit-animation-iteration-count: 1;
		-webkit-animation-duration: 2.4s;
		-webkit-animation-timing-function: linear;
		display: inline-block;
	}
		
	@-webkit-keyframes intro-a {
	   0% {opacity: 0; -webkit-transform: scale(0);}
	  40% {opacity: 0; -webkit-transform: scale(0);}
	  45% {opacity: 1;  -webkit-transform: scale(1.1);}
	  50% {opacity: 1;  -webkit-transform: scale(1);}
	}
	
	@-webkit-keyframes intro-b {
	   0% {opacity: 0; -webkit-transform: scale(0);}
	  50% {opacity: 0; -webkit-transform: scale(0);}
	  55% {opacity: 1;  -webkit-transform: scale(1.1);}
	  60% {opacity: 1;  -webkit-transform: scale(1);}
	}
	@-webkit-keyframes intro-c {
	   0% {opacity: 0; -webkit-transform: scale(0);}
	  60% {opacity: 0; -webkit-transform: scale(0);}
	  65% {opacity: 1;  -webkit-transform: scale(1.1);}
	  70% {opacity: 1;  -webkit-transform: scale(1);}
	}
	@-webkit-keyframes intro-d {
	   0% {opacity: 0; -webkit-transform: scale(0);}
	  70% {opacity: 0; -webkit-transform: scale(0);}
	  75% {opacity: 1;  -webkit-transform: scale(1.1);}
	  80% {opacity: 1;  -webkit-transform: scale(1);}
	}
	@-webkit-keyframes intro-e {
	   0% {opacity: 0; -webkit-transform: scale(0);}
	  80% {opacity: 0; -webkit-transform: scale(0);}
	  85% {opacity: 1;  -webkit-transform: scale(1.1);}
	  90% {opacity: 1;  -webkit-transform: scale(1);}
	}
	@-webkit-keyframes intro-f {
	   0% {opacity: 0; -webkit-transform: scale(0);}
	  90% {opacity: 0; -webkit-transform: scale(0);}
	  95% {opacity: 1;  -webkit-transform: scale(1.1);}
	  100% {opacity: 1;  -webkit-transform: scale(1);}
	}
	
	@-webkit-keyframes intro-g {
	  0% {opacity: 0;}
	  50% {opacity: 0;}
	  100% {opacity: 1;}
	}

	.hero.introad .overbackground,
	.hero.appalerts-rewards .overbackground {
		background-position: center 0px;
		background-size: 196px 120px;
	}
	
	@media screen and (min-device-height:481px) {
		.hero.introad .overbackground,
		.hero.appalerts-rewards .overbackground {
			-webkit-animation-name: overbackground;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-duration: 3s;
			-webkit-animation-timing-function: linear;
		}
		.hero.introad div.a {-webkit-animation-name: intro-a;}
		.hero.introad div.b {-webkit-animation-name: intro-b;}
		.hero.introad div.c {-webkit-animation-name: intro-c;}
		.hero.introad div.d {-webkit-animation-name: intro-d;}
		.hero.introad div.e {-webkit-animation-name: intro-e;}
		.hero.introad div.f {-webkit-animation-name: intro-f;}
		
		.hero.introad .third-line {
			-webkit-animation-name: intro-g;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-duration: 1.7s;
			-webkit-animation-timing-function: linear;
		}
	}

	@-webkit-keyframes overbackground {
	  0% {background-position: center 0px;}
	  100% {background-position: center 60px;}
	}
	
	/* AppAlerts Hero */
	
	.hero.appalerts {background-color: #0889b4;}
	
	.hero.appalerts .overbackground {
		background-position: center -30px;
		background-size: 881px 250px;
	}

	/*
	@media screen and (device-height:568px) and (orientation:portrait) {
		.hero.appalerts .overbackground {
				-webkit-animation-name: appalerts-overbackground;
				-webkit-animation-iteration-count: infinite;
				-webkit-animation-duration: 1s;
				-webkit-animation-timing-function: linear;
		}
	}
	
	@-webkit-keyframes appalerts-overbackground {
		0% {background-position: center 0px; background-size: 882px 250px;}
		100% {background-position: center -18px; background-size: 919px 250px;}
	}
	*/
	
	@media screen and (min-width:880px) {
		.hero.appalerts .overbackground {background-size: 100% 250px;}
	}
	
		/* AppAlerts Home Hero */
		.hero.boxed.appalerts .email-icon {
			width: 100%;
			height: 40px;
			background-size: 53px 40px;
			display: inline-block;
			background-repeat: no-repeat;
			background-position: center;
		}
		
		.hero.boxed.appalerts h1 {
			margin-top: 2px !important;
		}

	/* Win an iPhone 5S promotion */
	.hero.boxed.iphone5scontest {
		background-size: 881px 120px;
		background-color: white;
	}
	
	.hero.boxed.iphone5scontest .overbackground {
		width: 233px;
		height:120px;
		margin: 0 auto;
		margin-top: -18px;
		padding-right: 60px;
	}

	.hero.boxed.iphone5scontest .overbackground h1 {
		color: #ee3b37;
		text-shadow: none;
		margin-top: 29px;
		font-size: 27px;
	}

	.hero.boxed.iphone5scontest .overbackground h2 {
		color: #484848;
		text-shadow: none;
		margin-top: -19px;
		font-size: 23px;
	}

	.hero.boxed.iphone5scontest .overbackground h3 {
		color: #484848;
		text-shadow: none;
		margin-top: -10px;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
	}

	.hero.boxed.iphone5scontest .overbackground h3 span {
		width: 65px;
		height: 24px;
		display: inline-block;
		background-color: #ee3b37;
		border-radius: 10px;
		margin-top: 13px;
		padding-top: 1px;
		margin-left: 4px;
		margin-right: 4px;
	}
	
	.hero.boxed.iphone5scontest .overbackground h3 span p {
		width: 60px;
		color: white !important;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0;
	}

	/* Win an iPad mini promotion */
	.hero.boxed.ipadminicontest {
		background-size: 881px 120px;
		background-color: white;
	}
	
	.hero.boxed.ipadminicontest .overbackground {
		width: 238px;
		height:120px;
		margin: 0 auto;
		margin-top: -14px;
		padding: 0;
		padding-right: 75px;
	}

	.hero.boxed.ipadminicontest .overbackground h1 {
		width: 100%;
		color: #ee3b37;
		text-shadow: none;
		margin-top: 29px;
		font-size: 26px;
		letter-spacing: -2px;
		margin-left: 0;
	}

	.hero.boxed.ipadminicontest .overbackground h2 {
		color: #484848;
		text-shadow: none;
		margin-top: -21px;
		font-size: 23px;
	}

	.hero.boxed.ipadminicontest .overbackground h3 {
		color: #484848;
		text-shadow: none;
		margin-top: -10px;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
	}

	.hero.boxed.ipadminicontest .overbackground h3 span {
		width: 65px;
		height: 24px;
		display: inline-block;
		background-color: #ee3b37;
		border-radius: 10px;
		margin-top: 8px;
		padding-top: 1px;
		margin-left: 4px;
		margin-right: 4px;
	}
	
	.hero.boxed.ipadminicontest .overbackground h3 span p {
		width: 60px;
		color: white !important;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0;
	}

	/* Win an Xbox One promotion */
	.hero.boxed.xboxonecontest {
		height: 140px;
		background-size: 881px 140px;
		background-color: #65af1c;
		background-position: center center;
		border-radius: 15px;
		box-shadow: none !important;
	}
	
	.hero.boxed.xboxonecontest .overbackground {
		width: 300px;
		height:140px;
		margin: 0 auto;
		padding: 0;
	}

	.hero.boxed.xboxonecontest .overbackground h1 {
		width: 100%;
		text-shadow: none;
		margin-top: 7px;
		font-size: 28px;
		letter-spacing: -1px;
		margin-left: 0;
		color: white;
		font-family: "AvenirNext-Bold" !important;
		clear: both;
	}

	.hero.boxed.xboxonecontest .overbackground h2 {
		color: white;
		text-shadow: none;
		margin-top: -21px;
		font-size: 23px;
	}

	.hero.boxed.xboxonecontest .overbackground h3 {
		color: white;
		text-shadow: none;
		margin-top: 10px;
		margin-bottom: 10px;
		letter-spacing: -1px;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		font-family: "AvenirNext-DemiBold" !important;
	}
	
	.hero.boxed.xboxonecontest .overbackground h4 {
		color: white;
		text-shadow: none;
		letter-spacing: -1px;
		font-size: 16px;
		margin-top:-26px;
		font-weight: normal;
		text-align: center;
	}

	.hero.boxed.xboxonecontest .overbackground h4 span {
		display: inline-block;
		font-family: "AvenirNext-Bold" !important;
		font-weight: bold;
	}
	
	.hero.boxed.xboxonecontest .overbackground .contestdetails {
		float: left;
		margin-top: -14px;
		width: 160px;
		margin-left: 135px;
	}
	
	.hero.boxed.xboxonecontest .hero-arrow {
		width: 11px;
		height: 10px;
		background-size: 8px 10px;
		background-repeat: no-repeat;
		background-position: right center;
	}
	
/* Share bar - Links to social networks */

.sharebar {
	height: 67px;
	background: #cfcec6;
	position: absolute; 
	left: 0;
	right: 0;
	top: 165px;
	overflow: hidden;
}

.sharebar ul {list-style: none; padding: 0; margin: 0;}

.sharebar ul li {
	width:20%;
	height:60px;
	float:left;
	border-top: 2px solid;
	border-bottom: 2px solid;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 72px 72px;
}

.sharebar ul li a {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

.sharebar ul li div {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

.sharebar ul li a:active {background: rgba(0,0,0,0.08);}

.sharebar ul li.facebook {
	background-color: #3b5998;
	border-color: #2b406e;
}

.sharebar ul li.twitter {
	background-color: #00acee;
	border-color: #0085e3;
}

.sharebar ul li.googleplus {
	background-color: #db4a39;
	border-color: #c5251a;
}

.sharebar ul li.email {
	background-color: #ffb600;
	border-color: #ff9100;
}

.sharebar ul li.sms {
	background-color: #87c442;
	border-color: #5aa420;
}

/* Perforations */
	.perforations.refercode {
		width: 90%;
		height: 50px;
		margin-left: 5%;
		display: block;
		margin-top: 12px;
	}
	
	.perforations.refercode .title {width: 34%; height: 30px; float: left;}
	
	.perforations.refercode .code {
		width: 62%;
		height: 32px;
		float: right;
		border: dashed 3px rgba(75, 74, 80,1);
		border-radius: 100px;
	}
	
	.perforations.refercode .code input {
		margin: 0;
		background: none !important;
		box-shadow: none !important;
		border: none !important;
		text-shadow: none !important;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-user-select: text !important;
		-webkit-user-modify: read-only !important;
		color: #4b4a50 !important;
	}
	
	.perforations.refercode .code div {
		box-shadow: none !important;
		border: 0 !important;
		background: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.perforations.refercode .code p {
		color: #4b4a50 !important;
		text-shadow: None;
		text-align: center;
		margin: 7px 0 0 0;
		font-size: 15px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.perforations.refercode .title p {
		font-weight: bold;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-size: 14px !important;
		text-shadow: none;
		margin: 10px 0px 0px 0px !important;
		color: #4b4a50 !important;
	}
	
	/* SMS copy box on SMS page */
	.page-sharesms .perforations.smstext {
		width: 90%;
		height: 160px;
		margin-left: 5%;
		border: dashed 3px rgba(75, 74, 80,1);
		border-radius: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.page-sharesms .perforations.smstext textarea {
		height: 160px !important;
		text-align: center;
		background: none !important;
		border: none !important;
		box-shadow: none !important;
		display: block !important;
		text-shadow: none !important;
		-webkit-box-shadow: none;
		outline: none;
		color: #4b4a50 !important;
	}
	
	@media screen and (max-height:360px) {
		.page-sharesms .perforations.smstext textarea, .page-sharesms .perforations.smstext {
			height:100px;
		}
	}
	
	@media screen and (min-width:768px) {
		.page-sharesms .perforations.smstext textarea, .page-sharesms .perforations.smstext {
			height:100px;
		}
	}
	
	/* Centered Title, full width entry box */
	
	.perforations.emailentry .title p,
	.perforations.countryentry .title p,
	.perforations.input .title p {
		font-weight: bold;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-size: 16px !important;
		text-shadow: none;
		text-align: center;
		color: #4b4a50 !important;
		margin: 0px 0 8px 0px;
	}
				
	.perforations.emailentry,
	.perforations.countryentry,
	.perforations.input {
		width: 90%;
		margin: 0 auto;
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		clear: both;
	}
	
	.perforations.emailentry, .perforations.countryentry {height: 78px;}

	@media screen and (min-device-height:569px) {
		.perforations.emailentry,
		.perforations.countryentry,
		.perforations.input {
			margin-top: 15px !important;
			margin-bottom: 15px !important;
		}
		.page-appalerts .push.buttons {margin-bottom: 20px !important;}
	}

		
	.perforations.emailentry .code,
	.perforations.countryentry .code,
	.perforations.input .code {
		width: 100%;
		height: 32px;
		border: dashed 3px rgba(75, 74, 80,1);
		border-radius: 100px;
		margin-left: -3px;
		color: #4b4a50 !important;
		font-weight: normal !important;
	}
	
	.perforations.countryentry .code .ui-select span,
	.perforations.countryentry .code .ui-select span,
	.perforations.input .code .ui-select span {
		padding-top: 3px;
		font-weight: normal;
		text-shadow: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	 
	.perforations.countryentry .code .ui-select .ui-btn-inner {border: none !important;}
	
	.perforations.emailentry .code input,
	.perforations.emailentry .code select,
	.perforations.countryentry .code input,
	.perforations.countryentry .code select,
	.perforations.input .code input,
	.perforations.input .code select {
		margin: 0;
		background: none !important;
		box-shadow: none !important;
		border: none !important;
		text-shadow: none !important;
		text-overflow: ellipsis;
		overflow: hidden;
		font-weight: normal !important;
		-webkit-user-select: text !important;
	}
	
	.perforations.emailentry .code div,
	.perforations.countryentry .code div,
	.perforations.input .code div {
		box-shadow: none !important;
		border: 0 !important;
		background: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.perforations.emailentry .code p,
	.perforations.countryentry .code p,
	.perforations.input .code p {
		color: #4b4a50 !important;
		text-shadow: None;
		text-align: center;
		margin: 7px 0 0 0;
		font-size: 15px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	/* Settings section */
		.page-settings .email-section {
			margin-top: 20px !important;
		}
		
	/* Redeem section */
		.page-redeem .email-section {
			margin-top : 0px !important;
			margin-bottom : 30px !important;
		}
	
	/* Locked app page, First app page */
		/* App details */
		.page-locked .perforations.appdetails,
		.page-firstapp .perforations.appdetails {
			width: 95%;
			border: dashed 3px rgba(75, 74, 80,1);
			border-radius: 15px;
			position: relative;
			margin: 0 auto;
			margin-top: 10px;
			margin-bottom: 15px;
			overflow: hidden;
		}
		
		@media screen and (min-width:400px) {
			.page-locked .perforations.appdetails,
			.page-firstapp .perforations.appdetails {width: 400px;}
			.page-locked .perforations.appdetails  .right,
			.page-firstapp .perforations.appdetails  .right {width: 76% !important;}
			.page-locked .perforations.appdetails .right .push.buttons .button,
			.page-firstapp .perforations.appdetails .right .push.buttons .button {width: 108% !important;}
		}
		
		.page-locked .perforations.appdetails .left,
		.page-firstapp .perforations.appdetails .left {
			height: 75px;
			width: 75px;
			float: left;
			margin: 12px 10px 10px 10px;
			border-radius: 15px;
			box-shadow: 0px 2px 5px rgba(0,0,0,0.3),
						0px 1px 0px rgba(0,0,0,0.2);
		}
		
		.page-locked .perforations.appdetails .right,
		.page-firstapp .perforations.appdetails .right {
			width: 70%;
			height: 91px;
			float: left;
			right: 2px;
			margin-top: 9px;
		}
		
		@media screen and (max-width: 350px) {
			.page-locked .perforations.appdetails .right,
			.page-firstapp .perforations.appdetails .right {width:30% !important;}
		}
		
		@media screen and (max-width: 360px) {
			.page-locked .perforations.appdetails .right,
			.page-firstapp .perforations.appdetails .right {width:64% !important;}
		}
		
		@media screen and (max-width: 300px) {
			.page-locked .perforations.appdetails .right,
			.page-firstapp .perforations.appdetails .right {width:45% !important;}
		}
		
		.page-locked .perforations.appdetails .words p,
		.page-firstapp .perforations.appdetails .words p {font-size: 13px;}

		
		.page-locked .perforations.appdetails .left.icon img,
		.page-firstapp .perforations.appdetails .left.icon img {
			width: 75px;
			height: 75px;
			border-radius: 15px;
		}
		
		.page-locked .perforations.appdetails .right h1,
		.page-firstapp .perforations.appdetails .right h1,
		.page-locked .perforations.appdetails .right h2,
		.page-firstapp .perforations.appdetails .right h2 {
			width: 100%;
			float: left;
			display: block;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			text-shadow: none;
			color: #4b4a50 !important;
			font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		}
		
		.page-locked .perforations.appdetails .right h1,
		.page-firstapp .perforations.appdetails .right h1 {
			font-size: 18px;
			padding: 0;
			margin: 0 0 0 0;
		}
		
		.page-locked .perforations.appdetails .right h2,
		.page-firstapp .perforations.appdetails .right h2 {
			font-weight: normal;
			font-size: 17px;
			margin: -4px 0 0 0;
			padding: 0;
		}
		
		.page-locked .perforations.appdetails .right .push,
		.page-firstapp .perforations.appdetails .right .push {
			clear: none !important;
			margin-top: 4px !important;
		}
		
		.page-locked .perforations.appdetails .right .push.buttons .button,
		.page-firstapp .perforations.appdetails .right .push.buttons .button {
			width: 100% !important;
			height: 40px;
			margin: 1px 0 0 0 !important;
			float: left;
			clear: none;
			border-radius: 10px;
		}
		
		.page-locked .words h1 span.step,
		.page-firstapp .words h1 span.step,
		.page-androidfacebook .words h1 span.step {
			width: 23px;
			height: 22px;
			line-height: 23px !important;
			background: #348bcb;
			color: white;
			display: inline-block;
			margin-right: 10px;
			border-radius: 30px;
			border: 2px solid #2b72bd;
		}
		
		/* Rewards */
		.page-locked ul.perforations.rewards,
		.page-firstapp ul.perforations.rewards,
		.page-androidfacebook ul.perforations.rewards {
			width: 283px;
			height: 100px;
			padding: 0;
			margin: 0px auto;
			list-style: None;
			margin-top: 10px;
			margin-bottom: 30px;
		}
		
		.page-locked ul.perforations.rewards li,
		.page-firstapp ul.perforations.rewards li,
		.page-androidfacebook ul.perforations.rewards li {
			width: 81px;
			height: 100px;
			float: left;
			font-weight: bold;
			font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
			border: dashed 3px rgba(75, 74, 80,1);
			border-radius: 15px;
			margin: 0 !important;
			padding: 0 !important;
		}
		
		.page-locked ul.perforations.rewards li:first-child,
		.page-firstapp ul.perforations.rewards li:first-child,
		.page-androidfacebook ul.perforations.rewards li:first-child {
			margin-right:10px !important;
		}
		.page-locked ul.perforations.rewards li:last-child,
		.page-firstapp ul.perforations.rewards li:last-child,
		.page-androidfacebook ul.perforations.rewards li:last-child {
			margin-left:10px !important;
		}
		
		.page-locked ul.perforations.rewards li p,
		.page-firstapp ul.perforations.rewards li p,
		.page-androidfacebook ul.perforations.rewards li p {
			color: #4b4a50;
			text-align: center;
			text-shadow: none;
			font-size: 14px;
			line-height: 16px;
			font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
			padding: 0;
			margin: 4px 0 0 0;
		}
		
		.page-locked ul.perforations.rewards li .icon,
		.page-firstapp ul.perforations.rewards li .icon,
		.page-androidfacebook ul.perforations.rewards li .icon {
			width: 58px;
			height: 58px;
			display: block;
			background-color: white;
			margin-left: 12px;
			margin-top: 5px;
			border-radius: 40px;
		}
		
		.page-locked ul.perforations.rewards li .icon, 
		.page-firstapp ul.perforations.rewards li .icon,
		.page-androidfacebook ul.perforations.rewards li .icon {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 58px 58px;
		}
		
/* Assignments - app and offer details; Pending - points will arrive soon */
	.assignment {
		width: 95%;
		max-width: 400px;
		border: dashed 3px rgba(75, 74, 80,1);
		border-radius: 15px;
		position: relative;
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 15px;
		overflow: hidden;	
	}
	
	.assignment .left {
		height: 96px;
		width: 96px;
		float: left;
	}
		
	.assignment .left .icon {
			height: 75px;
			width: 75px;
			background-size: 75px 75px;
			background-position: center center;
			background-repeat: no-repeat;
			margin: 11px 10px 11px 11px;
			border-radius: 15px;
			box-shadow: 0px 2px 5px rgba(0,0,0,0.3),
						0px 1px 0px rgba(0,0,0,0.2);
	}
	
	.assignment .left .icon.ios7 {border-radius: 20px;}

	.assignment .right {
		width: 65%;
		height: 77px;
		float: left;
		right: 2px;
		margin-top: 9px;
	}
	
	@media screen and (min-width:400px) {
		.assignment .right {width: 72%;}
	}
	@media screen and (max-width:319px) {
		.assignment .right {width: 55%;}
	}
	@media screen and (max-width:250px) {
		.assignment .right {width: 40%;}
	}
		
	.assignment .right p {margin: 0; text-shadow: none; color: #4b4a50;}

	.assignment .right .appname p {
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		margin-top: -1px;
		font-size: 17px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.assignment .right .points {margin-top: 5px;}

	.assignment .right .price p {font-size: 18px; margin-top: -5px;}
	.assignment .right .points p {
		font-size: 19px;
		display: block;
		float: left;
		margin-top: 4px;
		margin-left: 4px;
		margin-right: 8px;
	}
	
	.assignment .right .points img {display:inline; display: block; float: left; margin-top: 4px;}
	
	.page-assignment .words.share,
	.page-pending .words.share {
		margin-top: 8px;
	}

	.page-assignment .words.share p,
	.page-pending .words.share p {
		text-align: center !important;
		font-size: 15px;
	}

	.page-assignment .words.share b, .words h2,
	.page-pending .words.share b, .words h2 {
		font-size: 18px;
	}
	
/* Share Animation - Small */

	.share-ani-small {
		width: 290px;
		height: 98px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
	
	.share-ani-small p, .share-ani-small span {
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-size: 18px;
		color: #4b4a50;
		text-shadow: none;
		padding: 0;
		margin: 0;
		line-height: 20px;
		letter-spacing: -1px;
	}
	
	.share-ani-small p.yourpoints, .share-ani-small p.yourpoints span {
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		letter-spacing: -1px;
	}

	.share-ani-small .friends {
		width: 95px;
		height: 100px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 86px 46px;
		float: left;
		text-align: center;
		padding-top: 55px;
		z-index: 990;
		position: relative;
	}
	
	.share-ani-small .you {
		width: 95px;
		height: 100px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 86px 46px;
		float: right;
		text-align: center;
		padding-top: 55px;
		position: relative;
		z-index: 990;
	}
	
	.share-ani-small .transaction-line {
		width: 75%;
		height: 45px;
		background-size: 25px 25px;
		background-position: 0px center;
		background-repeat: repeat-x;
		margin: 0 auto;
		-webkit-animation-name: share-ani-small-transaction-line;
	}
	
	@-webkit-keyframes share-ani-small-transaction-line {
		from {background-position: 0px center;}
		to {background-position: 25px center;}
	}
	
	.share-ani-small .transaction-line {
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 0.4s;
		-webkit-animation-timing-function: linear;
		background-position: center center !important;
	}
	
	.share-ani-small .fp-mark {
		height: 23px;
		width: 23px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 23px 23px;
		margin-top: -34px;
		position: relative;
		display: none;
		z-index: 90;
	}
		
	
	/* Changes for non-app page version */
	
	.indent.referralguide {
		width: 100%;
		max-width: 400px;
		height: auto;
		background: rgba(75, 74, 80, 0.1);
		border-radius: 15px;
		position: relative;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
	}
	
	a .referralguide {text-decoration: none !important;}

	.indent.referralguide .words.share {margin-bottom: 10px;}
	
	.referralguide .share-ani-small .fp-mark {
		width: 180px;
		display: block !important;
		margin-left: 60px !important;
		-webkit-animation-name: share-ani-fp-mark;
		-webkit-animation-duration: 1.8s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
	}
	
		@-webkit-keyframes share-ani-fp-mark {
		from {background-position: 0px center;}
		to {background-position: 180px center;}
	}
	
	.referralguide .share-ani-small p {
		font-size: 17px;
		line-height: 19px;
	}
			
/* Indents - Grey boxes for colourful content */
	/* Other app - ad areas for apps */	
	.indent.other-app {
		width: 100%;
		max-width: 400px;
		height: 80px;
		margin: 0 auto;
		background: rgba(75, 74, 80, 0.1);
		border-radius: 15px;
		position: relative;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
	}
	.indent.no-bg {background: none;}
	.other-app .left {
		width: 25%;
		height: 80px;
		float: left;
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px 80px;
	}
	
	.other-app .right {
		width: 75%;
		float: right;
		display: block;
		margin-top: 7px;
	}
	.indent.other-app .left {
		width: 20%;
		margin-left: 4%;
		margin-right: 2%;
	}
	.indent.other-app .right {
		width: 65%;
		margin-left: 2%;
		margin-right: 3%;
	}
	
	.other-app .right p {
		text-shadow: none;
		color: #4b4a50 !important;
		margin: 0;
		-webkit-margin-after: 0;
		-webkit-margin-before: 0;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		text-align: center;
	}
	
	.other-app .right .push.buttons .button {margin-top: 7px !important;}
	
	.other-app.featurepoints-app .left.circle {
		height: 70px !important;
		width: 70px !important;
		background-size: 70px 70px !important;
		background-position: center center;
		background-repeat: no-repeat;	
		margin-top: 5px;
	}
	
	.other-app.android-facebook,
	.other-app.android-googleplus,{
		background: none;
	}
	.other-app.android-facebook .left.circle ,
	.other-app.android-googleplus .left.circle {background-position: center right;}
	.other-app.android-facebook.indent .left,
	.other-app.android-googleplus.indent .left {
		width: 25%;
		margin-left: 4%;
		margin-right: 0%;
		background-size: contain;
		max-width: 120px;
		max-height: 120px;
	}
	
/* Memo - Clean overlay boxes (popups) */

	[data-role="popup"].memo {
		background: white;
		border: none !important;
		border-radius: 10px;
		box-shadow: 0px 7px 12px rgba(75, 74, 80,0.6) !important;
	}
	
	[data-role="popup"].memo.wider {width: 296px;}
	
	[data-role="popup"].memo .ui-bar-a {
		background: none;
		box-shadow: none !important;
		margin-top: 5px;
	}
	
	[data-role="popup"].memo .ui-bar-a h1 {
		text-shadow: none !important;
		color: #4b4a50 !important;
		font-size: 19px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		white-space: normal;
		text-overflow: ellipsis;
		overflow: hidden;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}
	
	[data-role="popup"].memo .ui-title {
		margin: 0px 12px 0px 12px !important;
		padding-top: 12px !important;
	}
	
	[data-role="popup"].memo .ui-content {
		margin: 6px 12px 12px 12px !important;
		padding: 0 0 6px 0 !important;
		text-rendering: geometricPrecision;	
	}
	
	[data-role="popup"].memo .ui-content.notop {margin-top: 0px !important;}
	
	[data-role="popup"].memo [data-role="content"] .left {
		width: 50%;
		float: left;
		clear: none;
	}
	
	[data-role="popup"].memo [data-role="content"] .right {
		width: 50%;
		float: right;
		clear: none;
	}
	
	[data-role="popup"].memo [data-role="content"] p,
	[data-role="popup"].memo [data-role="content"] h1,
	[data-role="popup"].memo [data-role="content"] h2,
	[data-role="popup"].memo [data-role="content"] h3,
	[data-role="popup"].memo [data-role="content"] h4 {
		text-align: center;
		color: #4b4a50;
		font-weight: bold;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}
	
	[data-role="popup"].memo [data-role="content"] p {
		font-size: 15px;
		line-height: 19px;
	}
	
	[data-role="popup"].memo [data-role="content"] p b {font-weight: 700;}
	
	[data-role="popup"].memo [data-role="content"] .left .icon {
		width: 70px;
		height: 70px;
		margin: 0 auto;
		background-size: 70px 70px;
		border-radius: 15px;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
	}
	
	[data-role="popup"].memo .push {padding-top: 9px;}
	[data-role="popup"].memo .push.no-top {padding-top: 0;}
	[data-role="popup"].memo .push.buttons {width: 100%;}
	[data-role="popup"].memo .push.buttons .button {width: 100%; margin-bottom: 6px !important; margin-top: 6px !important}
	
	[data-role="popup"].memo .push.buttons p {
		color: white !important;
		text-align: left !important;
		font-weight: bold;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-size: 16px;
	}
	
	[data-role="popup"].memo .header.larger h1 {
		font-size: 22px;
		font-weight: bold;
		font-family: "AvenirNext-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		line-height: 22px;
	}
	
	[data-role="popup"].memo .header.break {
		width: 90%;
		border-bottom: 1px solid #4b4a50 !important;
		margin: 0 auto;
		padding-bottom: 8px;
	}
	
	/* FeaturePoints App Install */
	.pictures.featurepointsappdownload-iphone5c {
		width: 100%;
		height: 225px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 238px 225px;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in-out;
	}
	
	[data-role="popup"].memo#popupBasic .push {padding-top: 0;}
	
	@-webkit-keyframes device-down {
	  0% {background-position: center -225px;}
	  100% {background-position: center 0;}
	}
	
	#iphone5c.featurepointsappdownload-iphone5c .app-arrow {
		width: 41px;
		height: 25px;
		background-position: center center;
		background-size: 41px 25px;
		margin-left: 139px;
		display: inline-block;
		margin-top: 39px;
		-webkit-animation-name: app-arrow-slide;
		-webkit-animation-duration: 1.2s;
		-webkit-animation-delay: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in-out;
		opacity: 0;
	}
	
	@-webkit-keyframes app-arrow-slide {
	  0% {margin-left: 139px;}
	  50% {margin-left: 155px;}
	  100% {margin-left: 139px;}
	}

/* Geo - country filtering */
	.geocontainer {text-align: center;}
	
	.geo {
		display: inline-block;
		max-width: 290px;
		margin-bottom: 5px;
	}
	
	@media screen and (min-width:420px) {
		.geo {max-width: 95% !important;}
		.geo .coordinates p {text-align: left !important;}
	}
	
	.geo .flag {
		width: 62px;
		height: 40px;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
		background-size: 62px 40px;
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 7px;
	}
	
	.geo .coordinates {
		display: inline;
		width: auto;
	}
	
	.geo .coordinates p {
		text-align: justify;
		-webkit-hyphens: auto;
		hyphenate-limit-lines: 2;
	    hyphens: auto;
		color: #4b4a50 !important;
		font-size: 14px;
		text-shadow: none !important;
		padding: 0;
		margin: 0;
		display: inline;
		font-family: "AvenirNext-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		float: left;
		padding-left: 70px;
		margin-top: -40px;
	}
	.geo .coordinates b {
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	}
	
/* Specific amendments to global elements */
/* (Add to 'data-role="page"', as class="page-[foo]") */

	/* Share page, AppAlerts page */
	.page-share .absolutebreaker {margin-top: 190px;}
	.page-appalerts .absolutebreaker {margin-top: 125px;}

	.page-appalerts .hero.appalerts,
	.hero.appalerts-rewards {box-shadow: 0px 4px 0px #cfcec6;}
	
	/* (Old) App Details */
	.words.share p {
		text-align: center !important;
		font-size: 15px;
	}

	.words.share b, .words h2 {
		font-size: 18px;
	}
	
	/* iPhone 5S, iPad mini Xbox One Contest */
	
	.page-iPhone5Scontest .words span.entries,
	.page-iPadminicontest .words span.entries,
	.page-xboxonecontest .words span.entries {
		height: 21px;
		display: inline-block;
		background-color: #ee3b37;
		border-radius: 10px;
		color: white !important;
		margin: 0;
		font-weight: normal;
		font-family: "AvenirNext-DemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		padding-top: 3px;
		padding-left: 10px;
		padding-right: 10px;
	}
		
/* Page width 400px for iPad */

.page-assignment .ui-content,
.page-pending .ui-content,
.page-appreviewconfirm .ui-content,
.page-addemailrewards .ui-content,
.page-downloadnewflick .ui-content,
.page-downloadnewfeature .ui-content,
.page-emailconfirm .ui-content,
.page-firstapp .ui-content,
.page-backtofeaturepoints .ui-content,
.page-locked .ui-content,
.page-settings .ui-content,
.page-sharesms .ui-content,
.page-rewardcomplete .ui-content,
.page-iPhone5Scontest .ui-content,
.page-iPadminicontest .ui-content,
.page-xboxonecontest .ui-content,
.max400 .ui-content {max-width: 400px; margin: 0 auto;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.logo {background-image: url(../../img/appflylogo4.html);}
}

/* Images - Retina only */
.logo {background-image: url(../../img/appflylogo4.html);}
.app .right {background-image: url(../../img/freebutton.html);}
.app .right .points {background-image: url(../images/right-fp%402x.html);}
.app .right .refer {background-image: url(../images/right-user%402x.html);}
.app .right .key {background-image: url(../images/key%402x.html);}
.status .left.button, .status .right.button, .footer .button, .button.gradient {background-image: url(../images/button-bg%402x.html) !important;}
.status .left.button:active, .status .right.button:active, .footer .button:active, .button.gradient:active {background-image: url(../images/button-bg-pressed%402x.html);}
.button .fp {background-image: url(../images/fp-btn%402x.html);}
.button .refresh {background-image: url(../images/refresh-btn%402x.html);}
.button .arrowright {background-image: url(../images/arrow-btn%402x.html);}
.app.share .middle .share {background-image: url(../images/share%402x.html);}
li.menu.faq .icon {background-image: url(../images/faq%402x.html);}
li.menu.support .icon {background-image: url(../images/support%402x.html);}
li.menu.itunes .icon {background-image: url(../images/itunes%402x.html);}
li.menu.howitworks .icon {background-image: url(../images/howto%402x.html);}
li.menu.pointshistory .icon {background-image: url(../images/pointshistory%402x.html);}
.tabbutton.settings .icon, .tabbutton.help .icon, .tabbutton.flicks .icon, .tabbutton.getpoints .icon, .tabbutton.redeem .icon, .tabbutton.earnmore .icon {background-image: url(../images/tabbar%402x.html);}
.overlay .body .profile {background-image: url(../images/profile%402x.html);}
.bento.firsttime .middle .gc {background-image: url(../images/gcs%402x.html);}
.bento.referral .middle.refercode {background-image: url(../images/code-text%402x.html);}
.bento.referral .middle.link {background-image: url(../images/link-text%402x.html);}
.app .lock {background-image: url(../images/lock-bg%402x.html);}
.app .lock-icon {background-image: url(../images/lock_app%402x.html);}
.app .lock .padlock {background-image: url(../images/lock%402x.html);}
.bento.maintenance .middle.wrench {background-image: url(../images/wrench%402x.html);}
.review-flow {background-image: url(../images/review_flow%402x.html);}
.itunes-email {background-image: url(../images/itunes-email%402x.html);}
.itunes-settings {background-image: url(../images/itunes-settings%402x.html);}
.ipadmini-img {background-image: url(../images/firsttime-ipad%402x.html);}
.nexusimage {background-image: url(../images/android_landing%402x.html);}
.safari-req .title.safari {background-image: url(../images/safari-arrow%402x.html);}
.bento.safari-req .middle .title .facebook-share {background-image: url(../images/facebook-share%402x.html);}
.help-image.settings-icon {background-image: url(../images/help_images/settings-app%402x.html);}
.help-image.settings-safari {background-image: url(../images/help_images/settings-safari%402x.html);}
.help-image.settings-cookies {background-image: url(../images/help_images/settings-cookies%402x.html);}

.help-image.settings-general {background-image: url(../images/help_images/settings-general%402x.html);}
.help-image.settings-about {background-image: url(../images/help_images/settings-about%402x.html);}
.help-image.settings-limitad {background-image: url(../images/help_images/settings-limitadtracking%402x.html);}
.help-image.settings-advertising {background-image: url(../images/help_images/settings-advertising%402x.html);}

#addToHomeScreen .addToHomeShare {background-image: url(../images/share_grey%402x.html);}
.ui-icon-select-arrow {background-image: url(../images/uiicon_selectarrow%402x.html);}
.warning .arrow {background-image: url(../images/warningarrow%402x.html);}

	/* Button Icons */
	.push.buttons .button .icon.appstore {background-image: url(../images/icons/app_store%402x.html);}
	.push.buttons .button .icon.rewards {background-image: url(../images/icons/gift_card%402x.html);}
	.push.buttons .button .icon.share {background-image: url(../images/icons/share%402x.html);}
	.push.buttons .button .icon.bulb {background-image: url(../images/icons/bulb%402x.html);}
	.push.buttons .button .icon.questionmark {background-image: url(../images/icons/question_mark%402x.html);}
	.push.buttons .button .icon.circle75 {background-image: url(../images/icons/pending%402x.html);}
	.push.buttons .button .icon.circle0 {background-image: url(../images/icons/empty%402x.html);}
	.push.buttons .button .icon.userremember {background-image: url(../images/icons/thinking%402x.html);}
	.push.buttons .button .icon.reward0 {background-image: url(../images/icons/missing_reward%402x.html);}
	.push.buttons .button .icon.giftcard {background-image: url(../images/icons/gift_card%402x.html);}
	.push.buttons .button .icon.world {background-image: url(../images/icons/earth%402x.html);}
	.push.buttons .button .icon.rewardswap {background-image: url(../images/icons/swap_reward%402x.html);}
	.push.buttons .button .icon.rewardsuggest {background-image: url(../images/icons/new_reward%402x.html);}
	.push.buttons .button .icon.asterisk0 {background-image: url(../images/icons/code_missing%402x.html);}
	.push.buttons .button .icon.asteriskbox {background-image: url(../images/icons/code_box%402x.html);}
	.push.buttons .button .icon.featurepoints {background-image: url(../images/icons/fp%402x.html);}
	.push.buttons .button .icon.flick {background-image: url(../images/icons/flick%402x.html);}
	.push.buttons .button .icon.arrow {background-image: url(../images/icons/arrow%402x.html);}
	.push.buttons .button .icon.arrowback {background-image: url(../images/icons/arrowback%402x.html);}
	.push.buttons .button .icon.yes {background-image: url(../images/icons/tick%402x.html);}
	.push.buttons .button .icon.no {background-image: url(../images/icons/cross%402x.html);}
	.push.buttons .button .icon.code {background-image: url(../images/icons/code%402x.html);}
	.push.buttons .button .icon.sharewink {background-image: url(../images/icons/share_wink%402x.html);}
	.push.buttons .button .icon.points-history {background-image: url(../images/icons/points_history%402x.html);}
	.push.buttons .button .icon.featurepointsold {background-image: url(../images/icons/fpold%402x.html);}
	.push.buttons .button .icon.appreview {background-image: url(../images/icons/review_icon%402x.html);}
	.push.buttons .button .icon.shareold {background-image: url(../images/icons/shareold%402x.html);}
	.push.buttons .button .icon.settings {background-image: url(../images/icons/settings%402x.html);}
	.push.buttons .button .icon.refresh {background-image: url(../images/icons/refresh%402x.html);}
	.push.buttons .button .icon.twitter {background-image: url(../images/icons/twitter%402x.html);}
	.push.buttons .button .icon.email {background-image: url(../images/icons/email%402x.html);}
	.push.buttons .button .icon.movedevice {background-image: url(../images/icons/move-devices%402x.html);}
	.push.buttons .button .icon.sms {background-image: url(../images/icons/sms%402x.html);}
	
	/* Gift Cards and History Images */
	.app .left .icon.giftcard {background-image: url(../images/gc%402x.html);}
	.app .left .icon.giftcard.amazon {background-image: url(../images/gc-amazon%402x.html);}
	.app .left .icon.giftcard.play {background-image: url(../images/gc-play%402x.html);}
	.app .left .icon.giftcard.paypal {background-image: url(../images/gc-paypal%402x.html);}
	.app .left .icon.giftcard.itunes {background-image: url(../images/gc-appstore%402x.html);}
	.app .left .icon.giftcard.bestbuy {background-image: url(../images/gc-bestbuy%402x.html);}
	.app .left .icon.giftcard.target {background-image: url(../images/gc-target%402x.html);}
	.app .left .icon.giftcard.xbox {background-image: url(../images/gc-xbox%402x.html);}
	.app .left .icon.giftcard.starbucks {background-image: url(../images/gc-starbucks%402x.html);}
	.app .left .icon.giftcard.psn {background-image: url(../images/gc-psn%402x.html);}
	.app .left .icon.giftcard.steam {background-image: url(../images/gc-steam%402x.html);}
	.app .left .icon.giftcard.download {background-image: url(../images/gc-download%402x.html);}
	.app .left .icon.giftcard.refer {background-image: url(../images/gc-refer%402x.html);}
	.app .left .icon.giftcard.flick {background-image: url(../images/gc-flick%402x.html);}
	.app .left .icon.giftcard.twitter {background-image: url(../images/gc-twitter%402x.html);}
	.app .left .icon.giftcard.facebook {background-image: url(../images/gc-facebook%402x.html);}
	.app .left .icon.giftcard.ipadmini {background-image: url(../images/gc-ipadmini%402x.html);}
	.app .left .icon.giftcard.nexus7 {background-image: url(../images/gc-nexus%402x.html);}
	.app .left .icon.giftcard.chooseapp {background-image: url(../images/gc-chooseapp%402x.html);}
	.app .left .icon.giftcard.shuffle {background-image: url(../images/gc-shuffle%402x.html);}
	.app .left .icon.giftcard.sixtydaypoints {background-image: url(../images/gc-60daypoints%402x.html);}
	.app .left .icon.giftcard.tick {background-image: url(../images/gc-tick%402x.html);}
	.app .left .icon.giftcard.newdevice {background-image: url(../images/gc-newdevice%402x.html);}
	.app .left .icon.giftcard.locked {background-image: url(../images/gc-lock%402x.html);}
	.app .left .icon.giftcard.flickpoints {background-image: url(../images/flickpoints_icon.html);}
	.app .left .icon.giftcard.appalerts {background-image: url(../images/gc-appalerts%402x.html);}

	/* First time animation images */
	.bento.firsttime-b .middle .downloadflow {background-image: url(../images/downloadflow-red%402x.html);}
	.bento.firsttime-b .middle .ipadmini .img {background-image: url(../images/firsttime-ipad%402x.html);}
	.bento.firsttime-b .middle .apps .img {background-image: url(../images/firsttime-appstream%402x.html);}
	.bento.firsttime-b .middle .img.amazon {background-image: url(../images/firsttime-amazon%402x.html);}
	.bento.firsttime-b .middle .img.itunes {background-image: url(../images/firsttime-itunes%402x.html);}
	.bento.firsttime-b .middle .img.paypal {background-image: url(../images/firsttime-paypal%402x.html);}
	
	/* Country flags */
	.message.flag .usa {background-image: url(../images/usa%402x.html);}
	.message.flag .canada {background-image: url(../images/canada%402x.html);}
	.message.flag .uk {background-image: url(../images/uk%402x.html);}
	.message.flag .australia {background-image: url(../images/au%402x.html);}
	.message.flag .france {background-image: url(../images/fr%402x.html);}
	.message.flag .germany {background-image: url(../images/de%402x.html);}

	/* Bento ads */
	.bento.ad .middle.special-50percent {background-image: url(../images/ads/50percentad%402x.html);}
	.bento.ad .middle.special-youcould {background-image: url(../images/ads/youcouldad%402x.html);}
	.bento.ad .middle.special-ytipad {background-image: url(../images/ads/youtubeipadad_may%402x.html);}
	.bento.ad .middle.special-moveddevices {background-image: url(../images/ads/moveddevices%402x.html);}
	.bento.ad .middle.special-android {background-image: url(../images/ads/androidad%402x.html);}

	/* Pictures */
	.pictures.new-devices {background-image: url(../images/new_device%402x.html);}
	.pictures.android-alert {background-image: url(../images/android-alert%402x.html);}
	.pictures.colourgiftcards {background-image: url(../images/colourgiftcards%402x.html);}
	.pictures.email {background-image: url(../images/email-icon%402x.html);}
	.pictures.iphone5s {background-image: url(../images/iphone5s%402x.html);}
	.pictures.ipadminicontest {background-image: url(../images/ipadminicontest%402x.html);}
	.pictures.xboxonecontest {background-image: url(../images/xboxonecontest%402x.html);}
	.pictures.featurepointsappdownload-iphone5c {background-image: url(../images/featurepointsappdownload-iphone5c%402x.html);}
	.pictures.iPhone5cSafari {background-image: url(../images/iphone5c_safari%402x.html);}
	.pictures.clock {background-image: url(../images/clock%402x.html);}
	
	/* Step-by-step */
	
	/* IDFA */
		/* iOS 6 */
			.pre-ios7 .step-by-step.idfa.settings .pictorial {background-image: url(../images/step-by-step/idfa/ios6/settings%402x.html);}
			.pre-ios7 .step-by-step.idfa.general .pictorial {background-image: url(../images/step-by-step/idfa/ios6/general%402x.html);}
			.pre-ios7 .step-by-step.idfa.about .pictorial {background-image: url(../images/step-by-step/idfa/ios6/about%402x.html);}
			.pre-ios7 .step-by-step.idfa.advertising .pictorial {background-image: url(../images/step-by-step/idfa/ios6/advertising%402x.html);}
			.pre-ios7 .step-by-step.idfa.limitadtracking .pictorial {background-image: url(../images/step-by-step/idfa/ios6/limitadtracking%402x.html);}
			.pre-ios7 .step-by-step.idfa.reopen .pictorial {background-image: url(../images/step-by-step/idfa/ios6/open%402x.html);}
		/* iOS 7 */
			.post-ios7 .step-by-step.idfa.settings .pictorial {background-image: url(../images/step-by-step/idfa/ios7/settings.html);}
			.post-ios7 .step-by-step.idfa.privacy .pictorial {background-image: url(../images/step-by-step/idfa/ios7/privacy.html);}
			.post-ios7 .step-by-step.idfa.advertising .pictorial {background-image: url(../images/step-by-step/idfa/ios7/advertising.html);}
			.post-ios7 .step-by-step.idfa.limitadtracking .pictorial {background-image: url(../images/step-by-step/idfa/ios7/limitadtracking.html);}
			.post-ios7 .step-by-step.idfa.reopen .pictorial {background-image: url(../images/step-by-step/idfa/ios7/open.html);}
	
	/* Hero */
	.hero.share {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_share.html);}
	.hero.appalerts {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_appalerts.html);}
	.hero.appalerts .overbackground {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_appalerts_circles.html);}
	.hero.introad, .hero.appalerts-rewards  {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_tryfreeapps.png);}
	.hero.introad .overbackground, .hero.appalerts-rewards .overbackground {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero-introaddollars.html);}
	.hero.app-inside {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_appad.png);}
	.hero.boxed.appalerts .email-icon {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/email-icon-small%402x.html);}
	.hero.iphone5scontest {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_iphone5Scontest.html);}
	.hero.ipadminicontest {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_ipadminicontest.png);}
	.hero.xboxonecontest {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero/hero_xbox.html);}
	.hero.xboxonecontest .hero-arrow {background-image: url(../../../a1d71f4c10af98ae347f-be37af408b93394fca45f3ae1602d43f.ssl.cf2.rackcdn.com/10.6/src/images/hero-arrow%402x.html);}

	
	/* Share bar */
	.sharebar ul li.facebook {background-image: url(../images/sharebar/sharebar_facebook%402x.html);}
	.sharebar ul li.twitter {background-image: url(../images/sharebar/sharebar_twitter%402x.html);}
	.sharebar ul li.googleplus {background-image: url(../images/sharebar/sharebar_googleplus%402x.html);}
	.sharebar ul li.email {background-image: url(../images/sharebar/sharebar_mail%402x.html);}
	.sharebar ul li.sms {background-image: url(../images/sharebar/sharebar_sms%402x.html);}
	
	/* Alert Icons */
	.alert .left {background-image: url(../images/alert%402x.html);}
	
	/* Locked app, first app, Android Facebook icons */
	.page-locked ul.perforations.rewards li.paidapps .icon,
	.page-firstapp ul.perforations.rewards li.paidapps .icon,
	.page-androidfacebook ul.perforations.rewards li.paidapps .icon {background-image: url(../images/lock-apps%402x.html);}
	.page-locked ul.perforations.rewards li.giftcards .icon,
	.page-firstapp ul.perforations.rewards li.giftcards .icon,
	.page-androidfacebook ul.perforations.rewards li.giftcards .icon {background-image: url(../images/lock-giftcards%402x.html);}
	.page-locked ul.perforations.rewards li.cash .icon,
	.page-firstapp ul.perforations.rewards li.cash .icon,
	.page-androidfacebook ul.perforations.rewards li.cash .icon {background-image: url(../images/lock-cash%402x.html);}
	.page-androidfacebook ul.perforations.rewards li.nexus .icon {background-image: url(../images/lock-nexus7%402x.html);}
	
	/* Memo graphics */
	[data-role="popup"].memo [data-role="content"] .left .icon.flick {background-image:url(../images/flickpoints_icon.html);}
	
	#iphone5c.featurepointsappdownload-iphone5c .app-arrow {background-image: url(../images/featurepoints-app-arrow%402x.html);}
	
	/* Geo flags */
	.geo.AU .flag {background-image: url(../images/flags/AU.html);}
	.geo.BE .flag {background-image: url(../images/flags/BE.html);}
	.geo.CA .flag {background-image: url(../images/flags/CA.html);}
	.geo.DE .flag {background-image: url(../images/flags/DE.html);}
	.geo.ES .flag {background-image: url(../images/flags/ES.html);}
	.geo.FR .flag {background-image: url(../images/flags/FR.html);}
	.geo.GB .flag {background-image: url(../images/flags/GB.html);}
	.geo.IT .flag {background-image: url(../images/flags/IT.html);}
	.geo.JP .flag {background-image: url(../images/flags/JP.html);}
	.geo.NL .flag {background-image: url(../images/flags/NL.html);}
	.geo.SE .flag {background-image: url(../images/flags/SE.html);}
	.geo.US .flag {background-image: url(../images/flags/US.html);}
	.geo.VN .flag {background-image: url(../images/flags/VN.html);}
	.geo.CN .flag {background-image: url(../images/flags/CN.html);}
	
	/* Small Share Animation */
		.share-ani-small .you {background-image: url(../images/share/small/you%402x.html);}
		.share-ani-small .friends {background-image: url(../images/share/small/friends%402x.html);}
		.share-ani-small .transaction-line {background-image: url(../images/share/small/transaction-line%402x.html);}
		.share-ani-small .fp-mark {background-image: url(../images/share/small/fp-mark-red%402x.html);}

	/* Guide Images */
		.guide .row .icon-loading {background-image: url(../images/icon-loading%402x.html);}
		.guide .row .icon-loading-mask {background-image: url(../images/icon-loading-mask%402x.html);}
		.guide .row.network .icon  {background-image: url(../images/guide-network%402x.html);}
		.guide .row.changed .icon {background-image: url(../images/guide-changed%402x.html);}


	
	/* Other app */
	.other-app.featurepoints .left.circle {background-image: url(../images/colourgiftcards_small%402x.html);}
	.other-app.flickpoints .left.circle {background-image: url(../images/flick_circle%402x.html);}
	.other-app.featurepoints-app .left.circle {background-image: url(../images/featurepoints_ios7%402x.html);}
	.other-app.featurepoints-app.safari .left.circle {background-image: url(../images/safari_ios7%402x.html);}
	.other-app.android-facebook .left.circle {background-image: url(../images/facebook-appicon%402x.html);}
	.other-app.android-googleplus .left.circle {background-image: url(../images/googleplus-appicon%402x.html);}