/* Draai gem install autoprefixer-rails in de console om autoprefixing te activeren!!!!! */
@font-face {
  font-family: 'OpenSans';
  src: url("assets/fonts/opensans-regular.woff2") format("woff2"), url("assets/fonts/opensans-regular.woff") format("woff"), url("assets/fonts/opensans-regular.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans Light';
  src: url("assets/fonts/opensans-light.woff2") format("woff2"), url("assets/fonts/opensans-light.woff") format("woff"), url("assets/fonts/opensans-light.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans Bold';
  src: url("assets/fonts/opensans-bold.woff2") format("woff2"), url("assets/fonts/opensans-bold.woff") format("woff"), url("assets/fonts/opensans-bold.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans SemiBold';
  src: url("assets/fonts/opensans-semibold.woff2") format("woff2"), url("assets/fonts/opensans-semibold.woff") format("woff"), url("assets/fonts/opensans-semibold.ttf") format("ttf");
  font-weight: normal;
  font-style: normal; }
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box; }

body {
  font-family: "OpenSans Light", sans-serif;
  font-size: 14px;
  color: #000000; }

h1, .slider-item__inner h2, .slider-item__inner .page--contact .page__title, .page--contact .slider-item__inner .page__title, .slider-item__inner .page--members .page__title, .page--members .slider-item__inner .page__title, .slider-item__inner .page--calendar .page__title, .page--calendar .slider-item__inner .page__title, .slider-item__inner .single--event .single__title, .single--event .slider-item__inner .single__title, .slider-item__inner .single--members .single__inner .single__title, .single--members .single__inner .slider-item__inner .single__title,
h2,
.page--contact .page__title,
.page--members .page__title,
.page--calendar .page__title,
.single--event .single__title,
.single--members .single__inner .single__title,
h3,
h4,
h5,
h6 {
  font-family: "OpenSans Bold", sans-serif;
  color: #000000; }

h1, .slider-item__inner h2, .slider-item__inner .page--contact .page__title, .page--contact .slider-item__inner .page__title, .slider-item__inner .page--members .page__title, .page--members .slider-item__inner .page__title, .slider-item__inner .page--calendar .page__title, .page--calendar .slider-item__inner .page__title, .slider-item__inner .single--event .single__title, .single--event .slider-item__inner .single__title, .slider-item__inner .single--members .single__inner .single__title, .single--members .single__inner .slider-item__inner .single__title {
  font-size: 28px;
  line-height: 32px; }
  @media (min-width: 991px) {
    h1, .slider-item__inner h2, .slider-item__inner .page--contact .page__title, .page--contact .slider-item__inner .page__title, .slider-item__inner .page--members .page__title, .page--members .slider-item__inner .page__title, .slider-item__inner .page--calendar .page__title, .page--calendar .slider-item__inner .page__title, .slider-item__inner .single--event .single__title, .single--event .slider-item__inner .single__title, .slider-item__inner .single--members .single__inner .single__title, .single--members .single__inner .slider-item__inner .single__title {
      font-size: 38px;
      line-height: 44px; } }
  @media (min-width: 1199px) {
    h1, .slider-item__inner h2, .slider-item__inner .page--contact .page__title, .page--contact .slider-item__inner .page__title, .slider-item__inner .page--members .page__title, .page--members .slider-item__inner .page__title, .slider-item__inner .page--calendar .page__title, .page--calendar .slider-item__inner .page__title, .slider-item__inner .single--event .single__title, .single--event .slider-item__inner .single__title, .slider-item__inner .single--members .single__inner .single__title, .single--members .single__inner .slider-item__inner .single__title {
      font-size: 50px;
      line-height: 56px; } }

h2, .page--contact .page__title, .page--members .page__title, .page--calendar .page__title, .single--event .single__title, .single--members .single__inner .single__title {
  font-size: 24px;
  line-height: 32px; }
  @media (min-width: 991px) {
    h2, .page--contact .page__title, .page--members .page__title, .page--calendar .page__title, .single--event .single__title, .single--members .single__inner .single__title {
      font-size: 30px;
      line-height: 36px; } }
  @media (min-width: 1199px) {
    h2, .page--contact .page__title, .page--members .page__title, .page--calendar .page__title, .single--event .single__title, .single--members .single__inner .single__title {
      font-size: 36px;
      line-height: 40px; } }

h3 {
  font-size: 22px;
  line-height: 28px; }
  @media (min-width: 1199px) {
    h3 {
      font-size: 24px;
      line-height: 32px; } }

h4 {
  font-size: 18px;
  line-height: 24px; }
  @media (min-width: 1199px) {
    h4 {
      font-size: 20px;
      line-height: 26px; } }

p,
a,
li {
  font-size: 14px;
  line-height: 24px;
  color: #000000; }
  @media (min-width: 992px) {
    p,
    a,
    li {
      font-size: 16px; } }

p,
ol,
ul {
  margin-bottom: 20px; }

a {
  color: #033A7E;
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: underline;
    outline: 0; }

ul,
ol {
  list-style-position: inside; }

img {
  max-width: 100%;
  height: auto; }

.show-frontend {
  display: block !important; }

.acf-hidden {
  display: none !important; }

.slider--postsnav .slick-track {
  transform: translate3d(0px, 0px, 0px) !important; }

.col-custom {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
  width: 20%; }
  @media (max-width: 991px) {
    .col-custom {
      width: 33.333%; } }

@media (min-width: 767px) {
  .col-textimage-colaside {
    position: absolute;
    right: 8.33333333%; } }
  @media (min-width: 767px) and (max-width: 991px) {
    .col-textimage-colaside {
      max-width: calc(33.33333333% - 50px); } }
  @media (min-width: 767px) and (min-width: 1199px) {
    .col-textimage-colaside {
      right: calc(8.33333333% + 7.5%); } }

@media (max-width: 767px) {
  .container {
    padding-left: 35px;
    padding-right: 35px; } }
@media (min-width: 1400px) {
  .container {
    width: 1340px; } }

body.no-scroll {
  overflow: hidden; }
  body.no-scroll:before {
    content: '';
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(3, 58, 126, 0.4);
    z-index: 1; }

.board {
  margin-bottom: 50px; }
  .board__image img {
    border-radius: 50%; }
    @media (min-width: 768px) {
      .board__image img {
        max-width: 100px; } }
  @media (min-width: 992px) {
    .board__info {
      margin-left: 30px; } }
  .board__info strong {
    font-family: "OpenSans SemiBold", sans-serif;
    font-size: 16px; }
    @media (min-width: 768px) {
      .board__info strong {
        font-size: 18px; } }
  .board__info p {
    margin: 20px 0; }
    .board__info p span {
      font-family: "OpenSans Bold", sans-serif; }
  .board__contact span {
    display: inline-block;
    width: 30px; }
  .board__contact a {
    color: #000000; }

.btn {
  display: inline-block;
  font-family: "OpenSans Bold", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  border-radius: 0 !important;
  line-height: 24px;
  padding: 6px 12px;
  text-decoration: none; }
  @media (min-width: 768px) {
    .btn {
      font-size: 16px;
      padding: 8px 13px; } }
  @media (min-width: 1200px) {
    .btn {
      font-size: 18px;
      padding: 10px 15px; } }
  .btn--primary {
    color: #000000;
    background-color: #FFCB00; }
    .btn--primary:hover, .btn--primary:focus {
      color: #000000;
      background-color: #f0c20a;
      text-decoration: none; }
  .btn--secondary {
    color: #000000;
    background-color: #FFFFFF; }
    .btn--secondary:hover, .btn--secondary:focus {
      color: #000000;
      background-color: #E6ECF2;
      text-decoration: none; }

#breadcrumbs {
  display: block;
  margin-bottom: 0;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis; }
  #breadcrumbs a,
  #breadcrumbs span {
    color: #99AFCB;
    font-size: 12px; }
    @media (min-width: 768px) {
      #breadcrumbs a,
      #breadcrumbs span {
        font-size: 14px; } }
  #breadcrumbs img {
    display: inline-block;
    vertical-align: top;
    margin: 8px 5px; }
    @media (min-width: 768px) {
      #breadcrumbs img {
        margin: 8px 5px; } }

.ui-datepicker {
  background-color: #FFFFFF;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(3, 58, 126, 0.6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px; }
  .ui-datepicker a,
  .ui-datepicker a:hover {
    text-decoration: none; }
  .ui-datepicker a:hover,
  .ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }
  .ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    font-family: 'lg';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px; }
  .ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left; }
  .ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right; }
  .ui-datepicker .ui-datepicker-prev:before {
    content: "\e094"; }
  .ui-datepicker .ui-datepicker-next:before {
    content: "\e095"; }
  .ui-datepicker .ui-icon {
    display: none; }
  .ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%; }
  .ui-datepicker .ui-datepicker-calendar th,
  .ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0; }
  .ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; }
    .ui-datepicker .ui-datepicker-calendar td:hover {
      background-color: #E6ECF2;
      cursor: pointer; }
    .ui-datepicker .ui-datepicker-calendar td a {
      text-decoration: none; }
  .ui-datepicker .ui-datepicker-current-day {
    background-color: #4F76A5; }
    .ui-datepicker .ui-datepicker-current-day a {
      color: #FFFFFF; }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default; }

@media (min-width: 992px) and (max-width: 1199px) {
  .form.form--sign-up {
    margin-top: 130px; } }
.form #breadcrumbs {
  margin-bottom: 40px; }
.form__inner {
  position: relative;
  background-color: #F7F9FB;
  padding-top: 80px;
  padding-bottom: 120px;
  padding-left: 2000px;
  margin-left: -2000px;
  padding-right: 35px;
  margin-right: -35px; }
  @media (min-width: 992px) {
    .form__inner {
      padding-right: 20px;
      margin-right: 0; } }
  @media (min-width: 992px) {
    .form__inner {
      padding-right: 40px; } }
  @media (min-width: 1200px) {
    .form__inner {
      padding-right: 100px; } }
  .form__inner .form__title,
  .form__inner .form__description {
    margin: 0 0 60px; }
  .form__inner .form__description ul > li {
    position: relative;
    padding-left: 20px;
    width: 100%;
    margin: 0; }
    .form__inner .form__description ul > li:before {
      content: '\25CF';
      position: absolute;
      left: 0;
      top: 0; }
  .form__inner:after {
    content: '';
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #FFFFFF; }
    @media (min-width: 768px) {
      .form__inner:after {
        border-bottom: 70px solid transparent;
        border-right: 70px solid #FFFFFF; } }
    @media (min-width: 1200px) {
      .form__inner:after {
        border-bottom: 100px solid transparent;
        border-right: 100px solid #FFFFFF; } }
.form .gform_title {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 50px; }
.form ul,
.form ul.gform_fields,
.form div.gform_fields {
  list-style: none; }
  .form ul label,
  .form ul legend,
  .form ul.gform_fields label,
  .form ul.gform_fields legend,
  .form div.gform_fields label,
  .form div.gform_fields legend {
    font-family: "OpenSans Light", sans-serif;
    color: #4F76A5; }
  @media (min-width: 768px) {
    .form ul:after,
    .form ul.gform_fields:after,
    .form div.gform_fields:after {
      content: '';
      display: table;
      clear: both; } }
  .form ul li,
  .form ul li.gfield,
  .form ul div.gfield,
  .form ul.gform_fields li,
  .form ul.gform_fields li.gfield,
  .form ul.gform_fields div.gfield,
  .form div.gform_fields li,
  .form div.gform_fields li.gfield,
  .form div.gform_fields div.gfield {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .form ul li,
      .form ul li.gfield,
      .form ul div.gfield,
      .form ul.gform_fields li,
      .form ul.gform_fields li.gfield,
      .form ul.gform_fields div.gfield,
      .form div.gform_fields li,
      .form div.gform_fields li.gfield,
      .form div.gform_fields div.gfield {
        width: 50%;
        float: left;
        padding-right: 25px; } }
    @media (min-width: 992px) {
      .form ul li,
      .form ul li.gfield,
      .form ul div.gfield,
      .form ul.gform_fields li,
      .form ul.gform_fields li.gfield,
      .form ul.gform_fields div.gfield,
      .form div.gform_fields li,
      .form div.gform_fields li.gfield,
      .form div.gform_fields div.gfield {
        width: 33.3%; } }
    .form ul li.gfield-col-full,
    .form ul li.gfield.gfield-col-full,
    .form ul div.gfield.gfield-col-full,
    .form ul.gform_fields li.gfield-col-full,
    .form ul.gform_fields li.gfield.gfield-col-full,
    .form ul.gform_fields div.gfield.gfield-col-full,
    .form div.gform_fields li.gfield-col-full,
    .form div.gform_fields li.gfield.gfield-col-full,
    .form div.gform_fields div.gfield.gfield-col-full {
      width: 100%; }
    .form ul li.no-label > label,
    .form ul li.gfield.no-label > label,
    .form ul div.gfield.no-label > label,
    .form ul.gform_fields li.no-label > label,
    .form ul.gform_fields li.gfield.no-label > label,
    .form ul.gform_fields div.gfield.no-label > label,
    .form div.gform_fields li.no-label > label,
    .form div.gform_fields li.gfield.no-label > label,
    .form div.gform_fields div.gfield.no-label > label {
      display: none; }
  .form ul .gfield--type-honeypot,
  .form ul.gform_fields .gfield--type-honeypot,
  .form div.gform_fields .gfield--type-honeypot {
    display: none !important;
    left: -9000px;
    position: absolute !important; }
  .form ul fieldset.gfield,
  .form ul.gform_fields fieldset.gfield,
  .form div.gform_fields fieldset.gfield {
    position: relative;
    padding: 0.1em 0;
    border: 0; }
  .form ul .privacy li,
  .form ul.gform_fields .privacy li,
  .form div.gform_fields .privacy li {
    list-style: none; }
  .form ul .privacy > label,
  .form ul.gform_fields .privacy > label,
  .form div.gform_fields .privacy > label {
    display: none; }
  .form ul .screen-reader-text,
  .form ul.gform_fields .screen-reader-text,
  .form div.gform_fields .screen-reader-text {
    display: none; }
  .form ul p,
  .form ul.gform_fields p,
  .form div.gform_fields p {
    margin-bottom: 40px; }
  .form ul input,
  .form ul textarea,
  .form ul.gform_fields input,
  .form ul.gform_fields textarea,
  .form div.gform_fields input,
  .form div.gform_fields textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #F2F5F9;
    padding: 8px 10px;
    margin: 7px 0 0;
    width: 100%;
    max-width: 100%;
    color: #000000;
    border: 1px solid #F2F5F9;
    border-radius: 0;
    outline: 0; }
  .form ul textarea,
  .form ul.gform_fields textarea,
  .form div.gform_fields textarea {
    resize: none; }
  .form ul .ginput_container_consent,
  .form ul .ginput_container_checkbox,
  .form ul.gform_fields .ginput_container_consent,
  .form ul.gform_fields .ginput_container_checkbox,
  .form div.gform_fields .ginput_container_consent,
  .form div.gform_fields .ginput_container_checkbox {
    margin: 20px 0; }
    .form ul .ginput_container_consent li,
    .form ul .ginput_container_checkbox li,
    .form ul.gform_fields .ginput_container_consent li,
    .form ul.gform_fields .ginput_container_checkbox li,
    .form div.gform_fields .ginput_container_consent li,
    .form div.gform_fields .ginput_container_checkbox li {
      float: none; }
    .form ul .ginput_container_consent input,
    .form ul .ginput_container_checkbox input,
    .form ul.gform_fields .ginput_container_consent input,
    .form ul.gform_fields .ginput_container_checkbox input,
    .form div.gform_fields .ginput_container_consent input,
    .form div.gform_fields .ginput_container_checkbox input {
      position: relative;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      padding: 0;
      background-color: #F7F9FB;
      border: 1px solid #000000;
      border-radius: 0;
      margin: 0 10px 2px 0;
      cursor: pointer; }
      .form ul .ginput_container_consent input:hover,
      .form ul .ginput_container_checkbox input:hover,
      .form ul.gform_fields .ginput_container_consent input:hover,
      .form ul.gform_fields .ginput_container_checkbox input:hover,
      .form div.gform_fields .ginput_container_consent input:hover,
      .form div.gform_fields .ginput_container_checkbox input:hover {
        background-color: #033A7E; }
      .form ul .ginput_container_consent input:checked,
      .form ul .ginput_container_checkbox input:checked,
      .form ul.gform_fields .ginput_container_consent input:checked,
      .form ul.gform_fields .ginput_container_checkbox input:checked,
      .form div.gform_fields .ginput_container_consent input:checked,
      .form div.gform_fields .ginput_container_checkbox input:checked {
        background-color: #033A7E; }
        .form ul .ginput_container_consent input:checked:after,
        .form ul .ginput_container_checkbox input:checked:after,
        .form ul.gform_fields .ginput_container_consent input:checked:after,
        .form ul.gform_fields .ginput_container_checkbox input:checked:after,
        .form div.gform_fields .ginput_container_consent input:checked:after,
        .form div.gform_fields .ginput_container_checkbox input:checked:after {
          content: "";
          position: absolute;
          height: 10px;
          width: 15px;
          background: url("./assets/img/check-solid.svg") no-repeat center center;
          background-size: contain;
          top: 4px;
          left: 2px; }
    .form ul .ginput_container_consent label,
    .form ul .ginput_container_checkbox label,
    .form ul.gform_fields .ginput_container_consent label,
    .form ul.gform_fields .ginput_container_checkbox label,
    .form div.gform_fields .ginput_container_consent label,
    .form div.gform_fields .ginput_container_checkbox label {
      line-height: 20px;
      color: #000000;
      cursor: pointer; }
  .form ul .gfield_error input,
  .form ul .gfield_error textarea,
  .form ul.gform_fields .gfield_error input,
  .form ul.gform_fields .gfield_error textarea,
  .form div.gform_fields .gfield_error input,
  .form div.gform_fields .gfield_error textarea {
    border: 1px solid #f00; }
.form .validation_error {
  font-size: 16px;
  font-family: "OpenSans", sans-serif;
  margin-bottom: 40px;
  color: #f00; }
.form .validation_message {
  display: none; }
.form.form--sign-on, .form.form--acf {
  margin: 0; }
.form.form--acf {
  margin-bottom: 100px; }
  .form.form--acf ul {
    min-height: 94px;
    width: 100% !important;
    padding-right: 25px; }
    @media (min-width: 768px) {
      .form.form--acf ul {
        width: 50% !important;
        float: left; }
        .form.form--acf ul:nth-last-of-type(2), .form.form--acf ul:nth-last-of-type(3) {
          width: 50% !important; }
        .form.form--acf ul:nth-last-of-type(4) {
          width: 100% !important; } }
    @media (min-width: 992px) {
      .form.form--acf ul {
        width: 33.3% !important; } }
    .form.form--acf ul li {
      width: 100%; }
  .form.form--acf .acf-form-fields:after {
    content: '';
    display: table;
    clear: both; }
.form.form--contact {
  position: relative;
  background-color: #E6ECF2;
  margin: 60px -35px 80px;
  padding: 80px 35px; }
  @media (min-width: 992px) {
    .form.form--contact {
      padding: 100px 0 100px 100px;
      margin: 0;
      margin-right: -2000px;
      padding-right: 2000px; } }
  .form.form--contact:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    border-top: 50px solid #FFFFFF;
    border-right: 50px solid transparent; }
    @media (min-width: 992px) {
      .form.form--contact:after {
        border-top-width: 70px;
        border-right-width: 70px; } }
    @media (min-width: 1200px) {
      .form.form--contact:after {
        border-top-width: 100px;
        border-right-width: 100px; } }
  .form.form--contact ul li {
    width: 100%; }
  .form.form--contact ul .ginput_container_checkbox input {
    background-color: #E6ECF2; }
    .form.form--contact ul .ginput_container_checkbox input:hover, .form.form--contact ul .ginput_container_checkbox input:checked {
      background-color: #033A7E; }

.inv-recaptcha-holder .grecaptcha-badge {
  z-index: 100; }

.gallery--photos {
  margin: 60px 0; }
  @media (min-width: 992px) {
    .gallery--photos {
      margin: 80px 0; } }
  @media (min-width: 1200px) {
    .gallery--photos {
      margin: 100px 0; } }
  .gallery--photos .gallery__heading {
    margin-bottom: 30px; }
    @media (min-width: 992px) {
      .gallery--photos .gallery__heading {
        margin-bottom: 40px; } }
    @media (min-width: 1200px) {
      .gallery--photos .gallery__heading {
        margin-bottom: 50px; } }
  .gallery--photos .image {
    position: relative;
    display: block;
    margin-bottom: 30px; }
    .gallery--photos .image .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(3, 58, 126, 0.5); }
      .gallery--photos .image .overlay span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        vertical-align: middle;
        text-align: center;
        font-family: "OpenSans Bold", sans-serif;
        color: #FFFFFF;
        font-size: 24px; }
.gallery--slider {
  position: relative;
  margin-bottom: -30px; }
  @media (min-width: 992px) {
    .gallery--slider {
      margin-bottom: -50px; } }
  .gallery--slider:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #E6ECF2; }
    @media (min-width: 768px) {
      .gallery--slider:after {
        border-bottom: 70px solid transparent;
        border-right: 70px solid #E6ECF2; } }
    @media (min-width: 1200px) {
      .gallery--slider:after {
        border-bottom: 100px solid transparent;
        border-right: 100px solid #E6ECF2; } }
.gallery-item {
  background-size: cover;
  background-position: center;
  height: 250px; }
  @media (min-width: 992px) {
    .gallery-item {
      height: 350px; } }

.item {
  display: block;
  padding: 60px 0; }
  @media (min-width: 992px) {
    .item {
      padding: 80px 0; } }
  .item:hover, .item:focus {
    text-decoration: none; }
    .item:hover .item__title, .item:focus .item__title {
      color: #4F76A5; }
    .item:hover object a, .item:focus object a {
      text-decoration: underline; }
  .item img {
    width: 100%; }
  .item span {
    display: inline-block;
    font-family: "OpenSans", sans-serif;
    color: #4F76A5;
    line-height: 22px;
    margin-right: 15px; }
    .item span svg {
      float: left;
      margin: 1px 10px 1px 0; }
  .item .item__title {
    margin: 30px 0 20px; }
  .item .item__details {
    white-space: nowrap; }
  .item .item__intro {
    margin: 20px 0; }
  .item a {
    text-transform: uppercase;
    font-family: "OpenSans Bold", sans-serif;
    font-size: 16px;
    color: #033A7E; }

.list--members .list__title {
  margin: 0 0 10px; }
  @media (min-width: 768px) {
    .list--members .list__title {
      margin: 0 0 15px; } }
.list--members .list__item {
  padding-bottom: 60px; }
  @media (min-width: 992px) {
    .list--members .list__item {
      padding-bottom: 80px; } }
.list--members a {
  line-height: 30px;
  color: #000000; }

.menu {
  background: #033A7E;
  color: #FFFFFF;
  padding: 70px 0;
  list-style: none;
  height: 100vh;
  overflow: auto; }
  @media (min-height: 700px) {
    .menu {
      padding: 100px 0 60px; } }
  @media (min-width: 768px) {
    .menu {
      padding-top: 120px; } }
  @media (min-width: 992px) {
    .menu {
      padding-top: 140px; } }
  .menu li {
    padding: 15px 35px; }
    @media (min-width: 768px) {
      .menu li {
        padding-left: 70px; } }
    @media (min-width: 992px) {
      .menu li {
        padding-left: 110px; } }
    .menu li a {
      font-family: "OpenSans Bold", sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      color: #FFFFFF; }
      @media (min-width: 992px) {
        .menu li a {
          font-size: 18px; } }
    .menu li.current-menu-item {
      background-color: #1C4D8B; }
    .menu li .sub-menu {
      list-style: none; }
      .menu li .sub-menu li {
        padding: 15px 0 0 20px; }
        .menu li .sub-menu li a {
          font-family: "OpenSans Light", sans-serif;
          font-size: 14px;
          text-transform: unset;
          color: #99AFCB; }
          @media (min-width: 992px) {
            .menu li .sub-menu li a {
              font-size: 16px; } }

.site-nav {
  text-align: right; }
  .site-nav__menu {
    position: fixed;
    text-align: left;
    top: 0;
    bottom: 0;
    width: 100vw;
    max-width: 600px;
    right: -100vw;
    background: #1C4D8B;
    transition: right .2s ease-in-out;
    z-index: 5; }
    @media (min-width: 992px) {
      .site-nav__menu {
        max-width: 50vw;
        right: -50vw; } }
    @media (min-width: 1200px) {
      .site-nav__menu {
        max-width: 45vw;
        right: -45vw; } }
  .site-nav__toggle {
    position: relative;
    display: inline-block;
    font-family: "OpenSans Bold", sans-serif;
    font-size: 14px;
    color: #033A7E;
    line-height: 40px;
    text-transform: uppercase;
    z-index: 6;
    cursor: pointer; }
    @media (min-width: 768px) {
      .site-nav__toggle {
        color: #FFFFFF;
        line-height: 45px;
        font-size: 16px; } }
    @media (min-width: 992px) {
      .site-nav__toggle {
        line-height: 55px; } }
    .site-nav__toggle .open,
    .site-nav__toggle .close {
      display: block;
      float: right;
      width: 40px;
      height: 40px;
      padding: 12px 11px;
      margin-left: 10px; }
      .site-nav__toggle .open svg,
      .site-nav__toggle .close svg {
        float: left; }
      @media (min-width: 768px) {
        .site-nav__toggle .open,
        .site-nav__toggle .close {
          width: 45px;
          height: 45px;
          padding: 14px 13px; } }
      @media (min-width: 992px) {
        .site-nav__toggle .open,
        .site-nav__toggle .close {
          margin-left: 15px;
          width: 55px;
          height: 55px; } }
    @media (min-width: 768px) {
      .site-nav__toggle .open {
        background-color: #FFFFFF; } }
    @media (min-width: 992px) {
      .site-nav__toggle .open {
        padding: 17px 16px; }
        .site-nav__toggle .open svg {
          width: 23px;
          height: 21px; } }
    .site-nav__toggle .close {
      display: none;
      padding: 11px; }
      @media (min-width: 768px) {
        .site-nav__toggle .close {
          padding: 13px; } }
      @media (min-width: 992px) {
        .site-nav__toggle .close {
          padding: 17px; }
          .site-nav__toggle .close svg {
            width: 20px;
            height: 20px; } }
    .site-nav__toggle.toggled .text {
      color: #FFFFFF !important; }
    .site-nav__toggle.toggled .open {
      display: none; }
    .site-nav__toggle.toggled .close {
      display: block;
      background-color: #FFFFFF; }
    .site-nav__toggle.toggled ~ .site-nav__menu {
      transition: right .2s ease-in-out;
      right: 0; }
  .site-nav__social {
    margin: 30px 35px 0; }
    @media (min-height: 700px) {
      .site-nav__social {
        margin-top: 50px; } }
    @media (min-width: 768px) {
      .site-nav__social {
        margin-left: 70px; } }
    @media (min-width: 992px) {
      .site-nav__social {
        margin-left: 110px; } }
    .site-nav__social a {
      display: inline-block;
      width: 45px;
      height: 45px;
      padding: 14px 18px;
      background-color: #FFFFFF; }
      .site-nav__social a:hover, .site-nav__social a:focus {
        background-color: #E6ECF2; }
      .site-nav__social a svg {
        float: left; }

.notice {
  padding: 0 2000px;
  margin: 0 -2000px;
  background-color: #F7F9FB;
  margin-bottom: 20px; }
  .notice p {
    padding: 20px 0;
    font-family: "OpenSans", sans-serif;
    color: #4F76A5;
    margin: 0; }

.quote {
  margin: 60px 0;
  text-align: center; }
  @media (min-width: 992px) {
    .quote {
      margin: 80px 0; } }
  @media (min-width: 1200px) {
    .quote {
      margin: 100px 0; } }

@media (max-width: 767px) {
  .slider--posts {
    margin-top: 90px; } }
.slider--posts a:hover h2, .slider--posts a:hover .page--contact .page__title, .page--contact .slider--posts a:hover .page__title, .slider--posts a:hover .page--members .page__title, .page--members .slider--posts a:hover .page__title, .slider--posts a:hover .page--calendar .page__title, .page--calendar .slider--posts a:hover .page__title, .slider--posts a:hover .single--event .single__title, .single--event .slider--posts a:hover .single__title, .slider--posts a:hover .single--members .single__inner .single__title, .single--members .single__inner .slider--posts a:hover .single__title,
.slider--posts a:focus h2,
.slider--posts a:focus .page--contact .page__title,
.page--contact .slider--posts a:focus .page__title,
.slider--posts a:focus .page--members .page__title,
.page--members .slider--posts a:focus .page__title,
.slider--posts a:focus .page--calendar .page__title,
.page--calendar .slider--posts a:focus .page__title,
.slider--posts a:focus .single--event .single__title,
.single--event .slider--posts a:focus .single__title,
.slider--posts a:focus .single--members .single__inner .single__title,
.single--members .single__inner .slider--posts a:focus .single__title {
  color: #04448C; }
@media (max-width: 767px) {
  .slider--postsnav {
    width: 100vw;
    margin-left: -35px; } }
.slider-wrapper {
  background-color: #F7F9FB; }
  @media (max-width: 767px) {
    .slider-wrapper {
      padding-bottom: 60px; } }
.slider-item {
  padding-left: 35px; }
  .slider-item__image {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 275px; }
    @media (min-width: 768px) {
      .slider-item__image {
        position: absolute;
        width: 50vw;
        right: 0; } }
    @media (min-width: 1200px) {
      .slider-item__image {
        width: 47vw;
        min-height: 600px; } }
    .slider-item__image:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: linear-gradient(rgba(3, 58, 126, 0.2), rgba(3, 58, 126, 0.6));
      z-index: 1; }
    .slider-item__image:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-left: 50px solid #FFFFFF;
      z-index: 2; }
      @media (min-width: 768px) {
        .slider-item__image:after {
          border-top: 70px solid transparent;
          border-left: 70px solid #FFFFFF; } }
      @media (min-width: 1200px) {
        .slider-item__image:after {
          border-top: 100px solid transparent;
          border-left: 100px solid #FFFFFF; } }
  .slider-item .container {
    padding: 0; }
  .slider-item__inner {
    padding: 40px 0; }
    @media (min-width: 768px) {
      .slider-item__inner {
        padding: 140px 0 60px; } }
    @media (min-width: 992px) {
      .slider-item__inner {
        padding: 180px 0 60px; } }
    @media (min-width: 1200px) {
      .slider-item__inner {
        padding: 230px 0 85px; } }
    .slider-item__inner span {
      font-family: "OpenSans Bold", sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      color: #04448C; }
    .slider-item__inner h2, .slider-item__inner .page--contact .page__title, .page--contact .slider-item__inner .page__title, .slider-item__inner .page--members .page__title, .page--members .slider-item__inner .page__title, .slider-item__inner .page--calendar .page__title, .page--calendar .slider-item__inner .page__title, .slider-item__inner .single--event .single__title, .single--event .slider-item__inner .single__title, .slider-item__inner .single--members .single__inner .single__title, .single--members .single__inner .slider-item__inner .single__title {
      margin: 20px 25px 30px 0; }
      @media (min-width: 1200px) {
        .slider-item__inner h2, .slider-item__inner .page--contact .page__title, .page--contact .slider-item__inner .page__title, .slider-item__inner .page--members .page__title, .page--members .slider-item__inner .page__title, .slider-item__inner .page--calendar .page__title, .page--calendar .slider-item__inner .page__title, .slider-item__inner .single--event .single__title, .single--event .slider-item__inner .single__title, .slider-item__inner .single--members .single__inner .single__title, .single--members .single__inner .slider-item__inner .single__title {
          margin: 20px 0 30px; } }
  .slider-item--nav {
    background-color: #F7F9FB;
    padding: 30px 35px; }
    .slider-item--nav.slick-current {
      background-color: #FFFFFF; }
      .slider-item--nav.slick-current:hover h4 {
        color: #04448C; }
    .slider-item--nav .slider-item__section {
      display: block;
      padding: 0 0 10px;
      font-family: "OpenSans Bold", sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      color: #000000;
      margin: 0;
      height: 30px; }
    .slider-item--nav .slider-item__title {
      font-family: "OpenSans SemiBold", sans-serif;
      font-size: 16px;
      padding: 20px 0;
      margin: 0;
      border-top: 1px solid #819CBE; }
    .slider-item--nav p,
    .slider-item--nav span {
      font-family: "OpenSans", sans-serif; }
    .slider-item--nav span {
      display: inline-block;
      font-size: 14px;
      color: #4F76A5; }
    .slider-item--nav:hover, .slider-item--nav:focus {
      text-decoration: none; }

.sign-on__title {
  margin-bottom: 30px; }
.sign-on__list {
  list-style: none; }
  .sign-on__list span {
    font-family: "OpenSans", sans-serif; }
.sign-on__inner--first {
  margin-bottom: 60px; }

.text-block--about {
  position: relative;
  background-color: #FFFFFF;
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    .text-block--about {
      padding-bottom: 50px; } }
  .text-block--about .text-block__content {
    background-color: #E6ECF2;
    padding-top: 80px; }
    @media (min-width: 768px) {
      .text-block--about .text-block__content {
        padding-top: 100px; } }
  .text-block--about:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #F7F9FB; }
    @media (min-width: 768px) {
      .text-block--about:before {
        border-bottom: 70px solid transparent;
        border-right: 70px solid #F7F9FB; } }
    @media (min-width: 1200px) {
      .text-block--about:before {
        border-bottom: 100px solid transparent;
        border-right: 100px solid #F7F9FB; } }
  .text-block--about .text-block__title {
    margin-bottom: 40px; }
  .text-block--about .text-block__inner {
    padding-bottom: 80px; }
    @media (min-width: 768px) {
      .text-block--about .text-block__inner {
        padding-bottom: 100px; } }
    .text-block--about .text-block__inner a {
      margin-top: 20px; }

.text-image {
  margin-bottom: 60px; }
  @media (min-width: 992px) {
    .text-image {
      margin-bottom: 80px; } }
  @media (min-width: 1200px) {
    .text-image {
      margin-bottom: 100px; } }
  .text-image__intro strong, .text-image__inner strong {
    font-family: "OpenSans", sans-serif; }
  .text-image__intro {
    margin-bottom: 60px; }
  .text-image__aside {
    margin-bottom: 60px;
    text-align: center; }
    @media (min-width: 768px) {
      .text-image__aside {
        margin-bottom: 0; } }
    .text-image__aside img {
      display: block;
      margin: 0 auto;
      margin-bottom: 30px; }

.two-images {
  margin: 60px 0; }
  @media (min-width: 992px) {
    .two-images {
      margin: 80px 0; } }
  @media (min-width: 1200px) {
    .two-images {
      margin: 100px 0; } }
  @media (min-width: 768px) {
    .two-images__image {
      width: 50%;
      float: left; }
      .two-images__image:after {
        content: '';
        display: table;
        clear: both; } }
  .two-images__image:first-of-type {
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .two-images__image:first-of-type {
        margin-bottom: 0;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      .two-images__image:first-of-type {
        padding-right: 25px; } }
    @media (min-width: 1200px) {
      .two-images__image:first-of-type {
        padding-right: 35px; } }
  @media (min-width: 768px) {
    .two-images__image:last-of-type {
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .two-images__image:last-of-type {
      padding-left: 25px; } }
  @media (min-width: 1200px) {
    .two-images__image:last-of-type {
      padding-left: 35px; } }

.site-footer {
  position: relative;
  background-color: #033A7E;
  padding: 80px 0 40px;
  margin-top: 50px; }
  @media (min-width: 768px) {
    .site-footer {
      margin-top: 110px; } }
  @media (min-width: 992px) {
    .site-footer {
      padding: 70px 0 30px; } }
  .site-footer p,
  .site-footer a:not(.btn) {
    color: #FFFFFF;
    font-size: 14px; }
  .site-footer p {
    margin-bottom: 10px; }
  .site-footer__logo img {
    margin-top: 5px; }
  .site-footer__address p:first-of-type {
    font-family: "OpenSans Bold", sans-serif; }
  .site-footer__links p:first-of-type {
    font-family: "OpenSans Bold", sans-serif; }
  @media (max-width: 991px) {
    .site-footer__links {
      margin-top: 20px; } }
  .site-footer ul {
    list-style: none;
    margin-bottom: 0; }
  .site-footer:before {
    left: 0;
    border-right: 50px solid transparent; }
  .site-footer:before, .site-footer__sign-up:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 0;
    border-top: 50px solid #FFFFFF; }
    @media (min-width: 992px) {
      .site-footer:before, .site-footer__sign-up:before {
        border-top-width: 70px;
        border-right-width: 70px; } }
    @media (min-width: 1200px) {
      .site-footer:before, .site-footer__sign-up:before {
        border-top-width: 100px;
        border-right-width: 100px; } }
  .site-footer__sign-up {
    position: relative;
    background-color: #FFCB00;
    padding: 60px 50px;
    margin: 60px 0; }
    @media (min-width: 768px) {
      .site-footer__sign-up {
        margin-top: -130px;
        padding: 70px 50px; } }
    @media (min-width: 992px) {
      .site-footer__sign-up {
        margin-bottom: 30px;
        margin-top: -120px; } }
    @media (min-width: 1200px) {
      .site-footer__sign-up {
        margin-bottom: 20px; } }
    .site-footer__sign-up:before {
      right: 0;
      border-top-width: 50px;
      border-left: 50px solid transparent; }
      @media (max-width: 767px) {
        .site-footer__sign-up:before {
          border-top-color: #033A7E; } }
    .site-footer__sign-up p {
      color: #000000;
      font-family: "OpenSans Bold", sans-serif;
      margin-bottom: 30px;
      font-size: 22px;
      line-height: 28px; }
      @media (min-width: 1199px) {
        .site-footer__sign-up p {
          font-size: 24px;
          line-height: 32px; } }
  .site-footer__copy p,
  .site-footer__copy a,
  .site-footer__copy a:not(.btn) {
    font-size: 12px; }
    @media (min-width: 992px) {
      .site-footer__copy p,
      .site-footer__copy a,
      .site-footer__copy a:not(.btn) {
        font-size: 14px; } }
  .site-footer__copy p {
    color: #819CBE; }
    @media (min-width: 768px) {
      .site-footer__copy p {
        display: inline; } }
  .site-footer__copy a {
    font-family: "OpenSans", sans-serif;
    margin-right: 15px; }
    @media (min-width: 768px) {
      .site-footer__copy a {
        margin: 0 0 0 30px; } }
  .site-footer__socials {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .site-footer__socials {
        margin-bottom: 20px; } }
    .site-footer__socials a {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #FFFFFF;
      border-radius: 36px;
      width: 36px;
      height: 36px;
      transition: all .3s ease-in-out; }
      .site-footer__socials a svg {
        width: 16px;
        height: 16px; }
      .site-footer__socials a:hover, .site-footer__socials a:focus {
        background-color: #E6ECF2;
        transition: all .3s ease-in-out; }

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 0 11px;
  background-color: #FFFFFF;
  z-index: 1; }
  @media (min-width: 768px) {
    .site-header {
      padding-top: 30px;
      background-color: transparent; } }
  @media (min-width: 1200px) {
    .site-header {
      padding-top: 50px; } }
  .site-header.sticky {
    padding-top: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px rgba(3, 58, 126, 0.08); }
    .site-header.sticky .site-header__logo svg {
      height: 55px; }
      .site-header.sticky .site-header__logo svg .letters {
        opacity: 0;
        visibility: hidden; }
    .site-header.sticky .text {
      color: #1C4D8B; }
  .site-header__logo a {
    display: inline-block;
    width: 110px; }
    @media (min-width: 768px) {
      .site-header__logo a {
        width: 140px; } }
    @media (min-width: 992px) {
      .site-header__logo a {
        width: 180px; } }
    @media (min-width: 1200px) {
      .site-header__logo a {
        width: 220px; } }
    .site-header__logo a svg {
      height: 75px;
      transition: height 0.2s ease; }
      .site-header__logo a svg .letters {
        transition: all 0.2s ease; }

.page, .form, .single {
  margin-top: 100px; }
  @media (min-width: 768px) {
    .page, .form, .single {
      margin-top: 130px; } }
  @media (min-width: 992px) {
    .page, .form, .single {
      margin-top: 190px; } }
  .page--contact {
    overflow-x: hidden; }
    .page--contact .page__title {
      margin: 10px 0 40px; }
      @media (min-width: 768px) {
        .page--contact .page__title {
          margin: 15px 0 50px; } }
      @media (min-width: 992px) {
        .page--contact .page__title {
          margin: 20px 0 60px; } }
    @media (min-width: 992px) {
      .page--contact .page__content {
        margin-bottom: 90px; } }
    .page--contact .page__content p {
      margin-bottom: 30px; }
  .page--login form .link-aside {
    margin-right: 40px; }
  .page--members .page__title {
    margin: 10px 0 40px; }
    @media (min-width: 768px) {
      .page--members .page__title {
        margin: 15px 0 70px; } }
    @media (min-width: 992px) {
      .page--members .page__title {
        margin: 20px 0 100px; } }
  .page--calendar .page__title {
    margin: 10px 0 30px; }
    @media (min-width: 768px) {
      .page--calendar .page__title {
        margin: 15px 0 40px; } }
    @media (min-width: 992px) {
      .page--calendar .page__title {
        margin: 20px 0 40px; } }
  .page--calendar .row--news {
    display: flex;
    flex-wrap: wrap; }
  .page--calendar .wrapper {
    position: relative;
    background-color: #F7F9FB; }
    @media (max-width: 767px) {
      .page--calendar .wrapper .col-sm-6:nth-of-type(even) .item {
        margin-left: -35px;
        margin-right: -35px;
        padding-left: 35px;
        padding-right: 35px;
        background-color: #F2F5F9; } }
    @media (min-width: 768px) {
      .page--calendar .wrapper {
        background-image: linear-gradient(0deg, #F2F5F9 52.5%, transparent 52.5%, transparent);
        background-size: 100% 1350px; } }
    @media (min-width: 992px) {
      .page--calendar .wrapper {
        background-size: 100% 1430px; } }
    @media (min-width: 1200px) {
      .page--calendar .wrapper {
        background-size: 100% 1464px; } }
    .page--calendar .wrapper:after {
      content: '';
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 0;
      border-bottom: 50px solid transparent;
      border-right: 50px solid #FFFFFF; }
      @media (min-width: 768px) {
        .page--calendar .wrapper:after {
          border-bottom: 70px solid transparent;
          border-right: 70px solid #FFFFFF; } }
      @media (min-width: 1200px) {
        .page--calendar .wrapper:after {
          border-bottom: 100px solid transparent;
          border-right: 100px solid #FFFFFF; } }

.single--post .single__title {
  margin: 20px 0 30px; }
  @media (min-width: 768px) {
    .single--post .single__title {
      margin: 50px 0 30px; } }
  @media (min-width: 992px) {
    .single--post .single__title {
      margin: 70px 0 40px; } }
.single--post .single__date {
  display: block;
  font-family: "OpenSans", sans-serif;
  color: #4F76A5;
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .single--post .single__date {
      margin-bottom: 60px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .single--event {
    margin-top: 130px; } }
.single--event #breadcrumbs {
  margin-bottom: 30px; }
.single--event .single__image {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 175px; }
  @media (min-width: 768px) {
    .single--event .single__image {
      height: 250px; } }
  @media (min-width: 992px) {
    .single--event .single__image {
      height: 350px; } }
  .single--event .single__image:after {
    content: '';
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #FFFFFF; }
    @media (min-width: 768px) {
      .single--event .single__image:after {
        border-bottom: 70px solid transparent;
        border-right: 70px solid #FFFFFF; } }
    @media (min-width: 1200px) {
      .single--event .single__image:after {
        border-bottom: 100px solid transparent;
        border-right: 100px solid #FFFFFF; } }
.single--event .single__inner {
  margin: 60px 0; }
.single--event .single__title {
  margin: 0 0 40px; }
.single--event .single__details {
  margin-bottom: 60px; }
  .single--event .single__details span {
    display: inline-block;
    font-family: "OpenSans", sans-serif;
    color: #4F76A5;
    line-height: 22px;
    margin-right: 15px; }
    .single--event .single__details span svg {
      float: left;
      margin: 1px 10px 1px 0; }
.single--event .single__content {
  margin-bottom: 60px; }
  .single--event .single__content strong,
  .single--event .single__content b {
    font-family: "OpenSans", sans-serif; }
  .single--event .single__content iframe {
    max-width: 100%; }
.single--event .single__aside img {
  width: 100%;
  height: auto; }
.single--event .single__sign-on {
  position: relative;
  background-color: #F7F9FB;
  padding: 80px 0; }
  .single--event .single__sign-on:after {
    content: '';
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #FFFFFF; }
    @media (min-width: 768px) {
      .single--event .single__sign-on:after {
        border-bottom: 70px solid transparent;
        border-right: 70px solid #FFFFFF; } }
    @media (min-width: 1200px) {
      .single--event .single__sign-on:after {
        border-bottom: 100px solid transparent;
        border-right: 100px solid #FFFFFF; } }
.single--members .single__inner {
  position: relative;
  margin: 0 -35px;
  padding: 0 35px;
  background-color: #F7F9FB; }
  @media (min-width: 768px) {
    .single--members .single__inner {
      margin: 0 -20px;
      padding: 0 20px; } }
  @media (min-width: 992px) {
    .single--members .single__inner {
      padding-right: 100px;
      margin-left: -300px;
      padding-left: 300px; } }
  @media (min-width: 1200px) {
    .single--members .single__inner {
      margin-left: -2000px;
      padding-left: 2000px; } }
  .single--members .single__inner:before {
    content: '';
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #FFFFFF; }
    @media (min-width: 768px) {
      .single--members .single__inner:before {
        border-bottom: 70px solid transparent;
        border-right: 70px solid #FFFFFF; } }
    @media (min-width: 1200px) {
      .single--members .single__inner:before {
        border-bottom: 100px solid transparent;
        border-right: 100px solid #FFFFFF; } }
  .single--members .single__inner .single__title {
    padding: 60px 0 40px;
    margin: 20px 0 0; }
    @media (min-width: 992px) {
      .single--members .single__inner .single__title {
        margin: 40px 0 0;
        padding: 80px 0 60px; } }
  .single--members .single__inner .single__details {
    margin: 40px 0; }
    @media (min-width: 768px) {
      .single--members .single__inner .single__details {
        margin: 60px 0; } }
    .single--members .single__inner .single__details p {
      width: 120px;
      float: left;
      margin: 0;
      line-height: 30px; }
      .single--members .single__inner .single__details p:nth-of-type(2) {
        width: calc(100% - 120px); }
      @media (min-width: 768px) {
        .single--members .single__inner .single__details p {
          width: 200px; }
          .single--members .single__inner .single__details p:nth-of-type(2) {
            width: calc(100% - 200px); } }
      .single--members .single__inner .single__details p a {
        color: #000000; }
    .single--members .single__inner .single__details div:after {
      content: '';
      display: table;
      clear: both; }
  .single--members .single__inner .single__contact-person .contact-person-title {
    font-family: "OpenSans Bold", sans-serif; }
  .single--members .single__inner .single__contact-person .board {
    margin-bottom: 0;
    padding-bottom: 60px; }
    @media (min-width: 768px) {
      .single--members .single__inner .single__contact-person .board {
        padding-bottom: 80px; } }
    .single--members .single__inner .single__contact-person .board__info > p:first-of-type {
      margin-top: 10px; }
    .single--members .single__inner .single__contact-person .board__contact {
      margin-bottom: 0; }
.single--members .single__logo {
  text-align: center;
  margin: 60px 0; }
  .single--members .single__logo img {
    max-height: 175px; }
  @media (min-width: 992px) {
    .single--members .single__logo {
      margin: 80px 0; } }
.single--members .mapwrapper {
  position: relative; }
  @media (min-width: 992px) {
    .single--members .mapwrapper {
      position: absolute;
      width: 100%;
      bottom: 0; } }
  .single--members .mapwrapper #map {
    width: 100vw;
    margin-left: -35px; }
    @media (min-width: 768px) {
      .single--members .mapwrapper #map {
        width: calc(100% + 50px);
        margin-left: -25px; } }
    @media (min-width: 992px) {
      .single--members .mapwrapper #map {
        width: 100%;
        margin-left: -10px; } }
.single__nav {
  margin: 40px 0; }
  .single__nav .prev,
  .single__nav .next {
    display: inline-block;
    color: #000000; }
    .single__nav .prev .icon,
    .single__nav .next .icon {
      display: inline-block;
      padding: 13px 15px 14px;
      background-color: #033A7E; }
      .single__nav .prev .icon svg,
      .single__nav .next .icon svg {
        float: left; }
    .single__nav .prev .title,
    .single__nav .next .title {
      display: inline-block;
      margin-top: 7.5px; }
    .single__nav .prev--disabled .icon,
    .single__nav .next--disabled .icon {
      background-color: #99AFCB; }
  .single__nav--left .prev svg {
    transform: rotate(180deg); }
  .single__nav--left span.icon {
    float: left;
    margin-right: 20px; }
  .single__nav--right {
    text-align: right; }
    .single__nav--right span.icon {
      float: right;
      margin-left: 20px; }