/* IMPORT GLOBALS */
/* Variables used in multiple files */
/* GLOBAL CSS RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0; }

fieldset, img {
  border: 0; }

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

ol, ul {
  list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

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

abbr, acronym {
  border: 0; }

div,
button,
form,
fieldset,
a,
table {
  box-sizing: border-box; }

button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.1;
  margin: 0;
  overflow: visible; }

button {
  text-transform: none;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/*/
  **
  ***
  *****
  ******
  *****
  ****
  ***
/*/
/* ELEMENTS */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1; }

strong {
  font-weight: bold; }

/* VARIABLES */
/* CLASSES */
.link-blue {
  color: #0088cc; }

.errors {
  position: relative;
  padding: 25px 30px;
  margin-bottom: 25px;
  color: #b94846;
  background: #f2dede;
  border: 2px solid #eed3d7; }
  .errors.hide {
    display: none; }
  .errors > .exit {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.2;
    text-shadow: 0 1px 0 white;
    line-height: 18px; }

.messages {
  position: relative;
  padding: 25px 30px;
  margin-bottom: 25px;
  color: #46b946;
  background: #def2de;
  border: 2px solid #d3eed3; }
  .messages.hide {
    display: none; }
  .messages > .exit {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.2;
    text-shadow: 0 1px 0 white;
    line-height: 18px; }

.button-green {
  padding: 7px 10px;
  color: white;
  background-color: #5cb75c;
  background-image: -webkit-linear-gradient(top, #64c464, #51a451);
  border: none;
  border-radius: 7px;
  text-align: center;
  text-decoration: none; }

.button-blue {
  padding: 7px 10px;
  color: white;
  background-color: #4bafce;
  background-image: -webkit-linear-gradient(top, #5abfdd, #2f97b6);
  border: none;
  border-radius: 7px;
  text-align: center; }

.button-red {
  padding: 7px 10px;
  color: white;
  background-color: #da4e49;
  background-image: -webkit-linear-gradient(top, #ee625d, #bc362f);
  border: none;
  border-radius: 7px;
  text-align: center; }

.button-orange {
  padding: 5px 8px;
  color: white;
  background-color: #e07015;
  background-image: -webkit-linear-gradient(top, #f17c0e, #e86a21);
  border: none;
  border-radius: 7px;
  text-align: center; }

.page {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  width: 100%;
  padding-top: 40px;
  background-image: url("../img/page_background.jpg");
  background-position: 0 -100px;
  background-repeat: repeat;
  overflow: auto; }
  .page__logo {
    display: block;
    height: 68px;
    margin: 50px 0 30px; }
    .page__logo > img {
      height: auto;
      max-width: 100%; }

.page-extender {
  display: flex;
  flex-direction: column;
  width: 100%; }

.main-container {
  height: 100%;
  width: 100%;
  min-width: 900px;
  max-width: 950px;
  margin: 0 0 auto; }
  .main-container .main {
    display: flex;
    flex-direction: column;
    margin: 15px 0 40px;
    background: white;
    border-radius: 10px;
    overflow: hidden; }
    .main-container .main__navigation {
      display: flex;
      background: #1f1f1f;
      border: 2px solid #4d4d4d;
      border-radius: 8px 8px 0 0; }
      .main-container .main__navigation > li {
        position: relative;
        overflow: hidden; }
        .main-container .main__navigation > li:not(:last-child):after {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          border-right: 2px solid #333333;
          content: ""; }
        .main-container .main__navigation > li .navigation-link {
          display: block;
          height: 42px;
          padding: 0 20px;
          line-height: 44px;
          color: #999999;
          text-decoration: none;
          font-size: 15px; }
          .main-container .main__navigation > li .navigation-link.disabled {
            color: rgba(153, 153, 153, 0.6);
            cursor: not-allowed; }
          .main-container .main__navigation > li .navigation-link#next-event {
            display: flex;
            flex-direction: column;
            padding: 0 35px 0 20px; }
            .main-container .main__navigation > li .navigation-link#next-event:before {
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              border-right: 2px solid #333333;
              content: ""; }
            .main-container .main__navigation > li .navigation-link#next-event > span {
              height: 18px;
              line-height: 20px;
              font-size: 12px; }
            .main-container .main__navigation > li .navigation-link#next-event > a {
              height: 22px;
              line-height: 22px;
              text-decoration: none;
              color: #0088cc;
              font-size: 14px; }
              .main-container .main__navigation > li .navigation-link#next-event > a.disabled {
                color: rgba(153, 153, 153, 0.6);
                cursor: not-allowed; }
              .main-container .main__navigation > li .navigation-link#next-event > a:hover:not(.disabled) {
                color: #005580;
                text-decoration: underline; }
          .main-container .main__navigation > li .navigation-link:hover:not(#next-event):not(.disabled) {
            color: white; }
      .main-container .main__navigation li:last-child {
        margin-left: auto; }
    .main-container .main__sponsors {
      display: flex;
      justify-content: center;
      padding: 0 0 10px;
      margin: 20px; }
      .main-container .main__sponsors > a {
        height: auto;
        max-width: 200px;
        margin: 0 5px; }
        .main-container .main__sponsors > a > img {
          height: auto;
          max-width: 100%; }
    .main-container .main__info-containers {
      display: flex; }
      @media screen and (max-width: 820px) {
        .main-container .main__info-containers {
          flex-direction: column; } }
      .main-container .main__info-containers .info-container {
        max-height: 445px;
        flex: 1; }
        .main-container .main__info-containers .info-container:first-child {
          margin: 0 10px 0 25px; }
        .main-container .main__info-containers .info-container:last-child {
          margin: 0 25px 0 10px; }
        .main-container .main__info-containers .info-container__title {
          height: 25px;
          padding: 6px 20px;
          color: #999999;
          background: #2b2b2b;
          border-radius: 5px;
          font-size: 14px;
          font-weight: bold;
          line-height: 28px; }
        .main-container .main__info-containers .info-container__content {
          padding: 10px 8px 20px;
          font-size: 13px; }
          .main-container .main__info-containers .info-container__content > p {
            margin: 8px 0; }
          .main-container .main__info-containers .info-container__content#facebook-posts {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            padding: 10px 15px; }
            .main-container .main__info-containers .info-container__content#facebook-posts .facebook-post {
              position: relative;
              padding: 12px 25px;
              margin: 5px 0;
              border: 2px solid rgba(0, 0, 0, 0.75);
              border-radius: 5px;
              font-size: 17px;
              overflow: hidden; }
              .main-container .main__info-containers .info-container__content#facebook-posts .facebook-post > a {
                color: #0088cc; }
                .main-container .main__info-containers .info-container__content#facebook-posts .facebook-post > a:hover {
                  color: #005580; }
    .main-container .main__boxes {
      display: flex;
      justify-content: center;
      margin: 0 20px;
      overflow: hidden; }
      @media screen and (max-width: 1000px) {
        .main-container .main__boxes {
          flex-direction: column; } }
      .main-container .main__boxes .box {
        position: relative;
        min-height: 210px;
        min-width: 280px;
        margin: 0 10px;
        font-size: 13px; }
        @media screen and (max-width: 1000px) {
          .main-container .main__boxes .box {
            margin: 10px 20px; } }
        .main-container .main__boxes .box:first-child {
          margin: 0 0 0 10px; }
          @media screen and (max-width: 1000px) {
            .main-container .main__boxes .box:first-child {
              margin: 0 20px; } }
        .main-container .main__boxes .box:last-child {
          margin: 0 10px 0 0; }
          @media screen and (max-width: 1000px) {
            .main-container .main__boxes .box:last-child {
              margin: 0 20px 20px; } }
        .main-container .main__boxes .box__under-development {
          display: flex;
          justify-content: center;
          height: 180px;
          width: 100%; }
          .main-container .main__boxes .box__under-development > img {
            height: auto;
            max-width: 100%; }
        .main-container .main__boxes .box__title {
          height: 25px;
          padding: 6px 20px;
          color: #999999;
          background: #2b2b2b;
          border-radius: 5px;
          font-size: 14px;
          font-weight: bold;
          line-height: 28px;
          margin-bottom: 5px; }
        .main-container .main__boxes .box__item {
          position: relative;
          display: flex;
          padding: 10px 12px;
          font-size: 10px; }
          @media screen and (max-width: 1000px) {
            .main-container .main__boxes .box__item {
              padding: 12px 20px; } }
          .main-container .main__boxes .box__item > a {
            padding: 2px 12px 2px 5px;
            color: #0088cc;
            text-decoration: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 13px;
            flex: 1; }
            .main-container .main__boxes .box__item > a:hover {
              color: #005580;
              text-decoration: underline; }
          .main-container .main__boxes .box__item > text {
            font-size: 12px; }
          .main-container .main__boxes .box__item > span {
            margin-left: auto;
            font-style: italic; }
          .main-container .main__boxes .box__item:not(:last-child):after {
            position: absolute;
            left: 2%;
            bottom: 0;
            width: 96%;
            border-bottom: 1px solid rgba(102, 102, 102, 0.45);
            content: ""; }

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