/* CSS Document */
/*************************

COLORS:
SKY BLUE: 84dae7
DARK BLUE: 1276ab
MED. BLUE: 1f87be

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

body {
	background: #84dae7;
}

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

	HOME PARALLAX ITEMS

**********************/
#slideShowStuff {
    width: 1000px;
    position:relative;
    margin:0 auto;
    height: 4500px;
}

#wrap.home {
	background: #84dae7; /* */
}

.fullpage-container {
	padding: 0;
    margin: 0 auto;
    position:relative;
    z-index:10;
    overflow:hidden;
}
.b-row.explore, .b-row.deals, .b-row.explore, .b-row.rewards {
    display:block;
    clear:both;
    width:1000px;
    position:relative;
    margin: 0 auto;
}


.fixed {
	position:fixed;
}

.iphone {
	height: 669px;
	width: 286px;
	margin:82px 0 0 0px;
	position:fixed;
	z-index: 8000;
	overflow: hidden;
}
	.iphone .iphoneSkin {
		background:url(https://deals.flocktag.com/q/resources/img/home/images/iphone5port.png) center center transparent;
		height: 669px;
		width: 286px;
		position:absolute;
		z-index:8000;
	}
	.iphone .iphoneMenus {
		left: 25px;
		top: 88px;
		position:relative;
		overflow:hidden;
		width:236px;
		height: 420px;
		z-index:7000;
	}
	.iphoneMenu {
		width: 236px;
		overflow:hidden;
		position:absolute;
		text-indent:-9999em;
	}
	.iphoneMenuTop {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/iphoneMenuTop.png) top left no-repeat;
		height: 75px;
		z-index:1;
	}
	.appDealOne {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/VendorsNoList.PNG) top left no-repeat;
		height: 420px;
		background-size: 236px 420px;
	}
	.appDealTwo {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/InstantOffer-best.PNG) top left no-repeat;
		height: 420px;
		opacity: 0;
		background-size: 236px 420px;
	}
	.appDealThree {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/DealPush.PNG) top left no-repeat;
		height: 420px;
		opacity: 0;
		background-size: 236px 420px;
	}
	.appRewardOne {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/VendorsNoList.PNG) top left no-repeat;
		height: 420px;
		background-size: 236px 420px;
	}
	.appRewardTwo {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/HeartOnMap.PNG) top left no-repeat;
		height: 420px;
		opacity: 0;
		background-size: 236px 420px;
	}
	.appRewardThree {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/ListViewOfLoyalty_tweaked.png) top left no-repeat;
		height: 420px;
		opacity: 0;
		background-size: 236px 420px;
	}
	.appRewardFour {
		background: url(https://deals.flocktag.com/q/resources/img/home/images/RewardPush.PNG) top left no-repeat;
		height: 420px;
		opacity: 0;
		background-size: 236px 420px;
	}


.home .title h1 {
	font-size: 45px;
	line-height:45px;
	font-weight: 400;
	text-align:center;
	margin: 0 0 1em;
	border:0px solid #0f0;
}

.home .button {
	line-height:28px;
	margin:1em 0;
	color: #FFF;
	font-size:14px;
}
.home .button a {
	border-radius:1.25em;
	background-color: #1276ab;
	padding: .2em 1em .3em 1em;
	color: #FFF;
}
.home .videoIntro a {
	background: url(https://deals.flocktag.com/q/resources/img/home/images/bg_btn_video.png) right center no-repeat #1276ab;
	padding-right: 2.25em !important;
}

.explore .introText,
.deals .introText,
.rewards .introText {
	width: 250px;
	text-align:right;
	left: 50px;
	top: 185px;
	position:absolute;
}
	.explore .introText p {
		color: #fff;
	}
.home .b-row {
	width: 1000px;
	position:relative;
	margin: 0 auto;
}

.introText {
	font-size: 20px;
}

.home .explore,
.home .deals,
.home .rewards { height: 925px; }
.home .getit { height: 400px; }



.home .explore .introText,
.home .rewards .introText { color: #fff; }

.home .explore .title h1,
.home .rewards .title h1,
.home .getit .title h1 { color: #fff; }

.home .explore .helpScroll,
.home .deals .helpScroll,
.home .rewards .helpScroll {
	color: #1276ab;
	background:url(https://deals.flocktag.com/q/resources/img/home/images/img_scroll.png) right center no-repeat;
	padding: 0 38px 0 0;
	font-size:14px;
	font-weight: 700;
	line-height: 39px;
	margin: 5em 0 0 0;
	cursor: pointer;
}


/*****************   CARD PARAMETERS   **********************/

.cardFront, .reCardFront {
	position: absolute;
	height: 325px;
	width:413px;
}

	.home .explore .cardFront {
		z-index:0;
		right: 55px;
		top: 160px;
	}
	.home .deals .cardFront, .home .deals .reCardFront {
		z-index: 10000;
		right: 290px;
		top: 425px;
	}
	.home .deals .reCardFront {
		z-index: 0;
	}
	.home .deals .cardReader {
		position: absolute;
		z-index: 9999;
		left: -895px;
		top: 395px;
	}
	.home .rewards .cardFront {
		z-index:-1;
		left: 60px; /* this may need to change depending on the height of the text above it. */
		top: 395px;
	}


.home .deals .title h1 { color: #1276ab; }

.home .stepsText {
	position:absolute;
	left: 684px;
	top: 185px;
	color: #1276ab;
	width: 250px;
}
.home .stepsText p {
	margin: 0;
	padding: 0 0 40px 58px;
	display: block;
}

.home .stepsText p:last-child {
	background: none !important;
}
.home .stepsText p span.num {
	display: block;
	height: 36px;
	width: 36px;
	margin: 0 0 0 -58px;
	float:left;
	text-align:center;
	border-radius: 18px;
	line-height:34px;
	font-weight: 700;
}

.home .rewards .stepsText p span.num {
	background-color: #FFF;
	color: #84dae7;
}
.home .deals .stepsText p {
	color: #bebebe;
	background:url(https://deals.flocktag.com/q/resources/img/home/images/bg_steps_lt-blue_dots.png) 16px 43px no-repeat;
}
.home .deals .stepsText p span.num {
	background-color: #84dae7;
	color: #fff;
}
.home .rewards .stepsText p.active {
	color: #1276ab;
}
.home .rewards .stepsText p.active span.num {
	background-color: #1276ab;
	color: #FFF;
}


.home .rewards .stepsText p {
	color: #fff;
	background:url(https://deals.flocktag.com/q/resources/img/home/images/bg_steps_white_dots.png) 16px 43px no-repeat;
}


.home .deals .stepsText p.active {
	color: #1276ab;
	}
.home .deals .stepsText p.active span.num {
	background-color: #1276ab;
	color: #FFF;
}




.home .getit .button {
	text-align:center;
	line-height:52px;
	font-size:20px;
}
.home .getit .button a {
	background: #1276ab;
	border-radius: 26px;
	color: #fff;
	padding: 0.7em 1em;
	line-height:20px;
}



.home .btnApps { /* the rest of this style can be found in desktop.css ~ line 157 */
	margin: 4em auto 0;
	width: 268px;
}
.home .btnApps li:last-child {
	margin-right: 0;
}









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

		REGISTRATION

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

.home .register .title h1 {
	color: #fff;
	text-align:left;
	font-size:42px;
}

.home .register .regCardImage {
	background:url(https://deals.flocktag.com/q/resources/img/home/images/card-back.png) no-repeat center center;
	height: 201px;
	width: 358px;
	position:absolute;
	left: 655px;
	top: 90px;
}


.home .register .regCardDetails {

}

.home .register form {
	width: 485px;
	margin-top: 2em;
}

	.home .register fieldset {
		border:none;
		font-size:83.3333333333333%;
		letter-spacing: normal;
	}

	.home .register form .no-card {
		line-height: 54px;
		font-size:16px;
		color: #1276ab;
		height: 54px;
		width: auto;
		background:none;
		margin-left: 25px;
	}
	.home .register form .next {
		font-size: 20px;
		line-height: 54px;
		height: 54px;
		border-radius: 30px;
		width: 140px;
	}

.home .register .divRegisterSignin {
	display: none;
}

.home .register .regCardText {
	position: absolute;
	width: 235px;
	text-align:center;
	left: 695px;
	top: 305px;
}


.home .register form legend,
.home .register form label {
	display: none;
}

.scrollNav {
	position:fixed;
	right: -40px;
	bottom: 50%;
	height: 98px;
	margin-bottom: -49px;
	z-index: 1000;
	text-align: center;
}

.scrollNav .scrollUp {
	width: 25px;
	height: 39px;
	cursor: pointer;
	background:url(https://deals.flocktag.com/q/resources/img/home/images/img_scroll_up.png) right center no-repeat;
	margin: 0 auto;
}

.scrollNav .scrollDown {
	background:url(https://deals.flocktag.com/q/resources/img/home/images/img_scroll.png) right center no-repeat;
	width: 25px;
	height: 39px;
	cursor: pointer;
	margin: 0 auto;
}

.scrollText {
	color: #1276ab;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}