/* @1 VENDORS */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* @2 BASE */
/* @variables: VARIABLES */
/* @mixins: CUSTOM MIXINS */
/* @fonts: FONT FAMILIES */
@font-face {
  font-family: 'noway';
  font-display: swap;
  src: url("../fonts/noway-light-webfont.eot");
  src: url("../fonts/noway-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/noway-light-webfont.woff2") format("woff2"), url("../fonts/noway-light-webfont.woff") format("woff"), url("../fonts/noway-light-webfont.ttf") format("truetype"), url("../fonts/noway-light-webfont.svg#nowaylight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'noway';
  font-display: swap;
  src: url("../fonts/noway-regular-webfont.eot");
  src: url("../fonts/noway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/noway-regular-webfont.woff2") format("woff2"), url("../fonts/noway-regular-webfont.woff") format("woff"), url("../fonts/noway-regular-webfont.ttf") format("truetype"), url("../fonts/noway-regular-webfont.svg#nowayregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'noway';
  font-display: swap;
  src: url("../fonts/noway-medium-webfont.eot");
  src: url("../fonts/noway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/noway-medium-webfont.woff2") format("woff2"), url("../fonts/noway-medium-webfont.woff") format("woff"), url("../fonts/noway-medium-webfont.ttf") format("truetype"), url("../fonts/noway-medium-webfont.svg#nowaymedium") format("svg");
  font-weight: 500;
  font-style: normal; }

/* @default: BASIC & COMMON STYLES */
html, body {
  box-sizing: border-box;
  height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  min-width: 320px;
  font-family: "noway", "Helvetica", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  color: #fff;
  background-color: #333; }

.off-screen {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.hidden, [aria-hidden="true"] {
  display: none; }

.branding .project-name {
  display: inline-block;
  overflow: hidden;
  text-indent: -2000px;
  font-size: 1px;
  vertical-align: middle;
  background-image: url("img/main.svg"); }

/* @3 ELEMENTS */
/* @buttons: BUTTONS */
button, .button, input[type="submit"], input[type="button"], input[type="file"] {
  display: inline-block;
  vertical-align: middle;
  font-family: "noway", "Helvetica", Helvetica, Arial, sans-serif;
  text-align: center;
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out; }
  button.primary, .button.primary, input[type="submit"].primary, input[type="button"].primary, input[type="file"].primary {
    background-color: #fff;
    color: #000; }
    button.primary:hover, button.primary:focus, .button.primary:hover, .button.primary:focus, input[type="submit"].primary:hover, input[type="submit"].primary:focus, input[type="button"].primary:hover, input[type="button"].primary:focus, input[type="file"].primary:hover, input[type="file"].primary:focus {
      background-color: #ccc; }
    button.primary:active, .button.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, input[type="file"].primary:active {
      background-color: #ccc; }
  button.disabled, button.disabled:hover, button.disabled:focus, button[disabled], .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled], input[type="button"].disabled, input[type="button"].disabled:hover, input[type="button"].disabled:focus, input[type="button"][disabled], input[type="file"].disabled, input[type="file"].disabled:hover, input[type="file"].disabled:focus, input[type="file"][disabled] {
    cursor: not-allowed;
    pointer-events: none; }

/* @4 MODULES */
/* @forms: FORMS */
form fieldset {
  margin: 0;
  padding: 0;
  border: none; }

form ::-webkit-input-placeholder {
  color: #ccc; }

form :-moz-placeholder {
  color: #ccc;
  opacity: 1; }

form ::-moz-placeholder {
  color: #ccc;
  opacity: 1; }

form :-ms-input-placeholder {
  color: #ccc; }

/* @5 SECTIONS */
/* @header: HEADER BLOCK */
#header {
  padding: 46px 0; }
  #header .branding .project-name {
    display: block;
    margin: 0 auto;
    width: 184px;
    height: 70px;
    background-position: 0 -300px; }

@media only screen and (min-width: 1024px) {
  #header {
    float: left;
    padding: 0;
    width: 50%;
    height: 100%;
    background-color: #fff; }
    #header .branding {
      position: relative;
      top: 50%;
      margin-top: -86px; }
      #header .branding .project-name {
        width: 192px;
        height: 172px;
        background-size: 198.376383764px 283.394833948px;
        background-position-y: 0; } }

@media only screen and (min-width: 1280px) {
  #header .branding {
    margin-top: -107.5px; }
    #header .branding .project-name {
      width: 240px;
      height: 215px;
      background-size: 247.970479705px 354.243542435px; } }

@media only screen and (min-width: 1440px) {
  #header .branding {
    margin-top: -121px; }
    #header .branding .project-name {
      width: 271px;
      height: 242px;
      background-size: 280px 400px; } }

