@import url("../fonts/icomoon/style.css");
/*!
 * Project:   Define American
 * Date:     2015/04/24
 * COMPILE HERE: http://winless.org/online-less-compiler
/* ---------------------------------------- */
.responsive {
  color: #555;
  font: 16px/1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.responsive textarea,
.responsive input,
.responsive select,
.responsive option,
.responsive button {
  color: #555;
  font: 16px/1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.responsive div,
.responsive form,
.responsive blockquote,
.responsive article,
.responsive aside,
.responsive details,
.responsive figcaption,
.responsive figure,
.responsive footer,
.responsive header,
.responsive menu,
.responsive nav,
.responsive section,
.responsive ul,
.responsive ol,
.responsive dl,
.responsive p,
.responsive table,
.responsive pre,
.responsive h1,
.responsive h2,
.responsive h3,
.responsive h4,
.responsive h5,
.responsive h6 {
  display: block;
  margin: 0 0 20px;
}
.responsive :last-child {
  margin-bottom: 0 !important;
}
.responsive .last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 599px) {
  .responsive {
    font-size: 15px;
  }
  .responsive textarea,
  .responsive input,
  .responsive select,
  .responsive option,
  .responsive button {
    font-size: 15px;
  }
}
@font-face {
  font-family: 'Prata';
  src: url('../fonts/prata/prata-regular.eot');
  src: url('../fonts/prata/prata-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/prata/prata-regular.woff2') format('woff2'), url('../fonts/prata/prata-regular.woff') format('woff'), url('../fonts/prata/prata-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Icons';
  src: url('../fonts/icomoon/icomoon.eot?-ao7s6y');
  src: url('../fonts/icomoon/icomoon.eot?#iefix-4yibac') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff?-ao7s6y') format('woff'), url('../fonts/icomoon/icomoon.ttf?-ao7s6y') format('truetype'), url('../fonts/icomoon/icomoon.svg?-ao7s6y#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*!
 * Layout
/* ---------------------------------------- */
.root-a {
  position: relative;
  overflow: visible;
  width: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.root-a *,
.root-a *:before,
.root-a *:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.root-a > .wrap {
  margin: 0;
}
.root-a .contain {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}
@media screen and (max-width: 599px) {
  .root-a .contain {
    border-left-width: 15px;
    border-right-width: 15px;
  }
}
/* browser warning */
.browser-a {
  margin: 0 0 40px;
  padding: 20px 40px;
  background: #b22;
  color: #fff;
  text-align: center;
}
.browser-a a {
  color: #fff !important;
  text-decoration: underline;
}
/* global footer */
.footer-a {
  position: relative;
  margin: 0;
  padding: 60px 0;
  border-top: 1px solid #d9d8d8;
  background: #fff;
  color: #888;
  font-size: 14px;
  text-align: center;
}
.footer-a a {
  color: inherit;
  text-decoration: none;
}
.footer-a a:hover {
  color: #444;
}
.footer-a .logo {
  margin-bottom: 15px;
}
.footer-a .connect {
  margin-bottom: 15px;
}
.footer-a .nav {
  margin-bottom: 10px;
}
.footer-a .nav ul {
  list-style: none;
  margin: -10px 0 0;
  padding: 0;
  font-size: 0;
  letter-spacing: -1em;
}
.footer-a .nav li {
  display: inline-block;
  margin: 10px 5px 0;
  font-size: 14px;
  letter-spacing: 0;
  vertical-align: top;
}
.footer-a .connect a {
  display: inline-block;
  height: 27px;
  padding: 0 20px;
  border: 1px solid;
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
  text-decoration: none !important;
}
@media screen and (max-width: 599px) {
  .footer-a {
    padding: 30px 0;
  }
}
@media screen and (max-width: 359px) {
  .footer-a .nav {
    margin-bottom: 20px;
  }
  .footer-a .nav li {
    width: 33.33%;
    text-align: center;
  }
  .footer-a .copys span {
    display: block;
    margin-bottom: 10px !important;
  }
}
/* social counters */
.socials-a {
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
}
.socials-a li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}
.socials-a li ~ li {
  margin-left: 20px;
}
.socials-a li:before {
  display: none;
}
.socials-a li a {
  display: inline-block;
  position: relative;
  height: 40px;
  margin: 0 10px 0 0;
  padding: 0 10px;
  border: 1px solid;
  color: inherit;
  line-height: 38px;
  vertical-align: top;
  text-decoration: none;
}
.socials-a li a:before {
  display: inline-block;
  margin: 0 5px 0 0;
  font: 16px/38px Icons;
  vertical-align: top;
}
.socials-a li.facebook a:before {
  content: '\e602';
}
.socials-a li.twitter a:before {
  content: '\e601';
}
.socials-a li a:after {
  position: absolute;
  left: 100%;
  top: 50%;
  content: '';
  width: 8px;
  height: 8px;
  margin: -3px 0 0 -3px;
  border: 1px solid;
  border-width: 1px 1px 0 0;
  background: #fff;
}
.socials-a li a:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.socials-a div {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  vertical-align: top;
}
.socials-a div ~ div {
  margin-left: 20px;
}
.socials-a div:before {
  display: inline-block;
  content: 'Share';
  position: relative;
  height: 40px;
  margin: 0 10px 0 0;
  padding: 0 18px 0 35px;
  border-left: 1px solid #aaa;
  background: url(../images/socials-a-custom-a.png) 100% 0 no-repeat;
  color: inherit;
  line-height: 40px;
  vertical-align: top;
  text-decoration: none;
}
.socials-a div.twitter:before {
  content: 'Tweet';
}
.socials-a div:after {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 0 0 10px;
  font: 16px/40px Icons;
  vertical-align: top;
}
.socials-a div.facebook_share:after {
  content: '\e602';
}
.socials-a div.twitter_share:after {
  content: '\e601';
}
/* social icons */
.socials-b {
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
}
.socials-b li {
  display: inline-block;
  vertical-align: top;
  font: 25px/25px Icons;
}
.socials-b li ~ li {
  margin-left: 15px;
}
.socials-b li:before {
  display: none;
}
.socials-b li a {
  display: block;
  color: #b8b8b8;
  text-decoration: none !important;
}
.socials-b li a:before {
  display: block;
  -webkit-transition: none;
  transition: none;
}
.socials-b li.facebook a:before {
  content: '\e603';
}
.socials-b li.twitter a:before {
  content: '\e604';
  font-size: 0.7em;
}
.socials-b li a span {
  display: none;
}
/* social buttons */
.socials-c {
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
  font-size: 0;
  letter-spacing: -1em;
  color: #1d2048;
}
.socials-c li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;
  line-height: 40px;
}
.socials-c li ~ li {
  margin-left: 15px;
}
.socials-c li:before {
  display: none;
}
.socials-c li a {
  display: inline-block;
  position: relative;
  height: 40px;
  margin: 0;
  padding: 0 20px;
  border: 1px solid;
  color: inherit;
  line-height: 38px;
  vertical-align: top;
  text-decoration: none;
}
.socials-c li a:hover {
  border-color: #1d2048;
  background: #1d2048;
  color: #fff;
}
.socials-c li a:before {
  display: inline-block;
  margin: 0 5px 0 -5px;
  font: 14px/38px Icons;
  vertical-align: top;
}
.socials-c li a:before {
  -webkit-transition: none;
  transition: none;
}
.socials-c li.facebook a:before {
  content: '\e602';
}
.socials-c li.twitter a:before {
  content: '\e601';
}
.socials-c li.email a:before {
  content: '\e600';
}
@media screen and (max-width: 359px) {
  .socials-c li ~ li {
    margin-left: 8px;
  }
  .socials-c li a {
    padding: 0 14px 0 18px;
  }
}
/* cta box */
.responsive {
  /* cta bar */
}
.responsive .cta-a {
  display: inline-block;
  position: relative;
  max-width: 310px;
}
.responsive .cta-a figure {
  margin: 0;
}
.responsive .cta-a figure img {
  display: block;
  width: 100%;
}
.responsive .cta-a .wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px;
  color: #fff;
  text-align: center;
}
.responsive .cta-a .wrap .hx {
  margin: 0 0 5px;
  color: inherit;
  font: bold 16px/1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.responsive .cta-a .wrap p {
  margin: 0 0 10px;
}
.responsive .cta-a .wrap .button-a {
  display: block;
  width: 100%;
}
.responsive .cta-a .wrap .button-b {
  border-color: #fff;
  color: #fff;
}
.responsive .cta-a .wrap .button-b:hover {
  background-color: #fff;
  color: #1d2048;
}
.responsive .cta-a.v1 .wrap {
  color: #e7f1fb;
  font-weight: bold;
}
.responsive .cta-a.v2 {
  padding-bottom: 70px;
  background: #000;
}
.responsive .cta-b {
  margin-bottom: 80px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d8d8;
  color: #002f60;
  font: 300 24px/50px Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
}
.responsive .section-a + .cta-b {
  margin-top: -30px;
}
.responsive .cta-b .button-b {
  min-width: 250px;
  margin-left: 20px;
}
@media screen and (max-width: 1023px) {
  .responsive .cta-b {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .responsive .cta-b {
    line-height: 1.3;
  }
  .responsive .cta-b .button-b {
    margin: 15px 30px 0;
  }
}
@media screen and (max-width: 599px) {
  .responsive .cta-b {
    margin-bottom: 30px;
  }
  .responsive .section-a + .cta-b {
    margin-top: 0;
  }
}
@media screen and (max-width: 479px) {
  .responsive .cta-b .button-b {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
/* global header */
.top-a {
  position: relative;
  z-index: 1000;
  margin-bottom: 0;
  background: transparent;
  color: #fff;
}
.top-a > .contain {
  position: relative;
  height: 110px;
}
.top-a .logo {
  position: absolute;
  left: 0;
  top: 20px;
}
:root .top-a .logo {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.top-a .logo a {
  display: block;
  overflow: hidden;
  width: 104px;
  height: 78px;
  background: url(../images/logo-a.png) no-repeat;
  background-size: contain;
  font-size: 0;
  text-indent: 321%;
  white-space: nowrap;
}
.top-a .tagline {
  position: absolute;
  left: 150px;
  top: 30px;
  color: #d0ebff;
  font: 18px Prata, Georgia, serif;
  letter-spacing: 0.05em;
}
.top-a .tagline span {
  display: block;
}
.top-a .skips {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 9999;
  list-style: none;
  width: 100%;
  height: 0;
  margin: -30px 0 0;
  padding: 0;
  text-align: center;
}
.top-a .skips li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  font: bold 50px/1 Calibri, Myriad Pro, Arial, Helvetica Neue, Helvetica, sans-serif;
}
.top-a .skips li:before {
  display: none;
}
.top-a .skips li a {
  display: inline-block;
  position: fixed;
  left: -10001px;
  margin: 0 auto;
  padding: 20px 30px;
  border: 1px dotted #fff;
  border-color: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.top-a .skips li a:focus,
.top-a > .skips li a:active {
  position: relative;
  left: 0;
}
.top-a .socials-a {
  position: absolute;
  right: 80px;
  top: 35px;
}
.top-a .socials-a li,
.top-a .socials-a div {
  color: #b8d3ef;
}
.top-a .socials-a li a {
  color: #fff;
}
.top-a .socials-a a:after {
  background: #1b1c31;
}
.top-a .socials-a div:before {
  border-left-color: #fff;
  background-position: 100% -40px;
}
.top-a .socials-a div:hover:before,
.top-a .socials-a div:hover:after {
  background-position: 100% -80px;
  color: #1a1c30;
}
.top-a .socials-a div:before,
.top-a .socials-a div:after {
  color: #fff;
}
.top-a .nav > .hx {
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
}
.top-a .nav > .hx {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.top-a .nav > .hx:before {
  display: block;
  content: '';
  width: 40px;
  height: 28px;
  margin: -14px 0 0;
  padding: 11px 0;
  border: 1px solid #fff;
  border-width: 2px 0;
  background: #fff;
  background-clip: content-box;
  cursor: pointer;
}
.top-a .nav > .hx:after {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 30px;
  height: 30px;
  margin: -5px 5px 0 0;
  padding: 0;
  border: 1px solid #fff;
  border-width: 2px 2px 0 0;
}
.top-a .nav > .hx:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
:root .is-nav .top-a .nav > .hx:before {
  display: none;
}
:root .is-nav .top-a .nav > .hx:after {
  display: block;
}
.top-a .nav > .hx span {
  display: none;
}
.top-a .nav > .wrap {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  padding: 50px 0;
  background: #1b1c31;
  color: #fff;
  text-align: center;
}
.is-nav .top-a .nav > .wrap {
  display: block;
}
.top-a .nav > .wrap:before {
  position: fixed;
  left: -100%;
  right: -100%;
  top: 0;
  height: 2000px;
  z-index: -1;
  content: ' ';
  background: #1b1c31;
}
.top-a .nav ul {
  list-style: none;
  margin: -20px 0 90px;
  padding: 0;
  font-size: 0;
  letter-spacing: -1em;
}
.top-a .nav li {
  display: inline-block;
  margin: 20px 20px 0;
  font: 20px/1 Prata, Georgia, serif;
  letter-spacing: 0;
  vertical-align: top;
}
.top-a .nav li:before {
  display: none;
}
.top-a .nav li a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.top-a .nav li em {
  position: absolute;
  left: -10001px;
  top: -10001px;
}
.top-a .nav .cta a {
  color: inherit;
  text-decoration: none;
}
.top-a .nav .cta .hx {
  color: inherit;
  font-size: 55px;
}
.top-a .nav .cta .hx span {
  display: block;
}
.top-a .nav .cta p {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: 300;
}
.top-a .nav .cta p.action {
  margin-top: 35px;
}
.top-a .nav .cta p.action .button-a {
  min-width: 320px;
  max-width: 100%;
  padding: 0 14px;
}
@media screen and (max-width: 1023px) {
  .top-a .socials-a {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .top-a .tagline {
    left: 140px;
    top: 35px;
    font-size: 14px;
  }
  .top-a .nav .cta .hx {
    font-size: 36px;
  }
  .top-a .nav .cta p {
    font-size: 18px;
  }
  .top-a .nav .cta p.action .button-a {
    min-width: 320px;
    max-width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .top-a > .contain {
    height: 75px;
  }
  .top-a .logo a {
    width: 70px;
    height: 53px;
  }
  .top-a .tagline {
    display: none;
  }
  .top-a .nav > .wrap:before {
    position: absolute;
    bottom: 0;
    height: auto;
  }
  .top-a .nav .cta .hx {
    font-size: 24px;
  }
  .top-a .nav .cta p {
    font-size: 14px;
  }
  .top-a .nav .cta p.action .button-a {
    width: 100%;
    min-width: 0;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
  }
}
@media screen and (max-width: 479px) {
  .top-a .nav > .wrap {
    padding: 0 0 30px;
  }
  .top-a .nav ul {
    margin: 0 -15px 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .top-a .nav ul li {
    display: block;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 20px;
  }
  .top-a .nav ul li a {
    padding: 10px 15px;
  }
}
/* text styling */
.responsive .tx-a {
  color: inherit;
  font: 300 24px/1.25 Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 599px) {
  .responsive .tx-a {
    font-size: 18px;
  }
}
/*!
 * Buttons
/* ---------------------------------------- */
.responsive {
  /*!
   * Helpers
  /* ---------------------------------------- */
}
.responsive .button-a,
.responsive button,
.responsive input[type="submit"],
.responsive input[type="button"],
.responsive input[type="reset"] {
  display: inline-block;
  min-width: 250px;
  max-width: 100%;
  height: 50px;
  padding: 0 29px;
  border: 1px solid #b21111;
  border-radius: 0;
  background: #b21111;
  color: #fff;
  font: 20px/48px Prata, Georgia, serif;
  text-align: center;
  text-decoration: none !important;
  outline: none;
}
.responsive .button-a:hover,
.responsive .button-a:active,
.responsive .button-a:focus,
.responsive button:hover,
.responsive input[type="submit"]:hover,
.responsive input[type="button"]:hover,
.responsive input[type="reset"]:hover {
  border-color: #d82424;
  background-color: #d82424;
  color: #fff;
}
.responsive .button-b {
  display: inline-block;
  min-width: 250px;
  max-width: 100%;
  height: 50px;
  padding: 0 29px;
  border: 1px solid #1d2048;
  border-radius: 0;
  color: #1d2048;
  font: 20px/48px Prata, Georgia, serif;
  text-align: center;
  text-decoration: none !important;
  outline: none;
}
.responsive .button-b:hover {
  background: #1d2048;
  color: #fff;
}
.responsive button.button-a[disabled] {
  background-color: #999;
  border-color: #999;
}
.responsive .offset {
  position: absolute !important;
  left: -10001px !important;
  overflow: hidden !important;
}
.responsive .alignright {
  float: right;
  margin: 0 0 20px 40px;
}
.responsive .alignleft {
  float: left;
  margin: 0 40px 20px 0;
}
.responsive .alignright img,
.responsive .alignleft img {
  display: block;
  max-width: none;
}
.responsive [hidden] {
  display: none !important;
}
.responsive .tal {
  text-align: left !important;
}
.responsive .tac {
  text-align: center !important;
}
.responsive .tar {
  text-align: right !important;
}
.ie8 .hide-desktop {
  display: none !important;
}
@media screen and (min-width: 1px) {
  .hide {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .show-desktop {
    display: block !important;
  }
  .hide-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .show-tablet {
    display: block !important;
  }
  .hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .show-mobile {
    display: block !important;
  }
  .hide-mobile {
    display: none !important;
  }
}
/*!
 * Boostrap
/* ---------------------------------------- */
.responsive {
  /*!
   * Defaults
  /* ---------------------------------------- */
}
.responsive .row [class*=col-] {
  margin-bottom: 0;
}
.responsive .nav-tabs > li:last-child {
  margin-bottom: -1px !important;
}
.responsive .nav-tabs > li.last-child {
  margin-bottom: -1px !important;
}
.responsive .dropdown-menu li:before,
.responsive .nav li:before,
.responsive .list-unstyled li:before,
.responsive .list-inline li:before {
  display: none;
}
.responsive .dl-horizontal dd {
  padding-left: 0;
}
.responsive .checkbox-inline:first-child {
  display: inline-block;
  margin-bottom: 0;
}
.responsive .btn {
  height: auto;
}
.responsive label {
  cursor: pointer;
  vertical-align: middle;
}
.responsive label:first-child {
  display: block;
  margin: 0 0 5px;
}
.responsive label em {
  color: #f00;
}
.responsive input[type=text],
.responsive input[type=password],
.responsive input[type=search],
.responsive input[type=email],
.responsive input[type=tel],
.responsive textarea,
.responsive select {
  width: 100%;
  height: 40px;
  padding: 0 9px;
  border: 1px solid #fff;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 0 0 2px #e7f1fb;
  vertical-align: top;
  line-height: 38px;
  -webkit-appearance: none;
  outline: none;
}
.responsive .native.android input:not([type=checkbox]):not([type=radio]) {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.responsive input[type="checkbox"],
.responsive input[type="radio"] {
  padding: 0;
}
.responsive textarea {
  overflow: auto;
  height: auto;
  padding: 9px;
  line-height: 1.2;
  resize: vertical;
}
.responsive select {
  padding: 8px 30px 8px 8px;
  background: #ffffff url(../images/select-a.png) 100% 50% no-repeat;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.responsive select::-ms-expand {
  display: none;
}
.ie9 .responsive select,
.ie8 .responsive select {
  padding-right: 8px;
  padding-left: 6px;
  background-image: none;
}
.ie8 .responsive select {
  padding-top: 10px;
  padding-bottom: 10px;
}
.gecko .responsive select {
  padding-left: 3px;
}
.responsive {
  /* tables */
  /* headers */
}
.responsive button,
.responsive input[type="submit"],
.responsive input[type="button"],
.responsive input[type="reset"] {
  overflow: visible;
  cursor: pointer;
  -webkit-appearance: button;
}
.responsive button::-moz-focus-inner {
  padding: 0;
  border: none;
}
.responsive button[disabled],
.responsive input[disabled] {
  cursor: default;
}
.responsive textarea[data-chars] {
  display: block;
  width: 100%;
}
.responsive textarea[data-chars] + span.count {
  position: relative;
  float: right;
  margin: -22px 10px 0 0;
  color: #aaa;
  font-size: 11px;
}
.responsive textarea[data-chars].is-over + span.count {
  color: #b21111;
}
.responsive textarea[data-chars] + span.count strong {
  color: inherit;
  font-weight: normal;
}
.responsive ::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  opacity: 1;
}
.responsive :-ms-input-placeholder {
  color: #aaa !important;
  font-style: normal;
  opacity: 1;
}
.responsive :-moz-placeholder {
  color: #aaa;
  font-style: normal;
  opacity: 1;
}
.responsive ::-moz-placeholder {
  color: #aaa;
  font-style: normal;
  opacity: 1;
}
.responsive .placeholder,
.responsive .placeholdersjs {
  color: #aaa !important;
  font-style: normal;
  opacity: 1;
}
.responsive select:invalid {
  color: #aaa;
}
.responsive table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
.responsive table th,
.responsive table td {
  padding: 5px 10px;
  border: 1px solid #eee;
}
.responsive h1,
.responsive h2,
.responsive h3,
.responsive h4,
.responsive h5,
.responsive h6,
.responsive .h1,
.responsive .h2,
.responsive .h3,
.responsive .h4,
.responsive .h5,
.responsive .h6 {
  color: #1d2048;
  font: 10px/1.2 Prata, Georgia, serif;
}
.responsive h1,
.responsive .h1 {
  font-size: 56px;
  line-height: 1;
}
.responsive h2,
.responsive .h2 {
  font-size: 38px;
}
.responsive h3,
.responsive .h3 {
  font-size: 32px;
}
.responsive h4,
.responsive .h4 {
  font: bold 16px/1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
}
.responsive h5,
.responsive .h5,
.responsive h6,
.responsive .h6 {
  font: bold 14px/1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 599px) {
  .responsive h1,
  .responsive .h1 {
    font-size: 36px;
    line-height: 1.2;
  }
  .responsive h2,
  .responsive .h2 {
    font-size: 19px;
  }
  .responsive h3,
  .responsive .h3 {
    font-size: 16px;
  }
  .responsive h4,
  .responsive .h4 {
    font-size: 16px;
  }
  .responsive h5,
  .responsive .h5 {
    font-size: 14px;
  }
  .responsive h6,
  .responsive .h6 {
    font-size: 14px;
  }
}
.responsive {
  /* lists */
}
.responsive ul,
.responsive ol,
.responsive dd,
.responsive blockquote {
  padding-left: 40px;
}
.responsive ul ul,
.responsive ol ol,
.responsive ul ol,
.responsive ol ul {
  margin-bottom: 0;
}
.responsive ol,
.responsive ul {
  list-style: none;
  counter-reset: ordered;
}
.responsive li {
  counter-increment: ordered;
}
.responsive ol li:before {
  position: absolute;
  content: counter(ordered) '.';
  width: 15px;
  margin: 0 0 0 -30px;
  text-align: right;
}
.responsive ul li:before {
  float: left;
  overflow: hidden;
  content: '\2022';
  margin: 0 0 0 -25px;
  color: #b21111;
}
@media screen and (max-width: 599px) {
  .responsive ul,
  .responsive ol,
  .responsive dd,
  .responsive blockquote {
    padding-left: 25px;
  }
  .responsive ol li:before {
    margin-left: -25px;
  }
  .responsive ul li:before {
    margin-left: -20px;
  }
}
.responsive {
  /* links */
  /* images */
  /* other */
}
.responsive a {
  background: transparent;
  color: #b21111;
  text-decoration: none;
}
.responsive a,
.responsive a:before,
.responsive a:after,
.responsive label,
.responsive button {
  -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s;
  transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s;
}
.responsive a:hover,
.responsive a:focus,
.responsive a:active {
  color: #b21111;
  text-decoration: underline;
}
.responsive a span {
  cursor: pointer;
}
.responsive img {
  max-width: 100%;
  border-width: 0;
}
.responsive .ie8 img {
  max-width: none;
}
.responsive img {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.responsive blockquote {
  padding: 0;
  color: #1d2048;
  font: 32px/1.25 Prata, Georgia, serif;
}
.responsive pre {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f3f3f3;
  font: 12px/1.2 Consolas, Monaco, Courier New, monospace;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.responsive code {
  padding: 2px 4px;
  background-color: #f9f2f4;
  color: #c7254e;
  font-size: 80%;
  white-space: nowrap;
}
.responsive hr {
  overflow: hidden;
  width: 100%;
  height: 1px;
  margin: 20px 0;
  border: none;
  background: #ccc;
  font-size: 0;
}
@media screen and (max-width: 599px) {
  .responsive blockquote {
    font-size: 19px;
  }
}