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

	CSS on Sails Framework
	Title: AppFolio
	Author: XHTMLized.com
	Date: February 2013	

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Normalized Styles
		1.6 Image Replacement		

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer
		2.7 Buttons
		2.8 Base64 Image Backgrounds
		2.9 Sprites
		2.10 Lighbox overlay

	3. PAGES
		3.1 Home
		3.2 Features
			3.2.1 Overview
			3.2.2 Client Communication
			3.2.3 Law Practice Management
			3.2.4 Law Calendars
			3.2.5 Document Management
			3.2.6 Document Assembly
			3.2.7 Legal Billing
			3.2.8 Mobile
			3.2.9 Reporting
			3.2.10 Security
		3.3 Happy Customers
		3.4 Blog
		3.5 Support
			3.5.1 Overview
			3.5.2 Webinars
			3.5.3 Contact Support
		3.6 About
			3.6.1 Our Story
			3.6.2 Team
			3.6.3 News
			3.6.4 Contact
		3.7 Pricing
		3.8 Free Trial
		3.9 Developer Center
		3.10 Terms & Conditions
		3.11 Privacy Policy
		3.12 Thank you


	4. PRINT

*******************************************************************************/
/* 1. BASE */
/* -------------------------------------------------------------------------- */
/* ========================================================================== */
/* 1.1 Reset */
/* -------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a[href],
label[for],
select,
input[type=checkbox],
input[type=radio] {
	cursor: pointer;
}

button,
input[type=button],
input[type=image],
input[type=reset],
input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=image]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	border: 0;
}

/* 1.2 Accessibility Navigation & Hide */
/* -------------------------------------------------------------------------- */
#accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

#accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

#accessibility-nav a:active,
#accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}

/* 1.3 Clearfix */
/* -------------------------------------------------------------------------- */
.container:after,
.primary-nav:after,
.secondary-nav:after,
.secondary-nav ul:after,
.sidebar .vcard:after,
.testimonials ul:after,
.experience:after,
.benefits ul:after,
.wrapper2:after,
.zebra li:after,
.footer:after,
.happy-customers li:after,
.happy-customers article:after,
.happy-customers header:after,
.price-display:after,
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.price-display:after {
	clear: left;
	/* Left only */
}

