/**
 * @license
 * MyFonts Webfont Build ID 3625348, 2018-08-21T14:06:56-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirNextLTPro-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-bold/
 *
 * Webfont: AvenirNextLTPro-Regular by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-regular/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3625348
 * Licensed pageviews: 10
 * Webfonts copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * © 2018 MyFonts Inc
*/

@font-face {font-family: 'AvenirNextLTPro-Bold';src: url('/resources/fonts/375184_0_0.eot');src: url('/resources/fonts/375184_0_0.eot?#iefix') format('embedded-opentype'),url('/resources/fonts/375184_0_0.woff2') format('woff2'),url('/resources/fonts/375184_0_0.woff') format('woff'),url('/resources/fonts/375184_0_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-Regular';src: url('/resources/fonts/375184_1_0.eot');src: url('/resources/fonts/375184_1_0.eot?#iefix') format('embedded-opentype'),url('/resources/fonts/375184_1_0.woff2') format('woff2'),url('/resources/fonts/375184_1_0.woff') format('woff'),url('/resources/fonts/375184_1_0.ttf') format('truetype');}



/* ==========================================================================
   GENERAL
   ========================================================================== */

body, p {
	font-family: AvenirNextLTPro-Regular, Helvetica, sans-serif;
	font-size:1em;
	line-height:140%;
	color:#333;
}

p.large { font-size:1.375em; }
p.xlarge { font-size:1.500em; }
p.small { font-size:0.875em; }
a { color:inherit; }

h1, h2, h3, h4, h5, h6 {
	font-family: AvenirNextLTPro-Bold, Helvetica, sans-serif;
	font-weight:normal;
	line-height:110%;
	margin:0 0 10px 0;
	color:#333;
}

h1, .h1-size { font-size:5.750em; } /* 92px */
h2, .h2-size { font-size:4.500em; } /* 72px */
h3, .h3-size { font-size:3.000em; } /* 48px */
h4, .h4-size { font-size:2.250em; } /* 36px */
h5, .h5-size { font-size:1.250em; } /* 20px */
h6, .h6-size { font-size:1.125em; } /* 18px */

a.logo {
	position:relative;
	z-index:20;
	display:block;
	float:left;
	width:200px;
	margin-left:9%;
}

a.logo img {
	display:block;
	width:100%;
}

a.footer-logo {
	display:block;
	width:230px;
	margin:0 auto 100px;
}

a.footer-logo img {
	display:block;
	width:100%;
}

.top-header {
	background-color:#d682f1;
	padding:92px 0 25px;
	overflow:hidden;
}

.footer {
	background-color:#eefff4;
	padding:130px 0 100px;
}

.footer-utility-nav {
	margin-bottom:20px;
}

.footer-utility-nav ul {
	margin:0;
	padding:0;
}

.footer-utility-nav li {
	list-style:none;
	display:inline;
	margin:0 15px;
}

.footer-utility-nav li a {
	font-size:1.375em;
	text-decoration:none;
}

.footer .copyright {
	color:#82B494;
}

.input-wrap {
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
	border:#DDD 5px solid;
	background:#fff;
	height:70px;
	line-height:69px;
	padding:0 0 0 10.5%;
	box-sizing:border-box;
}

.input-wrap input {
	background:transparent;
	border:none;
	width:100%;
	height:100%;
	font-size:1.500em;
}

.input-wrap input:focus {
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}

.input-wrap input::placeholder {
	color:#CCC;
}

textarea, select, input, button { outline: none; }

.button {
	display:inline-block;
	vertical-align:middle;
	border:none;
	height:70px;
	line-height:72px;
	border-radius:10px;
	padding:0 28px;
	font-size:1.500em;
	font-family: AvenirNextLTPro-Bold, Helvetica, sans-serif;
}

.owl-carousel .owl-dots button.owl-dot {
	background:#cdecf2;
	width:15px;
	height:15px;
	margin:0 11px;
	cursor:pointer;
	display:inline-block;
	border-radius:999px;
}

.owl-carousel .owl-dots button.owl-dot:first-child {
	margin-left:0;
}

.owl-carousel .owl-dots button.owl-dot.active {
	background:#36c9ea;
}

.owl-carousel .owl-item {
	opacity:0;
	        transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.owl-carousel .owl-item.active {
	opacity:1;
}

.top-header .main-nav ul {
	margin:0;
	padding:0;
}

.top-header .main-nav li {
	list-style:none;
	display:inline-block;
	vertical-align:middle;
}

.top-header .main-nav li a {
	font-family: AvenirNextLTPro-Bold, Helvetica, sans-serif;
	display:inline-block;
	font-size:1.125em;
	text-decoration:none;
	color:#fff;
	margin:0 18px;
	box-sizing:border-box;
	border-bottom:transparent 3px solid;
}

.top-header .main-nav li a.current {
	border-bottom:#fff 3px solid;
}

@media(min-width:768px) {

	.top-header .nav-collapse {
		height:auto !important;
	}

	.top-header .main-nav {
		float:right;
		margin-right:9%;
		margin-top:-2px;
	}

	.top-header .main-nav li:last-child a {
		margin-right:0;
	}

	.top-header .main-nav li a.button {
		background-color:#AC56CC;
		height:46px;
		line-height:48px;
		padding:0 24px;
		border-bottom:none;
		transition: background-color .2s ease-in-out;
	}

	.top-header .main-nav li a.button:hover {
		background-color:#9047af;
	}


}

@media(max-width:860px) and (min-width:768px) {
	.top-header .main-nav li a {
		margin:0 9px;
	}

	.top-header .main-nav {
		margin-right:4.5%;
	}
}

@media(max-width:767px) {

	h1, .h1-size { font-size:3.250em; } /* 52px */
	h2, .h2-size { font-size:2.500em; } /* 40px */
	h3, .h3-size { font-size:3.000em; } /* 48px */
	h4, .h4-size { font-size:1.500em; } /* 24px */
	h5, .h5-size { font-size:1.250em; } /* 20px */
	h6, .h6-size { font-size:1.125em; } /* 18px */

	.mobile-hide { display:none !important; }
  .mobile-show { display:block !important; }

	p.large, p.xlarge { font-size:1.125em; }

	a.logo {
		width:120px;
	}

	a.footer-logo {
		width:160px;
		margin-bottom:80px;
	}

	/* ====================== lines button ==================================================*/
	.lines-button {
	  padding: 10px;
	  transition: .3s;
	  cursor: pointer;
	  user-select: none;
	}

	.lines-button:hover {
	  opacity: 1;
	}

	.lines-button:active {
	  transition: 0;
	}

	.lines {
	  display: inline-block;
	  width: 30px;
	  height: 3px;
	  background: #fff;
	  transition: 0.3s;
	  position: relative;
	}

	.lines:before, .lines:after {
	  display: inline-block;
	  width: 30px;
	  height: 3px;
	  background: #fff;
	  transition: 0.3s;
	  position: absolute;
	  left: 0;
	  content: '';
	  -webkit-transform-origin: 0.28571rem center;
	  transform-origin: 0.28571rem center;
	}

	.lines:before {
	  top: 8px;
	}

	.lines:after {
	  top: -8px;
	}

	.lines-button:hover .lines:before {
	  top: 10px;
	}

	.lines-button:hover .lines:after {
	  top: -10px;
	}

	.lines-button.open {
	  /*  -webkit-transform: scale3d(0.8, 0.8, 0.8);*/
	  /*  transform: scale3d(0.8, 0.8, 0.8);*/
	}

	.lines-button.x.open .lines {
	  background: transparent;
	}

	.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
	  -webkit-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	  top: 0;
	  /*  width: 36px;*/
	}

	.lines-button.x.open .lines:before {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	}

	.lines-button.x.open .lines:after {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	}

	.top-header .btn-navbar {
	  display: block;
	  position: absolute;
	  top: 27px;
	  right: 9%;
	  cursor: pointer;
	  z-index: 20;
	}

	.top-header {
		padding-top:40px;
	}

	.top-header .main-nav {
/*		display:none;*/
		position:relative;
		padding-bottom:20%;
		background-image:url(/resources/img/mobile-nav-bg.png);
		background-size:100% auto;
		background-position: center bottom;
		background-repeat:no-repeat;
	}

	.top-header .main-nav .mobile-nav-border {
		position:absolute;
		width:100%;
		left:0;
		bottom:0;
	}

	.top-header .main-nav ul {
		padding:150px 0 80px;
		text-align:center;
	}

	.top-header .main-nav li {
		display:block;
		margin-bottom:30px;
	}

	.top-header .main-nav li a, .top-header .main-nav li a.button {
		display:inline-block;
		padding:0 40px;
		font-size:1.500em;
		border-radius:45px;
		font-size:1.500em;
		height:60px;
		line-height:62px;
		margin:0;
		background:rgba(255,255,255,0);
	}

	.top-header .main-nav li a.current {
		color:#333;
		background:rgba(255,255,255,1);
	}

	.top-header .nav-collapse {
		position:absolute;
		z-index:19;
		top:0;
		left:0;
		width:100%;
		overflow:hidden;
		height:0;
	        transition: height 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: height 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transition: height 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}

	.top-header .nav-collapse.open.auto {
		height:auto !important;
	}

	.width-100 { width:100%; }
	.block { display:block; }

	.footer {
		padding:116px 0 100px;
	}

	.footer-utility-nav li {
		display:block;
		margin:0 15px 25px;
	}

	.footer-utility-nav {
		margin-bottom:60px;
	}

	.button.pill {
		background: white;
		text-decoration:none;
		color: #AC56CC;
		border-radius:45px;
		font-size:1.125em;
		height:60px;
		line-height:63px;
		margin:20px auto 15px;
	}

	.home .button.pill {
		/* -webkit-box-shadow: 0px 16px 24px rgba(0,0,0,0.15);
		   -moz-box-shadow: 0px 16px 24px rgba(0,0,0,0.15);
		        box-shadow: 0px 16px 24px rgba(0,0,0,0.15); */
	}

	.home .button.pill.outline {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	.button.pill span {
		display:inline-block;
		vertical-align:middle;
	}

	.button.pill .icon-apple {
		width:18px;
		display:inline-block;
		vertical-align:middle;
		margin-left:22px;
		margin-top:-8px;
	}

	.main.blur {
		filter: blur(10px);
	}
}


/* ==========================================================================
   HOME
   ========================================================================== */

.top-section {
	background-color:#d682f1;
	overflow:hidden;
}

.top-section .text {
	margin-left:9%;
	width:32%;
	margin-top:4.5%;
}

.top-section .input-wrap.phone-input {
	background-image:url(/resources/img/icon-phone.png);
	background-size:18px auto;
	background-repeat:no-repeat;
	background-position:6% center;
}

.top-section form .button {
	float:right;
	background:#ac56cc;
	color:#fff;
	cursor:pointer;
	transition: background-color .2s ease-in-out;
}

.top-section form .button:hover {
	background-color:#9047af;
}

.reviews {
	background-color:#e9fbff;
	padding:4% 0;
	overflow:hidden;
}

.reviews .phones {
	background-image:url(/resources/img/phones.png);
	width:45%;
	float:left;
}

.reviews .phones:before {
	padding-top:111%;
}

.reviews .reviews-text {
	float:right;
	width:35%;
/*	max-width:475px;*/
	margin-right:4.8%;
	margin-top:10%;
}

.lower-curve {
	background-image:url(/resources/img/lower-curve.jpg);
}

.lower-curve:before {
	padding-top:11.875%;
}

.reviews .stars {
	display:block;
	width:43% !important;
	margin-bottom:.5em;
}

.reviews h6 {
	margin-bottom:2.5em;
}

.download-links {
	margin:80px 0;
}

.download-links a {
	display:inline-block;
	margin:0 20px;
}

.download-links a img {
	width:220px;
}

@media(min-width:768px) {

	.top-section {
		background-image:url(/resources/img/top.jpg);
	}

	.top-section:before {
		padding-top:102.4%;
	}

	.top-section .text p.large {
		color:#fff;
		margin-bottom:35px;
	}

	.top-section .pay-any-bill-text {
		position:absolute;
		right:9%;
		top:68%;
		width:32%;
/*		max-width:460px;*/
	}

	.more-time {
		background-image:url(/resources/img/more-time.jpg);
	}

	.more-time:before {
		padding-top:67.4%;
	}

	.reviews .phones {
		margin-left:4.8%;
	}

	.more-time .text {
		margin-left:9%;
		margin-top:15%;
		width:35%;
/*		max-width:510px;*/
	}

	.more-time .text p {
		width:80%;
/*		max-width:395px;*/
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width:768px), (min-resolution: 192dpi) and (min-width:768px) {
	.top-section {
		background-image:url(/resources/img/top-retina.jpg);
	}

	.more-time {
		background-image:url(/resources/img/more-time-retina.jpg);
	}

	.phones {
		background-image:url(/resources/img/phones-retina.png);
	}
}

.input-wrap.phone-input {
	width:62%;
}

@media(max-width:1250px) {
	.input-wrap.phone-input {
		width:58%;
	}
}

@media(max-width:1100px) {
	.input-wrap.phone-input {
		width:55%;
	}
}

@media(max-width:960px) {
	.input-wrap.phone-input {
		width:57%;
	}

	.top-section .input-wrap.phone-input {
		background-size:14px auto;
		background-position:5% center;
	}

	.top-section form .button {
		padding:0 18px;
	}
}

@media(max-width:767px) {
	.top-section .text {
		width:auto;
		max-width:none;
		margin:0;
	}

	.top-section .text h2, .top-section .text p,
	.pay-any-bill-text, .more-time .text {
		margin-left:9%;
		margin-right:9%;
	}

	.top-section .text h2 {
		font-size:2.500em;
		margin-top:15px;
	}

	.top-section .lower {
		background:#fcf4ff;
		padding:10px 0;
	}

	.top-section .lower-white {
		background:#fff;
		padding: 0 0 10px 0;
	}

	.more-time {
		background:#fffdf3;
		padding: 0 0 10px 0;
	}

	.more-time .text {
		margin:40px 9% 80px;
	}

	.reviews .phones {
		width:auto;
		float:none;
		margin:60px 5% 40px;
	}

	.reviews .reviews-text {
		float:none;
		width:auto;
		max-width:none;
		margin:50px 9% 60px;
	}

	.reviews .stars {
		width:100% !important;
		margin-bottom:20px;
		max-width:320px;
	}

	.reviews .owl-dots {
		text-align:center;
	}

	.download-links a {
		margin-bottom:40px;
	}

	.pay-any-bill-text {
		margin:40px 9% 60px;
	}

}

/* ==========================================================================
   How it Works
   ========================================================================== */

.how-it-works .top-header {
	background-color:#7fe3a3;
}

.how-it-works-top {
	background-color:#7fe3a3;
	overflow:hidden;
}

.how-it-works-top .text {
	margin-left:9%;
	width:32%;
	margin-top:4.5%;
}

.how-it-works-top .button.pill, .step-section .button.pill, .home .button.pill.outline {
	background:#fff;
	color:#333;
	border-radius:999px;
	font-size:20px;
	height:90px;
	line-height:96px;
	padding:0 45px 0 60px;
	text-decoration:none;
}

.how-it-works-top .button.pill span {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

.how-it-works-top .button.pill span:after {
	content:'';
	display:inline-block;
	background-image:url(/resources/img/how-it-works/down-arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:20px;
	height:21px;
	vertical-align:middle;
	margin-left:30px;
	position:relative;
	top:-2px;
	transition: transform .2s ease-in-out;
}

.how-it-works-top .button.pill:hover span:after {
	transform: scale(1.2);
}

.step-section .button.pill, .home .button.pill.outline {
	position:relative;
	border:#DDDDDD 1px solid;
	padding:0 100px;
}

.home .button.pill.outline {
	background:transparent;
	padding:0 3.5em;
	height:4.4em;
	line-height:4.7em;
	margin-top:1.5em;
	font-size:1.250em;
}

.step-section .button.pill:before, .home .button.pill.outline:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:#DDDDDD 2px solid;
	border-radius:999px;
	opacity:0;
	transition: opacity .2s ease-in-out;
}

.step-section .button.pill:hover:before, .home .button.pill.outline:hover:before {
/*	background-color:#EEE;*/
	opacity:1;
}

.how-it-works .section1 {
	background-color:#84e8ff;
}

.step-section {
	padding:7% 0;
}

.step-section .content {
	position:relative;
	background:#fff;
/*	border:#979797 1px solid;*/
	margin:0 8.3%;
	padding:6%;
	-webkit-box-shadow: 0px 20px 52px rgba(0,0,0,0.15);
	   -moz-box-shadow: 0px 20px 52px rgba(0,0,0,0.15);
	        box-shadow: 0px 20px 52px rgba(0,0,0,0.15);
}

.step-section .phone:before {
	padding-top:182%;
}

.step-section .content {
	padding-bottom:1%;
}

.step-section.section1 .phone {
	background-image:url(/resources/img/how-it-works/phone1.png);
}

.how-it-works .section2 {
	background-color:#F0DC72;
}

.step-section.section2 .phone {
	background-image:url(/resources/img/how-it-works/phone2.png);
}

.how-it-works .section3 {
	background-color:#D782F1;
}

.step-section.section3 .phone {
	background-image:url(/resources/img/how-it-works/phone3.png);
}

.how-it-works .section4, .how-it-works .footer {
	background-color:#F17647;
}

.step-section.section4 .phone {
	background-image:url(/resources/img/how-it-works/phones-group.png);
}

.step-section.section4 .phone:before {
	padding-top:140%;
}

.step-section.section4 .download-links {
	margin:0;
}

.step-section.section4 .download-links a:first-child {
	margin-left:0;
}

.how-it-works .footer .download-title, .how-it-works .footer .download-links {
	display:none;
}

.how-it-works .footer a {
	color:#fff;
}

.how-it-works .footer .copyright {
	color:#fff;
	opacity:.5;
}


@media(min-width:768px) {

	.how-it-works-top {
		background-image:url(/resources/img/how-it-works/top.jpg);
	}

	.how-it-works-top:before {
		padding-top:48%;
	}

	.how-it-works .top-header .main-nav li a.button {
		background-color:#5dd187;
		transition: background-color .2s ease-in-out;
	}

	.how-it-works .top-header .main-nav li a.button:hover {
		background-color:#4db570;
	}

	.how-it-works-top .button-wrap {
		position:absolute;
		left:9%;
		bottom:19.5%;
	}

	.step-section.section4 h2 { font-size:5.625em; line-height:100%; }
	.step-section h3 { font-size:3.500em;}
	.step-section h4 { font-size:1.875em;}

	.step-section .content .text {
		width:45%;
		float:left;
	}

	.step-section .phone {
		width:48%;
		float:right;
	}

	.step-section .button-wrap {
		position:absolute;
		left:7.2%;
		bottom:9%;
	}

	.step-section .phone {
		margin-top:-14%;
	}

	.step-section.section4 .phone {
		margin-top:-12.5%;
		margin-right:-5.5%;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width:768px), (min-resolution: 192dpi) and (min-width:768px) {

	.how-it-works-top {
		background-image:url(/resources/img/how-it-works/top-retina.jpg);
	}

	.step-section.section1 .phone {
		background-image:url(/resources/img/how-it-works/phone1-retina.png);
	}

	.step-section.section2 .phone {
		background-image:url(/resources/img/how-it-works/phone2-retina.png);
	}

	.step-section.section3 .phone {
		background-image:url(/resources/img/how-it-works/phone3-retina.png);
	}

	.step-section.section4 .phone {
		background-image:url(/resources/img/how-it-works/phones-group-retina.png);
	}
}

@media(max-width:1024px) {
	.how-it-works-top .button.pill, .step-section .button.pill {
		font-size:20px;
		height:70px;
		line-height:72px;
		padding:0 40px;
	}

	.how-it-works-top .button.pill {
		padding:0 25px 0 40px;
/*		margin-bottom:4%;*/
	}

	.how-it-works-top .button.pill span:after {
		margin-left:25px;
	}
}

@media(max-width:767px) {
	.how-it-works-top .button-wrap {
		margin-left:9%;
		margin-top:20px;
	}

	.how-it-works-top .text {
		margin-left:9%;
		margin-right:9%;
		width:auto;
		margin-top:4.5%;
	}

	.how-it-works-top h2 {
		font-size:3.750em;
	}

	.how-it-works-top p.large { font-size:1.375em; }

	.how-it-works-top {
		background-image:url(/resources/img/how-it-works/curve1-mobile.png);
		background-position:left bottom !important;
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
	}

	.how-it-works-top .button-wrap {
		margin-top:0;
	}

	.how-it-works-top .button.pill {
		margin-bottom:10%;
	}

	.step-section .button.pill { display:none; }

	.step-section h4 {
		font-size:1.125em;
		margin-bottom:35px;
	}

	.step-section h3, .step-section h2 {
		margin-bottom:30px;
	}

	.step-section .content {
		padding:8% 6% 6%;
	}

	.step-section {
	    padding: 15% 0;
	}

	.step-section .download-links a {
		margin:0 0 20px;
	}
}

@media(max-width:640px) {
	.how-it-works-top .button.pill {
		margin-bottom:8%;
	}
}

/* ==========================================================================
   ABOUT
   ========================================================================== */

.about .top-header {
	background-color:#F17647;
}

.about-top {
	background:#e2faff;
	padding:0 0 60px;
}

.about-top > .content, .founders > .content, .backed-by > .content, .credentials > .content {
	padding:0 9%;
}

.about-top .row, .founders .row {
	margin-bottom:60px;
}

.about-top .row:after, .founders .row:after {
	content:'';
	display:block;
	clear:both;
}

@media(min-width:767px) {
	.about-top .row .text, .founders .row .text {
		float:left;
		width:44%;
	}

	.about-top .text.right, .founders .text.right {
		float:right;
	}
}

.about-top .secure {
	display:block;
	width:90%;
	margin-top:2em;
}

.about .curve {
	background-size:100% 101% !important;
}

.about .curve:before {
	padding-top:11.94%;
}

.about .curve.curve1 { background-image:url(/resources/img/about/curve1.png); }
.about .curve.curve2 { background-image:url(/resources/img/about/curve2.png); }
.about .curve.curve3 { background-image:url(/resources/img/about/curve3.png); }
.about .curve.curve4 { background-image:url(/resources/img/about/curve4.png); }
.about .curve.curve5 { background-image:url(/resources/img/about/curve5.png); }

.about .phone {
	background-image:url(/resources/img/about/phone.png);
}

.about .phone:before {
	padding-top:184%;
}

.founders {
	background:#fffef4;
	padding:0 0 60px;
}

.founder-image {
	border-radius:999px;
	border:#fcf6d4 2.2em solid;
	box-sizing:border-box;
	width:80%;
	margin-bottom:50px;
}

.founder-image:before {
	padding-top:100%;
}

.founder-image.patrick-kann { background-image:url(/resources/img/about/patrick-kann.jpg); }
.founder-image.jason-meltzer { background-image:url(/resources/img/about/jason-meltzer.jpg); }

.founders h4 {
	margin-bottom:40px;
}

.founders-title {
	margin-bottom:80px;
}

.backed-by {
	background:#fcf4ff;
	padding:60px 0;
}

.backed-by-grid .grid-3, .backed-by-grid .grid-4, .credentials-grid .grid-4 {
	overflow:hidden;
}

.backed-by-grid .item, .credentials-grid .item {
	display:block;
	float:left;
	box-sizing:border-box;
	border-radius:10px;
	border:#F6EDF9 5px solid;
}

.credentials-grid .item {
	border-color:#FAEEEA;
	background:#fff;
}

.credentials-grid .item:before {
	padding-top:107%;
}

.credentials-grid .item .image:before {
	padding-top:100%;
}

.credentials-grid .item .image {
	width:80%;
	margin:0 10% 0;
}


.credentials-grid .item h6 {
	font-size:1.375em;
	text-align:center;
	position:absolute;
	left:0;
	width:100%;
	bottom:10%;
}


.credentials {
	background:#fff9f6;
	padding:60px 0;
}


@media(min-width:768px) {

	.about .phone {
		width:36.5%;
		float:right;
		margin-top:-10%;
	}

	.backed-by-grid .grid-3 {
		margin:0 -1.66%;
	}

	.backed-by-grid .grid-4, .credentials-grid .grid-4 {
		margin:0 -1%;
	}

	.backed-by-grid .grid-3 .item {
		width:30%;
		margin:0 1.66% 2.7% 1.66%;
	}

	.backed-by-grid .grid-4 .item, .credentials-grid .grid-4 .item {
		width:23%;
		margin:0 1% 2% 1%;
	}

	.about .top-header .main-nav li a.button {
		background-color:#d45828;
		transition: background-color .2s ease-in-out;
	}

	.about .top-header .main-nav li a.button:hover {
		background-color:#b84921;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width:768px), (min-resolution: 192dpi) and (min-width:768px) {

	.about .phone { background-image:url(/resources/img/about/phone-retina.png); }
	.founder-image.patrick-kann { background-image:url(/resources/img/about/patrick-kann-retina.jpg); }
	.founder-image.jason-meltzer { background-image:url(/resources/img/about/jason-meltzer-retina.jpg); }

}

@media(max-width:767px) {

	.about-top .text {
		padding-top:40px;
	}

	.about-top .row {
		margin-bottom:30px;
	}

	.backed-by-grid .grid-3 .item, .credentials-grid .grid-4 .item {
		width:100%;
		margin-bottom:20px;
	}

	.backed-by-grid .grid-4 .item {
		width:46%;
		margin:0 2% 2.7% 2%;
		background-color:#fff;
		padding:5% 0;
	}

	.backed-by-grid .grid-4 {
		margin:0 -2%;
	}

	.credentials-grid .item .image {
		display:block;
		float:left;
	    width: 38%;
	    margin: 0 0 0 4%;
	}

	.credentials-grid .item h6 {
	    font-size: 1em;
	    text-align: left;
	    position: static;
	    float:right;
		width:45%;
		margin-top:14%;
	}

	.credentials-grid .item:before {
		padding-top:38%;
	}

	.founders {
		padding-top:80px;
	}

	.founders-title {
		margin-bottom:40px;
	}

	.founder-image {
		width:100%;
		margin-top:60px;
	}

	.founders h3 {
		font-size:2.000em;
	}

	.about-top .secure {
		display:block;
		width:80%;
		margin:2em auto 2em;
	}

	.about .phone {
		width:90%;
		margin:40px auto 20px;
	}
}

@media(max-width:640px) {
	.founder-image {
		border-width:1.7em;
	}
}

/* ==========================================================================
   CONTACT
   ========================================================================== */

.contact .top-header {
	background:#84E8FF;
}

.contact .curve {
	background-size:100% 101% !important;
}

.contact .curve:before {
	padding-top:11.94%;
}

.contact .curve.curve1 { background-image:url(/resources/img/contact/curve1.png); }
.contact .curve.curve2 { background-image:url(/resources/img/contact/curve2.png); }

.contact-top .content {
	margin:0 9%;
}

.contact-top h1 {
	margin-bottom:.55em;
}

.contact-top ul.highlights {
	margin:2em 0 0 0;
	padding:0;
}

.contact-top .ready-only-field {
	list-style:none;
	display:block;
	font-family: AvenirNextLTPro-Regular, Helvetica, sans-serif;
	font-size:1.125em;
	background:#F6F6F6;
	border-radius:10px;
	line-height:140%;
	margin-bottom:20px;
	padding:1.1em 2em;
}

.contact-top ul.highlights li {
	list-style:none;
	display:block;
	font-family: AvenirNextLTPro-Bold, Helvetica, sans-serif;
	font-size:1.125em;
	background:#F6F6F6;
	border-radius:10px;
	line-height:140%;
	margin-bottom:20px;
	padding:1.1em 2em;
}

.contact-form .left {
	float:left;
}

.checkbox-wrap {
	margin-bottom:60px;
}

.checkbox-skin {
	position:relative;
	width:40px;
	height:40px;
	box-sizing:border-box;
	border-radius:10px;
	border:#EEE 5px solid;
}

.checkbox-skin.selected:before {
	content:'';
	display:block;
	background:#84E8FF;
	width:22px;
	height:22px;
	border-radius:4px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-11px;
	margin-left:-11px;
}

.checkbox-skin input {
	opacity:0;
	position:absolute;
	cursor:pointer;
	z-index:1;
	width:40px;
	height:40px;
	top:0;
	left:0;
}

.checkbox-label {
	font-size:0.875em;
	text-transform:uppercase;
	line-height:42px;
	margin-left:16px;
	font-family: AvenirNextLTPro-Bold, Helvetica, sans-serif;
}

.contact-form {
	margin-bottom:60px;
}

.contact-form label {
	display:block;
	font-family: AvenirNextLTPro-Bold, Helvetica, sans-serif;
	font-size:0.875em;
	margin-bottom:8px;
}

.contact-form .row:after {
	content:'';
	display:block;
	clear:both;
}

.contact-form .input-wrap {
	display:block;
	border-color:#EEE;
	padding: 0 10px 0 28px;
	margin-bottom:20px;
	line-height:65px;
}

.contact-form input, .contact-form textarea {
	font-size:1.250em;
}

.contact-form .input-wrap.text-area {
/*	padding:28px;*/
	height:auto;
	padding:0 28px;
	line-height:0;
}

.contact-form .select-wrap {
	margin-bottom:20px;
}

.contact-form .input-wrap textarea {
	height:170px;
	margin:20px 0;
	padding:0;
	border:none;
	width:100%;
	background:transparent;
	line-height:135%;
	resize:none;
}

.contact-form .button.pill {
	border-radius:999px;
	font-size:20px;
	height:90px;
	line-height:96px;
	padding:0 55px;
	background:#333;
	color:#fff;
	cursor:pointer;
	margin-top:20px;
	transition: background-color .2s ease-in-out;
}

.contact-form .button.pill:hover {
	background-color:#000;
}

.contact-form .business-fields {
	display:none;
}

.contact-form.business-partner .business-fields {
	display:block;
}


.contact-form #message::placeholder {
	color:#333;
}


@media(min-width:768px) {

	.contact .top-header .main-nav li a.button {
		background-color:#50c3dd;
		transition: background-color .2s ease-in-out;
	}

	.contact .top-header .main-nav li a.button:hover {
		background-color:#42a6c3;
	}

	.contact-top .content .text.left {
		float:left;
		width:34%;
	}

	.contact-top .content .text.left p:first-child {
		margin-top:0;
		margin-bottom:60px;
	}

	.contact-top .content .text.right {
		float:right;
		width:58%;
	}

	.contact-form .left-50 {
		float:left;
		width:50%;
		box-sizing:border-box;
	}

	.contact-form .row .left-50:first-child {
		padding-right:10px;
	}

	.contact-form .row .left-50:last-child {
		padding-left:10px;
	}
}

@media(max-width:1024px) {
	.contact-form .input-wrap {
		padding: 0 10px 0 20px;
	}
}

@media(max-width:767px) {
	.contact-top h1 {
		margin-top:30px;
	}
	.contact-top h1 br {
		display:none;
	}

	.checkbox-label {
		line-height:19px;
		width:80%;
	}

	.contact-form {
		margin-top:65px;
		margin-bottom:45px;
	}

	.contact-form .input-wrap {
		padding: 0 20px;
	}

	.contact-form .input-wrap textarea {
		height:340px;
	}

	.contact-top ul.highlights {
	    margin: 2em 0 6em 0;
	    padding: 0;
	}

	h4.highlights-title {
		font-size:2.250em;
	}
}

/* ==========================================================================
   UTILITY
   ========================================================================== */

.center { text-align:center; }
.relative { position:relative; }
.overflow-hidden { overflow:hidden; }
.clear { clear:both; }

.animated {
	        transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.animated.quad {
	        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.bg-cover {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.bg-contain {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

/* Desktop layout specific: */
@media(min-width:768px) {

	.mobile-only { display:none !important; }

	.desktop-ratio-height {
	  position: relative;
	}

	.desktop-ratio-height > .content {
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  margin: 0;
	  padding: 0;
	}

	.desktop-ratio-height:before {
	  display: block;
	  content: "";
	  width: 100%;
	}
}

.ratio-height {
  position: relative;
}

.ratio-height > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}

.ratio-height:before {
  display: block;
  content: "";
  width: 100%;
}

.white { color:#fff; }

/* scaling text based on comp width of 1440px */

@media(min-width:1500px) {
	.scaling-text { font-size:104%; }
	.contact-form .input-wrap {
		height: 90px;
	}
}

@media(min-width:1550px) {
	.scaling-text { font-size:107%; }
}

@media(min-width:1600px) {
	.scaling-text { font-size:111%; }
}

@media(min-width:1650px) {
	.scaling-text { font-size:114%; }
}

@media(min-width:1700px) {
	.scaling-text { font-size:118%; }
}

@media(min-width:1750px) {
	.scaling-text { font-size:121%; }
}

@media(min-width:1800px) {
	.scaling-text { font-size:125%; }
}

@media(min-width:1850px) {
	.scaling-text { font-size:128%; }
}

@media(min-width:1900px) {
	.scaling-text { font-size:132%; }
}

@media(min-width:1950px) {
	.scaling-text { font-size:135%; }
}

@media(min-width:2000px) {
	.scaling-text { font-size:138%; }
}

@media(min-width:2050px) {
	.scaling-text { font-size:142%; }
}

@media(min-width:2100px) {
	.scaling-text { font-size:146%; }
}

@media(min-width:2150px) {
	.scaling-text { font-size:149%; }
}

@media(min-width:2200px) {
	.scaling-text { font-size:153%; }
}

@media(min-width:2250px) {
	.scaling-text { font-size:156%; }
}

@media(min-width:2300px) {
	.scaling-text { font-size:159%; }
}

@media(min-width:2350px) {
	.scaling-text { font-size:163%; }
}
@media(min-width:2400px) {
	.scaling-text { font-size:166%; }
}

@media(min-width:2450px) {
	.scaling-text { font-size:170%; }
}

@media(min-width:2500px) {
	.scaling-text { font-size:174%; }
}

@media(min-width:2550px) {
	.scaling-text { font-size:177%; }
}

@media(min-width:2600px) {
	.scaling-text { font-size:180%; }
}

@media(min-width:2650px) {
	.scaling-text { font-size:184%; }
}

@media(min-width:2700px) {
	.scaling-text { font-size:187%; }
}

@media(min-width:2750px) {
	.scaling-text { font-size:190%; }
}

@media(min-width:2800px) {
	.scaling-text { font-size:194%; }
}

/*@media(max-width:1440px) {
	.scaling-text { font-size:100%; }
}*/

@media(max-width:1400px) {
	.scaling-text { font-size:97%; }
}

@media(max-width:1350px) {
	.scaling-text { font-size:93%; }
}

@media(max-width:1300px) {
	.scaling-text { font-size:90%; }
}

@media(max-width:1250px) {
	.scaling-text { font-size:86%; }
}

@media(max-width:1200px) {
	.scaling-text { font-size:83%; }
}

@media(max-width:1150px) {
	.scaling-text { font-size:79%; }
}

@media(max-width:1100px) {
	.scaling-text { font-size:76%; }
}

@media(max-width:1050px) {
	.scaling-text { font-size:73%; }
}

@media(max-width:1024px) {
	.scaling-text { font-size:71%; }
}

@media(max-width:960px) {
	.scaling-text { font-size:66%; }
}

@media(max-width:900px) {
	.scaling-text { font-size:62.5%; }
}

@media(max-width:850px) {
	.scaling-text { font-size:59%; }
}

@media(max-width:800px) {
	.scaling-text { font-size:55%; }
}

@media(max-width:767px) {
	.scaling-text { font-size:100%; }
}