.freeCoding {
  /* HTML5 display-role reset for older browsers */ }
  .freeCoding html,
  .freeCoding body,
  .freeCoding div,
  .freeCoding span,
  .freeCoding applet,
  .freeCoding object,
  .freeCoding iframe,
  .freeCoding h1,
  .freeCoding h2,
  .freeCoding h3,
  .freeCoding h4,
  .freeCoding h5,
  .freeCoding h6,
  .freeCoding p,
  .freeCoding blockquote,
  .freeCoding pre,
  .freeCoding a,
  .freeCoding abbr,
  .freeCoding acronym,
  .freeCoding address,
  .freeCoding big,
  .freeCoding cite,
  .freeCoding code,
  .freeCoding del,
  .freeCoding dfn,
  .freeCoding em,
  .freeCoding img,
  .freeCoding ins,
  .freeCoding kbd,
  .freeCoding q,
  .freeCoding s,
  .freeCoding samp,
  .freeCoding small,
  .freeCoding strike,
  .freeCoding strong,
  .freeCoding sub,
  .freeCoding sup,
  .freeCoding tt,
  .freeCoding var,
  .freeCoding b,
  .freeCoding u,
  .freeCoding i,
  .freeCoding center,
  .freeCoding dl,
  .freeCoding dt,
  .freeCoding dd,
  .freeCoding ol,
  .freeCoding ul,
  .freeCoding li,
  .freeCoding fieldset,
  .freeCoding form,
  .freeCoding label,
  .freeCoding legend,
  .freeCoding table,
  .freeCoding caption,
  .freeCoding tbody,
  .freeCoding tfoot,
  .freeCoding thead,
  .freeCoding tr,
  .freeCoding th,
  .freeCoding td,
  .freeCoding article,
  .freeCoding aside,
  .freeCoding canvas,
  .freeCoding details,
  .freeCoding embed,
  .freeCoding figure,
  .freeCoding figcaption,
  .freeCoding footer,
  .freeCoding header,
  .freeCoding hgroup,
  .freeCoding menu,
  .freeCoding nav,
  .freeCoding output,
  .freeCoding ruby,
  .freeCoding section,
  .freeCoding summary,
  .freeCoding time,
  .freeCoding mark,
  .freeCoding audio,
  .freeCoding video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .freeCoding article,
  .freeCoding aside,
  .freeCoding details,
  .freeCoding figcaption,
  .freeCoding figure,
  .freeCoding footer,
  .freeCoding header,
  .freeCoding hgroup,
  .freeCoding menu,
  .freeCoding nav,
  .freeCoding section {
    display: block; }
  .freeCoding body {
    line-height: 1; }
  .freeCoding ol,
  .freeCoding ul {
    list-style: none; }
  .freeCoding blockquote,
  .freeCoding q {
    quotes: none; }
  .freeCoding blockquote:before,
  .freeCoding blockquote:after,
  .freeCoding q:before,
  .freeCoding q:after {
    content: '';
    content: none; }
  .freeCoding table {
    border-collapse: collapse;
    border-spacing: 0; }

