html {
  font-family: 'PlainLight'; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  margin: 0;
  background: #FFFFFF;
  color: #25272a;
  font-size: 14px;
  padding: 50px 5px; }
  body a {
    color: #000000; }
  body h1 {
    font-size: 36px;
    margin-bottom: 0px;
    color: #25272a;
    font-weight: lighter; }
  body h2 {
      font-weight: 100;
  }
  body p, body ol, body ul {
    line-height: 21px; }
  body ol li {
    margin-bottom: 18px; }
  body #loading {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .75;
    display: none; }
    body #loading .spinner {
      width: 80px;
      height: 80px;
      margin: -40px;
      position: absolute;
      left: 50%;
      top: 50%;
      background-color: #333;
      border-radius: 100%;
      -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
      animation: sk-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
  body.loading #loading {
    display: block; }
  body .container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    font-weight: lighter;
    overflow: hidden; }
    body .container #text-col {
      width: 70%;
      padding-right: 80px;
      float: left; }
    body .container #form-col {
      width: 30%;
      float: left; }
  body header {
    background: #2E2E2E;
    overflow: hidden; }
    body header #navbar-brand {
      padding-top: 7px !important;
      padding-bottom: 0 !important;
      height: 40px;
      display: block;
      float: left; }
      body header #navbar-brand img {
        height: 24px;
        margin-top: 2px; }
    body header #slogan {
      float: left;
      font-size: 11px;
      color: #f7f7f7;
      margin: 22px 0 0 14px;
      display: block; }
  body footer .container {
    border-top: 1px solid #25272a;
    margin-top: 50px;
    padding-top: 20px; }
    body footer .container table {
      width: 100%; }
      body footer .container table td {
        width: 33%; }
      body footer .container table td:nth-child(2) {
        text-align: center; }
      body footer .container table td:nth-child(3) {
        text-align: right; }
  body article {
    display: none; }
    body article form {
      margin: 86px auto 0;
      width: 100%;
      max-width: 700px; }
      body article form p {
        margin: 3px 0 15px;
        text-align: center; }
      body article form table {
        width: 100%; }
        body article form table tr td {
          padding: 4px 0 4px 0; }
          body article form table tr td.padding-right {
            min-width: 150px !important; }
            body article form table tr td.padding-right input {
              margin-right: 10px;
              border-right: 5px solid #E74142; }
          body article form table tr td input[type="text"],
          body article form table tr td input[type="email"],
          body article form table tr td input[type="number"] {
            border: 1px solid #25272a;
            background: #edeaeb;
            padding: 14px;
            font-size: 14px;
            width: 95%;
            font-weight: bold; }
            body article form table tr td input[type="text"].error,
            body article form table tr td input[type="email"].error,
            body article form table tr td input[type="number"].error {
              background-color: #fbc2c2;
            }
            body article form table tr td input[type="email"].warning {
              background-color: #fffbc6;
            }
          body article form table tr td input[type="submit"] {
            cursor: pointer;
            font-size: 28px;
            border: 1px solid #E74142;
            padding: 7px 25px 3px;
            text-transform: uppercase;
            background: #E74142;
            color: #f7f7f7;
            float: left;
          }
          body article form table tr td input[type="submit"]:active {
              background: #ff5356;
          }
          body article form table tr td input[type="submit"]:disabled {
            background-color: grey;
          }

@media (max-width: 760px) {
  body .container #text-col,
  body .container #form-col {
    width: 100%;
    float: none;
    padding: 0 !important; }
  footer img {
    width: 100%; } }

@font-face {
  font-family: 'PlainLight';
  src: url("../fonts/PlainLight-Regular.eot");
  src: url("../fonts/PlainLight-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PlainLight-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PlainLight';
  src: url("../fonts/PlainLight-Italic.eot");
  src: url("../fonts/PlainLight-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PlainLight-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'PlainLight';
  src: url("../fonts/PlainBold-Regular.eot");
  src: url("../fonts/PlainBold-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PlainLight-Regular.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'PlainLight';
  src: url("../fonts/PlainBold-Italic.eot");
  src: url("../fonts/PlainBold-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PlainLight-Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }