/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
.main {
  background: #C9CCDF; }
  .main .shell {
    background: #C9CCDF; }
    .main .shell .article {
      background: #C9CCDF; }

.col-left {
  background: #C9CCDF; }
  .col-left h2 {
    color: #1b2e5f;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0; }
  .col-left .contact-info .heading {
    font-style: italic; }
  .col-left .contact-info p {
    padding-left: 20px; }

.push {
  background: #C9CCDF; }

.col-right {
  background: #C9CCDF;
  padding: 40px 15px;
  border: 1px solid #FFFFFF; }
  .col-right a {
    color: #1b2e5f; }
    .col-right a:hover {
      color: #89AD6C; }
  .col-right .error, .col-right .errorSummary {
    /* border-color: transparent !important; */
    border-color: #d30051 !important; }
  .col-right form input:not([type="submit"]), .col-right form textarea, .col-right form select, .col-right form .errorSummary {
    background-color: #FFFFFF !important; }
  .col-right form .errorMessage {
    color: #d30051; }
  .col-right form label {
    color: #1b2e5f !important; }
    .col-right form label.italic {
      font-style: italic; }
  .col-right form span.required {
    color: #905191; }
  .col-right form .hint {
    color: #F1F1F1; }
  .col-right form .col-right-l, .col-right form .col-right-r {
    margin-bottom: 20px; }
    .col-right form .col-right-l input[type="text"], .col-right form .col-right-l input[type="password"], .col-right form .col-right-l select, .col-right form .col-right-l textarea, .col-right form .col-right-r input[type="text"], .col-right form .col-right-r input[type="password"], .col-right form .col-right-r select, .col-right form .col-right-r textarea {
      box-sizing: border-box;
      width: 100%;
      padding: 0.4em; }
  .col-right form .btn-c {
    margin-top: 20px;
    margin-bottom: 0; }
    .col-right form .btn-c p {
      font-style: italic; }
      .col-right form .btn-c p a {
        font-style: normal; }

#error-summary {
  color: #d30051;
  width: 30%;
  margin: 0 auto; }

@media (min-width: 350px) {
  .col-right {
    padding: 50px 30px; } }
@media (min-width: 680px) {
  .main .shell .article {
    width: 100%;
    margin: 0 0%; }

  .col-left {
    float: left;
    margin-right: -100%;
    width: 30.77%;
    margin-bottom: 0; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 56.73%;
    margin-left: 34.62%;
    padding: 60px 40px; } }
@media (min-width: 960px) {
  .main .shell .article {
    width: 100%;
    margin: 0 0%; }

  .col-left {
    float: left;
    margin-right: -100%;
    width: 22.11%;
    margin-bottom: 0; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 65.38%;
    margin-left: 25.96%; }
    .col-right .col-right-l {
      float: left;
      margin-right: -100%;
      width: 48.08%; }
    .col-right .col-right-r {
      float: left;
      margin-right: -100%;
      width: 48.08%;
      margin-left: 51.93%; } }

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