/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
 @import url('https://use.typekit.net/afk0tiq.css');
 @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
 @import "colors.css";
 @import "font.css";
 article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
   display: block; }

 /**
  * Correct `inline-block` display not defined in IE 8/9.
  */
 audio, canvas, video {
   display: inline-block; }

 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 audio:not([controls]) {
   display: none;
   height: 0; }

 /**
  * Address `[hidden]` styling not present in IE 8/9.
  * Hide the `template` element in IE, Safari, and Firefox < 22.
  */
 [hidden], template, hide {
   display: none; }

 /* ==========================================================================
    Base
    ========================================================================== */
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 html {
   font-family: sans-serif;
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 2 */
   -webkit-text-size-adjust: 100%;
   /* 2 */ }

 /**
  * Remove default margin.
  */
 body {
   margin: 0;
   background-color: var(--color-gray-1); }

 /* ==========================================================================
    Links
    ========================================================================== */
 /**
  * Remove the gray background color from active links in IE 10.
  */
 a {
   background: transparent; }

 /**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 a:focus {
   outline: thin dotted; }

 /**
  * Improve readability when focused and also imagesmouse hovered in all browsers.
  */
 a:active, a:hover {
   outline: 0; }

 /* ==========================================================================
    Typography
    ========================================================================== */
 /**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari 5, and Chrome.
  */
 h1 {
   font-size: 2em;
   margin: 0.67em 0; }

 /**
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  */
 abbr[title] {
   border-bottom: 1px dotted; }

 /**
  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  */
 b, strong {
   font-weight: 500; }

 /**
  * Address styling not present in Safari 5 and Chrome.
  */
 dfn {
   font-style: italic; }

 /**
  * Address differences between Firefox and other browsers.
  */
 hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0; }

 /**
  * Address styling not present in IE 8/9.
  */
 mark {
   background: yellow;
   color: black; }

 /**
  * Correct font family set oddly in Safari 5 and Chrome.
  */
 code, kbd, pre, samp {
   font-family: monospace, serif;
   font-size: 1em; }

 /**
  * Improve readability of pre-formatted text in all browsers.
  */
 pre {
   white-space: pre-wrap; }

 /**
  * Set consistent quote types.
  */
 q {
   quotes: "\201C" "\201D" "\2018" "\2019"; }

 /**
  * Address inconsistent and variable font size in all browsers.
  */
 small {
   font-size: 80%; }

 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
 sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline; }

 sup {
   top: -0.5em; }

 sub {
   bottom: -0.25em; }

 /* ==========================================================================
    Embedded content
    ========================================================================== */
 /**
  * Remove border when inside `a` element in IE 8/9.
  */
 img {
   border: 0; }

 /**
  * Correct overflow displayed oddly in IE 9.
  */
 svg:not(:root) {
   overflow: hidden; }

 /* ==========================================================================
    Figures
    ========================================================================== */
 /**
  * Address margin not present in IE 8/9 and Safari 5.
  */
 figure {
   margin: 0; }

 /* ==========================================================================
    Forms
    ========================================================================== */
 /**
  * Define consistent border, margin, and padding.
  */
 fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }

 /**
  * 1. Correct `color` not being inherited in IE 8/9.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
 legend {
   border: 0;
   /* 1 */
   padding: 0;
   /* 2 */ }

 /**
  * 1. Correct font family not being inherited in all browsers.
  * 2. Correct font size not being inherited in all browsers.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  */
 button, input, select, textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 2 */
   margin: 0;
   /* 3 */ }

 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 button, input {
   line-height: normal; }

 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
 button, select {
   text-transform: none; }

 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
 button, html input[type="button"], input[type="reset"], input[type="submit"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
   /* 3 */ }

 /**
  * Re-set default cursor for disabled elements.
  */
 button[disabled], html input[disabled] {
   cursor: default; }

 /**
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
 input[type="checkbox"], input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */ }

 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  */
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   /* 2 */
   box-sizing: content-box; }

 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }

 /**
  * Remove inner padding and border in Firefox 4+.
  */
 button::-moz-focus-inner, input::-moz-focus-inner {
   border: 0;
   padding: 0; }

 /**
  * 1. Remove default vertical scrollbar in IE 8/9.
  * 2. Improve readability and alignment in all browsers.
  */
 textarea {
   overflow: auto;
   /* 1 */
   vertical-align: top;
   /* 2 */ }

 /* ==========================================================================
    Tables
    ========================================================================== */
 /**
  * Remove most spacing between table cells.
  */
 table {
   border-collapse: collapse;
   border-spacing: 0; }

 .column.full:before, .column.full:after, .row:before, .row:after, .container:before, .container:after, header:before, header:after, footer ul:before, footer ul:after, label:before, label:after, .enrollment-form:before, .enrollment-form:after, .enrollment-form section:before, .enrollment-form section:after, .subheader:before, .subheader:after, .button-wrap:before, .button-wrap:after, .card:before, .card:after, .save-to-share-wrap:before, .save-to-share-wrap:after, .costs li:before, .costs li:after, .referrer-wrap:before, .referrer-wrap:after, .responses-wrap:before, .responses-wrap:after, .modal .modal-inner:before, .modal .modal-inner:after, .payment section:before, .payment section:after {
   content: " ";
   display: table; }

 .column.full:after, .row:after, .container:after, header:after, footer ul:after, label:after, .enrollment-form:after, .enrollment-form section:after, .subheader:after, .button-wrap:after, .card:after, .save-to-share-wrap:after, .costs li:after, .referrer-wrap:after, .responses-wrap:after, .modal .modal-inner:after, .payment section:after {
   clear: both; }

 .column.full, .row, .container, header, footer ul, label, .enrollment-form, .enrollment-form section, .subheader, .button-wrap, .card, .save-to-share-wrap, .costs li, .referrer-wrap, .responses-wrap, .modal .modal-inner, .payment section {
   *zoom: 1; }

 .fixed {
   position: fixed; }

 .relative {
   position: relative !important; }

 .float-left {
   float: left !important; }

 .float-right {
   float: right !important; }

 .float-none {
   float: none !important; }

 .remove-margin {
   margin: 0 !important; }

 .add-padding {
   padding: 2em; }

 .remove-padding-top {
   padding-top: 0 !important; }

 .remove-padding {
   padding: 0 !important; }

 .hide {
   display: none !important; }

 /* Overrides default select2 styles */
 .select2-container {
   width: 100% !important; }

 .test {
   color: #9ca9b8;
   background-color: #d2d8df;
   padding: 2em 1.5em;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   text-align: center; }

 .test .test {
   border: 2px solid #9ca9b8; }

 .column {
   float: left;
   padding: 1em; }

 .column.container {
   padding: 0; }

 .column.full {
   float: none;
   width: 100%; }

 .column.two-thirds {
   width: 66.66667%; }

 .column.half {
   width: 50%; }

 .column.third {
   width: 33.33333%; }

 .column.fourth {
   width: 25%; }

 .column.center {
   float: none;
   margin: 0 auto; }

 .column.flow-opposite {
   float: right; }

 .row {
   margin: 0;
   padding: 0;
   width: 100%; }

 .account-title {
   margin-top: 0;
   margin-bottom: .5em;
   color: var(--color-purple); }

 .login-intro,
 .account-intro {
   font-size: .9em;
   color: var(--color-gray-4);
   line-height: 1.3;
   margin-top: 0;
   text-align: center; }

 .account-intro {
   line-height: 1.5;
   max-width: 400px;
   text-align: left; }

 .account-verse {
   font-size: .7em;
   color: var(--color-gray-4);
   line-height: 1.3;
   margin-top: 0;
   text-align: center;
   font-style: italic;
   max-width: 400px; }

 @media all and (max-width: 880px) {
   .column.tablet-half {
     width: 50%; } }
 @media all and (max-width: 500px) {
   .column.half, .column.third, .column.fourth, .column.two-thirds, .column.full {
     float: none;
     width: 100%; } }
 /* Layout */
 *, *:before, *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }

 body {
   font-family: effra, sans-serif;;
   color: var(--color-gray-4); }

 .container {
   margin: 0 auto;
   max-width: 960px; }

 @media all and (max-width: 500px) {
   .container {
     padding: 0.5em; } }
 .container.login {
   max-width: 1000px;
   margin: 2em auto; }

 .login h2 {
   margin-bottom: 0.5em; }

 fieldset {
   border: 2px solid var(--color-gray-3);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: var(--color-white);
   margin-top: 2em; }

 section.group {
   padding: 1em 0; }

 @media all and (max-width: 500px) {
   section.group {
     padding: 0.5em 0; } }
 /* Links */
 a {
   color: var(--color-semantic-blue); }

 h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   margin: 0; }

 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
   font-size: 65%;
   display: block;
   color: var(--color-black);
   font-weight: normal;
   line-height: 1.3em; }

 h1 small.tiny, h2 small.tiny, h3 small.tiny, h4 small.tiny, h5 small.tiny, h6 small.tiny {
   font-size: 55%;
   margin-top: 0.5em; }

 h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
   text-align: center; }

 h1 {
   font-weight: 500;
   line-height: 1.1em; }

 /* Errors */
 .error, label.custom-error {
   color: var(--color-semantic-red); }

 .notice {
   background: var(--color-purple);
   padding: 1.5em;
   color: var(--color-white);
   text-align: center; }

 .notice .notice-icon {
   background-image: url(../images/icon-notice.svg);
   background-size: 24px 24px;
   background-repeat: no-repeat;
   background-position: center center;
   border: 2px solid var(--color-white);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   height: 50px;
   margin-bottom: 0.5em;
   width: 50px; }

 .notice h3 {
   color: var(--color-white);
   margin: 0 auto;
   max-width: 500px;
   text-align: center; }

 .notice a, .notice .resend-confirmation {
   color: var(--color-white);
   color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   text-decoration: underline; }

 /* Nav */
 header {
   background-color: var(--color-purple);
   color: var(--color-white);
   min-height: 3em;
   width: 100%;
   z-index: 1000;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   /* Avatar */ }

 header .row {
   max-width: 100%; }

 header ul {
   list-style: none;
   margin: 0;
   padding: 0; }

 header ul li {
   border: none;
   color: rgba(255, 255, 255, 0.7);
   cursor: pointer;
   float: left;
   margin-right: 1.5em;
   text-decoration: none;
   -webkit-transition: color ease 0.3s;
   transition: color ease 0.3s; }

 header ul li:hover, header ul li:focus {
   color: var(--color-white); }

 header ul .menu {
   display: inline-block; }

 @media all and (max-width: 880px) {
   header ul .menu {
     display: none; } }
 header ul .icon-menu {
   display: none;
   margin-left: 0.8em; }

 @media all and (max-width: 880px) {
   header ul .icon-menu {
     display: inline-block; } }
 @media all and (max-width: 500px) {
   header .row .column.half {
     width: 50%; } }
 header .account {
   float: right; }

 header .account .avatar {
   width: 32px;
   height: 32px;
   background-color: var(--color-white);
   background-image: url(http://api.randomuser.me/0.2/portraits/men/0.jpg);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   float: left;
   background-size: 100%;
   border: 2px solid var(--color-white); }

 header .account .name {
   margin-left: 0.6em;
   float: left;
   line-height: 32px;
   max-width: 8em;
   text-overflow: clip;
   overflow: hidden; }

 /* Hero */
 .hero {
   background-color: var(--color-purple);
   color: var(--color-white);
   height: 35em;
   position: relative;
   text-align: center; }

 .hero h1 {
   color: white;
   margin: auto;
   font-size: 2.5em;
   font-weight: 200;
   position: absolute;
   vertical-align: bottom;
   height: 100px;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 2; }

 .hero h1 small {
   color: var(--color-white);
   display: block;
   font-weight: normal;
   font-size: 40%;
   line-height: 1.5em; }

 .hero.iphone {
   background: url(../images/iphone.jpg);
   text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }

 .hero.iphone h1 {
   color: var(--color-white); }

 xmp {
   background-color: #e5eaf0;
   padding: 1.5em;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   overflow: scroll;
   margin: 0;
   white-space-collapse: discard; }

 /* iFrame */
 .full-screen {
   border: none;
   height: 1360px;
   width: 100%; }

 /* Footer */
 footer {
   border-top: 2px solid var(--color-gray-3);
   font-size: 0.9em;
   margin-top: 3em; }

 footer .container {
   padding: 1em 0; }

 footer .column {
   padding: 0; }

 footer p {
   color: var(--color-black); }

 footer ul {
   list-style: none;
   margin: 1.5em 0 0.5em 0;
   padding: 0; }

 footer ul li {
   border-left: 2px solid var(--color-gray-3);
   float: left;
   padding: 0 1.2em;
   text-decoration: none;
   -moz-transition: color ease 0.3s;
   -webkit-transition: color ease 0.3s;
   transition: color ease 0.3s; }

 footer ul li:first-child {
   border-left: none;
   padding-left: 0; }

 footer ul a {
   color: var(--color-semantic-blue);
   text-decoration: none; }

 footer ul a:hover {
   text-decoration: underline; }

 @media all and (max-width: 880px) {
   footer {
     font-size: 1em;
     text-align: center; }

   footer .column {
     float: none; }

   footer .icon.logo-footer {
     margin: 0 auto; }

   footer ul li {
     border-left: none;
     float: none;
     margin-bottom: 0.3em;
     padding: 0; } }
 h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   margin: 0; }

 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
   font-size: 65%;
   display: block;
   color: var(--color-black);
   font-weight: normal;
   line-height: 1.3em;
   margin-top: 0.3em; }

 h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
   text-align: center; }

 h1.nickname, h2.nickname, h3.nickname, h4.nickname, h5.nickname, h6.nickname {
   color: var(--color-purple);
   font-size: 2em;
   font-weight: 900; }

 h1 {
   color: var(--color-black);
   font-weight: 400;
   font-size: 2.3em;
   line-height: 1.2em; }

 h2 {
   color: var(--color-black);
   font-size: 1.5em;
   font-weight: 400;
   line-height: 1.2em; }

 h3 {
   font-size: 1.1em;
   margin-bottom: 0.5em; }

 h3 {
   font-size: 1.1em;
   margin-bottom: 0.5em; }

 p {
   color: var(--color-gray-4);
   font-size: 1.1em;
   line-height: 1.5em;
   margin: 0 0 0.5em 0; }

 p.description {
   color: var(--color-black);
   margin: 1em auto;
   max-width: 500px;
   text-align: center; }

 p.centered {
   text-align: center; }

 .intro h1 {
   margin-bottom: 0; }

 .intro p {
   margin: 0;
   margin-top: 0.2em;
   font-size: 1.2em; }

 sup {
   font-size: 60%;
   font-weight: 400;
   text-transform: uppercase; }

   .select2-container {
       width: 100% !important;
       margin: 0;
       position: relative;
       display: inline-block;
       /* inline-block for ie7 */
       zoom: 1;
       *display: inline;
       vertical-align: middle;
   }

   .select2-container .select2-choice {
       -moz-user-select: none;
       -ms-user-select: none;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       border-radius: 5px;
       background-clip: padding-box;
       background-color: var(--color-white);
       border: 2px solid var(--color-gray-3);
       color: var(--color-gray-4);
       display: block;
       font-family: effra, sans-serif;;
       font-size: 1rem;
       font-weight: normal;
       overflow: hidden;
       padding: 0.6rem;
       position: relative;
       text-decoration: none;
       user-select: none;
       white-space: nowrap;
   }

   .error .select2-choice {
       border-color: var(--color-semantic-red);
   }

   .select2-container.select2-drop-above .select2-choice {
       border-bottom-color: var(--color-semantic-blue);
       border-radius: 5px;
   }

   .select2-container.select2-allowclear .select2-choice .select2-chosen {
       margin-right: 42px;
   }

   .select2-container .select2-choice > .select2-chosen {
       margin: 0rem 20px 0 0;
       display: block;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
       color: var(--color-black);
       font-size: 1rem;
   }

   .select2-drop-mask {
       border: 0;
       margin: 0;
       padding: 0;
       position: fixed;
       left: 0;
       top: 0;
       min-height: 100%;
       min-width: 100%;
       height: auto;
       width: auto;
       opacity: 0;
       z-index: 9998;
       /* styles required for IE to work */
       background-color: var(--color-gray-1);
   }

   .select2-drop {
       margin-top: -2.7rem;
       width: 100%;
       position: absolute;
       padding-top: 0;
       z-index: 9999;
       top: 100%;
       background: var(--color-white);
       color: var(--color-black);
       border: 2px solid var(--color-semantic-blue);
       border-radius: 5px;
       box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.3);
       overflow: hidden;
   }

   .select2-drop-auto-width {
       width: auto;
   }

   .select2-drop.select2-drop-above {
       margin-top: -0.4rem;
       border-radius: 5px;
   }

   .select2-drop.select2-drop-above.select2-drop-active {
       box-shadow: none;
   }

   .select2-container .select2-choice .select2-arrow {
       display: inline-block;
       width: 25px;
       height: 100%;
       position: absolute;
       right: 0;
       top: 0.8rem;
       border-radius: 0 5px 5px 0(0 5px 5px 0);
       background-clip: padding-box;
       background: transparent;
   }

   .select2-search {
       display: inline-block;
       width: 100%;
       min-height: 26px;
       margin: 0;
       position: relative;
       z-index: 10000;
       white-space: nowrap;
   }

   .select2-search input {
       border-radius: 5px 5px 0 0 !important;
       background: var(--color-white);
       border: none !important;
       border-bottom: 2px solid var(--color-gray-3) !important;
       font-family: effra, sans-serif;;
       font-size: 1rem;
       height: auto !important;
       margin: 0;
       min-height: 2.5rem;
       outline: 0;
       padding: 0.6rem;
       padding-bottom: 0.5rem;
       width: 100%;
   }

   .select2-drop.select2-drop-above .select2-search input {
       margin-top: 4px;
   }

   .select2-search input.select2-active {
       background: var(--color-gray-1) no-repeat 100%;
   }

   .select2-container-active .select2-choice,
   .select2-container-active .select2-choices {
       background: var(--color-white);
       border: 2px solid var(--color-semantic-blue);
       outline: none;
   }

   .select2-dropdown-open.select2-drop-above .select2-choice,
   .select2-dropdown-open.select2-drop-above .select2-choices {
       background: var(--color-white);
       border: 2px solid var(--color-gray-3);
   }

   .select2-dropdown-open .select2-choice .select2-arrow {
       background: transparent;
       border-left: none;
       filter: none;
   }

   .select2-hidden-accessible {
       border: 0;
       clip: rect(0 0 0 0);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
   }

   /* results */
   .select2-results {
       max-height: 15em;
       padding: 0;
       margin: 0;
       position: relative;
       overflow-x: hidden;
       overflow-y: auto;
       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }

   .select2-results ul.select2-result-sub {
       margin: 0;
       padding-left: 0;
   }

   .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
   .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
   .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
   .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
   .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
   .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
   .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

   .select2-results li {
       list-style: none;
       display: list-item;
       background-image: none;
       transition: none;
   }

   .select2-results li.select2-result-with-children > .select2-result-label {
       font-weight: 500;
   }

   .select2-results .select2-result-label {
       -moz-user-select: none;
       -ms-user-select: none;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       cursor: pointer;
       font-family: effra, sans-serif;;
       font-size: 1rem;
       font-weight: normal;
       margin: 0;
       min-height: 1rem;
       padding: 0.6rem;
       transition: none;
       user-select: none;
   }

   .select2-results .select2-highlighted {
       background: var(--color-semantic-blue);
       color: var(--color-gray-1);
   }

   .select2-results li em {
       background: var(--color-gray-1);
       font-style: normal;
   }

   .select2-results .select2-highlighted em {
       background: transparent;
   }

   .select2-results .select2-highlighted ul {
       background: var(--color-gray-1);
       color: var(--color-black);
   }


   .select2-results .select2-no-results,
   .select2-results .select2-searching,
   .select2-results .select2-selection-limit {
       background: var(--color-gray-1);
       display: list-item;
       padding: 1rem;
       border-radius: 5px;
       font-family: effra, sans-serif;;
       font-size: 1rem;
       color: var(--color-gray-4);
       text-align: center;
   }

   /*
   disabled look for disabled choices in the results dropdown
   */
   .select2-results .select2-disabled.select2-highlighted {
       color: var(--color-gray-4);
       background: var(--color-gray-1);
       display: list-item;
       cursor: default;
   }
   .select2-results .select2-disabled {
       background: var(--color-gray-1);
       display: list-item;
       cursor: default;
   }

   .select2-results .select2-selected {
       display: none;
   }

   .select2-more-results.select2-active {
       background: var(--color-gray-1) no-repeat 100%;
   }

   .select2-more-results {
       background: var(--color-gray-1);
       display: list-item;
   }

   /* disabled styles */

   .select2-container.select2-container-disabled .select2-choice {
     cursor: not-allowed;
     opacity: 0.5;
   }

   .select2-container.select2-container-disabled .select2-choice .select2-arrow {
       background-color: var(--color-gray-1);
       background-image: none;
       border-left: 0;
   }

   .select2-container.select2-container-disabled .select2-choice abbr {
       display: none;
   }


   /* multiselect */

   .select2-container-multi .select2-choices {
       height: auto !important;
       height: 1%;
       margin: 0;
       padding: 0;
       position: relative;
       border: 2px solid var(--color-gray-3);
       cursor: text;
       overflow: hidden;
       background-color: var(--color-gray-1);
   }

   .select2-locked {
     padding: 3px 5px 3px 5px !important;
   }

   .select2-container-multi .select2-choices {
       min-height: 26px;
   }

   .select2-container-multi.select2-container-active .select2-choices {
       border: 2px solid var(--color-semantic-blue);
       outline: none;
   }
   .select2-container-multi .select2-choices li {
       float: left;
       list-style: none;
   }
   .select2-container-multi .select2-choices .select2-search-field {
       margin: 0;
       padding: 0;
       white-space: nowrap;
   }

   .select2-container-multi .select2-choices .select2-search-field input {
       padding: 5px;
       margin: 1px 0;
       font-family: effra, sans-serif;;
       font-size: 100%;
       color: var(--color-gray-4);
       outline: 0;
       border: 0;
       background: transparent !important;
   }

   .select2-container-multi .select2-choices .select2-search-field input.select2-active {
       background: var(--color-gray-1)  no-repeat 100% !important;
   }

   .select2-default {
       color: var(--color-gray-4) !important;
   }

   .select2-container-multi .select2-choices .select2-search-choice {
       padding: 3px 5px 3px 18px;
       margin: 3px 0 3px 5px;
       position: relative;
       line-height: 13px;
       color: #333;
       cursor: default;
       border: 2px solid var(--color-gray-3);
       border-radius: 5px;
       background-clip: padding-box;
       -webkit-touch-callout: none;
         -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
                 user-select: none;

       background-color: var(--color-gray-1);
   }
   .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
     cursor: default;
   }
   .select2-container-multi .select2-choices .select2-search-choice-focus {
     background: var(--color-gray-1);
   }

   .select2-search-choice-close {
     display: none;
     width: 15px;
     height: 100%;
     position: absolute;
     right: 37px;
     top: 0;
   }

   .select2-container.select2-allowclear .select2-choice abbr {
     display: inline-block;
   }

   .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
     background-position: right -11px;
   }
   .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
       background-position: right -11px;
   }

   /* disabled styles */
   .select2-container-multi.select2-container-disabled .select2-choices {
       background-color: var(--color-gray-1);
       background-image: none;
       border: 2px solid var(--color-gray-3);
       cursor: default;
   }

   .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
       padding: 3px 5px 3px 5px;
       border: 2px solid var(--color-gray-3);
       background-image: none;
       background-color: var(--color-gray-1);
   }

   .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
       background: none;
   }
   /* end multiselect */


   .select2-result-selectable .select2-match,
   .select2-result-unselectable .select2-match {
       text-decoration: underline;
       transition: none;
   }

   .select2-offscreen, .select2-offscreen:focus {
       clip: rect(0 0 0 0) !important;
       width: 1px !important;
       height: 1px !important;
       border: 0 !important;
       margin: 0 !important;
       padding: 0 !important;
       overflow: hidden !important;
       position: absolute !important;
       outline: 0 !important;
       left: 0px !important;
       top: 0px !important;
   }

   .select2-display-none {
       display: none;
   }

   .select2-measure-scrollbar {
       position: absolute;
       top: -10000px;
       left: -10000px;
       width: 100px;
       height: 100px;
       overflow: scroll;
   }


 textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
   border: 2px solid var(--color-gray-3);
   background: var(--color-white);
   outline: none;
   padding: 0.6em;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   width: 100%;
   max-width: 100%;
   -webkit-appearance: none;
   color: var(--color-black);
   font-family: "Helvetica Neue";
   font-weight: 200;
   transition: color ease 0.4s, border-color ease 0.4s; }

 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
   border-color: var(--color-purple); }

 textarea.error, input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="tel"].error {
   border: 1px solid var(--color-semantic-red); }

 textarea {
   overflow: auto; }

 label {
   font-size: 0.8rem;
   margin-bottom: 0.4em;
   display: block;
   color: var(--color-black);
   font-weight: 500; }

 label.error {
   color: var(--color-semantic-red);
   margin: 0.5em 0 0 0; }

 .agreements input[type="checkbox"] {
   float: left;
   margin: 0.3em 0 0 0; }

 .agreements label {
   margin-top: -1em;
   margin-bottom: 0; }

 .agreements span {
   float: right;
   font-size: 1.1em;
   padding-left: 1.4em;
   width: 100%;
   margin-top: -1em; }

 .agreements .sub-agreement {
   margin-left: 2em; }

 .icon-check-white, .button .icon-checkbox, button .icon-checkbox, input[type="submit"] .icon-checkbox {
   background-image: url(../images/icon-check-white.svg);
   background-position: center;
   background-repeat: no-repeat; }

 .icon-check-grey, .button.secondary:hover .icon-checkbox, .button.secondary:focus .icon-checkbox, button.secondary:hover .icon-checkbox, button.secondary:focus .icon-checkbox, input[type="submit"].secondary:hover .icon-checkbox, input[type="submit"].secondary:focus .icon-checkbox {
   background-image: url(../images/icon-check-grey.svg);
   background-position: center;
   background-repeat: no-repeat; }

 .icon-checkbox {
   display: inline-block;
   float: left;
   margin-right: 0.9em;
   width: 2.5em;
   height: 2.5em;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%; }

 .icon-menu {
   display: inline-block;
   width: 1em;
   border-bottom: 2px solid var(--color-gray-3); }

 .icon-menu:after {
   display: block;
   content: " ";
   width: 1em;
   border-bottom: 2px solid var(--color-gray-3);
   margin-bottom: 3px; }

 .icon-menu:before {
   display: block;
   content: " ";
   width: 1em;
   border-bottom: 2px solid var(--color-gray-3);
   margin-bottom: 3px; }

 .icon {
   background-repeat: no-repeat;
   background-position: center center;
   display: block;
   margin: 0 auto; }

 .icon.logo {
   background-image: url(/Images/icon-logo.svg);
   background-size: contain;
   height: 55px;
   width: auto;
   margin: 2em 0 2.5em 0; }

 .icon.logo-footer {
   background-image: url(../images/icon-logo-gray.svg);
   background-size: 200px 132px;
   height: 75px;
   width: 175px;
   margin: 0 1em 0 0; }

 .icon.email {
   background-image: url(../images/icon-email.svg);
   background-size: 140px 120px;
   height: 80px;
   width: 140px; }

 .icon.cc {
   background-image: url(/Images/icon-cc.svg);
   background-size: 100px 100px;
   height: 55px;
   margin: 0 auto 1em auto;
   width: 80px; }

 .icon.check {
   background-image: url("/Images/icon-check.svg");
   background-size: 190px 112px;
   height: 70px;
   margin: 0 auto 1em auto;
   width: 140px; }

 .icon.broken {
   background-image: url("/Images/icon-broken.svg");
   background-size: 240px 240px;
   height: 150px;
   margin-right: 1.2em;
   display: inline-block;
   vertical-align: middle;
   width: 150px; }

 .login-input,
 .login-placeholder {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   color: var(--color-black);
   font-family: effra, sans-serif;;
   -webkit-appearance: none;
   font-size: 1em;
   outline: none;
   margin: 0;
   width: 100%;
   padding: 0.5em;
   background: var(--color-gray-3);
   border: 2px solid var(--color-gray-3); }

 .reset-link {
   display: block;
   color: var(--color-semantic-blue);
   font-size: .8em;
   line-height: 1.3;
   text-decoration: none;
   text-align: center; }

 .password-tooltip-icon {
   border-radius: 50%;
   background-color: var(--color-white);
   border: 2px solid var(--color-gray-2);
   color: var(--color-gray-4);
   cursor: pointer;
   font-size: .8rem;
   font-weight: 500;
   /*line-height: 21px;*/
   height: 22px;
   position: absolute;
   right: .8rem;
   text-align: center;
   top: 0.5rem;
   width: 22px;
   z-index: 1010; }

 /*div.buttons {
     padding-top: 10px;
   text-align: right;
   max-width: 600px;
 }*/
 input[type="text"].password-input,
 input[type="password"].password-input {
   padding-right: 2.5rem; }

 .input-wrap {
   position: relative; }

 @media all and (max-width: 575px) {
   .icon.broken {
     display: block;
     margin: 0 auto 1.2em auto; } }
 .button, button, input[type="submit"] {
   transition: background-color ease 0.3s, color ease 0.3s, border-color ease 0.3s, box-shadow ease 0.3s;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font-size: 1em;
   font-weight: 100;
   padding: 0.6em 1.8em;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   outline: none;
   border: 1px solid; }

 .button.large, button.large, input[type="submit"].large {
   font-size: 1.1em; }

 .button.block, button.block, input[type="submit"].block {
   display: block; }

 .button.x, button.x, input[type="submit"].x {
   font-size: 1.7em;
   font-weight: 200;
   padding: 0em 0.35em;
   box-shadow: none !important; }

 .button.special, button.special, input[type="submit"].special {
   text-align: left;
   padding-left: 1em; }

 .button.special small, button.special small, input[type="submit"].special small {
   display: block;
   font-weight: 200; }

 .button.special span, button.special span, input[type="submit"].special span {
   float: left;
   margin-top: 0.15em; }

 .button, button, input[type="submit"] {
   color: white;
   font-weight: 400;
   font-size: 0.9rem;
   border-color: var(--color-purple);
   background-color: var(--color-purple); }

 .button .icon-checkbox, button .icon-checkbox, input[type="submit"] .icon-checkbox {
   border: 3px solid white; }

 .button:hover, .button:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
   color: white;
   background-color: var(--color-purple-dark); }

 .button:hover .icon-checkbox, .button:focus .icon-checkbox, button:hover .icon-checkbox, button:focus .icon-checkbox, input[type="submit"]:hover .icon-checkbox, input[type="submit"]:focus .icon-checkbox {
   background: none; }

 .button.secondary, button.secondary, input[type="submit"].secondary {
   color: var(--color-black);
   border-color: var(--color-gray-3);
   background-color: var(--color-gray-3);
   border: 1px solid var(--color-gray-3); }

 .button.secondary .icon-checkbox, button.secondary .icon-checkbox, input[type="submit"].secondary .icon-checkbox {
   border: 3px solid #c6c8ca;
   background: none; }

 .button.secondary:hover, .button.secondary:focus, button.secondary:hover, button.secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus {
   background-color: var(--color-gray-3-dark);
   border-color: var(--color-gray-3-dark);
   border: 1px solid var(--color-gray-3-dark); }

 /* Enrollment Layout */
 .enrollment-hero {
   background-color: var(--color-purple);
   color: white;
   text-align: center;
   min-height: 350px; }

 .enrollment-form {
   margin: -7em 0 1em 0;
   position: relative; }

 .enrollment-form section {
   background: var(--color-white);
   border: 2px solid var(--color-gray-3);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   clear: both;
   margin-bottom: 1.5em; }

 .enrollment-form section section {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
   border: none;
   border-top: 2px solid var(--color-gray-3);
   margin: 0; }

 /* Enrollment Headers */
 .subheader {
   border-bottom: 2px solid var(--color-gray-3);
   margin-bottom: 1em;
   padding-bottom: 0.5em; }

 .subheader h3 {
   float: left; }

 .enrollment-header {
   padding: 2em;
   padding-bottom: 0em; }

 .enrollment-header p {
   color: var(--color-black);
   font-size: 1.1em; }

 /* Enrollment Buttons */
 .button-wrap {
   margin-bottom: 2em;
   width: 100%; }

 @media all and (max-width: 880px) {
   .button-wrap {
     padding: 0 1em; } }
 .enrollment-button {
   background: none;
   border: none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
   color: #797b7d;
   cursor: pointer;
   float: right;
   font-weight: 400;
   margin-top: 0.1em;
   padding: 0; }

 .enrollment-button span {
   font-size: 1.2em; }

 .enrollment-button:hover, .enrollment-button:focus {
   color: #606060;
   background: none; }

 .enrollment-button.close {
   float: right; }

 .enrollment-button.add {
   float: none; }

 .enrollment-button.full-width {
   padding: 0 2em 1em 2em;
   text-align: left;
   width: 100%; }

 /* Progress Steps */
 .progress-steps {
   list-style: none;
   margin: 4.5em 0 0 0;
   overflow: hidden;
   padding: 0;
   position: relative;
   text-align: center;
   width: 100%; }

 .progress-steps li {
   float: left;
   position: relative;
   width: 12.5%; }

 .progress-steps li:first-child:before {
   display: none; }

 .progress-steps li:before {
   background: rgba(255, 255, 255, 0.4);
   bottom: 0;
   content: " ";
   height: 2px;
   left: -20%;
   position: absolute;
   right: 0;
   top: 24px;
   width: 40%; }

 .progress-steps li div {
   background: var(--color-purple);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.4);
   color: rgba(255, 255, 255, 0.4);
   display: block;
   font-size: 1.7em;
   height: 50px;
   line-height: 1.7em;
   position: relative;
   text-align: center;
   width: 50px;
   margin: 0 auto 0.5em auto; }

 .progress-steps li div span {
   cursor: auto; }

 .progress-steps li span {
   color: rgba(255, 255, 255, 0.4);
   cursor: pointer;
   font-size: 0.95em; }

 .progress-steps li.current-step:before {
   background: white; }

 .progress-steps li.current-step div {
   color: white;
   border: 2px solid white; }

 .progress-steps li.current-step span {
   color: white; }

 .progress-steps li.finished-step:before {
   background: white; }

 .progress-steps li.finished-step div {
   color: var(--color-purple);
   background-image: url(../images/check-purple.svg);
   background-color: white;
   background-size: 21px 21px;
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer; }

 .progress-steps li.finished-step div span {
   display: none; }

 .progress-steps li.finished-step span {
   color: white; }

 /* Review */
 .review-details {
   list-style: none;
   padding: 0; }

 .review-details li {
   float: left;
   margin-bottom: 1em;
   width: 50%; }

 .important-information li {
   margin-bottom: 0.5em; }

 .important-information li:last-child {
   margin-bottom: 0; }

 /* Media Queries */
 @media all and (max-width: 880px) {
   .enrollment-hero {
     min-height: initial; }

   .progress-steps {
     margin: 2em 0; }

   .progress-steps li.current-step {
     width: 100%; }

   .progress-steps li.current-step:before {
     display: none; }

   .progress-steps li.incomplete-step, .progress-steps li.finished-step {
     display: none; }

   .progress-steps li.incomplete-step:before, .progress-steps li.finished-step:before {
     display: none; }

   .enrollment-hero .step-description {
     margin-bottom: 2em; }

   .enrollment-form {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     border-top: none;
     border-left: none;
     border-right: none;
     margin: 0 0 2em 0;
     padding: 0; }

   .save-to-share.card div {
     border-top: 1px solid #dddddd;
     border-left: none;
     width: 100%; }

   .save-to-share.card div:first-child {
     border-top: none; }

   .costs li {
     margin-top: 0.5em; }

   .costs .title, .costs .price, .costs .total {
     display: block;
     float: none; }

   .review-details li {
     float: none;
     width: 100%; } }
 .error-container {
   display: table;
   width: 100%;
   height: 100%;
   min-height: 100%; }

 .error-inner {
   padding: 2em 0;
   display: table-cell;
   vertical-align: middle;
   text-align: center; }

 .error-inner h1 {
   color: var(--color-purple);
   font-weight: 500;
   margin-bottom: 0.5em; }

 .error-message {
   display: inline-block;
   vertical-align: middle;
   text-align: left;
   max-width: 400px; }

 .error {
   font-weight: 500;
   margin: 0 0 1rem 0;
   background-color: #f2dede;
   border: 2px solid #ebccd1;
   color: #a94442;
   border-radius: 5px;
   font-size: 0.9rem; }

 .row {
   margin: auto;
   max-width: 1200px;
   padding-left: 1rem;
   width: 100%; }

 .row.row--nested {
   padding-left: 0; }

 @media all and (max-width: 575px) {
   .error-inner h1 {
     font-size: 2em; }

   .error-message {
     display: block;
     margin: 0 auto;
     text-align: center; } }
 .modal {
   background: rgba(0, 0, 0, 0.5);
   display: none;
   overflow: auto;
   overflow-y: scroll;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   -webkit-overflow-scrolling: touch;
   outline: 0; }

 .modal .modal-dialog {
   max-width: 650px;
   margin: 2em auto;
   width: 90%; }

 .modal .modal-inner {
   background-clip: padding-box;
   background-color: #f3f3f1;
   border-radius: 6px;
   outline: 0;
   padding: 2em;
   position: relative;
   text-align: center; }

 .cvv {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   background: white;
   border: 1px solid #dddddd;
   cursor: pointer;
   display: inline-block;
   font-size: 0.9em;
   height: 19px;
   padding: 0 6px;
   text-align: center;
   width: 19px; }

 /*.popover {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background-clip: padding-box;
   background-color: white;
   border: 1px solid #dddddd;
   left: 0;
   padding: 1em;
   position: absolute;
   text-align: left;
   top: -130px;
   white-space: normal;
   width: 100%;
   z-index: 1010; }
 */
 /*.popover p {
     margin: 0;
 }*/
 .popover {
   background-color: #FFF;
   display: block;
   border-radius: 0 0 5px 5px;
   border: 2px solid #dfdfdf;
   border-top: none;
   text-align: left;
   font-size: .8rem;
   line-height: 1.3em;
   color: #999;
   margin: 0;
   padding: 0.5rem;
   width: 100%;
   z-index: 1010; }

 input.with-pop-down {
   outline: none; }

 input.with-pop-down:focus {
   border-radius: 5px 5px 0 0; }

 .password-title {
   color: #555;
   font-size: 1.1rem;
   margin: 0;
   margin-bottom: .3rem; }

 .password-guidelines {
   font-size: .9rem;
   margin: 0;
   padding: 0;
   padding-left: 1rem; }

 .password-guidelines li {
   line-height: 1.4rem;
   margin-bottom: .3rem; }

 .login-title {
   color: #444;
   font-size: 1.2em;
   margin: 0;
   margin-bottom: .3em;
   font-weight: 500;
   text-align: center; }

 .login-box {
   background: var(--color-white);
   border: 2px solid var(--color-gray-3);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;
   margin-bottom: 1.3em;
   padding: 1.5em; }

 .alert {
   padding: 15px;
   margin-bottom: 20px;
   border: 1px solid transparent;
   border-radius: 4px; }

 .alert-danger {
   background-color: #f2dede;
   border-color: #ebccd1;
   color: #a94442; }

 @media all and (max-width: 500px) {
   .modal .modal-inner {
     padding: 1em; } }
 .payment section {
   background: #f3f3f1;
   border: 1px solid #dddddd;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   clear: both;
   margin: -7em 0 3em 0;
   position: relative; }

 .payment section section {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
   border: none;
   border-top: 1px solid #dddddd;
   margin: 0; }

 .payment .enrollment-hero {
   min-height: 160px; }

 .payment .enrollment-hero h1 {
   margin-bottom: 0.2em; }

 .payment .enrollment-hero .step-description {
   margin: 2em 0 9em 0; }

 .payment .enrollment-hero .step-description p {
   max-width: 100%; }

 /* Media Queries */
 @media all and (max-width: 880px) {
   .payment section {
     -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
     -ms-border-radius: 0 0 3px 3px;
     -o-border-radius: 0 0 3px 3px;
     border-radius: 0 0 3px 3px;
     margin-top: 0; }

   .payment .enrollment-hero {
     min-height: initial; } }
 .thank-you h1, .thank-you h2 {
   color: var(--color-purple); }

 .thank-you .intro p, .welcome .intro p {
   margin: 0 0 0.5em 0; }

 .thank-you p, .welcome p {
   margin: 0.5em 0 1.5em; }

 .thank-you .row hr {
   border: 0;
   border-top: 2px solid var(--color-gray-3);
   margin: 2em 2em 2em -1em; }

 @media all and (max-width: 880px) {
   .thank-you .button-wrap, .welcome .button-wrap {
     padding: 0; } }
 @media all and (max-width: 500px) {
   .thank-you .button, .welcome .button {
     display: block; } }
 .welcome--body {
   background-color: var(--color-gray-1);
   padding: 1rem;
   margin: auto;
   font-size: 18px;
   font-family: effra, sans-serif; }

 .welcome .welcome--title h1 {
   color: var(--color-purple);
   margin-top: 4rem;
   font-size: 3.5rem;
   text-align: center; }

 @media all and (min-width: 40em) {
   .welcome .welcome--title h1 {
     text-align: left;
     margin-top: 3.7rem; } }
 .welcome h2 {
   color: var(--color-black);
   font-size: 1.3em;
   font-weight: 400;
   line-height: 3.2em; }

 .welcome p {
   color: var(--color-gray-4);
   font-size: 1em;
   line-height: 1.5em; }

 .welcome a {
   color: var(--color-semantic-blue);
   cursor: pointer;
   outline: none;
   text-decoration: none;
   background-color: transparent;
   transition: background-color ease 0.3s, color ease 0.3s, border-color ease 0.3s, box-shadow ease 0.3s; }

 .welcome a:hover {
   opacity: .6; }

 .welcome hr {
   border: 0;
   border-top: 2px solid var(--color-gray-3);
   margin: 1em; }

 .welcome .row {
   padding-left: 2em; }

 .welcome .column {
   padding: 1rem;
   padding-left: 0 !important;
   width: 100% !important; }

 .welcome .column .column.third,
 .welcome .column .column.two-thirds,
 .welcome .column .column.half {
   padding-right: 2em; }

 @media all and (min-width: 40em) {
   .welcome .column.full {
     float: none;
     width: 100% !important; }

   .welcome .column.half {
     width: 50% !important; }

   .welcome .column.third {
     width: 33.333% !important; }

   .welcome .column.two-thirds {
     width: 66.666% !important; } }
 .welcome .icon {
   height: 120px;
   width: 120px;
   background-size: contain; }

 .welcome .icon.tiers {
   background-image: url(/Images/membership-tier-check.svg); }

 @media all and (min-width: 40em) {
   .welcome .icon.tiers {
     padding-top: 12em;
     background-size: 85%; } }
 .welcome .icon.guidelines {
   background-image: url(/Images/ministry-guidelines.png); }

 .welcome .icon.health {
   background-image: url(/Images/health-history.png); }

 .welcome .icon.payment {
   background-image: url(/Images/payment-options.png);
 }

 @media all and (min-width: 40em) { }
 .welcome .icon.signature {
   background-image: url(/Images/church-leader-verification.png); }

 @media all and (min-width: 40em) {
 .welcome .icon.welcome {
   background-image: url(/Images/welcome-banner-mail.svg);
   height: 8rem;
   width: 100%;
   display: inline-block;
   float: right;
   margin-bottom: -1em; }

 @media all and (min-width: 40em) {
   .welcome .icon.welcome {
     height: 6em;
     margin-bottom: -2.4em;
     margin-top: 2em;
     margin-right: 1em; } }
 @media all and (min-width: 64em) {
   .welcome .icon.welcome {
     margin-top: 2em;
     margin-bottom: -1.8em; } }
 @media all and (min-width: 40em) {
   .welcome-back .icon.tiers {
     padding-top: 12em; } }
 @media all and (min-width: 40em) {
   .welcome-back .icon.guidelines {
     padding-top: 10em; } }
 @media all and (min-width: 40em) {
   .welcome-back .icon.health {
     padding-top: 12em; } }
 @media all and (min-width: 40em) {
   .welcome-back .icon.signature {
     padding-top: 16em; } }
 .card.card--welcome {
   background-color: var(--color-white);
   border: 2px solid var(--color-gray-3);
   border-radius: 10px;
   margin: 1.5rem auto; }

 @media all and (min-width: 40em) {
   .card.card--welcome {
     max-width: 40em; } }
 @media all and (min-width: 64em) {
   .card.card--welcome {
     max-width: 50em; } }
 .center-align {
   text-align: center; }

 input[type="submit"].welcome--button {
   background-color: var(--color-semantic-blue);
   color: var(--color-white);
   user-select: none;
   border: none;
   cursor: pointer;
   font-size: 0.9em;
   outline: none;
   text-transform: capitalize;
   text-decoration: none;
   transition: all 50ms ease-in-out;
   -webkit-font-smoothing: auto;
   font-weight: 400;
   margin: 1em 0.25em 2.5em 0.25em;
   padding: 0.75em 1em;
   text-align: center;
   border-radius: 5px; }

 input[type="submit"].welcome--button:hover, input[type="submit"].welcome--button:focus {
   background-color: var(--color-semantic-blue-dark);
   color: #fff; }

 input[type="submit"].welcome--button:active {
   background-color: var(--color-semantic-blue-dark); }

 input[type="submit"].welcome--button:first-of-type {
   margin-left: 0; }

 input[type="submit"].welcome--button:last-of-type {
   margin-right: 0; }

 input[type="submit"].welcome--button:hover {
   transition: all .1s ease-in-out; }

 @media all and (min-width: 40em) {
   input[type="submit"].welcome--button {
     display: inline-block;
     padding: 0.5em 1em; } }

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