@font-face {
 img_logo font-family: 'open_regular';
  src: url("/type/OpenSans-Regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_bold';
  src: url("/type/OpenSans-Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: 0; }

html {
  background-color: #FFF;
  overflow-x: hidden;
  overflow-y: scroll; }

body {
  margin: 0;
  font-family: "open_regular", helvetica, arial, sans-serif;
  color: #333; }

a, .link {
  color: #449eda;
  text-decoration: none;
  cursor: pointer; }
  a:active, a:hover, a:focus, a.active, .link:active, .link:hover, .link:focus, .link.active {
    color: #023860; }

h1, h2, h3, h4, h5, h6, p, ul, ol, table, blockquote {
  margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "open_bold", "open_regular", helvetica, arial, sans-serif;
  font-weight: normal;
  color: #333;
  line-height: 1.25;
  margin-top: 0; }

strong, .txt_strong {
  font-family: "open_bold", "open_regular", helvetica, arial, sans-serif;
  font-weight: 800; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.2em; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 29px; }

h4 {
  font-size: 25px; }

h5 {
  font-size: 22px; }

h6 {
  font-size: 18px; }

.txt_small {
  font-size: 14px; }

.txt_big {
  font-size: 18px; }

ul, ol {
  padding-left: 24px; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 0; }
  ul li, ol li {
    margin-bottom: 5px; }

blockquote {
  margin: 0;
  padding: 20px 30px;
  border-radius: 3px;
  background: #F5F5F5; }

img, object, embed {
  max-width: 100%;
  margin: auto;
  border: 0; }

hr {
  border: 0;
  border-top: 2px solid #ccc;
  margin: 30px 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left;
  line-height: 1.5; }
  table tr {
    border-bottom: 1px solid #333; }
    table tr:first-child {
      border-width: 2px; }
    table tr:last-child {
      border-width: 0; }
    table tr td, table tr th {
      padding: 3px 10px 3px 0; }
      table tr td img, table tr th img {
        max-width: 100px;
        max-height: 100px;
        margin-right: 10px; }

form input[type='text'], form input[type='email'], form input[type='password'], form input[type='search'], form textarea {
  border: 1px solid gray;
  border-radius: 3px;
  padding: 8px 9px 7px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  font-family: "open_regular", helvetica, arial, sans-serif;
  font-size: 18px;
  background-color: #FFF; }
  form input[type='text']:disabled, form input[type='email']:disabled, form input[type='password']:disabled, form input[type='search']:disabled, form textarea:disabled {
    background-color: #f2f2f2; }
  form input[type='text']:focus, form input[type='email']:focus, form input[type='password']:focus, form input[type='search']:focus, form textarea:focus {
    border: 1px solid #023860; }

.txt_big {
  font-size: 20px; }

.txt_small {
  font-size: 16px; }

.txt_left {
  text-align: left; }

.txt_center {
  text-align: center; }

.txt_right {
  text-align: right; }

.txt_underline {
  text-decoration: underline; }

.color_succes {
  color: #0B4; }

.color_warning {
  color: #E80; }

.color_fail {
  color: #C20; }

.color_white {
  color: #FFF; }

.bg_link {
  background-color: #023860; }

.bg_alt {
  background-color: #F5F5F5; }

.bg_txt {
  background-color: #333; }

.bg_succes {
  background-color: #0B4; }

.bg_warning {
  background-color: #E80; }

.bg_fail {
  background-color: #C20; }

.bg_alpha_20 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.box {
  padding: 25px; }

.marge {
  margin: 10px 0; }

.border_fail {
  border-color: #C20; }

.no_margin {
  margin: 0; }

.float_right {
  float: right; }

.rounded {
  border-radius: 3px; }

.spacer {
  width: 100%;
  height: 40px; }

.container {
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  line-height: 1.8;
  font-size: 18px; }

.row .col12, .row .col11, .row .col10, .row .col9, .row .col8, .row .col7, .row .col6, .row .col5, .row .col4, .row .col3, .row .col2, .row .col1 {
  display: block;
  position: relative;
  min-height: 1px;
  padding: 0 10px;
  flex-basis: 100%;
  max-width: 100%; }

.row {
  position: relative;
  margin: 0;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }
  .row.row-center {
    justify-content: center; }
  .row .col12, .row .col11, .row .col10, .row .col9, .row .col8, .row .col7, .row .col6, .row .col5, .row .col4, .row .col3, .row .col2, .row .col1 {
    min-height: 1px;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0; }
  @media (min-width: 992px) {
    .row .col1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%; }
    .row .col2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%; }
    .row .col3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .row .col4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
    .row .col5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%; }
    .row .col6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .row .col7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%; }
    .row .col8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; }
    .row .col9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .row .col10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%; }
    .row .col11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%; }
    .row .col12 {
      flex: 0 0 100%;
      max-width: 100%; } }

a.btn, button, input[type="submit"] {
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  background-color: #023860;
  font-size: 18px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  min-width: 100px;
  height: 50px;
  padding: 10px 30px;
  margin: 0 0 5px 0;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 1.5; }
  a.btn:hover, a.btn:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); }
  a.btn:active, button:active, input[type="submit"]:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); }

.toggler > input {
  display: none; }
  .toggler > input + label {
    cursor: pointer;
    display: block;
    border-top: 2px solid #023860;
    color: #449eda;
    padding: 8px 0 0 0;
    margin: 0 0 6px 0; }
    .toggler > input + label:first-of-type {
      border: 0; }
    .toggler > input + label:hover {
      color: #023860; }
    .toggler > input + label + div {
      display: none; }
  .toggler > input:checked + label + div {
    display: block; }

.pills, .tabs, .navbar {
  padding: 0;
  list-style-type: none;
  line-height: 1; }
  .pills li, .tabs li, .navbar li {
    display: inline-block;
    margin-bottom: 0; }
    .pills li > input, .tabs li > input, .navbar li > input {
      display: none; }
      .pills li > input + label, .tabs li > input + label, .navbar li > input + label {
        cursor: pointer;
        font-family: "open_bold", "open_regular", helvetica, arial, sans-serif;
        display: block;
        padding: 10px 15px;
        min-width: 100px;
        text-align: center;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #023860; }
        .pills li > input + label:hover, .tabs li > input + label:hover, .navbar li > input + label:hover {
          color: #f778a9; }
      .pills li > input:checked + label, .tabs li > input:checked + label, .navbar li > input:checked + label {
        cursor: default;
        border: 1px solid #023860;
        background-color: #023860;
        color: #FFF; }

.tabs {
  border-bottom: 1px solid #023860; }
  .tabs li > input + label {
    margin-bottom: -1px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .tabs li > input + label:hover {
      color: #f778a9; }
  .tabs li > input:checked + label {
    color: #023860;
    border-bottom: 0;
    background-color: #F5F5F5; }

.navbar {
  border: 1px solid #023860;
  overflow: hidden;
  border-radius: 3px; }
  .navbar li > input + label {
    border-radius: 0; }

.menu {
  list-style: none;
  padding: 0;
  margin: 0; }
  .menu li {
    margin: 0 0 0 15px;
    display: inline-block; }

.bg_grey, footer {
  background: #f6f6f6; }

footer {
  margin: 40px 0 0;
  padding: 20px 0; }
  footer .menu {
    margin: 10px 0; }
    footer .menu li {
      margin: 0 15px 0 0; }

.notice {
  background: #FCF6D0;
  padding: 10px 0;
  text-align: center; }

.flex {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }

#nav_main {
  border-bottom: 6px solid #9a0941; }
  #nav_main .flex {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: right; }
  #nav_main a.active {
    color: #333;
    cursor: default; }

#hero {
  padding: 0 10px;
  background: #000 url("/img/hands_low.jpg") no-repeat center center;
  background-size: cover;
  margin-bottom: 10px;
  border-radius: 10px;
  color: #FFF;
  text-shadow: 1px 1px #000; }
  #hero a {
    color: #FFF; }
    #hero a:hover {
      color: #023860; }

.img_logo {
  width: 180px;
  margin: 0 0 10px -5px; }

.logo_sponsor {
  max-width: 160px;
  width: 50%; }

#hamburger {
  display: none; }

.header {
  padding: 130px 0 120px;
  background: #023860 url("/img/bg1.svg") repeat center center;
  background-size: cover;
  background-attachment: fixed;
  border-bottom: 6px solid #023860; }

  .header a:hover {
    color: #449eda; }
  .header .img_unite {
    max-width: 360px; }

#mission {
  margin: 90px 0;
  padding: 100px 0;
  background-color: #F5F5F5; }

#contact {
  margin: 0;
  padding: 60px 0;
  background-color: #023860; }
  #contact a:hover {
    color: #449eda; }

#user {
  margin: 0;
  padding: 50px 0;
  background-size: cover; }

#legal {
  background-color: #F5F5F5;
  padding: 50px 0;
  margin: 80px 0 0; }

.img_block {
  max-width: 150px;
  margin: 30px auto; }

@media handheld, only screen and (max-width: 992px) {
  .container {
    line-height: 1.5;
    font-size: 17px; }

  h1 {
    font-size: 32px; }

  h2 {
    font-size: 29px; }

  h3 {
    font-size: 25px; }

  h4, h5, h6 {
    font-size: 18px; }

  blockquote {
    margin: 0;
    padding: 10px 15px;
    border-radius: 3px; }

  .box {
    padding: 10px; }

  .mob_hide {
    display: none; }

  .spacer {
    height: 20px; }

  #menu_main {
    background: #023860;
    z-index: 1000;
    text-align: center;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 20px;
    border-radius: 10px; }
    #menu_main li {
      display: block;
      margin: 5px 0; }
      #menu_main li a {
        color: #FFF; }
    #menu_main.menu_hide {
      display: none; }

  #nav_main .flex ul li {
    display: block; }

  #logo {
    width: 180px;
    margin: 10px 0; }

  #hamburger {
    display: block;
    margin: 10px; }

  .reorder {
    order: 1; }

  .header {
    padding: 30px 0;
    background: #023860 url("/img/bg1.opacity.svg") repeat center center;
    background-size: cover;
    background-attachment: scroll;

    }
    .header .img_unite {
      max-width: 220px;
      margin: 0; }

  #mission {
    margin: 40px 0;
    padding: 40px 0; }

  #contact {
    margin: 0;
    padding: 30px 0; }

  #legal {
    margin: 20px 0 0; }

  .txt_big {
    font-size: 17px; }

  .txt_small {
    font-size: 15px; }

  .img_block {
    max-width: 120px;
    margin: 20px auto; }

  .img_logo {
    width: 160px;
    margin: 10px 0 20px 0; } }

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