/* 1.4 Fonts */
/* -------------------------------------------------------------------------- 
@font-face {
	font-family: "Helvetica Bold";
	src: url("/fonts/helveticaneuebold.eot");
	src: url("/fonts/helveticaneuebold.eot?#iefix") format("embedded-opentype"), url("/fonts/helveticaneuebold.woff") format("woff"), url("/fonts/helveticaneuebold.ttf") format("truetype"), url("/fonts/helveticaneuebold.svg#helveticaneuebold") format("svg");
	font-family: Helvetica, Arial, serif;
	font-weight: 700;
	font-style: normal;
}
*/
@font-face {
	font-family: 'HelveticaNeueLTCom-BdCn';
	src: url('/fonts/helveticaneueltcom77boldcondensed.eot');
	src: url('/fonts/helveticaneueltcom77boldcondensed.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneueltcom77boldcondensed.woff') format('woff'), url('/fonts/helveticaneueltcom77boldcondensed.ttf') format('truetype'), url('/fonts/helveticaneueltcom77boldcondensed.svg#helveticaneueltcom77boldcondensed') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeue";
	src: url("/fonts/helveticaneue.eot");
	src: url("/fonts/helveticaneue.eot?#iefix") format("embedded-opentype"), url("/fonts/helveticaneue.woff") format("woff"), url("/fonts/helveticaneue.ttf") format("truetype"), url("/fonts/helveticaneue.svg#helveticaneue") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeue-Light";
	src: url("/fonts/helveticaneuelight.eot");
	src: url("/fonts/helveticaneuelight.eot?#iefix") format("embedded-opentype"), url("/fonts/helveticaneuelight.woff") format("woff"), url("/fonts/helveticaneuelight.ttf") format("truetype"), url("/fonts/helveticaneuelight.svg#helveticaneuelight") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeue-UltraLight";
	src: url("/fonts/helveticaneueultralight.eot");
	src: url("/fonts/helveticaneueultralight.eot?#iefix") format("embedded-opentype"), url("/fonts/helveticaneueultralight.woff") format("woff"), url("/fonts/helveticaneueultralight.ttf") format("truetype"), url("/fonts/helveticaneueultralight.svg#helveticaneueultralight") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* 1.5 Normalized Styles */
/* -------------------------------------------------------------------------- */
html {
	background: #FFF;
}

body {
	position: relative;
	z-index: 1;
	color: #666666;
	font: 16px / 1.25 "Helvetica", Helvetica, Arial, serif;
	font-weight: normal;
	background: #FFF;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th,
td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address,
cite,
dfn {
	font-style: normal;
}

abbr,
acronym {
	border-bottom: 1px dotted #999999;
	cursor: help;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

input,
textarea,
select {
	font-family: Helvetica, Arial, serif;
}

textarea {
	overflow: auto;
}

p.sm {
	margin: 0 0 5px 0;
}

a,
a:visited {
	text-decoration: none;
	color: #0070BB;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
	cursor: pointer;
	color: #0089E5;
}

a.button {
	text-decoration: none;
	font-weight: bold;
	/*+border-radius: 7px;*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	background-color: #0170BB;
	display: block;
}

a.button:hover {
	background-color: #0488E1;
	text-decoration: none;
}

a.button:visited {
	color: #FFFFFF;
}

a.button.centered {
	display: block;
	max-width: 360px;
	margin-left: auto !important;
	margin-right: auto !important;
}

a.button.mid {
	padding: 8px;
	max-width: 320px;
	margin: 15px 0;
}

a.button.sm {
	padding: 8px;
	max-width: 220px;
	margin: 8px 0;
	font-size: 12px;
}

a.button.green {
	background-color: #7FBF7F;
}

a.button.green:hover {
	background-color: #43A243;
}

a.button.grey {
	background-color: #CCC;
}

a.button.grey:hover {
	background-color: #ADADAD;
}

a.button.orange {
	border: 1px solid #FF532B;
	background: #FF532B;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff532b), color-stop(100%, #ff3000));
	background: -webkit-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -o-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -ms-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: linear-gradient(to bottom, #FF532B 0%, #FF3000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff532b', endColorstr='#ff3000',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #FF7150;
}

a.button.orange:hover {
	border-color: #EF390F;
	text-decoration: none;
	background: #EF390F;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzkwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTI5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef390f), color-stop(100%, #d92900));
	background: -webkit-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -o-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -ms-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: linear-gradient(to bottom, #EF390F 0%, #D92900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef390f', endColorstr='#d92900',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #EB5532;
}

a.button.cta-arrow:before {
	content: "";
	position: absolute;
	top: -27px;
	left: -97px;
	background: url(/images/website/common/_base64_arrow2.png) 0 0 / 100% no-repeat;
	width: 81px;
	height: 79px;
	z-index: 0;
}

.nomargin {
	margin: 0;
	padding: 0;
}

.nopadding {
	padding: 0;
}

.noside {
	padding-left: 0;
	padding-right: 0;
}

.norightside {
	padding-right: 0;
}

.noleftside {
	padding-left: 0;
}

.marginleft {
	padding-left: 30px;
}

img.rounded {
	border: 1px solid rgba(172, 180, 187, 0.47);
	/*+border-radius: 13px;*/
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	-khtml-border-radius: 13px;
	border-radius: 13px;
}

.buffer-15 {
	display: block;
	margin-top: 15px;
}

.buffer-50 {
	display: block;
	margin-top: 50px;
}

.buffer-100 {
	display: block;
	margin-top: 100px;
}

.centered {
	display: block;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.left-20 {
	display: block;
	margin-left: 20px;
}

.video-thumbnail {
	border: 1px solid #ACACAC;
	/*+border-radius: 9px;*/
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	position: relative;
	display: inline-block;
	z-index: 1;
	padding: 0;
	margin: 0;
	overflow: hidden;
	opacity: 1;
}

.video-thumbnail:hover {
	border: 1px solid #0066AA;
	opacity: 0.98;
}

.video-thumbnail:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(/images/video-icon.png) center / 79px no-repeat;
}

.video-thumbnail.thumb-sm {
	max-height: 140px;
}

.video-note {
	font-style: italic;
	font-size: 11px !important;
}

.note {
	font-style: italic;
	color: #808080;
}

.small-note {
	font-size: 13px;
	font-style: italic;
	color: #808080;
}

@media only screen and (max-width: 40em) {
	a.button {
		font-size: 12px;
		padding: 13px;
	}
	
	a.button.cta-arrow:before {
		content: "";
		display: none;
	}
	
	.centered-small {
		display: block;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.centered-medium {
		display: block;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Content area */
h2,
h3,
h4,
h5,
h6 {
	margin: 15px 0 6px 0;
	font-weight: bold;
}

h2 {
	font-size: 2em;
}

h2.plus {
	font-size: 30px !important;
	margin: 0 0 10px 0 !important;
}

h3 {
	font-size: 1.67em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.25em;
}

p {
	margin-bottom: 1em;
}

ul ul {
	margin-top: 5px;
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li {
	margin-bottom: 5px;
}

dl {
	margin-bottom: 15px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 10px;
}

blockquote {
	margin: 0 15px 15px 15px;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
}

th,
td {
	padding: 5px 10px 5px 0;
}

th {
	font-weight: bold;
}

img {
	display: block;
}

/* 1.6 Image replacement */
/* -------------------------------------------------------------------------- */
.ir {
	display: block;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
}

.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ie7 .ir a span,
.ie7 a.ir span {
	cursor: pointer;
}

/* 2. COMMON */
/* -------------------------------------------------------------------------- */
/* ========================================================================== */
/* 2.1 Container */
/* -------------------------------------------------------------------------- */
.container,
.header,
.testimonials,
.experience,
.benefits,
.secondary-nav ul,
.footer {
}

.wrapper {
	position: relative;
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}

/* 2.2 Header */
/* -------------------------------------------------------------------------- */
.header {
	position: relative;
	height: 105px;
	background: url(/images/common/bg_noise.png) repeat;
}

.header .site-name {
	float: left;
	width: 173px;
	height: 52px;
	margin: 27px 0 0 5px;
	background: url(/images/common/logo.png) 0 0 no-repeat;
}

/* 2.3 Navigation */
/* -------------------------------------------------------------------------- */
.primary-nav > ul {
	float: left;
	width: auto;
	margin: 38px 0 0 30px;
}

.primary-nav > ul > li {
	float: left;
	position: relative;
	margin: 0;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	list-style-type: none;
	letter-spacing: 0;
}

.primary-nav > ul > li > a {
	display: block;
	padding: 8px 12px;
	border-radius: 5px;
	color: #0071BC;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.primary-nav > ul > li > a.category {
	border-radius: 5px 5px 0 0;
}

.primary-nav > ul > li:hover > span {
	background: #E1E1E1;
}

.primary-nav > ul > li:hover > a {
	background: #E1E1E1;
}

.primary-nav > ul > li:hover ul {
	display: block;
	z-index: 101;
	opacity: 1;
	overflow: hidden;
	-webkit-transition: z-index 0s 0s, opacity 0.3s;
	-moz-transition: z-index 0s 0s, opacity 0.3s;
	-o-transition: z-index 0s 0s, opacity 0.3s;
	transition: z-index 0s 0s, opacity 0.3s;
}

.primary-nav > ul > li:active > a {
	background: #CDCDCD;
}

.primary-nav > ul > li:active > a.category {
	background: #E1E1E1;
}

.primary-nav ul ul {
	position: absolute;
	z-index: -5;
	opacity: 0;
	left: 0;
	top: 31px;
	padding: 7px;
	border-radius: 0 5px 5px 5px;
	margin: 0;
	background: #E1E1E1;
	-webkit-transition: z-index 0s 0.2s, opacity 0.3s;
	-moz-transition: z-index 0s 0.2s, opacity 0.3s;
	-o-transition: z-index 0s 0.2s, opacity 0.3s;
	transition: z-index 0s 0.2s, opacity 0.3s;
}

.ie8 .primary-nav ul ul {
	width: 0;
	height: 0;
	overflow: hidden;
}

.ie8 .primary-nav > ul > li:hover ul {
	width: auto;
	height: auto;
}

.primary-nav ul ul li {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-radius: 5px;
	margin: 0;
	color: #3E3E3E;
	font-size: 15px;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: 0;
	list-style-type: none;
	white-space: nowrap;
}

.primary-nav ul ul li:hover {
	background: #FFF;
}

.primary-nav ul ul li a {
	display: block;
	padding: 10px 14px;
	color: #3E3E3E;
	text-decoration: none;
}

.primary-nav .cta {
	float: left;
	width: 110px;
	height: 29px;
	line-height: 29px;
	border-radius: 4px;
	margin: 38px 0 0 20px;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	box-shadow: inset 0 0 3px 1px #2782D1;
	background: #0071BC;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVhYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0071bc), color-stop(100%, #005aaf));
	background: -webkit-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -o-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -ms-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: linear-gradient(to bottom, #0071BC 0%, #005AAF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#005aaf',GradientType=0 );
}

.primary-nav .cta:hover {
	text-decoration: none;
	background: #0066AA;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066aa), color-stop(100%, #00519e));
	background: -webkit-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -o-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -ms-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: linear-gradient(to bottom, #0066AA 0%, #00519E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066aa', endColorstr='#00519e',GradientType=0 );
}

.primary-nav .cta-login {
	float: left;
	width: 110px;
	height: 29px;
	line-height: 29px;
	border-radius: 4px;
	margin: 38px 0 0 13px;
	font-size: 15px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	box-shadow: inset 0 0 3px 1px #999999;
	background: #999999;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVhYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #999999 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #999999));
	background: -webkit-linear-gradient(top, #999999 0%, #999999 100%);
	background: -o-linear-gradient(top, #999999 0%, #999999 100%);
	background: -ms-linear-gradient(top, #999999 0%, #999999 100%);
	background: linear-gradient(to bottom, #999999 0%, #999999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999',GradientType=0 );
}

.primary-nav .cta-login:hover {
	text-decoration: none;
	background: #8E8E8E;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e8e8e), color-stop(100%, #8e8e8e));
	background: -webkit-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: -o-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: -ms-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: linear-gradient(to bottom, #8E8E8E 0%, #8E8E8E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e', endColorstr='#8e8e8e',GradientType=0 );
}

.primary-nav .login {
	position: relative;
	float: left;
	line-height: 29px;
	margin: 38px 0 0 15px;
	color: dimgrey;
	font-size: 14px;
}

.primary-nav .login:after {
	content: '';
	display: block;
	position: absolute;
	right: -15px;
	top: 12px;
	width: 9px;
	height: 5px;
}

.secondary-nav {
	-webkit-font-smoothing: auto;
	height: 45px;
	overflow: hidden;
	background: black;
	text-transform: capitalize;
}

.secondary-nav.hidden {
	height: 6px;
}

.secondary-nav.hidden ul {
	display: none;
}

.secondary-nav ul {
	padding: 0;
}

.secondary-nav li {
	float: left;
	line-height: 45px;
	margin: 0;
}

.secondary-nav li:first-child {
	margin-left: 0;
}

.secondary-nav a {
	display: inline-block;
	height: 30px;
	padding: 0 6px;
	border-radius: 4px;
	color: #C1DDEF;
	white-space: nowrap;
	font-size: 13px;
	line-height: 30px;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
}

.secondary-nav a:hover,
.secondary-nav a.current {
	background: #636363;
	color: #FFF;
	text-decoration: none;
}

.breadcrumbs {
	font-size: 0.8em;
	line-height: 25px;
	padding: 22px 0 65px 10px;
}

/* 2.4 Content */
/* -------------------------------------------------------------------------- */
.content {
	margin-bottom: 60px;
}

.styleguide {
	-webkit-font-smoothing: antialiased;
}

.styleguide h1 {
	margin: 0 0 45px;
	font-size: 44px;
	line-height: 44px;
	color: #1A1A1A;
	font-family: Helvetica, Arial, serif;
	font-weight: bold;
	letter-spacing: -2px;
	background: url();
	/* Mobile browser (ex. Dolphin) bug fix */
}

.styleguide h2 {
	clear: both;
	position: relative;
	left: -1px;
	margin: 45px 0 3px 0;
	font-size: 20px;
	line-height: 22px;
	color: #0070BB;
	font-family: Helvetica, Arial, serif;
	font-weight: bold;
	letter-spacing: -1px;
	background: url();
	/* Mobile browser (ex. Dolphin) bug fix */
}

.styleguide p.intro {
	float: none;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
	font-size: 22px;
	line-height: 30px;
	color: #7D7D7D;
	letter-spacing: 0px;
	background: url();
	/* Mobile browser (ex. Dolphin) bug fix */
}

.styleguide p {
	font-family: "Helvetica", Helvetica, Arial, serif;
	font-size: 16px;
	line-height: 25px;
	color: #5A5A5A;
	background: url();
	/* Mobile browser (ex. Dolphin) bug fix */
}

.styleguide p.return_news {
	font-family: "Helvetica", Helvetica, Arial, serif;
	font-size: 16px;
	line-height: 22px;
	color: #5A5A5A;
	margin-top: 32px;
}

.styleguide p.press-about-company {
	font-size: 13px;
	line-height: 18px;
	margin-top: 24px;
}

.styleguide ul.sibling {
	float: left;
	margin-right: 40px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 850px) {
	.styleguide ul.sibling {
		margin-bottom: 0;
	}
	
	.happy-customers {
		margin-top: 50px;
	}
}

.styleguide li {
	position: relative;
	list-style-type: none;
	line-height: 22px;
	margin-bottom: 6px;
	padding-left: 25px;
}

.styleguide li:before {
	font-family: Helvetica, Arial, serif;
	font-size: 60%;
	content: ">";
	display: block;
	position: absolute;
	left: 5px;
	top: -1px;
	width: 10px;
	color: #22B085;
}

.styleguide .wrapper {
	padding: 0 10px 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.styleguide .wrapper2 {
	clear: both;
	position: relative;
	padding: 1px 0 45px;
	margin: 45px 0;
}

.features-list {
	margin-bottom: 60px;
}

.features-list li {
	position: relative;
	padding-left: 75px;
	margin: 30px 0 0 0;
}

.features-list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 55px;
	height: 50px;
	background-image: url(/images/common/sprite_icons_bw_medium.png);
	background-repeat: no-repeat;
}

.features-list li h3 {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	margin: 4px 0;
}

.features-list li .desc {
	font-size: 16px;
}

.features-list.noicon li {
	padding-left: 0px;
}

.features-list.noicon li:before {
	background-image: none;
}

.price-display .entry {
	float: left;
	width: 160px;
	text-align: center;
}

.price-display .price {
	position: relative;
	width: auto;
	height: 120px;
}

.price-display :first-child .price {
	border: 1px solid #AAA;
	border-radius: 7px 0 0 7px;
	background: #E0E0E0;
}

.price-display :last-child .price {
	border: 1px solid #AAA;
	border-left: 0;
	border-radius: 0 7px 7px 0;
	background: #F3F3F3;
}

.ie8 .price-display .last-child .price {
	border: 1px solid #AAA;
	border-left: 0;
	border-radius: 0 7px 7px 0;
	background: #F3F3F3;
}

.price-display .target-group {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	color: #333;
	letter-spacing: 0;
}

.price-display .value {
	display: block;
	margin-top: 25px;
	font-size: 75px;
	line-height: 75px;
	font-family: "HelveticaNeueLTCom-BdCn", Helvetica, Arial, sans-serif;
	color: #333;
}

.price-display .value sup {
	font-size: 27px;
	position: relative;
	top: -34px;
	left: -2px;
}

.price-display .unit {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	font-size: 13px;
}

/* 2.5 Sidebar */
/* -------------------------------------------------------------------------- */
aside.box {
	float: right;
	width: 320px;
	margin: 0 0 20px 20px;
	line-height: 30px;
	text-align: center;
}

.box header {
	padding: 15px 20px;
	border: 1px solid #009116;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	color: #FFF;
	background: #23B186;
}

.box h3 {
	margin: 0;
	font-size: 28px;
	font-weight: 400;
	color: #FFF;
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
}

.box .essence {
	padding: 20px 10px 40px;
	border: 1px solid #C6C6C6;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	background: #F0F0F0;
}

/* Trial signup */
aside.trial-signup {
	float: right;
	width: 380px;
	margin: 0 0 0 60px;
	line-height: 30px;
	text-align: center;
}

.trial-signup header {
	position: relative;
	padding: 15px 20px;
	border: 1px solid #009116;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	color: #FFF;
	background: #23B085;
}

.trial-signup header:before {
	content: '';
	display: block;
	position: absolute;
	left: -90px;
	top: -30px;
	width: 80px;
	height: 91px;
}

.trial-signup h3 {
	margin: 10px 0 0 0;
	font-size: 28px;
	line-height: 28px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: -1px;
}

.trial-signup h4 {
	margin: 2px 0 8px 2px;
	font-size: 13px;
	line-height: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #C7EBE0;
	text-align: left;
}

.trial-signup .essence {
	padding: 20px 20px 40px;
	border: 1px solid #C6C6C6;
	border-top: 0;
	border-radius: 0 0 10px 10px;
	background: #F0F0F0;
}

.trial-signup form {
	text-align: left;
}

.trial-signup fieldset {
	position: relative;
	padding: 0;
	margin: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-before: 0;
	-webkit-padding-after: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
}

.trial-signup input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
	width: 100%;
	padding: 0 10px;
	border: 1px solid #ACACAC;
	border-radius: 4px;
	margin: 7px 0;
	font-size: 14px;
	color: #424242;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}

.ie8 .trial-signup input {
	line-height: 31px;
	color: #242424;
}

.trial-signup ::-webkit-input-placeholder {
	color: #919191;
}

.trial-signup :-moz-placeholder {
	color: #000;
}

.trial-signup ::-moz-placeholder {
	color: #000;
}

.trial-signup input:focus {
	outline: none;
	border-color: #0070BB;
}

.trial-signup .split {
	text-align: left;
}

.trial-signup .split input {
	width: 48%;
	float: left;
	margin-left: 4%;
}

.trial-signup .split input:first-child {
	margin-left: 0;
}

.trial-signup .shorten {
	display: inline-block;
	width: 68%;
}

.trial-signup .domain {
	float: right;
	margin: 7px 0;
	line-height: 32px;
}

.trial-signup .promo-text {
	display: block;
	text-align: center;
	height: 34px;
	margin: 12px 0 0;
	font-size: 14px;
}

.trial-signup .promo-text .trigger {
	display: inline;
	color: #0070BB;
	cursor: pointer;
}

#promo-code {
	display: none;
}

.trial-signup .submit {
	text-align: center;
	margin-top: 20px;
}

.trial-signup .submit button {
	text-transform: none;
	margin-left: 0;
	top: 0;
	line-height: 1em;
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: capitalize;
}

.trial-signup footer {
	font-size: 12px;
	line-height: 14px;
	padding: 20px 40px 0;
}

/* Trial signup validation */
.trial-signup input.error {
	background: #F9CCCD;
	color: #FC6467;
}

.trial-signup .error::-webkit-input-placeholder {
	color: #FC6467;
}

.trial-signup .error:-moz-placeholder {
	color: #FC6467;
}

.trial-signup .error::-moz-placeholder {
	color: #FC6467;
}

.trial-signup .custom-select.error a.current-selected {
	color: #FC6467;
}

.trial-signup label.error {
	position: absolute;
	z-index: 10;
	right: 111%;
	top: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 15px;
	border-radius: 7px 0 0 7px;
	margin: 7px 0;
	white-space: nowrap;
	text-align: right;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #E80000;
}

.trial-signup .shorten label.error {
	right: 116%;
}

.trial-signup label.error:after {
	content: '';
	display: block;
	position: absolute;
	right: -32px;
	top: 0;
	width: 32px;
	height: 32px;
}

.trial-signup .invisible {
	position: absolute;
	left: -10000px;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Developer signup */
aside.developer-signup {
	float: right;
	max-width: 360px;
	min-height: 570px;
	padding-left: 40px;
	border-left: 1px solid #BFBFBF;
	margin: 0 0 20px 40px;
	line-height: 30px;
	text-align: center;
}

.developer-signup h3 {
	margin: 0 0 5px;
	position: relative;
	top: -5px;
	color: #22B085;
	font-size: 23px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: 0;
	text-align: left;
	letter-spacing: -1px;
}

.developer-signup p {
	padding: 0 2px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	letter-spacing: 0px;
}

.developer-signup form {
	text-align: left;
}

.developer-signup fieldset {
	position: relative;
	padding: 0;
	margin: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-before: 0;
	-webkit-padding-after: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
}

.developer-signup input,
.developer-signup textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
	width: 100%;
	padding: 0 10px;
	border: 1px solid #ACACAC;
	border-radius: 4px;
	margin: 7px 0;
	color: #737373;
	font-size: 14px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}

.ie8 .developer-signup input {
	line-height: 31px;
}

.developer-signup textarea {
	height: auto;
	min-height: 100px;
	padding: 10px;
}

.developer-signup ::-webkit-input-placeholder {
	color: #898989;
}

.developer-signup :-moz-placeholder {
	color: #898989;
}

.developer-signup ::-moz-placeholder {
	color: #898989;
}

.developer-signup input:focus,
.developer-signup textarea:focus {
	outline: none;
	border-color: #0070BB;
}

/* Developer signup validation */
.developer-signup input.error,
.developer-signup textarea.error {
	background: #F9CCCD;
	color: #FC6467;
}

.developer-signup .error::-webkit-input-placeholder {
	color: #FC6467;
}

.developer-signup .error:-moz-placeholder {
	color: #FC6467;
}

.developer-signup .error::-moz-placeholder {
	color: #FC6467;
}

.developer-signup .custom-select.error a.current-selected {
	color: #FC6467;
}

.developer-signup label.error {
	position: absolute;
	z-index: 10;
	right: 111%;
	top: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 15px;
	border-radius: 7px 0 0 7px;
	margin: 7px 0;
	white-space: nowrap;
	text-align: right;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #E80000;
}

.developer-signup .shorten label.error {
	right: 116%;
}

.developer-signup label.error:after {
	content: '';
	display: block;
	position: absolute;
	right: -32px;
	top: 0;
	width: 32px;
	height: 32px;
}

.developer-signup .submit {
	text-align: center;
	margin-top: 20px;
}

.developer-signup .submit button {
	text-transform: none;
	margin-left: 0;
	top: 0;
	line-height: 1em;
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
}

/* Contact form */
.contact-form h3 {
	margin: 0;
	top: 0;
}

/* Custom select */
.custom-select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 32px;
	margin: 7px 0;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
}

.custom-select a.current-selected {
	position: relative;
	display: block;
	padding: 0 10px;
	border: 1px solid #ACACAC;
	border-radius: 4px;
	color: #737373;
	text-decoration: none;
	background: #FFF;
}

.custom-select.error a.current-selected {
	background: #F9CCCD;
}

.custom-select a.current-selected:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 30px;
	border-left: 1px solid #ACACAC;
	border-radius: 0 4px 3px 0;
	background-position: center -2px;
}

.custom-select:focus,
.custom-select :focus {
	outline: none;
}

.custom-select .custom-select-wrapper {
	position: absolute;
	left: -999em;
	z-index: 100;
	width: 100%;
}

.custom-select .unselectable {
	display: none;
}

.custom-select.open .custom-select-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	left: 1px;
	top: 32px;
	border-radius: 4px;
	border: 1px solid #ACACAC;
	margin-left: -1px;
	background: #FFF;
}

.custom-select .bottom {
	display: none;
}

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

.custom-select ul li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.custom-select ul li:before {
	display: none;
}

.custom-select ul li a {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
}

.custom-select ul li a:hover,
.custom-select ul li a.current {
	background: #F0F0F0;
	text-decoration: none;
	border-radius: 4px;
}

/* 2.6 Footer */
/* -------------------------------------------------------------------------- */
.footer {
	padding: 30px 0 20px;
	background: #D3EEFF;
}

.footer li {
	padding: 3px 0;
	margin: 5px 0;
	list-style-type: none;
}

.footer a {
	color: #0071BC;
	font-size: 14px;
}

.footer .social {
	display: block;
	float: none;
	margin-top: 20px;
}

.footer .social li {
	position: relative;
	padding-left: 24px;
}

.footer .twitter:before,
.footer .facebook:before,
.footer .googleplus:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
	background-image: url(/images/common/sprite_icons_social.png);
}

.footer .facebook:before {
	background-position: 0 -16px;
}

.footer .googleplus:before {
	background-position: 0 -32px;
}

.footer .question,
.footer .section-title {
	font-size: 18px;
	float: none;
	font-weight: bold;
	color: #666666;
}

.footer .answer {
	float: none;
	clear: both;
	color: #666666;
	margin-top: 9px;
	font-weight: normal;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

.footer .affiliation {
	width: 138px;
	height: 46px;
	background-image: url(/images/common/logo_appfolio.png);
	background-repeat: no-repeat;
	display: inline-block;
}

.footer .affiliation a {
	display: block;
	width: 100%;
	height: 100%;
}

.footer .copyright {
	color: #4C4C4C;
	font-size: 12px;
	text-align: center;
}

.footer .footer-section {
	margin-bottom: 20px;
}

.footer .footer-links,
.footer .footer-section .footer-links {
	display: block;
	clear: none;
	margin: 20px 0 35px;
}

/* 2.7 Buttons */
/* -------------------------------------------------------------------------- */
.cta-mobile a.btn {
	display: inline-block;
	position: relative;
	top: -3px;
	height: 46px;
	font-size: 22px;
	padding: 0 27px;
	border: 1px solid #015CAF;
	border-radius: 7px;
	margin: 0 0 15px 20px;
	line-height: 46px;
	font-size: 22px;
	color: #FFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	box-shadow: inset 0 0 4px 1px #4899CF;
	background: #0071BC;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVhYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0071bc), color-stop(100%, #005aaf));
	background: -webkit-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -o-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -ms-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: linear-gradient(to bottom, #0071BC 0%, #005AAF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#005aaf',GradientType=0 );
}

.cta-mobile a.btn:hover {
	text-decoration: none;
	background: #0066AA;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066aa), color-stop(100%, #00519e));
	background: -webkit-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -o-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -ms-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: linear-gradient(to bottom, #0066AA 0%, #00519E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066aa', endColorstr='#00519e',GradientType=0 );
}

.hero .cta .btn,
.features aside .btn,
.hero-mobile .cta .btn,
.hero .ctabtn,
.hero-content .ctabtn {
	display: inline-block;
	position: relative;
	width: 216px;
	height: 55px;
	padding: 0;
	border: 1px solid #FF532B;
	border-radius: 7px;
	line-height: 55px;
	font-size: 26px;
	color: #FFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	background: #FF532B;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTMyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff532b), color-stop(100%, #ff3000));
	background: -webkit-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -o-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -ms-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: linear-gradient(to bottom, #FF532B 0%, #FF3000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff532b', endColorstr='#ff3000',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #FF7150;
}

.hero .cta .btn:hover,
.features aside .btn:hover,
.hero-mobile .cta .btn:hover,
.hero .ctabtn:hover,
.hero-content .ctabtn:hover {
	border-color: #EF390F;
	text-decoration: none;
	background: #EF390F;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzkwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTI5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef390f), color-stop(100%, #d92900));
	background: -webkit-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -o-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -ms-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: linear-gradient(to bottom, #EF390F 0%, #D92900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef390f', endColorstr='#d92900',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #EB5532;
}

.hero .cta .btn:after,
.features aside .btn:after,
.hero-mobile .cta .btn:after,
.hero .ctabtn:after,
.hero-content .ctabtn:after {
	content: 'No credit card required.';
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	color: #C5C5C5;
	font-size: 13px;
	line-height: 16px;
	text-transform: none;
	-webkit-font-smoothing: subpixel-antialiased;
	pointer-events: none;
}

.ie8 .hero .cta .btn:after,
.ie8 .features aside .btn:after,
.ie8 .hero .ctabtn:after {
	bottom: 0;
	top: 55px;
	line-height: 30px;
	width: 218px;
	text-align: center;
}

.experience .cta .btn,
.happy-customers .cta .btn,
.trial-signup [type="submit"],
.developer-signup [type="submit"],
#lightbox [type="submit"] {
	display: inline-block;
	position: relative;
	top: -3px;
	height: 46px;
	padding: 0 27px;
	border: 1px solid #015CAF;
	border-radius: 7px;
	margin-left: 20px;
	line-height: 46px;
	font-size: 22px;
	color: #FFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	box-shadow: inset 0 0 4px 1px #4899CF;
	background: #0071BC;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVhYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0071bc), color-stop(100%, #005aaf));
	background: -webkit-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -o-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: -ms-linear-gradient(top, #0071BC 0%, #005AAF 100%);
	background: linear-gradient(to bottom, #0071BC 0%, #005AAF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#005aaf',GradientType=0 );
}

.experience .cta .btn:hover,
.happy-customers .cta .btn:hover,
.trial-signup [type="submit"]:hover,
.developer-signup [type="submit"]:hover {
	text-decoration: none;
	background: #0066AA;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066aa), color-stop(100%, #00519e));
	background: -webkit-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -o-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: -ms-linear-gradient(top, #0066AA 0%, #00519E 100%);
	background: linear-gradient(to bottom, #0066AA 0%, #00519E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066aa', endColorstr='#00519e',GradientType=0 );
}

.ie9 .btn {
	filter: none !important;
}

/* 2.8 Base64 Image Backgrounds */
/* -------------------------------------------------------------------------- */
@media only screen and (min-width: 721px) {
	.hero .cta h3:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAAAlCAMAAACNvQCFAAAAM1BMVEUAAAD/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uir/Uiq5X6dwAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAuNJREFUGBnNwQliIjkQBMBU6ZZKVfn/1243DYzBtz0DGwH8n0gAesy2Mh4uBiDhFYkpBQBrIvk0o0c8Wp1SCoCEi1BGANqcuto0rkWyKVfAo5WkS2dvApSItkI3bwXFaPxjkROPlqHuNCujDk9Zu/ZiPVXnLSsZDxe1UknnrpNUvsUdzzDUSHduzPmOjGcpHgff4Nx5ccHTCCTXYeQqTdcidVB4Zg2AiOCZBCcSBIAoT1yw4Rg5BDzbaNgt7rRgRzdawVPFXAZ207jxFLHjxpo3PNOoOBk8EZzw4CXiWaLgUHhIODFeTDyDNO0TJ40HwyEoD1YSnsCcI2BXeIGzptwYOdcKeKiQUvcxc8Zu8MSs46IZL1bGA4VFcqUo2EXliWvGlTivrBc8SLE2FxVnybgxn4IXovGFgUdIRlu6cNV4aLgRMuk8GHVm/FMlD6XTR8aVTB4K7tTZ+cKICf+McOMjtZ5wlXg28Ermrdk7Av62YiW16eY94sbgzjnwmhSnOV9apj3ib5FUp/PQg+BG5M4t4k1JdfIVjfi9UJV/aA64I9xpErxDSg0yeWdEAIKfk+EknTvXTcG9xJMW8L4m5sY7pstrHGnqKAFfFdKmNlUl6aY2U22CNw3urOFDEpT33BfP1tJaRkCrAZDWYsCtFACp6j6NN5ZbzYK3hM6Thk8Ed25ceeG8UOfOi9lIiI30OQo2AkgCopFqvGFG0mK0GgVvKdytFfCZ0Iwb4/uMO+fB3efqzbhz552KrJ7wAeWu4wtSL3Vqp6/FG8bP+eKZjdZbW1xtTnxkcFfxdck8O39ouQJIHbmtio9F56bjW7R07tyVNnjP+T5tFYeEzzQn2fEtIZSUkLJIQCrT6Xyp1lbr4s55ZRxdS2/S8FVKsuPHAhBqAVIaJGd0kgM2EzcjG8lZW5ZSmiTJgm+QRk78WkiVpGUxku4xGEcPQDYO/FToPeD3hvYyzXKQ0XIQpBKxCxLwt/wHomNMvuB8i9QAAAAASUVORK5CYII=);
	}
	
	.happy-customers .cta h3:before {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABWCAMAAADhTKj+AAAAM1BMVEUAAAD/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUbEv7IKAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAzZJREFUGBnFwQuS2zgMBcAHEqT4Bd79T7vSWPbYm01spYa13UAcnrBactKwWnHSZ8FaffKQsZROHkyxUjIeSsFKgTe+YaHEu4h1YuXOSCrWkcmTC5YJg6fZsU6ag4e5RSwTOidvCtYZvNuwTHTeNaxjNJ4iltE8eZpYp3aeMpYJSSZvTLGKRN1441gnD951rFMbT1YDFgn8NgIWKXxigjWy8UnGGpXPCtbQTnLylLBKIxtPBatIN95ZwDJt8mFgleGdX3x6zxFrlBH5rVnECqnxhWGFFAdfNMHPk2p8MqpFrBAKX4yCJTY6nwwEfEhwRarcmfEws0d8xnCNDt5Nn4KPSMMlWjOfRLSG93JsKeGCWPnEtjYT3lPvEVcEOl/UiLcSBwVXaJx80fGWbLSWcYk00vkw8J6yWsY1kS8s4B3pzi3igqyDr3rGOzLpI2V8rE/SciXn5GnGDW+IkawI+JCkSoZCbtl45wVF8SfWyRlbwqfCoBayIDY+9OEBfxDFyGIqAR/SEjeyNN/4bNaR8VuBZPfuo+FzJItOfhs81ITfyaSTtXV8TrQq+GQ4D1bwO427zVWRcEF1shpvnCfL+G+BX4pozvhcrVvC4DPjbsqWsuIXatxZGLMIPhcAVP7KuRsR/ybKg3NMXKNk5n/rSQNeVZ4SBBeoVeTIg/EXBaEKngyeMhMuEOxKsUKbmxbetMqDSZ8NO4n4ooN3KoKLWuvmMwPRWStJ5xevvOkSi0Cq8s7nxFWimBIhNc4SuUudd87WaZ1TEaGFzpuWS8I1saSkiDGyhWZWRpiTu+lGto2cnSnmymqTN32SI+CiqACiex4FyhDR2EfyqINzsGyjq6hCu/NLTtwVwV/Q0jqgvQJoVRAgTVv2bUsqAConT9W4M/wFDTjETQAkHIrgUCKA6HSe3Lhz/AxRHESA3Phg3FkW/LRI50PJvSf8MMll0Hnqk3TBj+t8mG5I3BJ+WhjOO1MFoPh53fmQsUbc+K0LlpDOu2GGNZQno3tVrFH5ELFK5kPBKuI82Bw+FIvEOXloOWAhfvGRsJBy5+SGlZSHWQUrxcFdxWKDpAUsVklWLDfIjOUKPeJ/9w8pZFJqkrc8dwAAAABJRU5ErkJggg==);
	}
	
	.primary-nav .login:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAS0lEQVQIW2NISUn9lpmZ+R8XBskzREXFyuNSCBIHyTMAOWCF6ekZ/5AVpKam/QaJg+TBikA4OjouHKYQRIP4MDm4IphCkAnICkAYAKBVUE+zOGe3AAAAAElFTkSuQmCC);
	}
	
	.testimonials .more:after,
	.experience .more:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAO0lEQVQY02P4////eSBWYMAG/kPAeyB2wCUJAwX4JEFgPRAL4JL8D3WHAS5JELhPsk6cdjaQ5E+cIQQAXmbBz4G1uoIAAAAASUVORK5CYII=);
	}
	
	.cta-bottom .btn:before {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAABgCAMAAAAXWgHLAAAAM1BMVEUAAAD/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUbEv7IKAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAA9BJREFUGBnNwQluKzkMBcBHam1JFN/9Tzte23aCQZL2B+QqAJFF8CmCk6r4DOIkk+EzDOeJd3wEnbyIig8wOs9mVXwANZ71nvEBKu86PsDGmw0fgHcN6ykvJsmM5ULliTtJVyyXeLP1gOWMV6PiA0TeWBOsZ5lXHrCemfMK61XuBMsJdxnLZe4G1uPOG5aztvGmYbmQeeMV67XOi8lNsVwQ45UXLNcQnFcVy4Ugk1cd63Xn3SZYbjPeCZZrlXetYrXJh4TV+KQVLEbnk4q1svOJC5aqfJGxVDI+61hLN9ILbxyrDXLwLmExaYM7w3LRuRuKxaJP586xmLPyanAwYK3cdfDKJ7tlLLVNPvM2AtYZkV+4YBlJG78wwTJx8IX3ORPW0cZnc2tdsFDhFy0r1gmlufPZhpViGDwbvJqoUbBQKnyw5DPiPaHisLQF550P0hXvkYHjtA++MEGZCYelnFPGYZmvLEkfEUcJeo84rnfnN4LD6D3jDdL51ciCg7rRU8Ub4iSdLzKOKhyW8Q7lVxZwUOFkzhAclDTzGzPBMcHpVk1wTLdB0nzwhRUco4MnCS3ggNAmORMayeB8qBIDDoicpOWeUTTg79Q4UUmm0Jw7d0tAVfxR1Un2UW244oDo1EByQGLjs5E2ZvzVJOlkZFYUwV+FrKGRU4zKb5qEpPgDNdInM3OSmiKOmCRrUX7RSTo5guD3Gi88BJ+z4ABN1SoCv3Djhaeh+C0xXk2nWVLdcIBKdpJz8KFx1xJ+K7bOO7c2cUie1S0Efmc8axGiCCr4UeOToDXjz1STABj8X63xrGfBD5JzN8jaasAh6uTkD0ZNMSkAxXcxAaXz2eQUHLKRsZjxRwWoLAlnkjqAXBWACFLV1py7TCoOSVYDomROng3SJx86G2+qbpyzjWE8sRKd7EliGmwBiGy8GZMRxwguUmk9kNMaoNVJjk769MadGS98izyZnS0XhIiLUPiQ8Z5Y6/A+y4wAQnVmMZ6NaHziJFsqpGmtPSXchcGdVbxNFbXiRA06DTpIFkaxMXlRfMt5M5KFDKWK4C5VnjgvkuJ9sWFDBVRRyJzHLAHDgySkyZ4KcgJSQawaIgBT3Mh0PsM/UnEm1djGFoDNSsBJ9YSrFvCq9MGdzc1rxL+lPUoJAKRqx4XgSgJedO5ma7mkgn9P8Cs6nLuUsdaY3G2CpXLngwlWkmS8G24RS228cSe3jKUCHwIWy85dwWLZeDHM2RWLTV5JwnrCq1kU6w2eOGn4BIUnPnvAJ6iTJ0XwESpPquAzZJIz4FN0suNjNHrA//kPjLtqt42K4rgAAAAASUVORK5CYII=);
	}
	
	.zebra a.magnifier:first-child:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAMAAADL21gSAAAAXVBMVEUAAABGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZSUlJdXV1paWl0dHSAgICLi4uXl5ejo6Ourq66urrFxcXR0dHc3Nzo6Ojz8/P///8iQuBnAAAADnRSTlMAECAwQFBgcI+fr8/f7/uBhvQAAAEOSURBVHjalZTtmoIgEEYRK8Nw/MiI1Xjv/zLLIpgVi93za+Q5+o4KIxjFXp3oyUntC7GFVA0xGiUTpThSwnH1tFLTBrrkzoE+cMg73CrpCz6xaL5Jzat7FRbGGcDNdsRRi7MjTz/DcyHO7iHVvu4c4Kwxi2q4VAsh3/UE/LTPUAcM3JKi8tUATO/WHjqXqpB2ZbfPwO88HdJcWDVAzyQtYku3KK2aCpIFWl5vSmN88Q6YaVNqHTC+qtlXqURnAPbc9sYhkTTFQAa3tKjjxTBhwdmVVYuKGN1oLoN/5pV9cUkJ3rLx34W81DI+je2n1JrifhLqg+X6sDPze/zvpyV/7vInOD8L/j1V8vMpP+nuqBE/R29c0aQAAAAASUVORK5CYII=);
	}
	
	.signup header:before {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABbCAMAAADTCPJcAAAAM1BMVEUAAAD/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUb/aUbEv7IKAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAwxJREFUGBm1wQdi20gQBMDeHGem///aIwGQooJtiNirAv4HcXBioThJZqyThWRNWCYKb6bDKombglUK70wD1nDKO6sRi3juhsMSTnnIWGPyxkh6rNG6cdOxRKMa79QCFvCTh54cVjA+DCxRunKXsUSePFSs4Is37mbACsEX7ixghaTKXXdYIahwJx4LeFMeNGKByg814rpufBKP64wvOq6Lwg8TCxSy8dCwQuFTwApJ+IAlGkW56x4L5FG5MWPHAtp5UPaM62rhB5kBV/nJVx3XVT4pFQsoH6xowgJJ+NQ8FvDDSOWmYIGSBh9CxXVu8MEmI66L/NCwgO/KB0URXJf4JF09riuk8SHiKo9OGh/E45pgna8mLnKDlDr5YBlXZRqU1rmbHn/hC/4p2XAknXBX8Rd+4N9CTORwYXBjNeBPYknR4d88OWxMHhTe4Wdee8QJRSVUPvXR8bNuLeGUiMkX5vCjJFScM0kqd2rUmfEDb5M54IxWW6ncmfImOnwTTBhwigNQuTPejYrvMtk8zqr8xAK+E7IWnDTZha8yvlElB04qzafGV8nji1LI5jvOU74QmzPjk05anTgv90oOvsh41clpJUePk0KZpHkvfCp44Ughm2acFsPoEU55p7yZxeFp0mjZAk4rLnugRLZKzs47IOKQSRpzQcJJzvmCkILkQtKMN75pwqEZyYJcAs7yHkBnzEZrlTfS2B0OkaRV7Qm/ErTPEfMMxoO0mnDjjDcqE79SYh5An4iDG6OwIQBo3OENozo4G9plUouxscF14aakhF+LHqjF+eYK+6ApC/zgxtjxHo+bVqhMQ7IPRbnrcHhbRciz1tbRbXIn2vG26HDjPIBQedCcHC5JAQiTZtyIUBwuGpNPtZLi8LZinMJXlaQ4vCeI8SvhjeAdPim/GsYNfs8n4Ss1a0YpYrOViN/r/GSmlN00bXiPbzwYKaTiziW8KTU+mNH6xEVTuDGS5mMNuMYpN12VdLiucGM1IwYskI13GrBIMpI2IlbJJK1inSCkOCykZMBK1Sb+6j8Ah0soBiiu6gAAAABJRU5ErkJggg==);
	}
	
	.trial-signup label.error:after,
	.developer-signup label.error:after,
	#lightbox label.error:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAtklEQVR42uXXoQ0CQRCF4TEYcgIKoAI0Cg8OKqAIrhISakCSC4QeoIMzOAzBIDCIS+B3T8OKJ0Z8q39xtzsT94j3Dx44YY0x+ogSwfH5U4cd5hgaAiBHTDwBcsPCEyBPbH0B0qDyBMgZI0+AXDH1BUjtC5ANep4A2WPgCZALZp4AeWGlAJ+lO6D1BiB9QJvxI9RvmO0i0lWc8jGqrQNJypGsQZVpLNdikmo163AoXU5L1/MKUeILvoeojeyytycAAAAASUVORK5CYII=);
	}
	
	.support.overview section .btn:after {
	}
	
	.custom-select a.current-selected:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAjCAMAAADha6m9AAAAkFBMVEXx8vLw8fHv8PHv8PDt7+/s7e7r7OzW19fq6+ulpaWVlZW1tbXo6erj5OSamprn6OjS09Pd3d7l5ufCw8PR0tLk5eWys7PBwsLi4+Td3t+jpKStra3g4eLW19ijo6Pb3N3e4ODMzc3Q0dLc3t/a3N3Y2tvW19nU1dfS09XP0dPNz9DLzM7IyszGyMrDxcfBw8WT5BsGAAAAb0lEQVQ4y+2SsQqAMAwFk7wgCgqK/v+v6iC1BRNpBx0ktx4XWhKhZiSSDxJu5veJFDzbDC7UsGqSdrDz3RUDM5IWrL1lYTbDmXRcnUBGIqKJUZ8AM9HC9jj7+wro5igvUazKTuI9DMKuiOOP5N3kAJHPCnWFTlw0AAAAAElFTkSuQmCC);
	}
	
	#jquery-lightbox .prev:hover {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAMAAABEH1h2AAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICPj4+fn5+vr6+/v7/Pz8/f39/v7+////+2fzjZAAAABHRSTlMAQI+vOXvRpwAAAPNJREFUeNrtl10PgyAMRWUWQfEDsf//t25m2Vbj0+XGPXneT9LApbTNC9dKDa1rdh5Sy4Oyd98JQ9Nyutz6xXoqqjlU6n7Rnc1X6bHom7FGH/VDxnWf9csM6/2mPyKqT2qYBNO71chbL5g+2MKzF0j3sxpGMHXBFl6iYHpSw+IF0v1izyyBTybaM1uDYPqohtkLpHf5dNmA3h8K7wTRzynF9ENKo4D6cEwpqpvrTiKszhZPHx17cXRs2NCyT4Z+sGy7+EOzsoQCtEq6UfPfBP9JIRnGP2hyPCCHE3I0Igczbiy8J2pAv3gVcpROroHkEkquwE+Q41qiw+DF1AAAAABJRU5ErkJggg==);
	}
	
	#jquery-lightbox .next:hover {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAMAAABEH1h2AAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICPj4+fn5+vr6+/v7/Pz8/f39/v7+////+2fzjZAAAABHRSTlMAQI+vOXvRpwAAAPNJREFUeNrtl8sSgyAMRUWDoPhAzP9/a+t02qaT1YVOVp79mRG8CUn3xA1Uw+C6i55q6ZWN+o5a6IY2nW79f3rIzCXV6v7ki93X6Qu/KLFKz/xmqdE3/pA9rkf+ck6wTisLVlin6RT+MaI6+SwPMOOpW1iweVSnWOQBAqqT31mQ8JJJ8gZ3j+oUDnmDEdXJbyxYIF1HII+oTuOhMgzoKsOwTvEnw5CuMzyD+kUSAbDU9ccbXB384/DY4KG1Kxm8YPF2gTcrvFWWYNao9TNh9kjplNo90Ho8MBhOwNEIH8zwsfCeqCHdfhVyTXrjGti4hDauwA9/oVqiJUt8egAAAABJRU5ErkJggg==);
	}
	
	#lightbox-secNav-btnClose {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAATCAYAAADMBm6RAAABpklEQVR42u2YO46DMBCG9wg+AkfwEXKEHIEjuKWzaFPs3mCpqFNS0lJteopNkTZSKtqJLf2RRxOWUUD7YJWRfkEYZzKfPX6QFyL68+LmnPNBn0H0gD6CtvH7qwAGqEHitEDvawJ+1YF0rQIYo0tcu92OzudzvI6C1XVNp9OJiqJYJfBGwg7DQMHiNUEzWFiCVoA3QWZGclmQJZqMa2cA+1vCZVkCFsahASut7/t7YABWom17A8e9nwC5EAz3OfPnwn9k4J7GbXMHDDVNQzAOLZ6LzpDAgL2wH7L4XCnAWRChnYG8SPrI4mSIdWDArTbCY3NUmAorgYmPCrQNcgpwBaD0LLXfs9hvzGcRay6whNZhIV6SpMxbAaw+96wjPCvlPTrWMN8FcZI0YKjrujHe2BnR/zCwgW82sCh9x6bOQbTzXN89wuaLknZIRivpw0RJ25GStWmO/9IcZj1vxaKVa4vWyBx1DMjgvhKrdrRsDnDbtstXaSQmIqVEhE/6t49tS+ggfVtavg/j8MGBpcycAwJktYMHZH74pPU8Sz/flp7vw//kH48r7QBPLJfUQloAAAAASUVORK5CYII=);
	}
	
	#lightbox .close-lightbox {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAATCAYAAADMBm6RAAABoElEQVR42u2YMQrCQBBFPcIewSPkCDlCjuARvICwN8gRcgRLGyE21gFbi7WwlUCKNBbjDPyFYUiWiBYJZOCRMLPBfTtuTNwQ0WbucTqdPBMY+oKGKTYI8RQgPFtRh4nTD1RLEi4Z+gPF7IXRXdJcr1fq+16Og2K32426rqPz+WxrzRKEcyv7fr9JQo5WWmQRg9JLEPZxspfLBbIILQ1ZG6/Xa1z4cDg4pmIC04CMP1dqNZPbCUkdtYYJuN6pWkCtZUrkc4YMdVIY3O93QmhpnbeLkRSuBCWzY9oxYRGDSK5ynqlxfmT2cSzECwjX33QYjHUyJZsUptgdLZ0Q3sUFMvnAbCHsVX4LfhA20mnZtPDYJBLCXhgbq7ZIi9w+8ZX2k4XB8/kc8pXFkPok4TAw+ZLJRoT3UrfXxL2P8Xav+1l1WCTMJFN7eIvuOZXL48KhlpktcJzTHs7QnQqdDXoPo1ZHlETA+Arnmaq1tibCyNeKcorw4/H4311adwk40+1co2rO5mwNOJ0zZH//HcbDhxZen7TWZ+n1bWl9H17kPx4f4NWgI6jywIIAAAAASUVORK5CYII=);
	}
}

/* 2.9 Sprites */
/* -------------------------------------------------------------------------- */
/* Home */
.manage-cases:before {
	background-position: 0 0;
}

.time:before {
	background-position: 0 -36px;
}

.calendars:before {
	background-position: 0 -72px;
}

.documents:before {
	background-position: 0 -108px;
}

.security:before {
	background-position: 0 -144px;
}

.messages:before {
	background-position: 0 -180px;
}

.permissions:before {
	background-position: 0 -216px;
}

/* Features overview */
.share-information:before {
	background-position: -264px 0px;
}

.communication-tools:before {
	background-position: -175px -262px;
}

.activity-streams:before {
	background-position: -90px -346px;
}

.online-payments:before {
	background-position: -177px -347px;
}

/* Features: Security */
.security .physical-security:before {
	background-position: -622px -255px;
}

.security .encryption:before {
	background-position: -255px -345px;
	top: -5px !important;
}

.security .data-redundancy:before {
	background-position: -260px -260px;
	top: -2px !important;
}

.security .hosting-platform:before {
	background-position: -173px -176px;
}

/* Pricing */
.pricing .data-storage:before {
	background-position: -260px 0;
}

.pricing .client-accounts:before {
	background-position: -173px -85px;
}

.pricing .tech-support:before {
	background-position: 3px -87px;
}

/* Free Trial */
.free-trial .data-storage:before {
	background-position: -260px 0;
}

.free-trial .client-accounts:before {
	background-position: -173px -85px;
}

.free-trial .tech-support:before {
	background-position: 3px -87px;
}

/* Support overview */
.support.overview .knowledge-center h2:before {
	background-position: -535px -330px;
}

.support.overview .webinars h2:before {
	background-position: -450px -330px;
}

/* 2.10 Lightbox Overlay */
/* -------------------------------------------------------------------------- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img {
	border: none;
}

#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	border-radius: 12px;
	margin: 0 auto;
	background-color: black;
	box-shadow: 0 0 25px 5px #222222;
	box-shadow: 4px 4px 20px 3px rgba(0, 0, 0, 0.6);
}

#lightbox-container-image {
	padding: 40px 10px 10px 10px;
	border-radius: 10px;
	background: black;
}

#lightbox-container-image img {
	border-radius: 12px;
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity 0.5s;
}

#lightbox-nav-btnPrev {
	opacity: 0;
	left: 0;
	float: left;
	background-position: left center;
	background-repeat: no-repeat;
}

#lightbox-nav-btnPrev:hover {
	opacity: 1;
}

#lightbox-nav-btnNext {
	opacity: 0;
	right: 0;
	float: right;
	background-position: right center;
	background-repeat: no-repeat;
}

#lightbox-nav-btnNext:hover {
	opacity: 1;
}

#lightbox-container-image-data-box {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	overflow: auto;
	background-color: #FFF;
}

#lightbox-container-image-data {
	position: absolute;
	z-index: 10000;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	color: #666666;
}

#lightbox-loading-link {
	display: block;
	width: 72px;
	height: 72px;
	margin: 0 auto;
	background: url(/images/common/loading.gif);
}

#lightbox-image-details {
	width: 100%;
	padding: 0;
	float: left;
	text-align: center;
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	display: none !important;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 30px;
	clear: left;
	width: auto;
	height: auto;
	font-family: "PT Serif";
	color: #0099EE;
	font-size: 14px;
}

#lightbox-secNav-btnClose {
	width: 60px;
	height: 19px;
	position: absolute;
	z-index: 1000;
	top: 12px;
	right: 12px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	font-family: Arial;
	text-decoration: none;
	background-repeat: no-repeat;
}

/* Lightbox Contact form */
#lightbox-mask {
	z-index: 1001;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity .5s, width 0s .5s, height 0s .5s;
	-moz-transition: opacity .5s, width 0s .5s, height 0s .5s;
	-o-transition: opacity .5s, width 0s .5s, height 0s .5s;
	transition: opacity 0.5s, width 0s 0.5s, height 0s 0.5s;
}

#lightbox-mask.active {
	width: 100%;
	height: 100%;
	opacity: 0.65;
	background: #000;
	-webkit-transition: opacity .5s, width 0s 0s, height 0s 0s;
	-moz-transition: opacity .5s, width 0s 0s, height 0s 0s;
	-o-transition: opacity .5s, width 0s 0s, height 0s 0s;
	transition: opacity 0.5s, width 0s 0s, height 0s 0s;
}

#lightbox {
	display: none;
	position: absolute;
	z-index: 1002;
	left: 0;
	right: 0;
	top: 0;
}

