/**
 * Project Primary Styles
 * ==============================
 */
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/**
 * Abstracts: MIXINS
 * ==============================
 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

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; }

/**
 * TYPOGRAPHY
 * ==============================
 */
/**
 * COLORS
 * ==============================
 */
/**
 * BREAKPOINTS
 * ==============================
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  appearance: none;
  background-color: #25ace3;
  border: 0;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #1e8ab6;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
      background-color: #25ace3; }

.primary-cta {
  width: 100%;
  font-size: 1.25rem;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 992px) {
    .primary-cta {
      font-size: 1.625rem; } }

button, input[type="button"], input[type="reset"], input[type="submit"],
.btn {
  appearance: none;
  background-color: #219bcc;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.9375em 3em;
  text-align: center;
  text-decoration: none;
  transition: all 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset, 0 4px 6px rgba(0, 0, 0, 0.1); }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
  .btn:hover,
  .btn:focus {
    background-color: #25ace3;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
  .btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover,
    .btn:disabled:hover {
      background-color: #25ace3; }

.btn--micro {
  padding: 0.75em 1.5em;
  font-size: 0.9em;
  letter-spacing: 0.1em; }

.btn--puffy {
  font-size: 1.25em;
  border-radius: 6px;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset, 0 4px 10px rgba(0, 0, 0, 0.2); }

.btn--primary {
  background-color: #219bcc; }
  .btn--primary:hover {
    background-color: #219bcc; }

.btn--secondary {
  background-color: #999; }
  .btn--secondary:hover {
    background-color: #8a8a8a; }

.btn--alternate {
  background-color: #219bcc; }
  .btn--alternate:hover {
    background-color: #219bcc; }

.btn--alternate-secondary {
  background-color: #219bcc; }
  .btn--alternate-secondary:hover {
    background-color: #219bcc; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

fieldset .form-group {
  text-align: center; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select {
  display: block;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  font-size: 1em; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  background-color: #e7e7e7;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    border-color: #b1b1b1; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border-color: #25ace3;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(27, 158, 211, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #dbdbdb;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #ddd; }

textarea {
  resize: vertical; }

[type="search"] {
  appearance: none; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }
  [type="checkbox"]:checked + label,
  [type="radio"]:checked + label {
    background-color: #1E2748;
    color: white; }

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

.form-group--yesno span:nth-child(odd) {
  text-align: right; }

.form-group--yesno span {
  width: calc(50% - 15px);
  float: left;
  margin-left: 10px;
  text-align: left; }

@media screen and (min-width: 767px) {
  .field input {
    width: 31%;
    margin: 0 .25em;
    display: inline; } }

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  border-color: #eb1e2d !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 10px rgba(235, 30, 45, 0.4), 0 0 5px rgba(235, 30, 45, 0.4) inset; }

.parsley-single-error .filled ~ .filled {
  display: none; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: 600;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #555;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #25ace3;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #1c81aa; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  background: #e7e7e7;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: white;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background-color: transparent;
  font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  line-height: 1.5; }

/**
	 * TYPOGRAPHY
	 * ==============================
	 */
h1 {
  line-height: 1.2;
  color: #1E2748;
  margin: 0;
  font-family: Domine, "Hoefler Text", Cambria, "Bitstream Charter", Georgia, "Dejavu Serif", serif;
  font-weight: 700;
  letter-spacing: -0.04em;
  font-size: 1.5rem; }
  @media screen and (min-width: 480px) {
    h1 {
      font-size: 2rem; } }
  @media screen and (min-width: 767px) {
    h1 {
      font-weight: 400;
      font-size: 2.75rem; } }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 3.75rem; } }

h2 {
  color: #da2650;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5em;
  font-size: 1.125rem; }
  @media screen and (min-width: 480px) {
    h2 {
      font-size: 1.375rem; } }
  @media screen and (min-width: 767px) {
    h2 {
      font-size: 1.875rem; } }
  @media screen and (min-width: 1300px) {
    h2 {
      font-size: 2.5rem; } }