@font-face {
  font-family: "Kia";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/DesignKM.woff") format("woff"), url("fonts/DesignKM.ttf") format("truetype"); }

@font-face {
  font-family: "Kia";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/DesignKB.woff") format("woff"), url("fonts/DesignKB.ttf") format("truetype"); }

.freeCoding {
  background: #000000;
  box-sizing: border-box; }
	@media (max-width: 1023px) {
		.freeCoding {
			background: transparent url("images/bg-texture.png") repeat-y;
			background-size: cover auto;
		}
	}
  .freeCoding *,
  .freeCoding *:before,
  .freeCoding *:after {
    box-sizing: inherit; }
  .freeCoding,
  .freeCoding input,
  .freeCoding button,
  .freeCoding textarea {
    font-family: Kia, sans-serif;
    font-size: 16px; }
  .freeCoding .screen-reader-text, .freeCoding .form__disclaimer-checkbox input {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden; }
  .freeCoding a {
    color: inherit;
    text-decoration: none;
    outline: none; }
  .freeCoding strong {
    font-weight: 700; }
  .freeCoding em {
    font-style: italic; }
  .freeCoding .clear {
    clear: both; }
    .freeCoding .clear--after:after, .freeCoding #content:after {
      content: '';
      display: block;
      clear: both; }
  .freeCoding .simplebar-track {
    background: #e0e2e1; }
    .freeCoding .simplebar-track.simplebar-vertical {
      width: 5px; }
      .freeCoding .simplebar-track.simplebar-vertical .simplebar-scrollbar {
        width: 5px;
        right: 0;
        background: #ced1d0;
        border-top: 1px solid #b2b4b4;
        border-bottom: 1px solid #b2b4b4; }
        .freeCoding .simplebar-track.simplebar-vertical .simplebar-scrollbar:before, .freeCoding .simplebar-track.simplebar-vertical .simplebar-scrollbar:after {
          background: none;
          border-radius: 0;
          content: '\2022';
          text-align: center;
          top: 0;
          color: #535555;
          opacity: 1;
          font-size: 6px; }
        .freeCoding .simplebar-track.simplebar-vertical .simplebar-scrollbar:after {
          position: absolute;
          top: auto;
          bottom: 0;
          left: 0;
          right: 0; }
  .freeCoding .simplebar-padding {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px; }

.freeCoding #content {
  position: relative;
  background: transparent url("images/bg-2.jpg") no-repeat center center;
  background-size: cover;
  height: 40vw;
  color: #ffffff;
  position: relative;
  padding: 2.08333vw 58.85417vw 0 2.60417vw; }
  @media (max-width: 1023px) {
    .freeCoding #content {
      padding: 8vw 2.66667vw;
      height: auto;
      background-image: url("images/bg-2-mobile.png");
      background-size: 100% auto;
      background-position: center bottom; } }

.freeCoding #content.content--message {
  padding: 2.08333vw 1.5625vw 0 2.60417vw; }
  @media (max-width: 1023px) {
    .freeCoding #content.content--message {
      padding-bottom: 38vw;
      background-position: 0 86%; } }

.freeCoding .headline {
  font-size: 1.5625vw;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1.5625vw; }
  @media (max-width: 1023px) {
    .freeCoding .headline {
      font-size: 6.66667vw;
      line-height: 1.1; } }
  .freeCoding .headline--message {
    font-size: 3vw; }
    @media (max-width: 1023px) {
      .freeCoding .headline--message {
        font-size: 6.66667vw;
        line-height: 1.1; } }

.freeCoding .subheadline {
  font-size: 1.04167vw;
  margin-bottom: 2.08333vw; }
  @media (max-width: 1023px) {
    .freeCoding .subheadline {
      font-size: 4vw; } }
  .freeCoding .subheadline--message {
    font-size: 1.66667vw; }
    @media (max-width: 1023px) {
      .freeCoding .subheadline--message {
        font-size: 4vw; } }

@media (max-width: 1023px) {
  .freeCoding .form {
    margin-top: 8vw; } }

.freeCoding .form__item {
  display: flex;
  align-items: center;
  margin-bottom: 1.30208vw; }
  @media (max-width: 1023px) {
    .freeCoding .form__item {
      margin-bottom: 8vw; } }

.freeCoding .form__label {
  flex-grow: 1;
  font-size: 1.5625vw; }
  @media (max-width: 1023px) {
    .freeCoding .form__label {
      font-size: 4.66667vw; } }