#lightbox .wrapper {
	position: relative;
	margin: 0 auto;
	width: 400px;
	padding: 60px;
	border-radius: 7px;
	background: #FFF;
	box-shadow: 0 0 25px 5px #222222;
	box-shadow: 4px 4px 20px 3px rgba(0, 0, 0, 0.6);
}

#lightbox .close-lightbox {
	position: absolute;
	z-index: 1000;
	top: 15px;
	right: 15px;
	width: 60px;
	height: 19px;
	margin-left: 10px;
	cursor: pointer;
}

#lightbox h3 {
	margin: 0 0 5px;
	position: relative;
	top: -5px;
	color: #22B085;
	font-size: 23px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: 0;
	text-align: left;
	letter-spacing: -1px;
}

#lightbox form {
	text-align: left;
}

#lightbox fieldset {
	position: relative;
	padding: 0;
	margin: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-before: 0;
	-webkit-padding-after: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
}

#lightbox input,
#lightbox textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
	width: 100%;
	padding: 0 10px;
	border: 1px solid #ACACAC;
	border-radius: 4px;
	margin: 7px 0;
	color: #737373;
	font-size: 14px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}

.ie8 #lightbox input {
	line-height: 31px;
}

#lightbox textarea {
	height: auto;
	min-height: 100px;
	padding: 10px;
}