h3 {
  color: #188dbd;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 1rem; }
  @media screen and (min-width: 480px) {
    h3 {
      font-size: 1.125rem; } }
  @media screen and (min-width: 767px) {
    h3 {
      font-size: 1.375rem; } }
  @media screen and (min-width: 1300px) {
    h3 {
      font-size: 1.5rem; } }

h4 {
  line-height: 1.2;
  color: #1E2748;
  font-family: Domine, "Hoefler Text", Cambria, "Bitstream Charter", Georgia, "Dejavu Serif", serif;
  font-weight: 700;
  margin-bottom: 1.2;
  letter-spacing: -0.04em;
  font-size: 1rem; }
  @media screen and (min-width: 480px) {
    h4 {
      font-size: 1.1875rem; } }
  @media screen and (min-width: 767px) {
    h4 {
      font-weight: 400;
      font-size: 1.375rem; } }
  @media screen and (min-width: 992px) {
    h4 {
      font-size: 1.625rem; } }

p, li {
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.5;
  color: #6f6e6e;
  font-size: 0.9375rem; }
  @media screen and (min-width: 480px) {
    p, li {
      color: #555;
      font-size: 1rem; } }
  @media screen and (min-width: 767px) {
    p, li {
      font-weight: 300;
      font-size: 1.1875rem; } }
  @media screen and (min-width: 1300px) {
    p, li {
      font-size: 1.3125rem; } }
  p strong, li strong {
    font-weight: 700; }

/**
	 * GLOBAL STRUCTURE
	 * ==============================
	 */
.wrapper {
  padding-left: 5%;
  padding-right: 5%;
  width: auto;
  position: relative;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .wrapper::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 767px) {
    .wrapper {
      padding-left: 2%;
      padding-right: 2%; } }
  @media screen and (min-width: 992px) {
    .wrapper {
      padding-left: 0;
      padding-right: 0;
      width: 720px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 1300px) {
    .wrapper {
      width: 1170px; } }

.masthead {
  background: #1E2748;
  padding: 0.5em 0; }
  .masthead .logos-wide {
    display: none; }
    @media screen and (min-width: 767px) {
      .masthead .logos-wide {
        display: block; } }
  .masthead .logos-narrow {
    display: block; }
    .masthead .logos-narrow img {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      margin-left: 25.5894128995%; }
      .masthead .logos-narrow img:last-child {
        margin-right: 0; }
    @media screen and (min-width: 767px) {
      .masthead .logos-narrow {
        display: none; } }
  .masthead .logo {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
    margin-left: 17.0596085997%;
    height: 23px; }
    .masthead .logo:last-child {
      margin-right: 0; }
    @media screen and (min-width: 480px) {
      .masthead .logo {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
        margin-left: 25.5894128995%; }
        .masthead .logo:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 767px) {
      .masthead .logo {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
        margin-left: 0%;
        height: 30px; }
        .masthead .logo:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 992px) {
      .masthead .logo {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%; }
        .masthead .logo:last-child {
          margin-right: 0; } }
  @media screen and (min-width: 767px) {
    .masthead .co-brand {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 18.9668591516%;
      margin-left: 25.5894128995%;
      height: 30px; }
      .masthead .co-brand:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 992px) {
    .masthead .co-brand {
      margin-left: 42.6490214991%; } }
  @media screen and (min-width: 767px) {
    .masthead {
      padding-top: 1em; } }

.content-wrapper {
  margin-top: 1em;
  background: #f4f4f4;
  border-radius: 2px;
  padding: 1em;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .content-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 480px) {
    .content-wrapper {
      padding: 1em;
      margin-top: 2em; } }
  @media screen and (min-width: 1300px) {
    .content-wrapper {
      margin-top: 2em; } }

#primary-footer {
  text-align: center;
  padding: 1.5em 1em; }
  #primary-footer p {
    font-size: 0.875rem; }