/* @main: MAIN BLOCK */
main {
  padding: 0 30px; }

@media only screen and (min-width: 1024px) {
  main {
    float: right;
    display: table;
    padding-left: 6.25%;
    padding-right: 6.25%;
    width: 50%;
    height: 100%; } }

@media only screen and (min-width: 1280px) {
  main {
    padding-left: 7.03125%;
    padding-right: 7.03125%; } }

/* @footer: FOOTER BLOCK */
#footer {
  padding: 32px 0;
  text-align: center; }
  #footer, #footer a {
    color: #848484; }
  #footer a {
    text-decoration: none; }
  #footer .languages {
    margin-bottom: 32px;
    font-size: 0;
    font-weight: 300;
    line-height: 1; }
    #footer .languages li {
      display: inline-block;
      border-left: 1px solid #848484;
      font-size: 14px;
      padding: 0 5px; }
      #footer .languages li:first-child {
        border: none; }
      #footer .languages li.active {
        font-weight: 500; }
    #footer .languages abbr[title] {
      text-decoration: none !important;
      border-bottom: none !important; }
  #footer .branding .project-name {
    width: 133px;
    height: 24px;
    background-size: 238.717948718px 341.025641026px;
    background-position-y: -213.141025641px; }

@media only screen and (min-width: 1024px) {
  #footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    padding-left: 6.25%;
    padding-right: 6.25%; }
    #footer .languages {
      padding-top: 5px;
      padding-bottom: 5px;
      margin: 0; }
    #footer .branding {
      display: none; } }

@media only screen and (min-width: 1280px) {
  #footer {
    padding-left: 7.03125%;
    padding-right: 7.03125%; } }

/* @6 PAGES */
/* @homepage: HOME PAGE */
section.intro .claim br {
  display: none; }

section.intro .claim,
section.intro .principles {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4; }

section.intro .principles {
  margin: 1em 0;
  color: #ff7623; }

section.intro .body {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  font-weight: 300;
  line-height: 1.75;
  color: #e1e1e1; }
  section.intro .body strong {
    font-weight: 400;
    color: #fff; }
  section.intro .body br {
    margin-bottom: 0.5em; }
  section.intro .body .call-to-action {
    font-family: "noway", "Helvetica", Helvetica, Arial, sans-serif;
    margin-top: 1em;
    font-size: 18px; }
    section.intro .body .call-to-action a {
      display: block;
      padding: 10px;
      font-weight: 500;
      color: #fff;
      text-align: center;
      text-decoration: none;
      border-radius: 8px;
      background-color: #005890; }

@media only screen and (min-width: 1024px) {
  section.intro {
    display: table-cell;
    vertical-align: middle; }
    section.intro .claim,
    section.intro .principles {
      font-size: 23px;
      line-height: 1.4; }
    section.intro .body {
      line-height: 2; }
      section.intro .body .call-to-action {
        font-size: 18px; }
        section.intro .body .call-to-action a {
          padding: 0;
          text-align: left;
          color: #fff;
          border-radius: 0;
          background-color: transparent; }
          section.intro .body .call-to-action a em {
            color: #00C8ff;
            text-decoration: underline; } }

@media only screen and (min-width: 1280px) {
  section.intro .claim,
  section.intro .principles {
    font-size: 26px; }
  section.intro .body {
    font-size: 18px; }
    section.intro .body .call-to-action {
      font-size: 22px;
      line-height: 1.6; } }

@media only screen and (min-width: 1440px) {
  section.intro .claim br {
    display: inherit; } }
/*# sourceMappingURL=styles.css.map */