.freeCoding .form__input {
  flex: 0 0 14.0625vw; }
  @media (max-width: 1023px) {
    .freeCoding .form__input {
      flex-basis: 54vw; } }
  .freeCoding .form__input--text input {
    display: block;
    width: 100%;
    font-size: 1.04167vw;
    padding: 0.5em 0.75em;
    background: #ffffff;
    border: 1px solid #bcbebe;
    box-shadow: inset 0 0.10417vw 0.26042vw rgba(188, 190, 190, 0.2); }
    @media (max-width: 1023px) {
      .freeCoding .form__input--text input {
        font-size: 4vw; } }
  .freeCoding .form__input--radio {
    display: flex;
    background: #ffffff;
    border: 1px solid #bcbebe;
    color: #000000; }
    .freeCoding .form__input--radio input {
      display: none; }
    .freeCoding .form__input--radio__item {
      flex-grow: 1;
      flex-basis: 0; }
      .freeCoding .form__input--radio__item label {
        display: block;
        font-size: 1.04167vw;
        padding: 0.52083vw 0.78125vw;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer; }
        @media (max-width: 1023px) {
          .freeCoding .form__input--radio__item label {
            font-size: 4vw;
            padding: 1.33333vw 2vw; } }
      .freeCoding .form__input--radio__item input:checked + label {
        color: #ffffff;
        background: #9ea1a2;
        outline: 1px solid #9ea1a2; }

.freeCoding .form__disclaimer {
  max-height: 4.16667vw;
  font-size: 0.625vw;
  line-height: 1.3;
  margin-bottom: 1.04167vw;
  margin-top: -0.78125vw; }
  @media (max-width: 1023px) {
    .freeCoding .form__disclaimer {
      max-height: 21.33333vw;
      line-height: 1.1;
      font-size: 2.66667vw;
      margin-bottom: 5.33333vw;
      margin-top: 8vw; } }
  .freeCoding .form__disclaimer p {
    margin-bottom: 1em; }

.freeCoding .form__disclaimer-checkbox {
  position: relative;
  padding-left: 1.5625vw;
  line-height: 1.3;
  font-size: 0.625vw; }
  @media (max-width: 1023px) {
    .freeCoding .form__disclaimer-checkbox {
      font-size: 2.66667vw;
      padding-left: 6.66667vw;
      line-height: 1.1; } }
  .freeCoding .form__disclaimer-checkbox input:checked + label:before {
    content: '\00D7'; }
  .freeCoding .form__disclaimer-checkbox label {
    cursor: pointer; }
    .freeCoding .form__disclaimer-checkbox label:before {
      content: '';
      display: block;
      width: 1.18182em;
      height: 1.18182em;
      line-height: 1.18182em;
      text-align: center;
      color: #b01c34;
      font-size: 0.57292vw;
      background: #ffffff;
      border: 1px solid #bcbebe;
      box-shadow: inset 0 0.18182em 0.45455em rgba(188, 190, 190, 0.2);
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 1023px) {
        .freeCoding .form__disclaimer-checkbox label:before {
          font-size: 2.66667vw; } }

.freeCoding .form__submit {
  position: absolute;
  bottom: 2.60417vw;
  right: 58.85417vw;
  background: #ffffff;
  color: #05141f;
  font-size: 0.72917vw;
  border: 0;
  cursor: pointer;
  width: 14.0625vw;
  text-transform: uppercase;
  line-height: 2.60417vw; }
  @media (max-width: 1023px) {
    .freeCoding .form__submit {
      position: relative;
      bottom: auto;
      right: auto;
      font-size: 3.46667vw;
      width: 54vw;
      line-height: 9.33333vw;
      float: right;
      margin-top: 6.66667vw;
      margin-bottom: 60vw; } }
  .freeCoding .form__submit:after {
    content: '';
    display: block;
    position: absolute;
    right: 1.30208vw;
    top: 50%;
    transform: translateY(-50%);
    width: 0.36458vw;
    height: 0.52083vw;
    background: url("images/caret-right.svg") no-repeat center center;
    background-size: contain; }
    @media (max-width: 1023px) {
      .freeCoding .form__submit:after {
        width: 1.73333vw;
        height: 2vw;
        right: 5.33333vw; } }

.freeCoding .form__error {
  color: #ffffff;
  font-size: 0.625vw;
  margin-top: 0.5em;
  position: absolute;
  z-index: 1;
  background: #b01c34;
  padding: 0.5em 1em;
  display: none; }
  @media (max-width: 1023px) {
    .freeCoding .form__error {
      font-size: 2vw; } }
  .freeCoding .form__error:before {
    content: '';
    display: block;
    position: absolute;
    top: -0.41667em;
    left: 0.41667em;
    width: 0;
    height: 0;
    border-left: 0.41667em solid transparent;
    border-right: 0.41667em solid transparent;
    border-bottom: 0.41667em solid #b01c34; }

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