#lightbox ::-webkit-input-placeholder {
	color: #898989;
}

#lightbox :-moz-placeholder {
	color: #898989;
}

#lightbox ::-moz-placeholder {
	color: #898989;
}

#lightbox input:focus,
#lightbox textarea:focus {
	outline: none;
	border-color: #0070BB;
}

/* Developer signup validation */
#lightbox input.error,
#lightbox textarea.error {
	background: #F9CCCD;
	color: #FC6467;
}

#lightbox .error::-webkit-input-placeholder {
	color: #FC6467;
}

#lightbox .error:-moz-placeholder {
	color: #FC6467;
}

#lightbox .error::-moz-placeholder {
	color: #FC6467;
}

#lightbox .custom-select.error a.current-selected {
	color: #FC6467;
}

#lightbox label.error {
	position: absolute;
	z-index: 10;
	right: 111%;
	top: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 15px;
	border-radius: 7px 0 0 7px;
	margin: 7px 0;
	white-space: nowrap;
	text-align: right;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #E80000;
}

#lightbox .shorten label.error {
	right: 116%;
}

#lightbox label.error:after {
	content: '';
	display: block;
	position: absolute;
	right: -32px;
	top: 0;
	width: 32px;
	height: 32px;
}

#lightbox .submit {
	text-align: center;
	margin-top: 20px;
}

#lightbox .submit button {
	text-transform: none;
	margin-left: 0;
	top: 0;
	line-height: 1em;
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
}

/* 3. PAGES */
/* -------------------------------------------------------------------------- */
/* ========================================================================== */
/* 3.1 Home */
/* -------------------------------------------------------------------------- */
.content.home {
	margin-bottom: 0;
	background-color: #FFF;
}

/* Hero */
.hero {
	position: relative;
	height: 460px;
	margin-bottom: 0;
	background: #3C1B0A url(/images/home/bg_hero.jpg) center top no-repeat;
	border-bottom: 10px solid black;
}

.hero hgroup {
	position: absolute;
	left: 0;
	right: 0;
	top: 110px;
	width: 430px;
	margin: 0 auto;
	color: #FFF;
}

.hero hgroup h1 {
	color: #FFF;
	position: relative;
	left: -270px;
	font: normal 31px / 1.25 "Helvetica Light", Helvetica, Arial, serif;
	letter-spacing: 0;
	margin: 15px 0 6px;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
}

.hero hgroup p {
	color: #FFF;
	position: relative;
	left: -270px;
	font: bold 38px Helvetica, Arial, serif;
	text-transform: capitalize;
	letter-spacing: -2px;
	line-height: 1em;
	margin: 15px 0px 6px;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
}

.hero hgroup h3 {
	position: relative;
	left: -270px;
	font-size: 31px;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0px;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
	filter: dropshadow(color=black, offx=1, offy=1);
}

.hero .cta {
	position: absolute;
	right: 0;
	bottom: -115px;
	left: 0;
	z-index: 100;
	height: 115px;
	background: black;
	text-align: center;
}

.hero .cta h3 {
	display: inline-block;
	position: relative;
	top: 26px;
	padding: 0;
	margin: 0;
	color: #C6C6C6;
	font-size: 30px;
	line-height: 57px;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -1px;
}

