@charset "utf-8";
/* CSS Document */


@font-face{font-family:'BrandonGrotesque';src:url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Regular/brandon_reg-webfont.eot");src:url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Regular/brandon_reg-webfont.eot?#iefix") format("embedded-opentype"),url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Regular/brandon_reg-webfont.woff") format("woff"),url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Regular/brandon_reg-webfont.ttf") format("truetype"),url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Regular/brandon_reg-webfont.svg#brandon_grotesque_regularRg") format("svg");font-weight:normal;font-style:normal}

@font-face{font-family:'BrandonGrotesqueMedium';src:url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Medium/brandon_med-webfont.eot");src:url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Medium/brandon_med-webfont.eot?#iefix") format("embedded-opentype"),url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Medium/brandon_med-webfont.woff") format("woff"),url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Medium/brandon_med-webfont.ttf") format("truetype"),url("https://prd-static-default.sf-cdn.com/resources/css/fonts/BrandonGrotesque/Medium/brandon_med-webfont.svg#brandon_grotesquemedium") format("svg");font-weight:normal;font-style:normal}

html, body, div {
	display: block;
	margin: 0px;
	padding: 0px;
}

body {
	font-family:"BrandonGrotesque", Arial, Helvetica, sans-serif;
	color:#333;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;

}

body, p, h1, h2, h3 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

a:link {color:#333333;text-decoration:underline;}
a:visited {color:#333333;text-decoration:underline;}
a:hover {color:#333333;text-decoration:none;}
a:active {color:#333333;text-decoration:underline;}

img {
	border:none;
}





/****************MAIN STRUCT***************/



#wrapper {
	margin:0px auto;
	
	background:#FFF;
	min-width:420px;
}

h1, h2, h3, .cta {
	font-family:"BrandonGrotesqueMedium", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color:#353535 !important;
}

h2.line {
	font-family:"BrandonGrotesque", Arial, Helvetica, sans-serif;
}


h1 {
	font-size:41px;
	line-height:44px;
	
}

h2 {
	font-size:38px;
	line-height:44px;
	padding:0px 20px 50px;
	
}

.section {
	padding:80px 0px;
	text-align:center;
}


#header {
	height:105px;
	z-index:15;
	position:relative;
	background:#000;
}

#header .logo {
	position:absolute;
	margin-top:-30px;
	margin-left:-100px;
	left:50%; top:50%;
}

#header .inner {
	text-align:right;
	max-width:1400px;
	box-sizing:border-box;
	padding:33px 20px;
	margin:auto;
}


#content {
	position:relative;
	max-width:1400px;
	margin:auto;
}

.heading {
	text-align: center;
	position:relative;
	height:464px;
	text-align:center;
	background:url(../images/header_full.jpg) center;
}

.heading .copy {
	position:absolute;
	display:table;
	height:100%;
	width:340px;
	left:50%;
	margin:0px 0px 0px 155px;
}

.heading .copy .inner {
	display:table-cell;
	vertical-align:middle;
}


.heading .copy .inner h1 {
	padding:0px 0px 15px;
}

.heading .copy .inner p {
	font-size:18px;
	line-height:26px;
	padding:0px 0px 25px;
}



.login {
	text-align:center;
}


.login .points {
	display:flex;
	padding:0px 0px 50px;
	flex-flow: row wrap;
	
}

.login .points .point {
	width:25%;
	background-position:top center;
	background-repeat:no-repeat;
	padding:120px 0px 0px;
	text-align:center;
	font-size:23px;
	line-height:29px;
}

.login .point._1 { background-image:url(../images/icon_1.png);}
.login .point._2 { background-image:url(../images/icon_2.png);}
.login .point._3 { background-image:url(../images/icon_3.png);}
.login .point._4 { background-image:url(../images/icon_4.png);}





.faq {
	text-align:center;
	background:#f5f5f5;
	padding-left:30px !important;
	padding-right:30px !important;
}

.faq h3 {
	padding:25px 40px 25px 0px;
	font-size:25px;
	line-height:30px;
	outline:none;
	border-bottom:1px dashed #CCC;
	cursor:pointer;
	background:url(../images/arrow_down.png) no-repeat right center;
}

.faq div {
	padding:20px 0px 0px;
	font-size:16px;
}

#accordion {
	text-align:left;
	display:block;
	max-width:700px;
	margin:0px auto 50px;
}

a.cta {
	display:inline-block;
	font-size:20px;
	padding:10px 20px;
	line-height:22px;
	font-weight:bold;
	color:#fff;
	background:#17adc1;
	text-decoration:none;
	border-radius: 25px;
	text-transform:uppercase
}


h2.line {
	max-width:1400px;
	margin:auto;
	border-top:1px solid #CCC;
	position:relative;
}

h2.line span {
	background:#FFF;
	display:inline-block;
	padding:0px 20px;
	top:-25px;
	position:relative;
}

.products {
	display:flex;
	flex-flow: row wrap;
	max-width:1400px;
	margin:auto auto 50px;
}

.product {
	width:25%;
	text-align:center;
	margin:0px 0px 20px;
}

.product img {
	width:80%;
	height:auto;
}

.product img, .product a {
	display:block;
	margin:auto;
}

.product a {
	padding:0px 0px 10px;
}



.perks {
	max-width:1400px;
	margin:auto;
}

.perk {
	width:48.5%;
	max-width:680px;
	height:326px;
	box-sizing:border-box;
	padding:35px 30px;
	text-align:left;
	position:relative;
}

.perk h3 {
	font-size:36px;
	line-height:47px;
	text-transform:uppercase;
	padding:0px 0px 30px;
}


.perk._1 {
	float:left;
	background:url(../images/apps_bg.jpg);
	color:#fff !important;
}

.perk._1 h3 {
	color:#fff !important;
}

.perk._2 {
	float:right;
	background:url(../images/deals_bg.jpg);
	color:#000 !important;
}


.perk._2 h3 {
	padding:0px 0px 15px;
	color:#000 !important;
}

.perk._2 p {
	font-size:28px;
	line-height:33px;
	padding:0px 0px 35px;
}

.perk .abs {
    position:absolute;
    width:100%;
    height:100%;
	top:0px; left:0px;
}


#footer {
	padding:20px 0px 0px;
	font-size:11px;
	color:#000000;
	max-width:1400px;
	margin:auto;
}


#footer .inner {
	padding:0px 20px 20px;
}





@media only screen and (max-width: 1024px) {
	
	.section {
		padding:70px 0px 50px;
	}
	
	.heading {
		height:740px;
		background:url(../images/header_mobile.jpg) center;
	}
	
	.heading .copy {
		display:block;
		width:auto;
		max-width:480px;
		position:static;
		height:auto;
		left:0px;
		margin:auto !important;
		padding:50px 20px;
	}
	
	
	.perk {
		width:100% !important;
		max-width:none !important;
		text-align:center;
	}
	
	
	.perk._1 {
		float:none;
		background:#17adc1 url(../images/apps_bg_mobile.jpg) no-repeat center 100px;
		height:510px;
		margin:0px 0px 30px;
	}
	
	.perk._2 {
		float:none;
		background:url(../images/deals_bg_mobile.jpg) no-repeat center;
		height:540px;
	}
	
	
}

@media only screen and (max-width: 850px) {
	
	.section {
		padding:70px 0px 40px;
	}
	
	.login {
		max-width:600px;
		margin:auto;
	}

	.login .points .point {
		width:50% !important;
		margin-bottom:30px;
		font-size:19px;
		line-height:25px;
	}
	
	.product {
		width:50% !important;
	}
	
	.product img {
		width:80% !important;
	}
}