/* DIRECT MAIL CSS */

/*----------------------------------------------------------------------------

   Viewport Rules

----------------------------------------------------------------------------*/

@-ms-viewport{
	width: device-width;
}
@-moz-viewport{
	width: device-width;
}
@-o-viewport{
	width: device-width;
}
@-webkit-viewport{
	width: device-width;
}
@viewport{
	width: device-width;
}

/*----------------------------------------------------------------------------

   Resets

----------------------------------------------------------------------------*/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body, html, div, blockquote, img, label, p, a, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, fieldset, input, th, td, figure {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img,
video {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}
a, :focus {
	outline: 0;
}
a {
	transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	    -ms-transition: all 0.25s ease-in-out 0s;
	     -o-transition: all 0.25s ease-in-out 0s;
}
a, a:visited {
	border-bottom: 1px solid #f58428;
	color: #71757c;
	text-decoration: none;
}
a:hover, a:active {
	border-color: #71757c;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*----------------------------------------------------------------------------

   Utility Classes

----------------------------------------------------------------------------*/

.clear:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*----------------------------------------------------------------------------

   Global Design Elements & Structure

----------------------------------------------------------------------------*/

html,
body {
	background-color: #4c5b74;
	position: relative;
}
div[role=main] {
	background-color: #f5f7fb;
	padding: 2.5em 3.75%;
	position: relative;
}
.wrapper {
	margin: 0 auto;
	max-width: 75em;
	position: relative;
}	
a.btn,
a.btn:visited {
	background-color: #f58428;
	border: none;
	border-radius: 0.5em;
	color: #fff;
	font-size: 0.875em;
	font-weight: 600;
	letter-spacing: 0.0875em;
	padding: 1.25em 2em;
	text-transform: uppercase;
	-webkit-border-radius: 0.5em;
}
a.btn:hover,
a.btn:active {
	background-color: #f79d6d;
	color: #fff;
}
a.learn-more,
a.learn-more:visited {
	background-color: transparent;
	border: 2px solid #f58428;
	border-radius: 0.5em;
	padding: 0.9375em 1.875em;
	-webkit-border-radius: 0.5em;
}
a.learn-more:hover,
a.learn-more:active {
	background-color: #f58428;
	color: #fff;
}
img.brand-icons {
	margin-bottom: 1em;
	width: 64px;
}
img.align-left, figure.align-left {
	margin: 0.25em 0.9375em 0.5625em 0;
	float: left;
}
img.align-right, figure.align-right {
	margin: 0.25em 0 0.9375em 0.5625em;
	float: right;
}
img.align-center, figure.align-center {
	margin: 0 auto;
}
video.no-controls::-webkit-media-controls {
	display: none !important;
}
figure.align-center figcaption {
	text-align: center;
}
figcaption {
	font-size: 0.875em;
	font-style: italic;
	margin-top: 0.5em;
	padding: 0.5em;
	text-align: left;
}
.gallery-item {
	float: left;
	margin: 1% 0;
	padding: 0 1%;
}
@media only screen and (min-width: 35.9375em) { 
	a.btn {
		padding: 1.5em 2.5em;
	}
}

/*----------------------------------------------------------------------------

   Form Elements

----------------------------------------------------------------------------*/

form,
fieldset,
form p {
	position: relative;
	font-size: 1em;
}
form ul,
form ol {
	list-style: none;
	padding-left: 0;
}
form ul ul,
form ul ol,
form ol ul,
form ol ol {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
form li {
	margin-bottom: 1.44444444em;
}
label {
	color: #4c5b74;
	display: inline-block;
	font-family: 'myriad-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: inherit;
	line-height: inherit;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=number], input[type=range], input[type=tel],
input[type=time], input[type=week], input[type=file], textarea, select {
	background-color: #f5f7fb;
	border: 6px solid #dbe0e9;
	border-bottom: none;
	border-right: none;
	border-top: none;
	border-radius: 0;
	color: #555;
	display: inline-block;
	font-family: 'myriad-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: inherit;
	font-weight: 400;
	padding: 0.5em 0.625em;
	-webkit-border-radius: 0;
	   -webkit-appearance: none;
	      -moz-appearance: none;
	        -o-appearance: none;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=number], input[type=range], input[type=tel],
input[type=time], input[type=week], input[type=file], textarea {
	transition: all 0.5s ease-in-out 0s;
	width: 100%;
	-webkit-transition: all 0.5s ease-in-out 0s;
	   -moz-transition: all 0.5s ease-in-out 0s;
	    -ms-transition: all 0.5s ease-in-out 0s;
	     -o-transition: all 0.5s ease-in-out 0s;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=tel], input[type=time], input[type=week],
input[type=file] {
	max-width: 100%;
	width: 24.375em;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus,
input[type=search]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus,
input[type=datetime-local]:focus, input[type=number]:focus, input[type=range]:focus, input[type=tel]:focus,
input[type=time]:focus, input[type=week]:focus, textarea:focus, select:focus {
	border-color: #f58428;
}
textarea {
	height: 15.625em;
	line-height: inherit;
	resize: none;
	overflow: auto;
}
select {
	cursor: pointer;
	font-size: inherit;
	font-weight: 400;
	max-width: 100%;
	width: 24.375em;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	   -moz-transition: all 0.5s ease-in-out 0s;
	    -ms-transition: all 0.5s ease-in-out 0s;
	     -o-transition: all 0.5s ease-in-out 0s;
}
@media only screen and ( -webkit-min-device-pixel-ratio: 0 ) {
	select {
		background-color: #f5f7fb;
		background-image: url(images/select_@2x.png);
		background-position: 100% 50%;
		background-repeat: no-repeat;
		background-size: 30px 20px;
	}
}
select optgroup {
	font-style: normal;
	font-weight: 400;
}
select option {
	padding: 0 1.07142857em;
}
input[type=radio], input[type=checkbox] {
	border: 1px solid #dbe0e9 !important;
	display: inline-block;
	margin-right: 0.45454545em;
	position: relative;
	vertical-align: middle;
}
input[type=submit], button[type=submit], input[type=button] {
	background-color: #8ac87e;
	border-radius: 0.5em;
	color: #fff;
	font-family: 'myriad-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 1.125em 1.5em;
	transition: all 0.25s ease-in-out 0s;
	width: auto;
	-webkit-border-radius: 0.5em;
	   -webkit-appearance: none;
	   -webkit-transition: all 0.25s ease-in-out 0s;
	      -moz-appearance: none;
	      -moz-transition: all 0.25s ease-in-out 0s;
	       -ms-transition: all 0.25s ease-in-out 0s;
	        -o-appearance: none;
	        -o-transition: all 0.25s ease-in-out 0s;
}
input[type=submit]:hover, button[type=submit]:hover, input[type=button]:hover {
	background-color: #8db1a1;
	cursor: pointer;
}
:-moz-placeholder {
	color: #757575;
}
::-moz-placeholder {
	color: #757575;
}
::-webkit-input-placeholder {
	color: #757575;
}
:-ms-input-placeholder {
	color: #757575;
}
.rq,
.form-messages {
	color: #c7385c;
}

/*----------------------------------------------------------------------------

   Typography

----------------------------------------------------------------------------*/

body {
	color: #71757c;
	font-family: 'myriad-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #4c5b74;
	font-weight: 600;
}
h1 {
	font-size: 1.75em;
	line-height: 1.25;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.5em;
	line-height: 1.25;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.3125em;
	line-height: 1.33333333;
	margin-bottom: 0.42857143em;
}
h4 {
	font-size: 1.125em;
	line-height: 1.55555556;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 0.875em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
p {
	font-size: 1em;
	line-height: 1.5625;
	margin-bottom: 1.5625em;
}
p.footnote {
	text-align: center;
}
blockquote {
	background-color: #f5f7fb;
	border-bottom: 1px solid #dbe0e9;
	border-top: 1px solid #dbe0e9;
	margin: 2em 0;
	padding: 1.875em 1.875em 1.875em 2.1875em;
}
blockquote p {
	font-style: italic;
	line-height: 1.375;
	margin-bottom: 1.375em;
	quotes: '\201c' '\201d';
	text-indent: -0.33333333em;
}
blockquote p:first-child:before, q:before, q q:before {
	content: open-quote;
}
blockquote p:last-child:after, q:after, q q:after {
	content: close-quote;
}
blockquote p:last-child {
	margin-bottom: 0;
}
q {
	quotes: '\201c' '\201d' '\2018' '\2019';
}
strong, b {
	font-weight: 600;
}
em, i, cite {
	font-style: italic;
}
small {
	font-size: 0.75em;
	line-height: inherit;
}
mark {
	background-color: #ffffd9;
}
strike, del {
	text-decoration: line-through;
}
abbr, acronym, ins {
	border-bottom: 1px dotted;
}
abbr, acronym {
	cursor: help;
	text-transform: uppercase;
}
ins {
	text-decoration: none;
}
sup, sub {
	font-size: 0.75em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.333em;
}
sub {
	bottom: -0.333em;
}
address {
	font-style: normal;
}
pre {
	background-color: #f5f7fb;
	border: 1px solid #ddd;
	line-height: 24px;
	margin: 40px 0;
	overflow: auto;
	overflow-y: hidden;
	padding: 0 25px 25px;
	white-space: pre;
}
code {
	background-color: #f5f7fb;
	color: #333;
	font-family: Courier, Monaco, monospace;
	font-size: 95%;
	padding: 0.11111111em 0.22222222em;
}

/*----------------------------------------------------------------------------

   Lists

----------------------------------------------------------------------------*/

ul, ol, dl {
	font-size: 1em;
	line-height: 1.5625;
	margin-bottom: 1.5625em;
}
ul {
	list-style: disc;
	padding-left: 1em;
}
ul ul, ol ul {
	list-style: circle;
}
ol {
	list-style: decimal;
	padding-left: 1.3125em;
}
ul ol, ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: decimal;
}
ul ul, ol ul, ul ol, ol ol {
	font-size: inherit;
	margin: 0.5em 0;
}
ul ul, ol ul {
	padding-left: 1em;
}
ul ol, ol ol {
	padding-left: 1.125em;
}
dt {
	color: #4c5b74;
	font-size: inherit;
	font-weight: 600;
}
li, dd {
	margin-bottom: 0.5em;
}

/*----------------------------------------------------------------------------

   Tables

----------------------------------------------------------------------------*/

table {
	background-color: #ffffff;
	border-bottom: none;
	border-left: 1px solid #dbe0e9;
	border-right: 1px solid #dbe0e9;
	border-top: 1px solid #dbe0e9;
	font-family: inherit;
	font-size: 1em;
	line-height: 1.5625;
	margin: 2.5em 0;
	width: 100%;
}
caption {
	color: #747474;
	font-size: 1.125em;
	font-weight: 400;
	line-height: 1.33333333;
	margin-bottom: 0.66666667em;
	text-align: left;
}
thead {
	background-color: #f5f7fb;
}
tbody tr:nth-of-type(2n) {
	background-color: #f5f7fb;
}
th {
	border-bottom: 1px solid #dbe0e9;
	padding: 0.75em 0.9375em;
	text-align: left;
	vertical-align: top;
}
td {
	border-bottom: 1px solid #dbe0e9;
	padding: 0.75em 0.9375em;
	text-align: left;
	vertical-align: top;
}
tfoot {
	font-style: italic;
}
/*----------------------------------------------------------------------------

   Header & Nav

----------------------------------------------------------------------------*/

header[role=banner] {
	background-color: #fff;
	border-bottom: 1px solid #dbe0e9;
	padding: 0.9375em 3.75% 1px;
	position: relative;
}
.logo {
	float: left;
	margin-bottom: 0.75em;
	position: relative;
}
.logo a {
	border: none;
	color: #71757c;
	display: block;
	position: relative;
}
.logo img {
	display: inline;
	margin-right: 0.3125em;
	position: relative;
	top: 0.1875em;
	width: 42px;
	height: 42px;
}
.logo span {
	font-size: 1.375em;
	font-weight: 300;
	line-height: 1;
	left: 0;
	position: relative;
	top: -0.59090909em;
}
a.menu-toggle {
	border: none;
	color: #8ac87e;
	font-size: 1.4375em;
	line-height: 2;
	position: absolute;
	right: 0;
	top: 0;
}
a.menu-toggle:hover {
	color: #8db1a1;
}
.main-nav {
	background-color: #f5f7fb;
	clear: left;
	display: none;
	margin-bottom: 1em;
	position: relative;
}
.main-nav ul {
	line-height: 1;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.main-nav li {
	border-bottom: 0.25em solid #fff;
	margin-bottom: 0;
}
.main-nav li a,
.main-nav li a:visited {
	border: none;
	color: #71757c;
	display: block;
	padding: 0.9375em 1.25em;
}
.main-nav li a:hover,
.main-nav li a:active {
	background-color: #4c5b74;
	color: #fff;
}
.main-nav li a.btn {
	border-radius: 0;
	color: #fff;
	font-size: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	-webkit-border-radius: 0;
}
@media only screen and ( min-width: 22.5em ) {
	.logo span {
		left: auto;
		position: relative;
		top: -0.59090909em;
	}
}
@media only screen and ( min-width: 53.75em ) {
	header[role=banner] {
		padding-bottom: 1.5em;
		padding-top: 1.25em;
	}
	.logo {
		margin-bottom: 0;
	}
	.menu-toggle {
		display: none;
	}
	.main-nav {
		background-color: transparent;
		display: block !important;
		margin-bottom: 0;
		position: absolute;
		right: 0;
		top: 1em;
	}
	.main-nav li {
		border-bottom: none;
		float: left;
		margin-left: 1.5em;
	}
	.main-nav li a,
	.main-nav li a:visited {
		color: #4c5b74;
		padding: 0;
	}
	.main-nav li a:hover,
	.main-nav li a:active {
		background-color: transparent;
		color: #abafb5;
	}
	.main-nav li a.btn {
		background-color: transparent;
		border: 2px solid #f58428;
		border-radius: 0.5em;
		color: #4c5b74;
		font-size: inherit;
		margin-top: -1.375em;
		padding: 1.25em 2em 1.375em;
		text-transform: inherit;
		-webkit-border-radius: 0.5em;
		font-weight: 400;
	}
	.main-nav li a.btn:hover {
		background-color: #f58428;
		color: #fff;
	}
}

/*----------------------------------------------------------------------------

   Footer

----------------------------------------------------------------------------*/

footer[role=contentinfo] {
	background-color: #4c5b74;
	color: rgba(255, 255, 255, 0.5);
	padding: 2em 3.75%;
	position: relative;
}
.footer-nav {
	margin-bottom: 1.875em;
	overflow: hidden;
	position: relative;
}
.footer-nav ul {
	float: left;
	list-style: none;
	margin: 0;
	padding-left: 0;
	width: 50%;
}
.footer-nav ul:nth-of-type(2) {
	margin-right: 0;
}
.footer-nav li a,
.footer-nav li a:visited {
	color: rgba(255, 255, 255, 0.5);
	border: none;
}
.footer-nav li a:hover,
.footer-nav li a:active {
	color: #fff;
}
.newsletter {
	clear: left;
	margin-bottom: 1.875em;
	position: relative;
}
.newsletter h3 {
	color: #fff;
	font-size: 1.125em;
	line-height: 1.55555556;
}
.newsletter form {
	max-width: 24.5em;
}
.newsletter input[type=email] {
	background-color: #fff;
	border-radius: 0.25em;
	border: none;
	padding: 0.75em 8.125em 0.75em 0.75em;
	width: 98%;
	-webkit-border-radius: 0.25em;
}
.newsletter input[type=submit] {
	border-radius: 0 0.25em 0.25em 0;
	letter-spacing: inherit;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	-webkit-border-radius: 0 0.25em 0.25em 0;
}
.c-line {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	padding-top: 1.25em;
	position: relative;
	text-align: center;
}
.c-line p {
	margin-bottom: 1em;
}
.c-line ul {
	font-size: 1.25em;
	line-height: 1;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
}
.c-line li {
	display: inline-block;
	margin: 0 0.25em;
}
.c-line li a,
.c-line li a:visited {
	color: rgba(255, 255, 255, 0.5);
	display: block;
	border: none;
}
.c-line li a:hover,
.c-line li a:active {
	color: #fff;
}
@media only screen and ( min-width: 30em ) {
	.c-line {
		text-align: left;
	}
	.c-line p {
		float: left;
		margin-bottom: 0;
	}
	.c-line ul {
		float: right;
		margin-top: 0.1em;
	}
	.c-line li {
		display: inline;
		float: left;
		margin: 0 0 0 0.75em;
	}
}
@media only screen and ( min-width: 47.8125em ) {
	.footer-nav {
		float: left;
		width: 24.5em;
	}
	.footer-nav ul {
		margin: 0 0.75em 0 0;
		width: 11.875em;
	}
	.footer-nav ul:nth-of-type(2) {
		margin-right: 0;
	}
	.newsletter {
		clear: none;
		float: right;
		width: 41.083333%;
	}
}

/*----------------------------------------------------------------------------

   Hero

----------------------------------------------------------------------------*/

.hero {
	background-color: #4c5b74;
	background-image: url(images/tiles/triangular_@2x.png);
	background-size: 100px 50px;
	background-repeat: repeat;
	overflow: hidden;
	padding: 0 3.75%;
	position: relative;
	text-align: center;
}
.hero-content {
	margin: 0 auto;
	max-width: 44.375em;
	padding: 2em 0 3.25em;
	position: relative;
}
.hero-content h1 {
	color: #fff;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.25;
	margin-bottom: 0.5em;
}
.hero-content p {
	color: #fff;
	font-size: 1em;
	line-height: 1.5625;
	margin: 0 auto 2.25em;
	max-width: 20em;
}
.hero-content p:last-child {
	margin-bottom: 0;
}
.iphone-overlay {
	bottom: -500px;
	left: -60px;
	position: absolute;
	width: 240px;
	transition: all 1s ease-in-out 0s;
	z-index: 200;
	-webkit-transition: all 1s ease-in-out 0s;
	    -ms-transition: all 1s ease-in-out 0s;
	     -o-transition: all 1s ease-in-out 0s;
}
/* 500px & wider */
@media only screen and (min-width: 31.25em) {
	.hero-content h1 {
		font-size: 2.5em;
	}
	.hero-content p {
		font-size: 1.125em;
		max-width: 21em;
	}
}
/* 800px & wider */
@media only screen and (min-width: 50em) {
	.hero-content {
		padding: 3em 0 4em;
	}
	.hero-content h1 {
		font-size: 3em;
	}
	.hero-content p {
		font-size: 1.25em;
		max-width: 28em;
	}
}
/* 860px & wider */
@media only screen and (min-width: 53.75em) {
	.hero-content {
		padding-top: 4em;
	}
}
/* 1350px & wider */
@media only screen and (min-width: 84.375em) {
	.iphone-overlay {
		bottom: -140px;
	}
}

/*----------------------------------------------------------------------------

   Logo Banner

----------------------------------------------------------------------------*/

.logo-banner {
	background-color: #fff;
	border-top: 1px solid #dbe0e9;
	display: none;
	padding: 1.5em 0 0.9375em;
}
.logo-banner ul {
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
}
.logo-banner li {
	display: inline-block;
	margin: 0 0.375em;
}
/* 936px & wider */
@media only screen and (min-width: 58.5em) {
	.logo-banner {
		display: block;
	}
}

/*----------------------------------------------------------------------------

   Value Props

----------------------------------------------------------------------------*/


.value-props-bg {
	background-color: #f5f7fb;
	border-top: 1px solid #dbe0e9;
	padding: 1.5em 3.75% 1px;
	position: relative;
}
.value-props,
.value-prop-cta {
	position: relative;
}
.value-prop {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	margin-bottom: 2%;
	padding: 2.5em 6.25%;
	position: relative;
	text-align: center;
}
a.icon-anchor {
	border-bottom: none;
	display: block;
	margin: 0 auto;
	position: relative;
	width: 80px;
}
.value-prop h3 {
	margin: 1em 0 0.75em;
}
.value-prop p {
	margin: 0 auto 1.5625em;
	max-width: 17.5em;
}
.value-prop-cta {
	margin-top: 3em;
}
/* 675px & wider */
@media only screen and (min-width: 42.1875em) {
	.value-prop {
		float: left;
		margin: 0 0 1.3% 1%;
		min-height: 28.125em;
		padding: 3em 3%;
		width: 48%;
	}
	.value-prop-cta {
		bottom: 3em;
		left: 0;
		margin-top: 0;
		position: absolute;
		right: 0;
	}
}
/* 1000px & wider */
@media only screen and (min-width: 62.5em) {
	.value-prop {
		width: 32%;
		margin-left: 1%;
	}
	.track-block h3 {
		margin-top: 1.18518519em;
	}
}

/*----------------------------------------------------------------------------

   Secondary CTA

----------------------------------------------------------------------------*/

.secondary-cta {
	background-color: #f5f7fb;
	padding: 3.75em 3.75% 5em;
	position: relative;
	text-align: center;
}
.dm-support .secondary-cta {
	padding-top: 3.75em;
}
.secondary-cta h2 {
	font-weight: 400;
	margin-bottom: 0.75em;
}
.secondary-cta h2 span {
	display: block;
	font-size: 1.25em;
	font-weight: 600;
}
.secondary-cta p {
	margin: 0 auto 2.5em;
	max-width: 29.7em;
}
.secondary-cta p:last-child {
	margin-bottom: 0;
}
.welcome-cta h2 {
	max-width: 29.7em;
	margin: 0 auto 1.75em;
}
@media only screen and (min-width: 35.9375em) {
	.secondary-cta h2 span {
		font-size: 1.4em;
	}
	.secondary-cta p {
		font-size: 1.25em;
	}
}
@media only screen and (min-width: 41.25em) {
	.secondary-cta {
		padding-bottom: 8.125em;
		padding-top: 6.25em;
	}
	.secondary-cta p span {
		display: block;
	}
}
.secondary-cta.landing-page .btn {
	display: inline-block;
	margin-bottom: 1.125em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
a.btn.visit-full-site, a.btn.visit-full-site:visited {
	background-color: white;
	color: inherit;
}

/*----------------------------------------------------------------------------

   Pricing

----------------------------------------------------------------------------*/

.pricing-background {
	background-color: #f5f7fb;
	padding: 0 3.75%;
}
.pricing-chart {
	position: relative;
}
.pricing-chart p.footnote {
	font-size: 1.125em;
	margin: 2em 0 0;
}
.pricing-chart .fa-times {
	color: #f26983;
}
.pricing-chart .fa-check {
	color: #8ac87e;
}
.pricing-headline {
	text-align: center;
	padding-top: 3.5em;
	padding-bottom: 2em;
	margin: 0 auto;
}
.pricing-headline h3 {
	margin-bottom: 0.74074074em;
}
.pay-cols {
	overflow: hidden;
}
.pay-col {
	text-align: center;
}
.localized-prices-link-container {
	display: none;
}
.pay-col .localized-prices-link-container > td {
	text-align: center;
}
.pay-col-top-block {
	background-color: #4c5b74;
	color: #fff;
	padding: 2em;
}
.pay-col-top-block h6  {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	font-weight: 600;
	margin-bottom: 1em;
	letter-spacing: 0.07692308em;
}
.pay-col-top-block h1 {
	color: #ffffff;
	font-weight: 600;
}
.pay-col-top-block p {
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 0;
}
.pay-col-action {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	padding: 3em 8.41751% 2em;
	position: relative;
}
.pay-col-action p {
	margin: 2em 0 0;
}
.pay-col-action p:first-child {
	font-size: 1.125em;
	margin: 0;
}
.pay-col-bottom-block {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	border-top: none;
	padding: 0 0 2em 0;
	margin-bottom: 2%;
}
.pay-col-bottom-block .bullet-points {
	padding: 0 5.375%;
}
.pay-col-bottom-block p.bullet-point {
	margin: 0 0 0.25em;
	padding-left: 1.25em;
	position: relative;
	text-align: left;
}
.pay-col-bottom-block .fa-check,
.pay-col-full .fa-times {
	font-size: 1.25em;
}
.pay-col-bottom-block .fa-check {
	font-size: 95%;
	left: 0;
	position: absolute;
	top: 4px;
}
.pay-col-bottom-block table {
	margin: 0 0 2.5em;
	border-style: none;
}
.pay-col-bottom-block td {
	padding-left: 1.25em;
	padding-right: 1.25em;
}
.pay-col-bottom-block td.price {
	text-align: right;
}
.pay-col-bottom-block table tr td:nth-of-type(2) {
	width: 12%;
}
.pay-col-full .fa-times {
	font-size: 95%;
	margin-right: 0.45em;
}
.pay-col-full .bullet-points {
	display: inline-block;
}
.pay-col-full {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	padding: 2.5em 6.25%;
	text-align: center;
	margin-top: 1%;
}
.pay-col-full p {
	margin-bottom: 1em;
}
.pay-col-full .bullet-points p {
	margin-bottom: 0.25em;
	text-align: left;
}
.pay-col-full .fa-check {
	font-size: 95%;
	margin-right: 0.25em;
}
.pay-col-full p.signup {
	font-size: 1.125em;
	margin: 3em 0;
}
@media only screen and (min-width: 35.9375em) {
	.pay-col:nth-of-type(1) {
		margin-right: 0;
	}
	.pay-col-top-block {
		padding: 2.5em 8.417508%;
	}
}
@media only screen and (min-width: 56.25em) {
	.pay-col {
		width: 49.5%;
		float: left;
	}
	.pay-col:nth-of-type(1) {
		margin-right: 1%;
	}
	.pay-col-top-block {
		padding: 4em;
	}
	.pay-col-bottom-block {
		margin-bottom: 0;
		min-height: 28em;
	}
}
@media only screen and (min-width: 75.625em) {
	.pay-col-top-block {
		padding: 2em 4.375em;
	}
	.pay-col-full {
		padding: 4em 15em;
	}
}

/*----------------------------------------------------------------------------

   Sign Up

----------------------------------------------------------------------------*/

.sign-up-background {
	background-color: #f5f7fb;
	padding: 3.125em 3.75%;
}
.sign-up-background .wrapper {
	max-width: 49.625em;
}
.pricing-plan {
	overflow: hidden;
}
.pricing-plan select {
	margin-top: 0.5em;
}
.input-group {
	margin-bottom: 1%;
}
.input-group-top {
	background-color: #66799b;
	padding: 1.25em 3.75%;
}
.input-group-top h2 {
	color: #fff;
	font-size: 1.25em;
	font-weight: 300;
	margin-bottom: 0;
}
.input-group-bottom {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	padding: 2em 3.75%;
}
.input-field {
	margin-bottom: 1.25em;
	position: relative;
}
#create-account-form .select-pricing-plans label {
	font-size: inherit;
}
#create-account-form .cc-expire label {
	display: block;
}
#create-account-form li {
	background-color: #f5f7fb;
	border-left: 6px solid #dbe0e9;
	margin-bottom: 0.33333333em;
	overflow: hidden;
	padding: 0.5em 0.625em;
	position: relative;
	transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	    -ms-transition: all 0.25s ease-in-out 0s;
	     -o-transition: all 0.25s ease-in-out 0s;
}
#create-account-form li:hover,
#create-account-form li.selected-plan {
	border-color: #f58428;
}
#create-account-form input[type=text],
#create-account-form input[type=url],
#create-account-form input[type=email],
#create-account-form input[type=password] {
	display: block;
	margin-top: 0.5em;
	width: 100%;
}
ul.cc-icons {
	display: none;
	font-size: 1.5em;
	line-height: 1;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	position: absolute;
	right: 0.375em;
	top: 1.33333333em;
}
#create-account-form ul.cc-icons li {
	background-color: transparent;
	border: none;
	float: left;
	margin: 0 0 0 0.25em;
	opacity: 0.25;
	padding: 0;
}
#create-account-form ul.cc-icons li:hover {
	cursor: default;
}
.cc-sec-code,
.cc-zip {
	width: 40%;
}
.pricing-plan select,
.cc-expire select {
	width: 6.66666667em;
}
.cc-expire select,
.cc-country select {
	margin: 0.5em 0.5em 0 0;
}
.cc-country select {
	margin-right: 0;
	width: 100%;
}
.select-pricing-plans span.price {
	display: block;
	text-align: right;
	float: right;
}
.select-pricing-plans span.price span.pre-discount-price {
	text-decoration: line-through;
	opacity: 0.5;
	margin-right: 0.5em;
}
#create-account-form input[type=submit] {
	background-color: #f58428;
	font-size: 1.125em;
}
#create-account-form input[type=submit]:hover {
	background-color: #f79d6d;
}
#create-account-form .spinner-container {
	position: absolute;
	display: inline-block;
}
.confirm-order {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	position: relative;
	padding: 3.125em 6.25%;
	text-align: center;
}
.security-seal {
	margin: 0 auto;
	max-width: 37.125em;
	padding: 3.125em 0 0;
	position: relative;
	text-align: center;
}
.input-group-top .cc-informative-text {
	color: #fff;
	margin-bottom: 0;
}
/* 460px & wider */
@media only screen and (min-width: 28.75em) {
	.cc-num-field input[type=text] {
		padding-right: 10em;
	}
	ul.cc-icons {
		display: block;
	}
}
/* 470px & wider */
@media only screen and (min-width: 29.375em) {
	.cc-expire {
		float: left;
		width: 60%;
	}
	.cc-sec-code {
		float: right;
	}
}
/* 660px & wider */
@media only screen and (min-width: 41.25em) {
	.input-group-top h2 {
		font-size: 1.5em;
	}
	.input-group-top,
	.input-group-bottom,
	.confirm-order {
		padding-left: 16.833333%;
		padding-right: 16.833333%;
	}
	#create-account-form input[type=text],
	#create-account-form input[type=url],
	#create-account-form input[type=email],
	#create-account-form input[type=password],
	#create-account-form li,
	.cc-expire select,
	.cc-country select {
		padding-bottom: 0.75em;
		padding-top: 0.75em;
	}
	ul.cc-icons {
		top: 1.5em;
	}
}
/* 800px & wider */
@media only screen and (min-width: 50em) {
	.pricing-plan h2 {
		float: left;
	}
	.pricing-plan select {
		float: right;
		margin-top: -0.1875em;
	}
}