.hero .cta h3:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -18px;
	right: -55px;
	width: 154px;
	height: 37px;
}

.hero .cta .btn {
	top: 26px;
	margin-left: 70px;
}

.hero .ctabtn {
	top: 17px;
	margin-left: -186px;
	text-align: center;
}

@media only screen and (max-width: 999px) {
	.hero-mobile {
		position: relative;
		background: #3C1B0A url(/images/home/bg_hero_mobile.jpg) right top no-repeat;
	}
	
	.home-callout-sm {
		position: absolute;
		right: 0px;
		top: 260px;
		max-width: 150px;
	}
}

@media only screen and (max-width: 600px) {
	.hero-mobile {
		position: relative;
		background: #3C1B0A url(/images/home/bg_hero_mobile_sm.jpg) right top no-repeat;
	}
	
	.home-callout-sm {
		position: absolute;
		right: 0px;
		top: 215px;
		max-width: 150px;
	}
	
	.hero-mobile hgroup h4 {
		display: block;
	}
}

@media only screen and (max-width: 600px) {
	.hero-mobile hgroup h4,
	.hero-mobile .cta .btn {
		display: block;
		margin: 0 auto;
	}
	
	.hero-mobile hgroup h4 {
		text-align: center;
	}
	
	.hero-mobile hgroup h4 span {
		white-space: nowrap;
	}
}

.hero-mobile hgroup {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #FFF;
}

.hero-mobile hgroup h2 {
	position: relative;
	font-family: Helvetica, Arial, serif;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	vertical-align: bottom;
	height: 100px;
	-webkit-font-smoothing: antialiased;
	text-transform: capitalize;
	letter-spacing: -2px;
	line-height: 1em;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
	filter: dropshadow(color=black, offx=1, offy=1);
}

.hero-mobile hgroup h3 {
	position: relative;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
	font-weight: normal;
	text-align: center;
	height: 170px;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0px;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
	filter: dropshadow(color=black, offx=1, offy=1);
}

.hero-mobile hgroup h4 {
	display: inline-block;
	font-size: 31px;
	color: #C6C6C6;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
	font-weight: normal;
	text-align: center;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0px;
}

.hero-mobile hgroup .no_cc {
	color: #C6C6C6;
	font-size: 13px;
}

.hero-mobile .cta {
	position: relative;
	right: 0;
	left: 0;
	padding: 20px 0 30px;
	background: black;
	text-align: center;
}

.hero-mobile .cta h3 {
	position: relative;
	padding: 0;
	margin: 0;
	color: #C6C6C6;
	font-size: 25px;
	font-family: "Helvetica Light", Helvetica, Arial, serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -1px;
}

.hero-mobile .cta h3:after {
	display: block;
	position: relative;
}

@media only screen and (max-width: 999px) {
	.hero-mobile hgroup h2 {
		font-size: 38px;
		padding: 30px 20px 0px 20px;
	}
	
	.hero-mobile hgroup h3 {
		font-size: 31px;
		margin: -20px 20px 200px 20px;
	}
	
	.hero-mobile hgroup h4 {
		margin-left: 20px;
		margin-bottom: 4px;
	}
	
	.hero-mobile hgroup .btn {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 740px) {
	.hero-mobile hgroup h2 {
		font-size: 38px;
		padding: 20px 20px 0px 20px;
	}
	
	.hero-mobile hgroup h3 {
		font-size: 25px;
		margin: 5px 20px 170px 20px;
	}
}

@media only screen and (max-width: 400px) {
	.hero-mobile hgroup h2 {
		font-size: 30px;
		padding: 30px 20px 0px 20px;
	}
	
	.hero-mobile hgroup h3 {
		font-size: 20px;
		margin: 0px 20px 170px 20px;
	}
	
	.hero-mobile hgroup h4 {
		line-height: 29px;
	}
	
	.hero-mobile .cta .btn {
		margin-top: 11px;
	}
}

/* Video-Hero */
.video-hero-wrapper {
	position: relative;
	height: 540px;
	background: #0070BB;
}

.video-hero-shadow {
	position: relative;
	height: 30px;
	background: url(/images/common/bg_noise.png) repeat;
}

.video-hero-shadow:after {
	content: "";
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	background: url(../hero/shadow.png) 0 0 / 100% 30px no-repeat;
}

#video-hero {
	z-index: 0;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

#hero-vid,
#video-hero .hero-img {
	bottom: 0;
	position: absolute;
	width: 100%;
	object-fit: contain;
}

.hero-content {
	position: relative;
	display: block;
	z-index: 10;
	margin: 0 auto;
	max-width: 750px;
	text-align: center;
	margin-top: 168px;
}

.hero-content p {
	color: #FFF;
	font-weight: bold;
	font-size: 40px;
	font-family: Helvetica, Arial, serif;
	text-transform: capitalize;
	letter-spacing: -2px;
	line-height: 1em;
	margin: 15px 0px;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
}

.hero-content h1 {
	color: rgba(255, 255, 255, 0.72);
	font: normal 31px / 1.25 "Helvetica Light", Helvetica, Arial, serif;
	letter-spacing: 0;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
}

.hero-content .ctabtn {
	width: 300px;
	margin: 27px 0 0;
	padding: 1px 0;
	text-shadow: 0 1px 0px rgba(36, 36, 36, 0.36);
}

.hero-content .ctabtn:after {
	font-style: italic;
	line-height: 0;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.36);
	-webkit-font-smoothing: antialiased;
	font-size: 17px;
}

/* Testimonials */
.testimonials {
	background: url(/images/common/bg_noise.png) repeat;
	margin: 0 auto;
	overflow: auto;
	padding: 72px 0 65px;
	position: relative;
}

@media only screen and (min-width: 1000px) {
	.testimonials {
		padding: 30px 0 65px;
	}
}

.testimonials h2 {
	margin: 0 0 50px;
	text-align: center;
	font-size: 40px;
	color: #484848;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
}

.testimonials ul {
	margin: 50px 0 0 0;
	padding: 0;
}

.testimonials li {
	float: left;
	width: 33%;
	max-width: 331px;
	border-left: 1px solid #CECECE;
	list-style-type: none;
	text-align: center;
	font-size: 13px;
	font-style: italic;
	font-family: Georgia, serif;
}

.testimonials img {
	display: inline-block;
}

.testimonials li:first-child {
	border: 0;
}

.testimonials .testimonial {
	padding: 20px 33px 0;
	margin-top: 15px;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: normal;
	color: #575757;
}

.testimonials .more {
	position: relative;
	float: right;
	height: 21px;
	line-height: 22px;
	padding: 0 20px 0 10px;
	border-radius: 3px;
	margin-top: 35px;
	margin-right: 20px;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: #FF522B;
}

.testimonials .more:hover {
	text-decoration: none;
	background: #EF380F;
}

.testimonials .more:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: 7px;
	width: 7px;
	height: 11px;
}

.testimonials .wrapper .mcard {
	display: inline;
	float: left;
	font: italic 13px Georgia, serif;
	max-width: 331px;
	text-align: center;
	width: 33%;
}

.testimonials div.middle {
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
}

.testimonials .mcard span {
	white-space: nowrap;
}

@media only screen and (max-width: 1050px) {
	.testimonials .mcard span {
		display: block;
		margin-bottom: 2px;
	}
}

@media only screen and (max-width: 750px) {
	.testimonials {
		padding-top: 45px;
	}
	
	.testimonials .wrapper .mcard {
		display: inline-block;
		float: none;
		height: 206px;
		margin-bottom: 30px;
		max-width: 850px;
		text-align: left;
		width: 100%;
	}
	
	.testimonials h2 {
		margin: 0 0 25px;
	}
	
	.testimonials .wrapper img {
		display: inline;
		float: left;
	}
	
	.testimonials p.testimonial {
		display: inline-block;
		float: left;
		margin: 50px 0 15px 20px;
		padding: 0;
		width: 450px;
	}
	
	.testimonials .mcard.middle {
		border-left: none;
		border-right: none;
		border-top: 1px solid #CECECE;
		border-bottom: 1px solid #CECECE;
		height: 266px;
		padding: 30px 0;
	}
	
	.testimonials .mcard span {
		display: inline-block;
		clear: left;
		margin-left: 20px;
		width: 300px;
	}
	
	.experience-mobile .cta-mobile h3 {
		margin: 25px 30px 10px;
	}
	
	.cta-mobile a.btn {
		margin: 0px 0px 25px 20px;
	}
}

@media only screen and (max-width: 725px) {
	.testimonials p.testimonial {
		width: 425px;
	}
	
	.testimonials .mcard span {
		width: 400px;
	}
}

@media only screen and (max-width: 690px) {
	.testimonials p.testimonial {
		width: 400px;
	}
	
	.testimonials .mcard span {
		width: 350px;
	}
}

@media only screen and (max-width: 675px) {
	.testimonials p.testimonial {
		width: 380px;
	}
	
	.testimonials .mcard span {
		width: 300px;
	}
}

@media only screen and (max-width: 650px) {
	.testimonials p.testimonial {
		width: 340px;
	}
	
	.testimonials .mcard span {
		width: 300px;
	}
}

@media only screen and (max-width: 625px) {
	.testimonials p.testimonial {
		width: 320px;
	}
	
	.testimonials .mcard span {
		width: 300px;
	}
}

@media only screen and (max-width: 600px) {
	.testimonials p.testimonial {
		width: 310px;
	}
	
	.testimonials .mcard span {
		width: 275px;
	}
}

@media only screen and (max-width: 575px) {
	.testimonials p.testimonial {
		margin-top: 40px;
		width: 290px;
	}
	
	.testimonials .mcard span {
		width: 275px;
	}
}

@media only screen and (max-width: 550px) {
	.testimonials p.testimonial {
		margin-top: 35px;
		width: 240px;
	}
	
	.testimonials .mcard span {
		width: 230px;
	}
}

@media only screen and (max-width: 525px) {
	.testimonials p.testimonial {
		width: 220px;
	}
	
	.testimonials .mcard span {
		width: 200px;
	}
}

@media only screen and (max-width: 500px) {
	.testimonials p.testimonial {
		margin-left: 10px;
		width: 200px;
	}
	
	.testimonials .mcard span {
		width: 180px;
	}
}

@media only screen and (max-width: 475px) {
	.testimonials p.testimonial {
		margin-left: 10px;
		width: 180px;
	}
	
	.testimonials .mcard span {
		width: 160px;
	}
}

@media only screen and (max-width: 465px) {
	.testimonials .wrapper .mcard {
		display: block;
		height: 100%;
		margin: 0 auto 15px;
		text-align: center;
		max-width: 100%;
		width: 100%;
	}
	
	.testimonials .wrapper img {
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	.testimonials .mcard div {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	.testimonials p.testimonial {
		margin-top: 10px;
		padding: 0 15px;
	}
	
	.testimonials p.testimonial,
	.testimonials .mcard span {
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
}

/* Experience */
.experience {
	position: relative;
	border-top: 1px solid #CECECE;
	text-align: center;
}

.experience .title {
	z-index: 10;
	position: relative;
}

.experience h2 {
	margin: 0px 0 7px;
	text-align: center;
	font-size: 40px;
	color: #5A5A5A;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.1;
}

.experience h3 {
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 23px;
	color: #999999;
	letter-spacing: 0px;
	font-weight: normal;
}

.experience-img-wrap {
	height: 712px;
}

.experience-img-wrap .splitscreen {
	margin: -60px 0 0;
	position: relative;
	z-index: auto;
}

.experience .experiences {
	text-align: left;
	padding-bottom: 80px;
}

.experience .your-experience h3,
.experience .clients-experience h3 {
	font-size: 19px;
	font-weight: bold;
	color: #0071BC;
	letter-spacing: -1px;
	text-align: left;
}

.experience .your-experience ul,
.experience .clients-experience ul {
	margin: 0;
	padding: 0;
}

.experience .your-experience li,
.experience .clients-experience li {
	position: relative;
	padding: 0 0 0 55px;
	margin: 10px 0;
	list-style-type: none;
	color: #666;
	font-size: 16px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	max-width: 437px;
}

.experience .clients-experience {
	padding: 0 0 0 65px;
}

.experience .your-experience .manage-cases:before,
.experience .your-experience .time:before,
.experience .your-experience .calendars:before,
.experience .your-experience .documents:before,
.experience .your-experience .security:before,
.experience .your-experience .messages:before,
.experience .your-experience .permissions:before,
.experience .clients-experience .manage-cases:before,
.experience .clients-experience .time:before,
.experience .clients-experience .calendars:before,
.experience .clients-experience .documents:before,
.experience .clients-experience .security:before,
.experience .clients-experience .messages:before,
.experience .clients-experience .permissions:before {
	content: '';
	display: block;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 36px;
	height: 36px;
	background-image: url(/images/common/sprite_icons_bw_small.png);
	background-repeat: no-repeat;
}

.experience .more {
	position: relative;
	float: right;
	display: inline-block;
	height: 21px;
	line-height: 22px;
	padding: 0 20px 0 10px;
	border-radius: 3px;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #FF522B;
	margin: 30px 0px 0 0;
}

.experience .more:hover {
	text-decoration: none;
	background: #EF380F;
}

.experience .more:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: 7px;
	width: 7px;
	height: 11px;
}

.experience .cta {
	min-height: 80px;
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	text-align: center;
	background: #E5E5E5;
	padding: 0 0 10px 0;
}

@media only screen and (min-width: 501px) {
	.experience .cta h3,
	.happy-customers .cta h3 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 500px) {
	.experience .cta h3,
	.happy-customers .cta h3 {
		font-size: 1.4em;
	}
}

.experience .cta h3,
.happy-customers .cta h3 {
	display: inline-block;
	position: relative;
	top: 0;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #595959;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	-webkit-font-smoothing: antialiased;
}

.happy-customers .cta {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0 15px 0;
	min-height: 77px;
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	text-align: center;
	background: #E5E5E5;
}

@media only screen and (max-width: 64em) {
	.experience .clients-experience {
		padding: 20px 15px;
	}
	
	.experience .your-experience li,
	.experience .clients-experience li {
		max-width: none;
		min-height: 30px;
		padding-top: 10px;
	}
	
	.experience .more {
		right: 15px;
	}
	
	.experience .experiences {
		padding-bottom: 30px;
	}
}

#filterable .mix {
	display: none;
}

/* Benefits */
@media only screen and (max-width: 999px) {
	.benefits li {
		float: left;
		padding: 0 10px 0 10px;
		position: relative;
		padding-left: 94px;
	}
	
	.benefits h2 {
		line-height: 40px;
		margin: 70px 0 30px 0;
		text-align: center;
		font-weight: normal;
		font-size: 40px;
		letter-spacing: 0px;
		color: #5A5A5A;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 0 10px 0 10px;
	}
	
	.benefits li h3 {
		margin: 5px 0 2px 0;
		font-size: 19px;
		font-weight: bold;
		letter-spacing: -1px;
		color: #333333;
		padding: 10px 10px 0 10px;
	}
	
	.benefits p {
		font-size: 16px;
		font-weight: normal;
		color: #666666;
		-webkit-font-smoothing: antialiased;
		background: url();
		/* Mobile browser (ex. Dolphin) bug fix */
		padding: 10px 10px 0 10px;
	}
	
	.benefits p.second {
		margin-top: 10px;
		margin-bottom: 40px;
		clear: both;
	}
	
	.benefits .app:before,
	.benefits .easiness:before,
	.benefits .growth:before,
	.benefits .clients:before {
		content: '';
		display: block;
		position: absolute;
		left: 10px;
		top: 9px;
		width: 81px;
		height: 81px;
		background: url(/images/home/sprite_icons_benefits.png) no-repeat;
	}
	
	.benefits .app:before {
		background-position: 0 0;
	}
	
	.benefits .easiness:before {
		background-position: 0 -81px;
	}
	
	.benefits .growth:before {
		background-position: 0 -162px;
	}
	
	.benefits .clients:before {
		background-position: 0 -243px;
	}
	
	.testimonials h2,
	.experience-mobile hgroup > h2 {
		line-height: 40px;
	}
}

@media only screen and (max-width: 52 5px) {
	.benefits .app:before,
	.benefits .easiness:before,
	.benefits .growth:before,
	.benefits .clients:before {
		top: 17px;
	}
}

@media only screen and (min-width: 1000px) {
	.benefits {
		position: relative;
		padding: 1px 0 72px 0;
		background: url(/images/common/bg_noise.png) repeat;
	}
	
	.benefits h2 {
		height: 40px;
		line-height: 40px;
		margin: 72px 0 20px 0;
		text-align: center;
		font-weight: normal;
		font-size: 40px;
		letter-spacing: 0px;
		color: #5A5A5A;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
	}
	
	.benefits ul {
		margin: 40px 0 20px 0;
		padding: 0;
		list-style-type: none;
	}
	
	.benefits li {
		float: left;
		position: relative;
		width: 370px;
		padding-left: 94px;
	}
	
	.benefits li h3 {
		margin: 5px 0 2px 0;
		font-size: 19px;
		font-weight: bold;
		letter-spacing: -1px;
		color: #333333;
	}
	
	.benefits p {
		font-size: 16px;
		font-weight: normal;
		color: #666666;
		-webkit-font-smoothing: antialiased;
		background: url();
		/* Mobile browser (ex. Dolphin) bug fix */
	}
	
	.benefits p.second {
		margin: 0 0 0 10px;
		font-size: 16px;
		font-weight: normal;
		color: #666666;
		-webkit-font-smoothing: antialiased;
		background: url();
		/* Mobile browser (ex. Dolphin) bug fix */
	}
	
	.benefits .app {
		float: left;
		min-height: 150px;
		margin-left: 10px;
	}
	
	.benefits .easiness {
		float: right;
		min-height: 150px;
	}
	
	.benefits .growth {
		float: left;
		clear: left;
		margin-left: 10px;
	}
	
	.benefits .clients {
		float: right;
	}
	
	.benefits .app:before,
	.benefits .easiness:before,
	.benefits .growth:before,
	.benefits .clients:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 81px;
		height: 81px;
		background: url(/images/home/sprite_icons_benefits.png) no-repeat;
	}
	
	.benefits .app:before {
		background-position: 0 0;
	}
	
	.benefits .easiness:before {
		background-position: 0 -81px;
	}
	
	.benefits .growth:before {
		background-position: 0 -162px;
	}
	
	.benefits .clients:before {
		background-position: 0 -243px;
	}
}

