* {
	margin:0;
	padding:0;
	outline:none;
	border:0;
	-moz-box-sizing:inherit;
	-webkit-box-sizing:inherit;
	box-sizing:inherit;
}

a,
a:hover,
a:link,
a:active,
a:visited {
	color:inherit;
	text-decoration:none;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after {
	content:"";
	display:table;
	clear:both;
}

html {
	-webkit-text-size-adjust:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.wrapper {
	width:1260px;
	max-width:100%;
	padding:0 10px;
	margin:0 auto;
}

img {
	max-width:100%;
}

@font-face {
	font-family: 'LucidaGrande';
	src:url('../fonts/lucidagrande-webfont.eot');
	src:url('../fonts/lucidagrande-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lucidagrande-webfont.woff2') format('woff2'),
		url('../fonts/lucidagrande-webfont.woff') format('woff'),
		url('../fonts/lucidagrande-webfont.ttf') format('truetype'),
		url('../fonts/lucidagrande-webfont.svg#lucida_granderegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LucidaGrande';
	src:url('../fonts/lucidagrandebold-webfont.eot');
	src:url('../fonts/lucidagrandebold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lucidagrandebold-webfont.woff2') format('woff2'),
		url('../fonts/lucidagrandebold-webfont.woff') format('woff'),
		url('../fonts/lucidagrandebold-webfont.ttf') format('truetype'),
		url('../fonts/lucidagrandebold-webfont.svg#lucida_grandebold') format('svg');
	font-weight: bold;
	font-style: normal;
}

input, select, textarea {
	-webkit-appearance:none;
	font-family:'LucidaGrande', Arial, Helvetica, sans-serif;
}

body {
	overflow-x:hidden;
	font-family:'LucidaGrande', Arial, Helvetica, sans-serif;
	line-height:1.2;
}

body > div {
	overflow-x:hidden;
}

.section1 {
	background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
}

.logo {
	float:right;
	display:inline-block;
	width:260px;
}

.header {
	padding:30px 0;
}

ul,
ol {
	list-style:none;
}

.nav {
	float:right;
	margin-top:20px;
}

.nav li {
	display:inline-block;
	vertical-align:middle;
}

.nav li a {
	display:block;
	padding:10px;
	color:#fff;
}

.nav li a:hover {
	font-weight:bold;
}

a.join-now {
	background:#FD7403;
	border-radius:3px;
}

.banner-title {
	font-size:40px;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
}

.col2 {
	width:49%;
	float:left;
	margin-left:2%;
}

.first {
	margin-left:0;
	clear:left;
}

.banner {
	padding:80px 0 100px;
}

.banner-desc {
	font-size:20px;
	color:#fff;
	margin-top:40px;
	margin-bottom:20px;
}

a.try-free-btn {
	min-width:330px;
	color:#fff;
	border-radius:100px;
	background:#ff4e50;
	padding:13px 50px;
	font-size:18px;
	display:inline-block;
	margin-top:30px;
	text-align:center;
}

a.try-free-btn:hover {
	font-weight:bold;
}

.how-title {
	font-size:52px;
	font-weight:normal;
}

.how-description {
	font-size:24px;
	margin-top:60px;
}

.details-section {
	float:right;
}

.section2 {
	padding-top:80px;
	padding-bottom:350px;
	background-image:url(../images/map-bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.section3 {
	padding:100px 0;
	background:#EBEBEB;
	margin-top:-80px;
}

.section-title {
	font-size:48px;
}

.register img {
	width:110px;
}

.register li {
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.pop-out-items li {
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

.pop-out li {
	-moz-animation:pop-out 0.5s linear 1;
	-webkit-animation:pop-out 0.5s linear 1;
	-ms-animation:pop-out 0.5s linear 1;
	-o-animation:pop-out 0.5s linear 1;
	animation:pop-out 0.5s linear 1;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.pop-out li:nth-of-type(2) {
	animation-delay:0.2s;
}

.pop-out li:nth-of-type(3) {
	animation-delay:0.4s;
}

.pop-out li:nth-of-type(4) {
	animation-delay:0.6s;
}

.pop-out li:nth-of-type(5) {
	animation-delay:0.7s;
}

.pop-out li:nth-of-type(6) {
	animation-delay:1s;
}

.pop-out li:nth-of-type(7) {
	animation-delay:1.2s;
}

.pop-out li:nth-of-type(8) {
	animation-delay:1.4s;
}

.pop-out li:nth-of-type(9) {
	animation-delay:1.6s;
}

.pop-out li:nth-of-type(10) {
	animation-delay:1.8s;
}

@-moz-keyframes pop-out {
	0% {
		-moz-transform:scale(0);
	}
	80% {
		-moz-transform:scale(1.3);
	}
	100% {
		-moz-transform:scale(1);
	}
}

@-webkit-keyframes pop-out {
	0% {
		-webkit-transform:scale(0);
	}
	80% {
		-webkit-transform:scale(1.3);
	}
	100% {
		-webkit-transform:scale(1);
	}
}

@-ms-keyframes pop-out {
	0% {
		-ms-transform:scale(0);
	}
	80% {
		-ms-transform:scale(1.3);
	}
	100% {
		-ms-transform:scale(1);
	}
}

@-o-keyframes pop-out {
	0% {
		-o-transform:scale(0);
	}
	80% {
		-o-transform:scale(1.3);
	}
	100% {
		-o-transform:scale(1);
	}
}

@keyframes pop-out {
	0% {
		transform:scale(0);
	}
	80% {
		transform:scale(1.3);
	}
	100% {
		transform:scale(1);
	}
}

.register:after {
	content:"";
	display:inline-block;
	width:100%;
}

.register {
	text-align:justify;
	margin-top:80px;
	font-size:0;
}

.register p {
	font-size:24px;
	margin-top:10px;
	text-align:center;
	display:inline-block;
}

.section4 {
	background-image:url(../images/great-deal-bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding-top:80px;
	padding-bottom:40px;
}

.brand-list {
	text-align:justify;
	font-size:0;
	padding:0 20px;
	margin-top:60px;
}

.brand-list:after {
	content:"";
	display:inline-block;
	width:100%;
}

.brand-list li {
	display:inline-block;
}

.brands-title {
	font-size:32px;
	color:#fff;
	padding:60px 0 20px;
}

.register-form {
	background:#51dca6;
	border-radius:0px;
	padding:23px;
	margin-top:60px;
}

.form-title {
	font-size:52px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}

.form-title span {
	color:#FF7502;
	text-transform:uppercase;
}

.form-control input,
.form-control select {
	font-size:14px;
	font-weight:normal;
	color:#fff;
	width:100%;
	padding:15px;
	border:1px solid #ccc;
	border-radius:0px;
	background:#3acd94;
}

.custom-select select {
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}

.custom-select {
	position:relative;
}

.custom-select:after {
	content:"";
	pointer-events:none;
	display:block;
	border:8px solid transparent;
	border-top-color:#ff4e50;
	top:50%;
	right:20px;
	position:absolute;
	margin-top:-4px;
}

.form-control {
	margin-bottom:20px;
}

.custom-checkbox {
	position:relative;
}

.custom-checkbox input {
	position:absolute;
	opacity:0;
	z-index:-1;
}

.c-checkbox {
	height:30px;
	width:30px;
	display:inline-block;
	background:#3acd94;
	border:1px solid #ccc;
	border-radius:0px;
	vertical-align:middle;
	margin-right:5px;
}

input:checked + .c-checkbox:after {
	content:"\2713";
	text-align:center;
	display:block;
	color:#ff4e50;
	line-height:28px;
	vertical-align:middle;
	font-size:24px;
}

.terms-cond {
	font-size:14px;
	color:#fff;
}

.submit-btn {
	min-width:280px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	padding-top:12px;
	padding-bottom:12px;
	background:#ff4e50;
	border-radius:100px;
	display:block;
	margin:20px auto 0;
	cursor:pointer;
}

.submit-btn:hover {
	font-weight:bold;
}

.copyright {
	font-size:16px;
	color:#fff;
	text-align:center;
	padding-top:100px;
}

.flexslider {
	border:0;
	padding:0;
	background:none;
	margin:0;
	border-radius:0;
}

.brand-slider {
	max-width:100%;
	width:443px;
	background:#fff;
	padding:50px 0;
	border-radius:5px;
}

.mac-slider {
	padding-top:162px;
}

.mac-slider .slides img {
	width:auto;
	max-width:80px;
	margin:0 auto;
}

.brand-slider .slides img {
	width:auto;
	max-width:200px;
	margin:0 auto;
}

.mac-slider-container {
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
	background:url(../images/banner-img.png) no-repeat center center;
	width:618px;
	height:356px;
	padding:0 75px;
	float:right;
}

.animation-container {
	position:relative;
	text-align:right;
}

.hand {
	max-width:none;
	position:absolute;
	right:36%;
	width:230px;
	top:10px;
	z-index:300;
	-moz-animation:slidein 5s;
	-webkit-animation:slidein 5s;
	-ms-animation:slidein 5s;
	-o-animation:slidein 5s;
	animation:slidein 5s linear;
}

.iphone-image {
	width:298px;
	height:595px;
	float:right;
	background:url(../images/phone1.png) no-repeat left top;
}

.iphone-image img {
	-moz-animation:phonechange 5s linear infinite;
	-webkit-animation:phonechange 5s linear infinite;
	-ms-animation:phonechange 5s linear infinite;
	-o-animation:phonechange 5s linear infinite;
	animation:phonechange 5s linear infinite;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-moz-keyframes slidein {
	0%, 100% {
		right:150%;
	}
	25%, 75% {
		right:140px;
	}
}

@-webkit-keyframes slidein {
	0%, 100% {
		right:150%;
	}
	25%, 75% {
		right:140px;
	}
}

@-ms-keyframes slidein {
	0%, 100% {
		right:150%;
	}
	25%, 75% {
		right:140px;
	}
}

@-o-keyframes slidein {
	0%, 100% {
		right:150%;
	}
	25%, 75% {
		right:140px;
	}
}

@keyframes slidein {
	0%, 100% {
		right:150%;
	}
	25%, 75% {
		right:140px;
	}
}

@-moz-keyframes phonechange {
	0%, 24.99%, 75% {
		opacity:1;
	}
	25%, 74.99% {
		opacity:0;
	}
}

@-webkit-keyframes phonechange {
	0%, 24.99%, 75% {
		opacity:1;
	}
	25%, 74.99% {
		opacity:0;
	}
}

@-ms-keyframes phonechange {
	0%, 24.99%, 75% {
		opacity:1;
	}
	25%, 74.99% {
		opacity:0;
	}
}

@-o-keyframes phonechange {
	0%, 24.99%, 75% {
		opacity:1;
	}
	25%, 74.99% {
		opacity:0;
	}
}

@keyframes phonechange {
	0%, 24.99%, 75% {
		opacity:1;
	}
	25%, 74.99% {
		opacity:0;
	}
}

.fox-absolute {
	position:absolute;
	bottom:0;
	left:0;
}

.section1 .wrapper {
	position:relative;
}

.rightFloat {
	float:right;
}

.banner-desc-container {
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
	text-align:center;
}

.section4 .wrapper > .col2 {
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
}

.slide-in-effect .mac-slider-container,
.slide-in-effect2 .wrapper > .col2 {
	-moz-transform:translateX(-100px);
	-webkit-transform:translateX(-100px);
	-o-transform:translateX(-100px);
	-ms-transform:translateX(-100px);
	transform:translateX(-100px);
	opacity:0;
}

.slide-in-effect .banner-desc-container,
.slide-in-effect2 .wrapper > .col2.first {
	-moz-transform:translateX(100px);
	-webkit-transform:translateX(100px);
	-o-transform:translateX(100px);
	-ms-transform:translateX(100px);
	transform:translateX(100px);
	opacity:0;
}

.leftFloat {
	float:left;
}
.section2 .details-section
{
	float:none;
}
.phone
{
	margin-left:0;
}
.capitalize
{
	text-transform:capitalize;
}
.section4 .wrapper
{
	width:1000px;
}
.great-deal-text {
    color: #fff;
    font-size: 20px;
	padding-top:20px;
	text-align:center;
}
.section5
{
	background-color:#3acd94;
	padding-top:100px;
	padding-bottom:40px;
}
.form-area
{
	width:900px;
	max-width:100%;
	margin:0px auto;
}
.form-text
{
	color:#fff;
	font-size: 24px;
	padding-top:20px;
	text-align:center;
}
.center
{
	text-align:center;
}
.section5 .wrapper
{
	padding:0px;
}

.inner-page {
	background:#4dbe8f;
}

.inner-logo {
	padding:20px;
	max-width:360px;
	width:100%;
	margin:0 auto;
	display:block;
}

.white-bg {
	background:#fff;
	padding:40px;
}

.inner-title {
	margin:20px 0;
	font-size:42px;
	text-align:center;
	font-weight:normal;
}

.inner-description {
	font-size:18px;
	line-height:1.4;
	margin-top:40px;
}

.inner-page .copyright {
	padding:20px 10px;
}



@media only screen and (max-width:1024px) {
	.mac-slider-container {
		float:none;
		margin:0 auto;
	}
	.banner-desc-container {
		padding:40px 0 0;
		text-align:center;
	}
	.register p {
		font-size:18px;
	}
	.banner-title {
		color: #fff;
		font-size: 59px;
		font-weight: 300;
		text-transform: uppercase;
	}
	.banner-desc {
		color: #fff;
		font-size: 20px;
		margin-bottom: 20px;
		margin-top: 40px;
	}
	.banner-title {
		color: #fff;
		font-size: 52px;
		text-transform:capitalize;
		font-weight: 300;
	}
		.brand-list {
		font-size: 0;
		margin-top: 30px;
		padding: 0 20px;
		text-align: justify;
	}
	.banner-title {
		color: #fff;
		font-size: 52px;
		font-weight: 300;
		text-transform: uppercase;
	}
}

@media only screen and (max-width:768px) {
	.mac-slider-container {
		max-width:100%;
		background-size:contain;
		height:0;
		padding-bottom:57.605%;
		position:relative;
	}
	.mac-slider {
		position:absolute;
		top:43%;
		left:13%;
		right:13%;
		width:auto;
		padding-top:0;
	}
	.col2 {
		float:none;
		width:100%;
		margin-left:0;
		margin-top:20px;
	}
	.first {
		margin:0;
	}
	.section3 {
		margin-top:40px;
	}
	.details-section {
		float:none;
		text-align:center;
	}
	.col2:before,
	.col2:after {
		content:"";
		display:table;
		clear:both;
	}
	#brands {
		text-align:center;
	}
	.brand-slider {
		margin:0 auto;
	}
	.fox-absolute {
		position:static;
		text-align:center;
	}
	.details-section {
		margin-bottom:40px;
	}
	.banner {
		padding: 0 0 60px;
	}
	.section2 {
		background-image: url("../images/map-bg.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 80px;
		padding-top: 30px;
	}
	.section2 .col2 
	{
		float:left;
		width:50%;
	}
	.hand {
		animation: 5s linear 0s normal none 1 running slidein;
		max-width: none;
		position: absolute;
		right: 8%;
		top: -20px;
		width: 150px;
		z-index: 300;
	}
	.how-title {
		font-size: 40px;
		font-weight: normal;
	}
	.how-description {
		font-size: 20px;
		margin-top: 30px;
	}
	.details-section {
		float: none;
		text-align: left;
	}
	.banner-title {
		color: #fff;
		font-size: 40px;
		font-weight: 300;
		text-transform:capitalize;
	}
	.section4 {
		background-image: url("../images/great-deal-bg.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.brand-list li img
	{
		width:100px;
	}
	.section5 {
		background-color: #3acd94;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.form-title {
		color: #fff;
		font-size: 40px;
		font-weight: normal;
		text-align: center;
		text-transform:capitalize;
	}
	.form-text {
		color: #fff;
		font-size: 20px;
		padding-top: 20px;
		text-align: center;
	}
	.copyright {
		color: #fff;
		font-size: 16px;
		padding-top: 40px;
		text-align: center;
	}
	.register-form .col2
	{
		float:left;
		width:48%;
	}
	.register-form .col2:nth-of-type(2n+2)
	{
		margin-left:3%;
	}
	.register-form .first
	{
		margin-top:20px;
	}
	
}

@media only screen and (max-width:600px) {
	.mac-slider .slides img {
		width:20%;
	}
	.register br {
		display:none;
	}
	.register li {
		display:block;
		text-align:left;
	}
	.register li + li {
		margin-top:20px;
	}
	.register li:before,
	.register li:after {
		content:"";
		display:table;
		clear:both;
	}
	.register img {
		width:60px;
		float:left;
	}
	.register p {
		display:block;
		text-align:left;
		margin-top:0;
		padding-left:70px;
	}
	.logo {
		width:200px;
	}
	.header {
		padding-top:20px;
		padding-bottom:0px;
	}
	.banner-desc-container {
		padding: 0px 0 0;
		text-align: center;
	}
	.banner-desc {
		color: #fff;
		font-size: 20px;
		margin-bottom: 20px;
		margin-top: 25px;
	}
	a.try-free-btn {
		background: #ff4e50 none repeat scroll 0 0;
		border-radius: 100px;
		color: #fff;
		display: inline-block;
		font-size: 18px;
		margin-top: 0;
		min-width: 330px;
		padding: 13px 50px;
		text-align: center;
	}
	.brand-list li img
	{
		width:80px;
	}
	.hand {
		animation: none;
		position: relative;
		width: 150px;
		right:0%;
		margin:0px auto;
		z-index: 300;
	}
	.animation-container {
		position: relative;
		text-align: center;
	}
}

@media only screen and (max-width:480px) {
	.header {
		padding:10px 0;
		text-align:center;
	}
	.nav {
		margin-top:10px;
		float:none;
	}
	.banner {
		padding:10px 0;
	}
	.banner-title,
	.how-title,
	.section-title,
	.brands-title,
	.form-title {
		font-size:18px;
	}
	br {
		display:none;
	}
	.banner-desc,
	a.try-free-btn,
	.how-description,
	.register p,
	.submit-btn,
	.copyright {
		font-size:14px;
	}
	a.try-free-btn,
	.submit-btn {
		max-width:100%;
		min-width:0;
		padding:10px;
		display:block;
		margin-top:10px;
		width:100%;
		text-align:center;
	}
	.form-control input,
	.form-control select {
		border:0;
		border-radius:3px;
		font-size:14px;
		padding:10px;
	}
	.custom-select:after {
		border-width:4px;
		margin-top:-2px;
		right:10px;
	}
	.register-form .col2 + .col2 {
		margin:0;
	}
	.c-checkbox {
		height:15px;
		width:15px;
		font-size:14px;
		line-height:15px;
		border:0;
		border-radius:2px;
	}
	input:checked + .c-checkbox:after {
		font-size:14px;
		line-height:16px;
	}
	.terms-cond {
		font-size:14px;
	}
	.banner-desc-container {
		padding-top:10px;
	}
	.banner-desc {
		margin-top:10px;
	}
	.section3 {
		margin-top:10px;
		padding:10px 0;
	}
	.register {
		margin-top:10px;
	}
	.section4 {
		padding:10px 0;
	}
	.brand-slider .slides img {
		max-width:30%;
	}
	.brands-title {
		padding:10px 0;
	}
	.brand-list {
		padding:0;
	}
	.brand-list li {
		width:50%;
	}
	.col2 {
		margin-top:10px;
	}
	.first {
		margin-top:0;
	}
	.register-form {
		margin-top:0;
		padding:10px;
	}
	.form-title {
		text-align:center;
		padding:0 0 10px;
	}
	.details-section {
		margin-bottom:10px;
	}
	.logo
	{
		width:50%;
		margin:0px auto;
		text-align:center;
		float:none;
	}
	.section2 .col2 
	{
		float:none;
		width:100%;
	}
	.section2 {
		background-image: url("../images/map-bg.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.section4
	{
		padding-top:40px;
		padding-bottom:40px;
	}
	.brand-list li
	{
		text-align:center;
		margin-bottom:20px;
	}
	.brand-list li img
	{
		width:100px;
	}
	.great-deal-text {
		color: #fff;
		font-size: 14px;
		padding-top: 10px;
		text-align: center;
	}
	.form-text {
		color: #fff;
		font-size: 14px;
		padding-left:15px;
		padding-right:15px;
		padding-top: 20px;
		text-align: center;
	}
	.register-form .col2
	{
		float:none;
		width:100%;
	}
	.copyright {
		padding-top: 20px;
	}
	.section5
	{
		padding-bottom:20px;
	}
	.white-bg {
		padding:10px;
	}
	.inner-title {
		font-size:24px;
	}
	.inner-description {
		margin-top:0;
		font-size:14px;
		text-align:justify;
	}
	.inner-description br {
		display:inline;
	}
}