/*----------------------------------------------------------------------------

   Features 

----------------------------------------------------------------------------*/

.dm-features {
	background-color: #fff;
	position: relative;
}
.access-features {
	background-color: #4c5b74;
	display: none;
	left: 0;
	padding: 0 6.25%;
	position: fixed;
	top: -3.125em;
	transition: all 0.25s ease-in-out 0s;
	width: 100%;
	z-index: 1000;
	-webkit-transition: all 0.25s ease-in-out 0s;
	    -ms-transition: all 0.25s ease-in-out 0s;
	     -o-transition: all 0.25s ease-in-out 0s;
}
.access-features.features-slide-down {
	left: 0;
	top: 0;
}
.access-features h2 {
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 0.75em 2em 0.75em 0;
}
.access-features ul {
	float: left;
	font-size: 1em;
	line-height: 1.5;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.access-features li {
	float: left;
	margin-bottom: 0;
}
.access-features li a,
.access-features li a:visited {
	background-color: transparent;
	border: none;
	color: #fff;
	display: block;
	padding: 0.75em 1em;
}
.access-features li a:hover,
.access-features li a:active {
	background-color: rgba(0, 0, 0, 0.1);
}
.access-features li.accessed-feature {
	background-color: rgba(0, 0, 0, 0.25);
}
.features-title {
	background-color: #4c5b74;
	padding: 1.25em 3.75%;
	position: relative;
}
.features-title h1 {
	color: #fff;
	font-size: 1.75em;
	font-weight: 300;
	line-height: 1.25;
	margin-bottom: 0;
}
.features-nav {
	padding: 3.75em 3.75%;
	position: relative;
	text-align: center;
}
.features-nav h2 {
	font-weight: 400;
	line-height: 1.33333333;
	margin: 0 0 1.5em;
}
ul.features-icon-menu {
	font-size: 1em;
	line-height: 1.5;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
ul.features-icon-menu li {
	border-bottom: 1px solid #dbe0e9;
	border-right: 1px solid #dbe0e9;
	float: left;
	margin-bottom: 0;
	width: 50%;
}
ul.features-icon-menu li:nth-of-type(2n) {
	border-right: none;
}
ul.features-icon-menu li:nth-of-type(5),
ul.features-icon-menu li:nth-of-type(6) {
	border-bottom: none;
}
ul.features-icon-menu li a,
ul.features-icon-menu li a:visited {
	border: none;
	display: block;
	padding: 1.5em 10%;
}
ul.features-icon-menu li a:hover,
ul.features-icon-menu li a:active,
ul.features-icon-menu li.current-feature-icon a {
	background-color: #f5f7fb;
}
ul.features-icon-menu img {
	margin: 0 auto;
	width: 56px;
}
ul.features-icon-menu h4 {
	color: #71757c;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	margin: 0.5em 0 0;
}
.feature-block {
	overflow: hidden;
}
.feature-content ul {
	font-size: 1em;
}
.feature-content li {
	margin-bottom: 1.333333em;
}
.feature-content {
	padding: 3.125em 0 1em;
	position: relative;
}
.bordered-screenshot .feature-screenshot {
	border: 1px solid #dbe0e9;
	border-bottom: none;
	padding: 0.625em;
}
.feature-block,
.center-feature-block {
	border-bottom: 1px solid #dbe0e9;
	padding: 0 3.75%;
	position: relative;
}
.center-feature-block .feature-content {
	margin: 0 auto;
	max-width: 30.5625em;
}
.center-feature-block .feature-screenshot {
	margin: 0 auto;
	max-width: 62.375em;
}
.center-feature-block.device-screenshot .feature-screenshot {
	max-width: 45em;
}
.feature-two-col .feature-screenshot {
	margin: 0 auto;
}
.feature-block h3,
.content-grid-item h3,
.center-feature-block h3 {
	margin-bottom: 1em;
}
.content-grid-item h3 {
	text-align: center;
}
.feature-content li,
.content-grid-item li {
	margin-bottom: 0.75em;
}
.content-grid {
	border-bottom: 1px solid #dbe0e9;
	padding: 0 3.75% 3.125em;
	position: relative;
}
.content-grid-item {
	padding: 3.125em 0 0;
	position: relative;
}
.content-grid-item .fa {
	color: #8ac87e;
	display: block;
	font-size: 200%;
	margin-bottom: 0.5em;
}
.content-grid-item ul .fa {
	font-size: inherit;
}
.centered-video {
	margin: 0 auto;
	position: relative;
}
.centered-video video {
	height: auto !important;
	min-width: 100%;
	width: auto !important;
}
.screencast-video {
	max-width: 67.5em;
}
.compose-video {
	max-width: 65.5em;
}
.compose-video video {
	background-color: #dbe0e9;
	border: 1px solid #dbe0e9;
	border-bottom: none;
	border-radius: 0.5em 0.5em 0 0;
	-webkit-border-radius: 0.5em 0.5em 0 0;
}
.spam-video {
	max-width: 36.4375em;
}
.home-screenshot {
	margin-bottom: 1.75em;
}
.video-mask {
	background-image: url(features/videos/screencast/home-screencast-mask.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.video-mask video {
	transform: scale(0.95);
	transform-origin: 50% 100%;
	-webkit-transform: scale(0.95);
	-webkit-transform-origin: 50% 100%;
	-ms-transform: scale(0.95);
	-ms-transform-origin: 50% 100%;
}
.centered-landing {
	margin: -1.875em auto 0;
	max-width: 67.5em;
	position: relative;
}
img.badge-icon {
	margin-bottom: 1em;
	width: 64px;
}
.iphone-screenshot .wrapper {
	max-width: 56.25em;
}
.iphone-screenshot .feature-screenshot img {
	margin: 0 auto 3.75em;
	width: 300px;
}
.bar-graph-data {
	border-bottom: 1px solid #dbe0e9;
	margin-bottom: 1em;
	padding-bottom: 2.5em;
	position: relative;
}
ul.bars {
	font-size: 1em;
	line-height: 1.5;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
ul.bars li {
	margin-bottom: 1em;
}
ul.bars span {
	border-radius: 0 50px 50px 0;
	display: block;
	height: 20px;
	-webkit-border-radius: 0 50px 50px 0;
}
ul.bars span.ethree-speed, .e3ds-perf .e3ds-bar.animate {
	animation: ethree 1.5s 1 forwards;
	background-color: #f58428;
	max-width: 100%;
	width: 100%;
	-webkit-animation: ethree 1.5s 1 forwards;
	   -moz-animation: ethree 1.5s 1 forwards;
	    -ms-animation: ethree 1.5s 1 forwards;
	     -o-animation: ethree 1.5s 1 forwards;
}
.app-store-btn {
	width: 135px;
}
.vertical-limited .feature-screenshot img,
.vertical-maximized .feature-screenshot img {
	margin-bottom: 3.75em;
}
span.nums {
	background-color: #8ac87e;
	border-radius: 100%;
	color: #fff;
	display: block;
	font-weight: 300;
	line-height: 2;
	margin-bottom: 1em;
	text-align: center;
	width: 2em;
	-webkit-border-radius: 100%;
}
@keyframes ethree {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
@-webkit-keyframes ethree {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
@-moz-keyframes ethree {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
@-ms-keyframes ethree {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
@-o-keyframes ethree {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
ul.bars span.smtp-speed, .e3ds-perf .smtp-bar.animate {
	animation: smtp 2s 1 forwards;
	background-color: #dbe0e9;
	max-width: 10%;
	width: 10%;
	-webkit-animation: smtp 2s 1 forwards;
	   -moz-animation: smtp 2s 1 forwards;
	    -ms-animation: smtp 2s 1 forwards;
	     -o-animation: smtp 2s 1 forwards;
}
@keyframes smtp {
	from {
		width: 0%;
	}
	to {
		width: 10%;
	}
}
@-webkit-keyframes smtp {
	from {
		width: 0%;
	}
	to {
		width: 10%;
	}
}
@-moz-keyframes smtp {
	from {
		width: 0%;
	}
	to {
		width: 10%;
	}
}
@-ms-keyframes smtp {
	from {
		width: 0%;
	}
	to {
		width: 10%;
	}
}
@-o-keyframes smtp {
	from {
		width: 0%;
	}
	to {
		width: 10%;
	}
}
.hatch {
	border-right: 1px solid #dbe0e9;
	display: block;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	padding-right: 8px;
	text-align: right;
}
.first-hatch {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 10%;
}
.full-hatch {
	bottom: 0;
	left: 10%;
	position: absolute;
	width: 90%;
}
.bar-graph figcaption {
	margin: 0 0 4em;
}
.mobile-only {
	display: none;
}
/* 430px & wider */
@media only screen and (min-width: 26.875em) {
	ul.list-cols li {
		float: left;
		width: 50%;
	}
}
/* 500px & wider */
@media only screen and (min-width: 31.25em) {
	ul.features-icon-menu li {
		width: 33.33333333%;
	}
	ul.features-icon-menu li:nth-of-type(2n) {
		border-right: 1px solid #dbe0e9;
	}
	ul.features-icon-menu li:nth-of-type(3n) {
		border-right: none;
	}
	ul.features-icon-menu li:nth-of-type(4) {
		border-bottom: none;
	}
	ul.features-icon-menu img {
		width: 64px;
	}
}
/* 600px & wider */
@media only screen and (min-width: 37.5em) {
	.feature-content,
	.content-grid-item {
		padding-top: 3.75em;
	}
	.content-grid {
		padding-bottom: 3.75em;
	}
}
/* 615px & wider */
@media only screen and (min-width: 38.4375em) {
	.content-grid-item {
		padding-left: 6.25%;
		padding-right: 6.25%;
	}
}
/* 770px & wider */
@media only screen and (min-width: 48.125em) {
	.center-feature-block .feature-screenshot {
		width: auto;
	}
	.center-feature-block .feature-content {
		padding-bottom: 2.5em;
		width: auto;
	}
	.feature-block,
	.center-feature-block {
		padding-top: 5.625em;
	}
	.feature-block.vertical-limited {
		padding-bottom: 5.625em;
	}
	.feature-content {
		width: 40.75%;
		padding: 0;
	}
	.iphone-screenshot .feature-content {
		width: 54.33333333%;
	}
	.feature-content-right {
		margin-left: 18.5%;
	}
	.feature-screenshot {
		width: 50%;
	}
	.iphone-screenshot .feature-screenshot {
		width: 33.33333333%;
	}
	.iphone-screenshot .feature-screenshot img {
		margin-bottom: 5.625em;
		width: auto;
	}
	.screenshot-right .feature-content,
	.screenshot-left .feature-screenshot {
		float: left;
	}
	.screenshot-left .feature-content,
	.screenshot-right .feature-screenshot {
		float: right;
	}
	.screenshot-right .feature-content,
	.screenshot-left .feature-content {
		margin-top: 8%;
	}
	.screenshot-right.iphone-screenshot .feature-content,
	.screenshot-left.iphone-screenshot .feature-content {
		margin-top: 14%;
	}
	.vertical-limited .feature-content {
		margin-top: 0;
	}
	.vertical-maximized .feature-screenshot img {
		margin-bottom: 5.625em;
	}
	.feature-two-col .feature-content {
		float: left;
		width: 50%;
		padding: 0 6.416667%;
	}
	.feature-two-col .feature-screenshot {
		width: auto;
		margin: 20% 0;
	}
	.content-grid {
		padding-bottom: 0;
	}
	.content-grid-item {
		border-right: 1px solid #dbe0e9;
		float: left;
		padding: 5.625em 6.416667%;
		width: 50%;
	}
	.content-grid-item:nth-of-type(2) {
		border-right: none;
	}
	ul.bars {
		margin-top: 6.875em;
	}
	ul.list-cols li {
		float: none;
		width: auto;
	}
}
/* 805px & wider */
@media only screen and (min-width: 50.3125em) {
	.access-features {
		display: block;
	}
}
/* 860px & wider */
@media only screen and ( min-width: 53.75em ) {
	.features-title h1 {
		font-size: 2em;
	}
}
/* 985px & wider */
@media only screen and (min-width: 61.5625em) {
	ul.features-icon-menu li {
		border-bottom: none;
		width: 16.666667%;
	}
	ul.features-icon-menu li:nth-of-type(3) {
		border-right: 1px solid #dbe0e9;
	}
}
/* 1080px & wider */
@media only screen and (min-width: 67.5em) {
	ul.list-cols li {
		float: left;
		width: 50%;
	}
}

/*----------------------------------------------------------------------------

   Banners

----------------------------------------------------------------------------*/

.promo-banner {
	color: #fff;
	padding: 3.75em 6.25%;
	position: relative;
	text-align: center;
}
.green-banner {
	background-color: #8ac87e;
}
.promo-banner p {
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.5;
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------

   Mac Email Marketing

----------------------------------------------------------------------------*/

.mac-email-marketing-page .pricing-background {
	padding-top: 2.5em;
}
.key-features {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	overflow: hidden;
	padding: 2.5em 1.25em;
	position: relative;
	text-align: center;
}
.key-features h2,
.key-features p {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.key-features h2 {
	max-width: 22em;
}
.key-features p {
	max-width: 33em;
}
.key-features h3 {
	margin-bottom: 1em;
}
.key-features-col {
	position: relative;
	text-align: left;
}
.key-features-col ul {
	font-size: 1em;
	line-height: 1.5625;
	margin-bottom: 0;
}
.key-features-col li {
	margin-bottom: 0.75em;
}
/* 900px & wider */
@media only screen and (min-width: 56.25em) {
	.key-features h3 {
		margin-bottom: -1.1em;
		margin-top: 1.81818182em;
	}
	.key-features-col {
		float: left;
		padding: 5% 3.125% 5% 6.25%;
		width: 50%;
	}
	.key-features-col + .key-features-col {
		padding: 5% 6.25% 5% 3.125%;
	}
}

/*----------------------------------------------------------------------------

   Support

----------------------------------------------------------------------------*/

.search-result-snippet {
	opacity: 0.7;
}
.live-chat-text {
	display: none;
}
.page-title-wrapper {
	padding: 2.5em 6.25%;
	position: relative;
}
.article-column {
	position: relative;
}
.hentry {
	margin-bottom: 1.875em;
	position: relative;
}
.hentry-centered {
	position: relative;
	margin: 0 auto 1.875em;
	max-width: 49.625em;
}
.post-title {
	background-color: #4c5b74;
	font-size: 88.9%;
	padding: 1.25em 3.75%;
	position: relative;
}
.post-title h1 {
	color: #fff;
	font-weight: 300;
	margin-bottom: 0;
	word-wrap: break-word;
}
.post-title p,
.post-title p a,
.post-title p a:visited {
	color: #fff;
}
.post-title p a:hover,
.post-title p a:active {
	color: rgba(255, 255, 255, 0.55);
	border-color: #fff;
}
.article-content {
	background-color: #fff;
	border: 1px solid #dbe0e9;
	padding: 1.875em 3.75%;
	position: relative;
	word-wrap: break-word;
}
body.dm-support .article-content img {
	margin: 1em auto;
	border: 1px solid white;
}
ul.support-topics {
	list-style: none;
	padding-left: 0;
}
ul.support-topics h3 a {
	border-width: 2px;
}
.support-topics li {
	margin-bottom: 2.5em;
}
.sidebar h3 {
	font-size: 1.26611661em;
	margin-bottom: 0.75em;
}
.support-helpful {
	border-top: 1px solid #dbe0e9;
	padding-top: 0.625em;
	font-size: 1em;
}
#downvote-feedback-input {
	width: 100%;
}
.support-walkthru {
	background-color: #ebf3e9;
	margin-bottom: 1.5625em;
	padding: 1.5em;
	position: relative;
}
.support-walkthru ul,
.support-walkthru ol {
	margin-bottom: 0;
}
.support-walkthru li:last-child {
	margin-bottom: 0;
}
@media only screen and ( min-width: 38.75em ) {
	.post-title,
	.article-content {
		font-size: 100%;
	}
}
@media only screen and ( min-width: 53.75em ) {
	.article-column {
		float: left;
		width: 66.33333333%;
	}
	.sidebar {
		float: left;
		left: auto;
		margin-left: 1%;
		position: relative;
		top: auto;
		width: 32.6666667%;
	}
}
#google_translate_element img { 
	display: inline;
}
#google_translate_element a { 
	border-bottom: none; 
	font-weight: normal !important; 
	text-decoration: none;
}
.contact-support-pulse {
	animation: contact-support-pulse 0.5s ease 0s 4 alternate;
}
@keyframes contact-support-pulse {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.25);
	}
}
/*----------------------------------------------------------------------------

   Header Search Form

----------------------------------------------------------------------------*/

.header-search {
	background-color: #fff;
	border-bottom: 1px solid #dbe0e9;
	padding: 1.875em 3.75%;
	position: relative;
}
.header-search label {
	left: 1em;
	position: absolute;
	top: 0.5em;
}
.header-search input[type=search] {
	padding-left: 2.25em;
	padding-right: 0; /* prevent X from being cut off */
	width: 100%;
}
@media only screen and ( min-width: 38.75em ) {
	.header-search form {
		font-size: 1.25em;
	}
}
@media only screen and ( min-width: 53.75em ) {
	.header-search input[type=search] {
		width: 66.33333333%;
	}
}

/*----------------------------------------------------------------------------

   Sidebar Widgets

----------------------------------------------------------------------------*/

.aside-widget {
	border-top: 3px solid #dbe0e9;
	font-size: 88.888889%;
	margin-bottom: 3.75em;
	padding: 1.25em 4%;
	position: relative;
}
.aside-widget a:hover,
.aside-widget a:active {
	color: #f58428;
}
.aside-widget a.btn {
	padding: 1em 1.5em;
	background-color: #4c5b74;
}
.aside-widget a.btn:hover, 
.aside-widget a.btn:active {
	color: #fff;
	background-color: #66799b;
}
.aside-widget a.btn-inactive,
.aside-widget a.btn-inactive:hover {
	background-color: #dbe0e9;
}
.aside-widget h3 {
	font-size: 1.26611661em;
	margin-bottom: 0.75em;
}
.support-widget ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
.support-widget li {
	float: left;
	margin: 0 0.5em 1.75em 0;
}
@media only screen and ( min-width: 53.75em ) {
	.aside-widget {
		margin-left: 12.244898%;
	}
}

/*----------------------------------------------------------------------------

   Overlays

----------------------------------------------------------------------------*/

.support-email-shield,
.signup-errors-shield {
    background-color: rgba(76, 91, 116, 0.95);
    bottom: 0;
    display: none;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 899;
	opacity: 0;
	transition: opacity 0.5s ease-out 0s;
	-webkit-transition: opacity 0.5s ease-out 0s;
	   -moz-transition: opacity 0.5s ease-out 0s;
	    -ms-transition: opacity 0.5s ease-out 0s;
	     -o-transition: opacity 0.5s ease-out 0s;
}
.support-email-form,
.signup-errors {
	display: none;
	background-color: #fff;
	border: 5px solid #dbe0e9;
	margin: 1.25em;
	padding: 1.25em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0;
}
.support-email-form.fly,
.signup-errors.fly {
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
	   -moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
	    -ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out;
	     -o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
}
.support-email-form.fly.out,
.signup-errors.fly.out {
	transition-timing-function: ease-in, ease-in;
	-webkit-transition-timing-function: ease-in, ease-in;
	   -moz-transition-timing-function: ease-in, ease-in;
	    -ms-transition-timing-function: ease-in, ease-in;
	     -o-transition-timing-function: ease-in, ease-in;
}
.support-email-form {
	min-width: 93%;
}
.support-email-panel-container {
	position: relative;
}
.support-email-search-results li {
	margin-bottom: 0.5em !important;
}
.support-email-spinner {
	display: none;
	height: 2.5em;
}
.support-email-spinner-progress {
	padding-top: 2.5em;
	text-align: center;
}
.support-form-sent {
	display: none;
}
a.close-overlay {
	background-color: #8ac87e;
	border: none;
	border-radius: 100%;
	color: #fff;
	display: block;
	font-size: 1em;
	left: -1.25em;
	line-height: 2.5;
	position: absolute;
	text-align: center;
	top: -1.25em;
	width: 2.5em;
	-webkit-border-radius: 100%;
}
a.close-overlay:hover {
	color: #fff;
}
.download-thanks input[type=email] {
	border-radius: 0.25em;
	border: 1px solid #dbe0e9;
	margin-bottom: 0.9375em;
	padding: 0.75em;
	width: 100%;
	-webkit-border-radius: 0.25em;
}
.support-email-form label {
	line-height: 1.25em;
}
.support-email-form input[type=email],
.support-email-form input[type=file],
.support-email-form textarea {
	border-radius: 0.25em;
	border: 1px solid #dbe0e9;
	display: block;
	margin: 0.25em 0 1.75em;
	padding: 0.75em;
	width: 100%;
	-webkit-border-radius: 0.25em;
}
.download-thanks input[type=submit] {
	border-radius: 0.25em;
	padding-bottom: 0.875em;
	padding-top: 0.75em;
	text-align: center;
	width: 100%;
	-webkit-border-radius: 0.25em;
}
.support-email-form input[type=button],
.support-email-form input[type=submit] {
	border-radius: 0.25em;
	letter-spacing: inherit;
	padding-bottom: 0.875em;
	padding-top: 0.75em;
	-webkit-border-radius: 0.25em;
}
.support-email-form input[type=button],
.support-email-form input[type=submit] {
	text-align: center;
	width: 100%;
}
.support-email-back-button {
	margin-bottom: 1em;
}
.signup-error-informative {
	margin-bottom: 0;
}
/* 450px & wider */
@media only screen and ( min-width: 28.125em ) {
	.download-thanks input[type=email] {
		border-right: none;
		margin-bottom: 0;
		width: 98%;
	}
	.download-thanks input[type=submit] {
		border-radius: 0 0.25em 0.25em 0;
		padding-bottom: 0.875em;
		padding-top: 0.75em;
		position: absolute;
		right: 0;
		text-align: left;
		top: 0;
		width: auto;
		-webkit-border-radius: 0 0.25em 0.25em 0;
	}
	.support-email-back-button {
		float: left;
		margin-bottom: 0;
	}
	.support-email-form-submit {
		float: right;
	}
	.support-email-form input[type=button],
	.support-email-form input[type=submit] {
		text-align: left;
		width: auto;
	}
}
/* 610px & wider */
@media only screen and ( min-width: 38.125em ) {
	.support-email-form,
	.signup-errors {
		margin: 40px 10%;
		padding: 2.5em;
	}
	.support-email-form,
	.signup-errors {
		min-width: 80%;
	}
}
/* 800px & wider */
@media only screen and ( min-width: 50em ) {
	.support-email-form,
	.signup-errors {
		margin: 40px 20%;
	}
	.support-email-form,
	.signup-errors {
		min-width: 60%;
	}
}
/* 1150px & wider */
@media only screen and ( min-width: 71.875em ) {
	.support-email-form,
	.signup-errors {
		margin: 40px 30%;
	}
	.support-email-form,
	.signup-errors {
		min-width: 40%;
	}
}
/* 1880px & wider */
@media only screen and ( min-width: 117.5em ) {
	.support-email-form,
	.signup-errors {
		margin: 40px 35%;
	}
	.support-email-form,
	.signup-errors {
		min-width: 30%;
	}
}