.cta-bottom {
	position: relative;
	height: 280px;
	text-align: center;
	background: #000;
}

.cta-bottom h3 {
	display: block;
	position: relative;
	padding: 0;
	padding-top: 72px;
	margin-top: 0;
	color: #C6C6C6;
	font-size: 30px;
	line-height: 30px;
	font-weight: 100;
	letter-spacing: -1px;
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.cta-bottom .note {
	color: #9FCAE6;
	font-size: 18px;
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.cta-bottom-mobile {
	position: relative;
	text-align: center;
	background: #000;
	padding: 40px 0 40px 0;
}

.cta-bottom-mobile h3 {
	display: block;
	position: relative;
	padding: 0;
	padding: 0px 20px 0 20px;
	margin-top: 0;
	color: #C6C6C6;
	font-size: 30px;
	line-height: 30px;
	font-weight: 100;
	letter-spacing: -1px;
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.cta-bottom-mobile .note {
	color: #9FCAE6;
	font-size: 18px;
	font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 5px 10px 20px 10px;
	-webkit-font-smoothing: antialiased;
}

.cta-bottom-mobile .btn {
	display: block;
	position: relative;
	width: 216px;
	height: 55px;
	padding: 0;
	border: 1px solid #FF532B;
	border-radius: 7px;
	margin: 0 auto;
	line-height: 55px;
	font-size: 26px;
	color: #FFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	background: #FF532B;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTMyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff532b), color-stop(100%, #ff3000));
	background: -webkit-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -o-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -ms-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: linear-gradient(to bottom, #FF532B 0%, #FF3000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff532b', endColorstr='#ff3000',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #FF7150;
}

.cta-bottom-mobile .btn:hover {
	border-color: #EF390F;
	text-decoration: none;
	background: #EF390F;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzkwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTI5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef390f), color-stop(100%, #d92900));
	background: -webkit-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -o-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -ms-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: linear-gradient(to bottom, #EF390F 0%, #D92900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef390f', endColorstr='#d92900',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #EB5532;
}

.cta-bottom-mobile .btn:before {
	content: '';
	display: block;
	position: absolute;
	left: -170px;
	top: -45px;
	width: 141px;
	height: 96px;
	pointer-events: none;
}

.cta-bottom .btn {
	display: block;
	position: relative;
	top: 26px;
	width: 216px;
	height: 55px;
	padding: 0;
	border: 1px solid #FF532B;
	border-radius: 7px;
	margin: 0 auto;
	line-height: 55px;
	font-size: 26px;
	color: #FFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	background: #FF532B;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTMyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjMwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff532b), color-stop(100%, #ff3000));
	background: -webkit-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -o-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: -ms-linear-gradient(top, #FF532B 0%, #FF3000 100%);
	background: linear-gradient(to bottom, #FF532B 0%, #FF3000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff532b', endColorstr='#ff3000',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #FF7150;
}

.cta-bottom .btn:hover {
	border-color: #EF390F;
	text-decoration: none;
	background: #EF390F;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzkwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTI5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef390f), color-stop(100%, #d92900));
	background: -webkit-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -o-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: -ms-linear-gradient(top, #EF390F 0%, #D92900 100%);
	background: linear-gradient(to bottom, #EF390F 0%, #D92900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef390f', endColorstr='#d92900',GradientType=0 );
	box-shadow: inset 0 0 3px 1px #EB5532;
}

.cta-bottom .btn:before {
	content: '';
	display: block;
	position: absolute;
	left: -170px;
	top: -45px;
	width: 141px;
	height: 96px;
	pointer-events: none;
}

/* 3.2 Features */
/* -------------------------------------------------------------------------- */
/* Next Feature button start */
.breadcrumbs a.next-feature {
	-webkit-font-smoothing: antialiased;
	box-shadow: inset 0 0 3px 1px #999999;
	background: #999999;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVhYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #999999 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #999999));
	background: -webkit-linear-gradient(top, #999999 0%, #999999 100%);
	background: -o-linear-gradient(top, #999999 0%, #999999 100%);
	background: -ms-linear-gradient(top, #999999 0%, #999999 100%);
	background: linear-gradient(to bottom, #999999 0%, #999999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999',GradientType=0 );
	border-radius: 4px;
	color: #FFF;
	display: inline-block;
	font-size: 0.95em;
	height: 20px;
	line-height: 17px;
	margin: 0;
	padding: 2px 6px 0;
	text-align: center;
	white-space: nowrap;
}

.breadcrumbs a.next-feature:hover {
	background: #8E8E8E;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e8e8e), color-stop(100%, #8e8e8e));
	background: -webkit-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: -o-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: -ms-linear-gradient(top, #8E8E8E 0%, #8E8E8E 100%);
	background: linear-gradient(to bottom, #8E8E8E 0%, #8E8E8E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e8e8e', endColorstr='#8e8e8e',GradientType=0 );
	text-decoration: none;
}

.breadcrumbs a.next-feature:active {
	text-decoration: none;
}

.breadcrumbs a.next-feature span {
	font-size: 10px;
}

.breadcrumbs .page {
	margin-right: 20px;
}

.breadcrumbs .next-feature.websites {
	display: none;
}

/* Next Feature button end */
.features ul.zebra {
	display: table-layout;
}

.features .zebra li {
	clear: both;
	padding: 20px 0;
	list-style-type: none;
}

.features .zebra li:before {
	content: '';
}

.features .zebra li .wrapper {
	padding: 0 5px;
}

.features .zebra li.even {
	position: relative;
	border-top: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	background: #EBEBEB;
}

.features .zebra a.magnifier {
	position: relative;
	float: left;
	margin-right: 20px;
}

.features .zebra a:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 145px;
	width: 36px;
	height: 35px;
}

.features .zebra a img {
	display: block;
	border: 1px solid #ACACAC;
	border-radius: 7px;
}

.features .zebra a img:hover {
	border-color: #0070BB;
}

.features .zebra .desc {
	height: 125px;
	padding: 0;
	margin: 0;
}

.features .zebra .desc h2 {
	float: left;
	float: none;
	clear: none;
	margin: 0px 0 3px 0;
}

.features .zebra .desc p {
	float: left;
	float: none;
	width: 790px;
}

.features .zebra-like,
.feature-like {
	position: relative;
	padding: 20px 0;
	margin-top: 40px;
	border-top: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	background: #EBEBEB;
}

.features .zebra-like h2,
.feature-like h2 {
	margin: 0;
	padding-left: 50px;
}

.features .zebra-like h2:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 36px;
	height: 44px;
	background-image: url(/images/common/sprite_icons_bw_small.png);
	background-position: 0 -396px;
}

.feature-like h2:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 36px;
	height: 36px;
	background-image: url(/images/common/sprite_icons_bw_small.png);
	background-position: 0px -326px;
	background-repeat: no-repeat;
}

.features .zebra-like p,
.feature-like p {
	padding-left: 50px;
	margin: 0;
}

.features .thumb {
	display: block;
	float: left;
	width: 480px;
	max-width: 48%;
	height: 290px;
	margin: 30px 0 0;
	margin-right: 20px;
	border: 1px solid #ACACAC;
	border-radius: 7px;
}

.features .thumb:hover {
	border-color: #0070BB;
}

.features .thumb img {
	width: 100%;
}

.features .thumb:last-child {
	margin-right: 0;
}

.ie8 .features .thumb.last-child {
	margin-right: 0;
}

.features .thumb img {
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 7px;
}

/* 3.2.1 Features: Overview */
/* -------------------------------------------------------------------------- */
.features-overview {
	margin-bottom: 100px;
}

.features-overview p.intro {
	float: left;
	margin: 0 35px 50px 0;
	width: 545px;
}

.features-overview .overview_vid {
	float: left;
	margin-bottom: 30px;
	width: 382px;
}

.features-overview .overview_vid iframe {
	height: 224px;
	margin-top: 5px;
}

@media only screen and (max-width: 700px) {
	.features-overview p.intro {
		width: 100%;
	}
}

@media only screen and (max-width: 800px) {
	.features-overview p.intro {
		width: 100%;
	}
}

@media only screen and (max-width: 762px) {
	.iphone {
		margin: 15px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.features-overview ul.sibling {
		margin-bottom: 0;
	}
	
	.features-overview ul.sibling-last {
		margin-bottom: 40px;
	}
}

/* 3.2.2 Features: Client Communication */
.features .quickbooks h2 {
	margin: 0 0 10px 0;
}

/* 3.2.3 Features: Law Practice Management */
/* -------------------------------------------------------------------------- */
.client-communication,
.law-practice-management {
	margin-bottom: 130px;
}

.client-communication aside .btn:after,
.law-practice-management aside .btn:after,
.legal-billing aside .btn:after,
.security aside .btn:after {
	color: #4F4F4F;
}

@media only screen and (min-width: 640px) {
	.client-communication p.intro,
	.law-practice-management p.intro {
		min-width: 640px;
	}
}

@media only screen and (max-width: 639px) {
	.client-communication p.intro,
	.law-practice-management p.intro {
		width: 100%;
	}
}

/* 3.2.4 Features: Law Calendars */
/* 3.2.5 Features: Document Management */
#features_page .docs-anim {
	margin-top: 6px !important;
}

@media only screen and (max-width: 40em) {
	#features_page .docs-anim {
		margin: 0 auto 20px !important;
		display: block;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#features_page .docs-anim {
		margin: 0 auto 20px !important;
		display: block;
	}
}

/* 3.2.6 Features - Document Assembly */
/* -------------------------------------------------------------------------- */
.document-assembly {
}

.document-assembly .intro,
.law-calendars .intro {
	width: auto;
}

.document-assembly h2 {
	float: left;
	clear: left;
	width: 480px;
	margin-top: 30px;
}

.document-assembly p {
	float: left;
	clear: left;
	margin: 0;
}

.document-assembly .thumb {
	float: right;
	margin: 30px 0 0 0;
}

/* 3.2.7 Features - Legal billing */
/* -------------------------------------------------------------------------- */
.legal-billing .zebra li:last-child {
	margin-bottom: 0;
}

.ie8 .legal-billing .zebra li.last-child {
	margin-bottom: 0;
}

/* 3.2.8 Features - Mobile */
/* -------------------------------------------------------------------------- */
.mobile {
}

.mobile aside {
	display: block;
	float: right;
}

.mobile aside img {
	display: block;
	margin-left: 45px;
}

/* 3.2.9 Features - Reporting */
/* 3.2.10 Features - Security */
/* -------------------------------------------------------------------------- */
.security .features-list {
	margin-bottom: 0;
}

.security .features-list h3 {
	color: #0070BB;
}

/* 3.2.10 Features - Websites*/
/* -------------------------------------------------------------------------- */
.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider .rsVideoFrameHolder,
.royalSlider .rsThumbs {
	background: #FFFFFF !important;
}

#site-slider {
	width: 100%;
	background-color: #FFFFFF;
	margin: 15px 0 0;
}

#site-slider .rsBullet {
	margin: 0 5px 6px 0;
}

#site-slider.royalSlider,
#site-slider.royalSlider .rsOverflow,
#site-slider.royalSlider .rsSlide,
#site-slider.royalSlider img {
	-webkit-border-radius: 13px;
	-mozborder-radius: 13px;
	border-radius: 13px;
}

#site-slider .slide-sm {
	box-shadow: 0 0 397px rgba(0, 0, 0, 0.617);
	/*+border-radius: 0 !important;*/
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	border-radius: 0 !important;
	left: 100px;
	position: absolute;
	margin: 0 0 0 81%;
	display: block;
}

.websites .centerbutton {
	position: absolute;
	left: 50%;
	margin: -22% 0 0 -150px;
}

.websites .centerbutton .button {
	width: 300px;
	opacity: 0.9;
	border: 1px solid rgba(255, 255, 255, 0.452);
}

.websites .centerbutton .button:hover {
	opacity: 1;
	text-decoration: none;
}

.websites .feature-box {
	background-color: #E6F1F9;
	border: 1px solid #ADB5BC;
	/*+border-radius: 9px;*/
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	padding: 15px;
	margin: 15px 0;
}

.feature-table {
	width: 100%;
	list-style: none;
}

.feature-table li:before {
	display: none;
}

.feature-table .t-left {
	display: inline-block;
	max-width: 390px;
	font-size: 15px;
	color: #3B3B3B;
}

.feature-table .t-right {
	width: 40px;
	display: inline-block;
	right: 0px;
	top: 6px;
	position: absolute;
}

.feature-table .underlined {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 6px 63px 6px 6px;
	border-bottom: 1px solid #ACB5BA;
}

.feature-table .result {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #000000;
	background: url('/images/dots.png') 0px 16px repeat-x;
	overflow: hidden;
	clear: both;
}

.feature-table .result .r-left {
	display: inline-block;
	float: left;
	background-color: #E6F1F9;
	padding: 0 5px;
}

.feature-table .result .r-right {
	width: 50px;
	float: right;
	background-color: #E6F1F9;
	padding: 0 0 0 6px;
}

.feature-table .divider {
	padding: 3px 0 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ACB5BA;
}

.websites .box {
	padding: 15px;
	border-top: 1px dashed #D4E7F5;
}

.websites .box h6 {
	margin: 15px;
}

.websites .testimonial,
.testimonial-box {
	margin: 30px 0px 15px;
	padding: 25px 33px;
	/*+border-radius: 13px;*/
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	-khtml-border-radius: 13px;
	border-radius: 13px;
	background-color: #F2F2F2;
}

.websites .testimonial .quote-mark,
.testimonial-box .quote-mark {
	float: left;
	margin: -10px 10px 0 0;
}

.websites .testimonial .quote,
.testimonial-box .quote {
	font-family: Georgia, serif;
	font-weight: 100;
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
	color: #5A5A5A;
	padding-top: 15px;
}

.websites .testimonial .pull-quote,
.testimonial-box .pull-quote {
	font-family: Georgia, serif;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.5;
	color: #5A5A5A;
	font-style: italic;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #E0E0E0;
}

.websites .testimonial .name,
.testimonial-box .name {
	font-family: Georgia, serif;
	text-align: left;
	font-weight: 100;
	font-size: 16px;
	margin: 15px 0 0;
}

.websites .testimonial .sub-name,
.testimonial-box .sub-name {
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	font-style: normal;
	line-height: 1;
	color: #8F8F8F;
}

.websites .testimonial .button,
.testimonial-box .button {
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin-top: 20px;
}

@media only screen and (max-width: 40em) {
	.websites .centerbutton .button {
		width: 140px;
		padding: 4px 0 4px;
		font-size: 11px;
	}
	
	.websites .centerbutton {
		position: absolute;
		left: 50%;
		margin: -38% 0 0 -70px;
	}
	
	.websites h1 {
		font-size: 34px;
		margin-bottom: 25px;
	}
	
	.websites .marginleft {
		padding: 0 10px;
	}
}

/* 3.3 Happy Customers */
/* -------------------------------------------------------------------------- */
.happy-customers {
	margin-bottom: 65px;
}

.happy-customers .list li {
	list-style-type: none;
	padding-left: 0;
	margin: 75px 0;
}

.happy-customers .list.second li:last-child {
	margin-bottom: 0;
}

.ie8 .happy-customers .list.second li.last-child {
	margin-bottom: 0;
}

.happy-customers .list li:before {
	display: none;
}

.happy-customers .list article,
.happy-customers .list header {
	position: relative;
	width: 100%;
}

.happy-customers .list h2 {
	padding-bottom: 15px;
	border-bottom: 1px solid #C6C6C6;
	margin: 0 0 15px 150px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 32px;
	font-weight: normal;
	line-height: 34px;
	letter-spacing: 0.5px;
	color: #5A5A5A;
	background: #FFF;
}

.happy-customers .list h2:before {
	content: '“';
}

.happy-customers .list h2:after {
	content: '”';
}

.happy-customers .list img {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	border: 1px solid #ACACAC;
	border-radius: 7px;
}

.happy-customers .list p {
	margin-left: 150px;
	font-family: Georgia, serif;
	font-size: 16px;
	background: #FFF;
}

.happy-customers .list p:before {
	content: '“';
}

.happy-customers .list p:after {
	content: '”';
}

.happy-customers .list footer {
	margin-left: 150px;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
}

.happy-customers .cta {
	position: relative;
}

.happy-customers .cta h3:before {
	content: '';
	position: absolute;
	left: -120px;
	top: -22px;
	width: 101px;
	height: 86px;
}

.happy-customers h2.plus {
	border-bottom: 1px dotted rgba(0, 112, 186, 0.50);
	padding: 0 0 16px 0;
	margin-bottom: 15px !important;
}

@media only screen and (min-width: 1000px) {
	.happy-customers .cta h3 {
		margin-left: 160px;
	}
}

.ten-reasons-video {
	padding-bottom: 51%;
}

.content .reason h2 {
	margin-top: 0;
}

.content .reason {
	margin: 0 0 30px 0;
}

#testimonial-slider {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 0 30px 0;
}

.royalSlider .video-element:before {
	content: "";
	width: 100%;
	height: 30px;
	display: block;
}

.royalSlider .video-element:after,
.video-shade:after {
	content: "";
	width: 100%;
	height: 30px;
	display: block;
	background: url(../images/liquid-slider/slider-bottom.png) 0 0 / 100% 30px no-repeat;
}

.royalSlider .slide h3 {
	margin: 0;
}

@media only screen and (max-width: 40em) {
	#testimonial-slider .rsOverflow {
		height: 550px !important;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#testimonial-slider .rsOverflow {
		height: 720px !important;
	}
}

@media only screen and (min-width: 64.063em) {
	#testimonial-slider.rsUni.rsHor .rsArrowRight {
		right: -60px;
	}
	
	#testimonial-slider.rsUni.rsHor .rsArrowLeft {
		left: -60px;
	}
}

/*     Trustpilot*/
.happy .review-widget {
	height: 150px;
	margin: 0;
	padding: 60px 0 0;
}

.happy .review-widget.trustpilot-widget {
	float: right;
}

.happy .left-side .review-stars {
	max-width: 180px;
	display: inline-block;
	margin: 0 auto;
}

.happy .review-stars {
	padding: 29px 0 0;
}

.happy .reviews .article .right-side {
	border-bottom: 1px solid #F3F3F3;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.happy .reviews .article:last-child .right-side {
	border-bottom: 1px solid transparent;
}

.happy #more-reviews-items-display .article:first-child .right-side {
	border-top: 1px solid #F3F3F3;
	margin-top: -20px;
	padding-top: 20px;
}

.happy .reviews .article h2 {
	margin: 0 0 15px 0;
	font-size: 27px;
	font-weight: normal;
	line-height: 1.1;
}

.happy .reviews .article .date {
	font-style: italic;
	font-size: 14px;
	margin: 0;
	color: #BBBBBB;
}

.happy .more-button {
	text-decoration: none;
	font-weight: bold;
	/*+border-radius: 7px;*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	background-color: #CCC;
	cursor: pointer;
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding: 15px;
	max-width: 270px;
	margin: 20px auto;
}

.happy .more-button:hover {
	background-color: #ADADAD;
	text-decoration: none;
}

.review-star {
	float: left;
	background-color: #CCC;
	border-radius: 3px;
	margin-right: 2px;
	padding: 2px 3px 3px !important;
	width: 48px;
	height: 47px;
	width: calc(20% - 2px);
	height: auto;
}

.review-star img {
	width: 100%;
	height: auto;
}

.review-stars.trust-star-1 .star-1 {
	background-color: #E22027;
}

.review-stars.trust-star-2 .star-1,
.review-stars.trust-star-2 .star-2 {
	background-color: #F47324;
}

.review-stars.trust-star-3 .star-1,
.review-stars.trust-star-3 .star-2,
.review-stars.trust-star-3 .star-3 {
	background-color: #F8CC18;
}

.review-stars.trust-star-4 .star-1,
.review-stars.trust-star-4 .star-2,
.review-stars.trust-star-4 .star-3,
.review-stars.trust-star-4 .star-4 {
	background-color: #73B143;
}

.review-stars.trust-star-5 .star-1,
.review-stars.trust-star-5 .star-2,
.review-stars.trust-star-5 .star-3,
.review-stars.trust-star-5 .star-4,
.review-stars.trust-star-5 .star-5 {
	background-color: #007F4E;
}

@media all and (min-width: 250px) {
	.review-star {
		margin-right: 4px;
		padding: 4px 5px 2px;
		width: calc(20% - 4px);
		height: auto;
	}
}

@media only screen and (max-width: 64.063em) {
	.happy .review-widget.trustpilot-widget {
		float: none;
		margin-bottom: 50px;
		margin-top: 0;
	}
	
	.happy .review-stars {
		padding: 0;
	}
	
	.happy .reviews .article .date {
		font-size: 12px;
		line-height: 1.2;
		margin: 7px 0 10px;
	}
	
	.happy #more-reviews-items-display .article:first-child .right-side {
		border-top: 1px solid transparent;
	}
	
	.happy #more-reviews-items-display .article:first-child .left-side {
		border-top: 1px solid #F3F3F3;
		padding-top: 30px;
		margin-top: -30px;
	}
}

@media only screen and (max-width: 40em) {
	.happy .reviews .article h2 {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1.1;
	}
}

/*     Filters*/
.filterstrip {
	margin: 0 0 15px 0;
	font-size: 14px;
}

.filterstrip .btn {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	cursor: pointer;
	margin: 0 3px;
	background-color: transparent;
	border-top: 1px solid transparent;
	/*+border-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
	font-size: 13px;
}

.filterstrip .btn:hover {
	background-color: #F5F5F5;
}

.filterstrip .btn.active {
	background-color: #D3EDFF;
	color: #00375C;
	border-top: 1px solid #9BD7FF;
}

.filterstrip span {
	margin: 0 10px 0 0;
	color: #B1B1B1;
}

@media only screen and (max-width: 40em) {
	.filterstrip .btn {
		display: inline-block;
		text-align: center;
		width: 49%;
		margin: 2px auto;
	}
	
	.filterstrip span {
		margin: 0 0 10px 0;
		text-align: center;
		display: block;
	}
}

/* 3.5.1 Support: Overview */
/* -------------------------------------------------------------------------- */
.support.overview {
}

.support.overview section {
	min-height: 200px;
	padding: 30px;
	margin: 25px 0 0;
	border-radius: 7px;
	border: 1px solid #CBCBCB;
	background: #EBEBEB;
}

.support.overview h2 {
	margin: 0;
	padding-left: 70px;
}

.support.overview h2:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	height: 55px;
	background-image: url(/images/common/sprite_icons_bw_medium.png);
}

.support.overview section p {
	margin: 5px 0 10px 70px;
}

.support.overview .knowledge-center {
	width: 48%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.support.overview .webinars {
	width: 48%;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.support.overview section .btn {
	position: relative;
	display: inline-block;
	padding: 6px 20px 5px 20px;
	border-radius: 4px;
	margin-left: 70px;
	color: #FFF;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background: #1073B9;
}

.support.overview section .btn .btn-caret {
	padding: 0 0 0 6px;
}

.support.overview section .btn:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	top: 7px;
	width: 7px;
	height: 9px;
}

.support.overview section .btn:hover {
	background: #167CC4;
	text-decoration: none;
}

.support.overview aside {
	float: right;
	width: 360px;
	height: 115px;
	padding-left: 40px;
	border-left: 1px solid #BFBFBF;
	margin: 0 0 20px 40px;
	line-height: 30px;
	text-align: left;
}

.support.overview h3 {
	margin: 0;
	position: relative;
	top: -4px;
	color: #22B085;
	font-size: 23px;
	line-height: 23px;
	white-space: nowrap;
	text-transform: capitalize;
	letter-spacing: 0;
	text-align: left;
	letter-spacing: -1px;
}

.support.overview .tel {
	display: block;
	padding: 0;
	line-height: 22px;
}

.support.overview .email {
	display: block;
	padding: 0;
	line-height: 22px;
}

/* 3.5.2 Support: Webinars */
/* -------------------------------------------------------------------------- */
.webinars {
}

.webinars .panel.rounded {
	/*+border-radius: 7px;*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
}

.webinars .video span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
}

.webinars h2 {
	margin: 0 0 11px 0;
}

.webinars p {
	margin: 0 0 10px 0;
}

.webinars .pick-a-date {
	margin-top: 40px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.webinar-size {
	max-width: 270px;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.webinar-size {
		max-width: none;
	}
}

/* 3.5.3 Support: Contact */
/* -------------------------------------------------------------------------- */
.support.contact {
	min-height: 600px;
	margin-bottom: 30px;
}

.support.contact .email.address {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* 3.6 About */
/* -------------------------------------------------------------------------- */
.about aside {
	margin-left: 60px;
}

/* 3.6.1 About: Our Story */
/* -------------------------------------------------------------------------- */
.about h1 {
	clear: left;
	margin-bottom: 21px;
}

.about-opportunities {
	margin: 57px 0 0;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	.about-opportunities {
		margin: 25px 0 35px;
	}
	
	.about-opportunities.careers {
		margin-bottom: 70px;
	}
	
	.about #main-slider img {
		max-width: 93%;
	}
}

.reveal-modal .close-reveal-modal {
	top: 0.2rem;
	text-decoration: none;
}

.about-opportunities h4 {
	color: #767676;
	font: 200 23px Helvetica, Arial, sans-serif;
	margin: 0 0 14px;
}

.about-opportunities span {
	background-image: url(../images/sprite/our_story_sprite.png);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto 20px;
}

.about-opportunities .leadership span {
	background-position: -1px -1px;
	height: 117px;
	width: 150px;
}

.about-opportunities .press span {
	background-position: -164px -3px;
	height: 117px;
	width: 103px;
}

.about-opportunities .careers span {
	background-position: -284px -5px;
	height: 117px;
	width: 126px;
}

.about-opportunities a {
	background-color: #0071BC;
	border-radius: 3px;
	color: #FFF;
	display: inline-block;
	font: bold 12px / 23px Helvetica, Arial, sans-serif;
	height: 21px;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
}

.about-opportunities a:hover {
	background-color: #0064B4;
	text-decoration: none;
}

.about-opportunities a:visited {
	text-decoration: none;
}

.about-opportunities a span {
	background-image: none;
	display: inline;
	font-size: 7px;
}

/* 3.6.2 About: Team */
/* -------------------------------------------------------------------------- */
.team .list li {
	list-style-type: none;
	padding-left: 0;
	margin: 50px 0;
}

.team .list li:last-child {
	margin-bottom: 0;
}

.ie8 .team .list li.last-child {
	margin-bottom: 0;
}

.team .list li:before {
	display: none;
}

.team .list article,
.team .list header {
	position: relative;
	width: 100%;
}

.team .list h2 {
	margin: 0 0 10px 150px;
	font-weight: bold;
}

.team .list h2:before {
	content: '';
}

.team .list img {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	border: 1px solid #ACACAC;
	border-radius: 7px;
	margin-top: 5px;
}

.team .list p {
	margin-left: 150px;
	font-size: 16px;
}

.team .list footer {
	margin-left: 150px;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
}

/* 3.6.3 About: News */
/* -------------------------------------------------------------------------- */
.articles {
	margin-bottom: 65px;
}

.news .articles ul {
	max-width: 540px;
}

.news .articles li {
	padding: 0;
	margin-bottom: 30px;
}

.news .articles li:last-child {
	margin-bottom: 0;
}

.ie8 .news .articles li.last-child {
	margin-bottom: 0;
}

.news .articles li:before {
	display: none;
}

.news h2 {
	display: inline;
	margin: 0;
	font-size: 16px;
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
}

.news time {
	font-size: 13px;
}

.news article span {
	display: block;
	font-size: 13px;
}

/* 3.6.4 About: Contact */
/* -------------------------------------------------------------------------- */
.contact .contact-us {
	display: block;
	margin-top: 30px;
	font-size: 16px;
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
}

.contact .tel {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 27px;
}

.contact p {
	line-height: 1.3;
	margin-bottom: 0;
}

.contact h1 {
	margin-bottom: 0;
}

.contact h2 {
	margin-top: 27px;
}

.contact h3 {
	font-size: 1em;
}

.contact .form .header {
	padding-left: 0;
	padding-right: 0;
	font-size: 20px;
}

.contact .form .footnote {
	padding-bottom: 10px;
}

/* 3.7 Pricing */
/* -------------------------------------------------------------------------- */
.pricing h1 {
	line-height: 1;
	margin: 0 0 25px 0;
}

.pricing h2 {
	clear: none;
	max-width: 520px;
}

.pricing .intro {
	max-width: 520px;
}

@media only screen and (max-width: 400px) {
	.pricing .intro {
		font-size: 18px !important;
	}
	
	.pricing h1 {
		line-height: 1;
		margin: 15px 0;
	}
}

.pricing .features-list {
	max-width: 520px;
	margin-bottom: 0;
}

.pricing .price-display {
	margin: 20px 0 70px;
}

.price-wrap {
	max-width: 450px;
	margin: 10px 0 0;
}

.pricebox {
	min-height: 90px;
	background-color: #F0F0F0;
	border: 1px solid #E0E0E0;
	padding: 10px;
	margin: 10px 0 0;
}

.price-wrap .target-group {
	text-align: center;
	font-weight: bold;
	display: block;
	margin: 20px 0 0;
	font-size: 18px;
	color: #000000;
}

.pricebox.leftround {
	border-right: none;
	border-top-left-radius: 9px;
	background-color: #F7F7F7;
}

.pricebox.rightround {
	border-top-right-radius: 9px;
	background-color: #F7F7F7;
}

.pricebox .value {
	text-align: center;
	font-size: 72px;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #272727;
	text-shadow: 1px 1px 1px #FFF;
	letter-spacing: -2px;
	line-height: 1.1;
}

.pricebox .value sup {
	font-size: 42px;
	font-weight: normal;
	font-style: normal;
}

.pricebox .unit {
	display: block;
	font-size: 13px;
}

#calc-slider {
	display: none;
}

.calc-wrap {
	min-height: 40px;
	background-color: #0170BB;
	border: 1px solid #0366A9;
	border-top: 1px solid #FFFFFF;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

.calc-wrap:hover {
	background-color: #0C86D9;
}

.calc-wrap .calculator-drop {
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 40px;
	background-color: transparent;
	padding: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
}

.calc-wrap .calculator-drop:focus {
	outline: none;
}

.calc {
	background-color: #E7E7E7;
	padding: 0;
	margin: 0;
	border: 1px solid #D8D8D8;
	border-top: none;
	border-bottom: none;
	min-height: 0;
	overflow: hidden;
}

.calc .roller {
	max-width: 108px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #D8D8D8;
	margin: 5px auto;
	padding: 0;
}

.calc .roller .content {
	padding: 10px 5px;
	margin: 0 -4px;
	width: 45px;
	text-align: center;
	font-size: 20px;
	border: none;
	display: inline-block;
	/*+border-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	background-color: #FFFFFF;
}

.calc .roller a {
	text-decoration: none;
	/*background-color: #D8D8D8;*/
	color: #9F9F9F;
	padding: 3px 0;
	margin: 0;
	width: 30px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	box-sizing: padding-box;
}

.calc .roller a:hover {
	color: #FFFFFF;
}

.calc .roller a:focus {
	outline: none;
}

.calc .title {
	font-weight: bold;
	color: #292929;
	font-size: 19px;
	margin: 15px 0;
}

.calc .note {
	font-size: 10px;
	display: block;
	padding: 28px 0 0;
}

#needMore.hide-more {
	font-size: 0;
	height: 98px;
}

#needMore.show-more {
	font-size: 10px;
	height: auto;
}

.calc .label {
	font-size: 14px;
	color: #3D3D3D;
	margin: 0;
	width: 100%;
}

.calc .burst {
	position: absolute;
	top: -32px;
	left: 70%;
	-ms-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	transform: rotate(7deg);
}

.calc .burst .title {
	font-size: 12px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 16px;
	left: 25px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}

.calc .burst .val {
	position: absolute;
	top: 35px;
	left: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 46px;
	font-size: 20px;
}

.calc .planbox {
	background-color: #E0E0E0;
	padding: 10px 5px;
}

.calc .planbox:last-child {
	border-left: 1px solid #E9E9E9;
}

.calc .planbox .value {
	font-size: 47px;
	display: block;
	text-align: center;
	margin: 5px 0 4px;
	color: #159A43;
	font-weight: bold;
	text-shadow: 1px 1px #F7F7F7;
}

.calc .planbox .value sup {
	font-weight: normal;
	font-size: 30px;
}

.calc .planbox .sm {
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-shadow: none;
	line-height: 1;
	margin-bottom: 10px;
}

.calc .planbox .label {
	font-weight: bold;
	width: 100%;
}

.calc .planbox .dec {
	font-size: 22px;
}

.calc .savesm {
	text-align: center;
	display: none;
	color: #3B8C3B;
	font-weight: bold;
	text-shadow: 1px 1px #F7F7F7;
}

#pricing-cta-sm .button {
	margin: 0 auto 20px;
	display: block;
	border-radius: 7px;
	text-decoration: none;
	font-weight: bold;
	background-color: #FF4217;
	color: #FFF;
}

#pricing-cta-sm {
	display: none;
}

@media only screen and (max-width: 40em) {
	.calc .burst {
		display: none;
	}
	
	.calc .savesm {
		display: block;
		border: 1px dashed #FFFFFF;
		width: 125px;
		padding: 5px 3px 3px;
		margin: 0 auto;
		/*+border-radius: 6px;*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		background-color: rgba(22, 153, 67, 0.73);
		color: #FFFFFF;
		text-shadow: none;
	}
	
	.price-wrap {
		max-width: 580px;
		margin: 0 auto;
	}
	
	.pricebox .value {
		font-size: 60px;
	}
	
	.pricebox .value sup {
		font-size: 38px;
	}
	
	.price-wrap .target-group {
		font-size: 13px;
	}
	
	.calc .planbox .sm {
		margin: 8px 0;
		line-height: 1.3;
	}
	
	.calc .planbox:last-child {
		border-top: 1px solid #E9E9E9;
	}
	
	.calc .planbox .label {
		margin: 0;
	}
	
	.calc .roller {
		width: 106px;
	}
	
	.calc .roller a {
		width: 32px;
	}
	
	.calc .roller .content {
		width: 38px;
	}
	
	.calc .counter .label {
		font-size: 13px;
		width: 100%;
	}
	
	#calc-slider .columns {
		padding: 0;
		margin: 0;
	}
	
	#pricing-cta-sm {
		display: block;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.price-wrap {
		max-width: 580px;
		margin: 0 auto;
	}
}

/*Forms 2.0*/
.mktoForm {
	width: 100% !important;
	background-color: #F7F7F7;
	padding: 20px 25px 0;
}

.mktoField {
	height: 36px;
	font-size: 16px !important;
	float: left;
	display: inline-block !important;
}

.mktoForm .mktoField.mktoHasWidth {
	width: 100% !important;
	/*max-width: 290px !important;*/
	display: inline-block;
	clear: none;
	float: left;
	box-shadow: inset 1px 1px 4px #EBEAEA;
	border: 1px solid #D4D4D4;
	/*+border-radius: 3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.mktoForm .mktoOffset {
	display: none;
}

.mktoFieldWrap {
	width: 100% !important;
	display: inline-block;
}

.mktoFormCol {
	width: 100% !important;
	height: 70px;
}

.mktoForm .mktoLabel.mktoHasWidth {
	min-width: 135px;
	display: inline-block;
	float: left;
	font-size: 14px;
	text-align: left;
	margin: 1px 5px 5px 0;
}

.mktoForm .mktoButtonRow {
	width: 100%;
}

.mktoForm .mktoButton {
	padding: 13px;
	margin: 0 auto !important;
	width: 220px;
	display: block;
	/*+border-radius: 6px;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #FF461B;
	background-image: linear-gradient(rgb(255, 83, 43) 0%, rgb(255, 48, 0) 100%);
}

.mktoForm .mktoButton:hover {
	background-color: #FF461B;
	background-image: linear-gradient(rgb(255, 48, 0) 0%, rgb(255, 83, 43) 100%);
}

.mktoForm .mktoAsterix {
	display: none !important;
}

.form .header {
	display: block;
	float: none;
	clear: none;
	height: auto;
	background-color: #0170BB;
	background-image: none;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	padding: 1px 0 17px 16px;
	box-shadow: 0px 3px #DEDEDE;
}

.form h3 {
	margin: 20px 0 0;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0px 2px #0E5C92;
}

.form .features-list h3 {
	color: #000;
	text-shadow: none;
	margin: 4px 0;
}

.form h4 {
	margin: 6px 0 0;
	padding: 0;
	color: #CCFDFC;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}

.form .footnote {
	width: 100%;
	padding: 10px 40px 30px;
	margin: 0 0 20px 0;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	background-color: #F7F7F7;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
}

@media only screen and (max-width: 480px) {
	.mktoForm input[type=url],
	.mktoForm input[type=text],
	.mktoForm input[type=date],
	.mktoForm input[type=tel],
	.mktoForm input[type=email],
	.mktoForm input[type=number],
	.mktoForm textarea.mktoField,
	.mktoForm select.mktoField {
		width: 100%;
		height: 36px !important;
		line-height: normal;
		font-size: 16px;
	}
	
	.form h3 {
		font-size: 22px;
	}
}

/* 3.8 Free Trial */
/* -------------------------------------------------------------------------- */
.free-trial h1,
.free-trial h2,
.free-trial .features-list,
.free-trial dl {
	max-width: 520px;
	margin-bottom: 0;
}

.free-trial h2 {
	clear: none;
}

.free-trial .price-display {
	margin: 20px 0 70px;
}

.free-trial dt {
	margin-top: 10px;
}

.free-trial dd {
	margin-bottom: 30px;
}

.free-trial dd:last-child {
	margin-bottom: 0;
}

.ie8 .free-trial dd.last-child {
	margin-bottom: 0;
}

/* 3.9 Developer Center */
/* -------------------------------------------------------------------------- */
.developer {
	margin-bottom: 120px;
}

.developer ul {
	margin: 25px 0;
}

.developer h1,
.developer p,
.developer ul {
	max-width: 520px;
}

/* 3.10 Terms & Conditions */
/* -------------------------------------------------------------------------- */
/* 3.11 Privacy Policy */
/* -------------------------------------------------------------------------- */
/* 3.12 Thank You */
/* -------------------------------------------------------------------------- */
.thank-you ul li {
	padding-left: 0;
	margin: 0;
}

.thank-you p {
	margin: 0;
}

.thank-you ul li:before {
	display: none;
}

/* 4. PRINT */
/* -------------------------------------------------------------------------- */
/* ========================================================================== */
@media print {
	body {
		font: normal normal 12pt / 1.5em "Times New Roman", Times, serif;
	}
	
	a[href]:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}
	
	a[href^="/"]:after {
		content: " (http://domain.com" attr(href) ") ";
	}
	
	#accessibility-nav,
	.hide {
		display: none !important;
	}
}

/* Merged from mycase_website.css */
.logout_cancel {
	margin-top: 5px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
}

.logout_message {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: black;
}

.login_message {
	width: 554px;
	padding-top: 20px;
	margin: 0px auto;
	margin-bottom: 10px;
}

.login_box {
	max-width: 594px;
	height: 224px;
	margin: 0px auto;
	background: url(/images/home/loginBG.jpg) 5px 0px no-repeat;
}

.login_box_larger {
	max-width: 589px;
	height: 294px;
	margin: 0px auto;
	background: url(/images/home/loginBG_large.png) top left no-repeat;
}

.login_box_huge {
	max-width: 589px;
	height: 375px;
	margin: 0px auto;
	background: url(/images/home/loginBG_huge.png) top left no-repeat;
}

.login_box table {
	margin: 20px 50px;
	max-width: 480px;
}

.login_box table td {
	padding: 0px;
	padding-right: 10px;
	padding-top: 27px;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 14px;
}

.login_box input {
	padding: 7px;
	border: 1px solid #959595;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#login-button input {
	display: inline-block;
	padding-left: 20px;
	padding-right: 10px;
	vertical-align: middle;
	line-height: 34px;
	font-size: 13px;
	font-weight: bold;
}

#login_session_email,
#login_session_password {
	height: 32px;
	float: left;
	margin: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAABmJLR…ID/kKf2svRiY7joYMec1c8COtsva3T+DOCzyxViwNPvwEMIZXdCan/PwAAAABJRU5ErkJggg==);
	background-attachment: scroll;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	cursor: auto;
}

#forgot_password {
	float: left;
	margin: 9px 0 0 9px;
}

