@font-face {
  font-family: roboto-regular;
  src: url("../Fonts/Roboto-Regular.ttf"); }

@font-face {
  font-family: 'publica_sansbold';
  src: url("../Fonts/facetype_-_publica_sans_bold-webfont.woff2") format("woff2"), url("../Fonts/facetype_-_publica_sans_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'publica_sanslight';
  src: url("../Fonts/facetype_-_publicasans-light-webfont.woff2") format("woff2"), url("../Fonts/facetype_-_publicasans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'publica_sansmedium';
  src: url("../Fonts/facetype_-_publicasans-medium-webfont.woff2") format("woff2"), url("../Fonts/facetype_-_publicasans-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'publica_sansregular';
  src: url("../Fonts/facetype_-_publicasans-regular-webfont.woff2") format("woff2"), url("../Fonts/facetype_-_publicasans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 18px; }

body {
  font-size: 1em;
  font-family: "publica_sansregular", "Century Gothic", sans-serif;
  background-color: #F2F2F2; }

#header .itupdate {
  background-color: #fff;
  padding: 1em; }

#header .banner img {
  width: 100%; }

main.main {
  background-color: #F2F2F2; }
  main.main > .container > .col-md-12 {
    background-color: #fff; }
    main.main > .container > .col-md-12 table {
      width: 100% !important; }
  main.main .left, main.main .right {
    padding: 3em; }
  main.main .right {
    padding-top: 2em;
    padding-bottom: 2em; }
  main.main .left, main.main p, main.main ul, main.main ol {
    font-size: .9em !important;
    font-family: "publica_sanslight", "Century Gothic", sans-serif !important;
    line-height: 1.25em !important; }
  main.main p, main.main td, main.main li, main.main h1, main.main h2, main.main h3, main.main h4, main.main h5, main.main h6, main.main button, main.main input {
    font-family: "publica_sansregular", "Century Gothic", sans-serif !important; }
  main.main strong {
    font-weight: normal !important;
    font-family: "publica_sansmedium", "Century Gothic", sans-serif !important; }
  main.main th {
    font-weight: normal !important;
    font-family: "publica_sansregular", "Century Gothic", sans-serif !important; }
  main.main h3.formheading {
    margin: 0 0 1em;
    font-family: "publica_sansmedium", "Century Gothic", sans-serif !important; }
  main.main h5 {
    font-size: .9em !important;
    font-weight: "publica_sansbold", "Century Gothic", sans-serif !important;
    color: #A81F23 !important; }
  main.main .left table {
    font-size: 1rem !important; }
    main.main .left table th {
      background-color: #A81F23 !important;
      color: #fff !important; }
    main.main .left table td {
      font-size: .75em !important; }

.registration {
  background-color: #F2F2F2;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em; }

.form-group:not(.form-group-checkbox):not(.form-group-btn) input, .form-group:not(.form-group-checkbox):not(.form-group-btn) select, .form-group:not(.form-group-checkbox):not(.form-group-btn) textarea {
  border: 1px solid #bfbfbf;
  width: 100%;
  border-radius: 0; }

.form-group:not(.form-group-checkbox):not(.form-group-btn) label {
  margin-bottom: .25em;
  display: inline-block;
  font-weight: normal;
  font-family: "publica_sansmedium", "Century Gothic", sans-serif;
  font-size: .65em;
  line-height: normal;
  color: #4d4d4d;
  text-transform: capitalize; }
  .form-group:not(.form-group-checkbox):not(.form-group-btn) label abbr {
    border: none;
    color: #A81F23;
    text-decoration: none; }

.form-heading h4 {
  color: #A81F23; }

.form-group-checkbox label {
  font-size: .8em;
  position: relative;
  line-height: normal;
  padding-left: 1.75em;
  min-height: auto;
  display: inline-block; }
  .form-group-checkbox label a {
    color: #A81F23 !important;
    font-weight: normal; }
  .form-group-checkbox label input {
    position: absolute;
    top: 1px;
    left: 0;
    margin: 0 !important;
    border-radius: 0 !important; }

.btn-primary {
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  background-color: #A81F23 !important;
  color: #fff !important;
  font-weight: normal !important;
  font-family: "publica_sansmedium", "Century Gothic", sans-serif !important;
  border: none !important;
  font-size: 1em !important;
  border-radius: 0 !important;
  margin-top: .5em;
  line-height: normal;
  padding: .5em 1em !important; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #921b1f !important; }

.footer {
  font-size: 1em;
  background: none;
  min-height: auto;
  padding: 2em;
  background-color: #000; }
  .footer p, .footer li {
    font-size: .75em; }
  .footer p, .footer a {
    color: #4d4d4d; }
  .footer a {
    font-weight: normal; }
  .footer .footer-logo {
    text-align: center;
    margin-bottom: 2em; }
    .footer .footer-logo img {
      margin: 0 auto; }
  .footer ul {
    list-style: none;
    text-align: left; }
    .footer ul li {
      display: block;
      margin-bottom: .25em;
      line-height: normal;
      color: #fff; }
    .footer ul a {
      color: #fff; }
    .footer ul.social {
      text-align: left;
      margin: .75em 0 0;
      padding: 0; }
      .footer ul.social li {
        font-size: 1rem;
        display: inline-block;
        margin-right: .75em; }
  .footer .copyright {
    margin-top: 2.5em;
    font-size: .75em;
    text-align: center; }
    .footer .copyright span.sep {
      display: inline-block;
      width: 5em; }

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
  background-color: #fdf2f2;
  border: 1px solid #A81F23; }

@media only screen and (max-width: 800px) {
  html {
    font-size: 16px; }
  main.main > .container .left, main.main > .container .right {
    padding: 2em; } }

@media only screen and (max-width: 576px) {
  html {
    font-size: 14px; }
  main.main > .container .left, main.main > .container .right {
    padding: 1em; }
  #Email {
    width: 100%; }
  main.main p, main.main td, main.main ul, main.main ol {
    font-size: 1em !important; }
  .footer {
    padding: 1em; }
    .footer .container {
      padding-left: 0;
      padding-right: 0; }
      .footer .container .col-lg-12 {
        padding-left: 0;
        padding-right: 0; }
    .footer a.mr-20, .footer a.ml-20, .footer span.mr-20, .footer span.ml-20 {
      display: block;
      margin: 1em !important; }
    .footer span.sep {
      display: none; }
    .footer p {
      line-height: normal; }
  .btn-primary {
    width: 100%; } }