.form-wrapper {
  background: white;
  margin: 1.5em auto;
  overflow: hidden;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2); }
  .form-wrapper .legal p {
    font-size: 80%;
    font-weight: 300;
    line-height: 1.25em; }
    .form-wrapper .legal p:last-of-type {
      margin-bottom: 0; }
    .form-wrapper .legal p a {
      color: #1565c0;
      border-bottom: 1px dotted #25ace3; }
  .form-wrapper .legal.checkbox {
    padding-left: 1.25em;
    position: relative; }
    .form-wrapper .legal.checkbox span {
      position: absolute;
      top: 0;
      left: 0;
      float: left; }
    .form-wrapper .legal.checkbox [type="checkbox"] {
      margin: 0;
      padding: 0;
      width: 1.15em;
      height: 1.15em; }
  .form-wrapper header.form-header {
    background: #da2650;
    background: #da2650;
    /* Old browsers */
    background: -moz-linear-gradient(top, #da2650 0%, #af1e40 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da2650), color-stop(100%, #af1e40));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #da2650 0%, #af1e40 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #da2650 0%, #af1e40 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #da2650 0%, #af1e40 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #da2650 0%, #af1e40 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    text-align: center;
    padding: 1.5em 0.375em 0.1875em;
    position: relative; }
    .form-wrapper header.form-header h2 {
      color: #ddd;
      font-weight: 700;
      letter-spacing: 0;
      margin-bottom: 0; }
    .form-wrapper header.form-header:after {
      border-top: 16px solid #af1e40;
      border-left: 400px solid transparent;
      border-right: 400px solid transparent;
      bottom: -16px;
      content: "";
      position: absolute;
      left: 50%;
      margin-left: -400px;
      width: 0;
      height: 0; }
  .form-wrapper form {
    padding: 1.5em; }
  .form-wrapper form header {
    text-align: center;
    margin-bottom: 1.5em; }
    .form-wrapper form header p {
      font-size: 80%;
      font-weight: 300;
      line-height: 1.5em; }
  .form-wrapper footer {
    padding-top: 0; }

/* Parsley Errors */
.parsley-errors-list {
  margin-bottom: 1em;
  color: red; }

.filled li {
  font-size: 0.9em;
  font-weight: 800;
  color: red;
  text-align: center; }

/**
 * Primary Landing Page
 */
.content {
  padding-top: 1.5em; }
  @media screen and (min-width: 767px) {
    .content.content-lp {
      padding-left: 1em;
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .content.content-lp:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1300px) {
    .content.content-lp {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 57.3509785009%; }
      .content.content-lp:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 992px) {
    .content {
      padding-top: 1.5em; } }
  .content hgroup {
    text-align: center;
    margin-bottom: 1.5em; }
    @media screen and (min-width: 767px) {
      .content hgroup {
        text-align: left; } }

.intro {
  margin-bottom: 3em; }

.features h2 {
  margin-bottom: 0.75em; }

.feature {
  padding-left: 3em;
  margin-bottom: 1.5em; }
  .feature::after {
    clear: both;
    content: "";
    display: table; }
  .feature .icon {
    display: block;
    width: 4em;
    height: 6em;
    margin-left: -3em;
    float: left; }
    .feature .icon svg {
      height: auto;
      fill: #b7b7b7; }
  .feature .icon-icon-computer {
    height: 3em; }
  @media screen and (min-width: 480px) {
    .feature {
      padding-left: 4em; }
      .feature .icon {
        width: 3em;
        height: 6em;
        margin-left: -4em; }
        .feature .icon svg {
          fill: #d0d0d0; } }
  @media screen and (min-width: 992px) {
    .feature {
      padding-left: 5em; }
      .feature .icon {
        width: 4em;
        height: 6em;
        margin-left: -5em; } }

/**
* Form
*/
.form-inner {
  border: 3px solid #ade0f4;
  background-color: #f4f4f4;
  padding: 0.5em;
  border-radius: 4px;
  margin-bottom: 1.5em;
  -webkit-transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
  -moz-transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s; }
  .form-inner:hover {
    border-color: #7fceef;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 992px) {
    .form-inner {
      padding: 1em 2em; } }

.form-cobrand {
  width: 50%;
  display: block;
  margin: 0 auto;
  margin-bottom: 1.5em; }

#main-form header p {
  text-align: center; }

#main-form h2 {
  text-align: center;
  background-color: #da2650;
  padding: 0.5em 0.5em;
  color: #fff;
  border-radius: 2px;
  line-height: 1.2;
  font-size: 1.25rem; }
  @media screen and (min-width: 992px) {
    #main-form h2 {
      margin-left: -0.5em;
      margin-right: -0.5em;
      font-size: 1.625rem; } }
  @media screen and (min-width: 1300px) {
    #main-form h2 {
      margin-left: -0.75em;
      margin-right: -0.75em; } }
  #main-form h2 .connect {
    position: relative;
    font-weight: 300;
    font-style: italic;
    font-size: 80%;
    top: -0.15em;
    z-index: 1;
    color: #f8d4dd; }
    @media screen and (min-width: 767px) {
      #main-form h2 .connect {
        display: block;
        top: 0; }
        #main-form h2 .connect:before {
          border-top: 1px solid #e15273;
          content: "";
          margin: 0 auto;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          bottom: 0;
          width: 55%;
          z-index: -1; }
        #main-form h2 .connect span {
          background: #da2650;
          padding: 0 0.5em;
          line-height: 0; } }

#main-form label {
  font-size: 0.75rem;
  text-transform: uppercase; }

#main-form #offsite-post {
  float: left;
  margin-bottom: 0;
  margin-right: 0.5em; }

#main-form .legal p {
  font-size: .9rem; }
  @media screen and (min-width: 992px) {
    #main-form .legal p {
      font-size: 0.9375rem; } }

#main-form .button-holder {
  margin: 1.5em 0;
  text-align: center; }

#main-form .primary-cta {
  width: 100%; }
  @media screen and (min-width: 480px) {
    #main-form .primary-cta {
      width: 80%; } }
  @media screen and (min-width: 767px) {
    #main-form .primary-cta {
      width: 100%; } }

.security {
  padding-top: 1.5em; }
  .security .icon {
    position: relative;
    height: 3em;
    width: 3em;
    margin: 0 auto 1.5em; }
    .security .icon svg .a {
      fill: #d8def3; }
    .security .icon svg .b {
      fill: #526bc7; }

.content-processing {
  text-align: center; }
  @media screen and (min-width: 767px) {
    .content-processing {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%;
      margin-left: 25.5894128995%; }
      .content-processing:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1300px) {
    .content-processing {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%;
      margin-left: 17.0596085997%; }
      .content-processing:last-child {
        margin-right: 0; } }

.loading {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 767px) {
    .loading {
      margin-top: 3em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 1300px) {
    .loading {
      margin-top: 4.5em;
      margin-bottom: 4.5em; } }

#resource-frame {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  display: block;
  height: 0px;
  overflow: hidden; }

#onleave-offer {
  display: none; }

.hidden {
  display: none; }

/*# sourceMappingURL=main.css.map */