#login_session_password {
}

div#password_strength_wrapper {
	border: 1px solid #959595;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	position: relative;
	background-color: #EEEEEE;
}

a.orange_button {
	background: url('/images/orange_button_right.png') no-repeat top right;
	color: #4F4F4F;
	float: left;
	height: 34px;
	padding-right: 10px;
	font-weight: bold;
	overflow: hidden;
	text-shadow: 0px 0px 2px #FFFFFF;
}

a.orange_button span {
	background: url('/images/orange_button_left.png') top left no-repeat;
	display: block;
	padding-left: 20px;
	padding-right: 10px;
	vertical-align: middle;
	line-height: 34px;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

a.orange_button img {
	vertical-align: middle;
	border: none;
	padding-right: 6px;
}

a.orange_button:hover {
	background-position: right -34px;
	text-decoration: none;
}

a.orange_button:hover span {
	background-position: 0px -34px;
}

div.signup_header_2 {
	background: url('/images/home2/signup_header2.png') top left no-repeat;
	position: absolute;
	width: 675px;
	height: 75px;
	top: -55px;
	left: -5px;
	text-align: center;
}

div.signup_header_2 table {
	width: 668px;
	height: 60px;
}

div.signup_header_2 table td {
	vertical-align: middle;
	font-size: 20px;
	line-height: 30px;
}

div.signup_header_3 {
	background: url('/images/home2/signup_header3.png') top left no-repeat;
	position: absolute;
	width: 675px;
	height: 100px;
	top: -78px;
	left: -5px;
	text-align: left;
}

div.signup_header_3 table {
	width: 668px;
	height: 83px;
}

div.signup_header_3 table td {
	vertical-align: middle;
	font-size: 14px;
	line-height: 26px;
}

div.signup_container {
	width: 585px;
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
}

div.signup_form_container {
	background-color: #D7E7EF;
	width: 585px;
	padding: 40px 0px 40px 75px;
	border: 1px solid #C2C2C2;
	margin: 0px auto;
	position: relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.signup_header_4 {
	background: url('/images/home2/signup_header4.png') top left no-repeat;
	position: absolute;
	width: 589px;
	height: 100px;
	top: -55px;
	left: -5px;
	text-align: left;
}

div.signup_header_4 table {
	width: 582px;
	height: 60px;
}

div.signup_header_4 table td {
	vertical-align: middle;
	font-size: 16px;
	line-height: 26px;
}

div#white_container {
	padding-top: 80px;
	padding-bottom: 50px;
}

aside.consultant-signup {
	min-height: 865px;
}

.consultant-signup h3 {
	font-size: 21px;
}

.loading_ajax {
	text-align: center;
	padding: 8px;
}

.loading_ajax img {
	display: inline;
}

ul.articles {
}

/* Modifications for retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.header .site-name {
		background-image: url(/images/common/logo@2x.png);
		-moz-background-size: 174px 53px;
		-ie-background-size: 174px 53px;
		-o-background-size: 174px 53px;
		-webkit-background-size: 174px 53px;
		background-size: 174px 53px;
	}
	
	.footer .affiliation {
		background-image: url(/images/common/logo_appfolio@2x.png);
		-moz-background-size: 136px 45px;
		-ie-background-size: 136px 45px;
		-o-background-size: 136px 45px;
		-webkit-background-size: 136px 45px;
		background-size: 136px 45px;
	}
}

iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
}

/* liquid slider */
.slider-bottom {
	margin-bottom: 50px;
}

@media only screen and (max-width: 560px) {
	/*.happy .columns
		{
			width: 94%;
		}*/
	.happy .royalSlider .columns {
		width: 100%;
	}
	
	.happy .liquid-slider p {
		margin-left: 0;
	}
}
/* -------------------------------------------------------------------------- */
/* ========================================================================== */
