@charset "UTF-8";
/* ##########################################################################
      VARIABLES
   ########################################################################## */
/* ##########################################################################
      EXTERNAL
   ########################################################################## */
/* ### HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/  ### */
@import url(plugins.css);
html, button, input, select, textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/* ### A better looking default horizontal rule ### */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio, canvas, img, video {
  vertical-align: middle; }

/* ### Remove default fieldset styles. ### */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

/* ### Allow only vertical resizing of textareas. ### */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ##########################################################################
      GENERAL
   ########################################################################## */
body {
  font-family: BellGothic-Roman;
  font-size: 0.9em; }

#page {
  margin-top: 20px; }

b, strong, .bold {
  font-family: BellGothic-Black;
  font-weight: normal; }

td {
  height: 30px; }

input {
  background: #f8f4df;
  border: none;
  font-family: BellGothic-Roman;
  font-weight: normal !important;
  padding: 5px 10px 5px 10px;
  margin: 5px 0;
  display: inline-block; }

label {
  display: inline-block;
  width: 120px; }

.select select {
  width: 268px;
  background: transparent;
  font-family: BellGothic-Roman;
  font-weight: normal;
  border: 0;
  margin: 0;
  padding: 5px;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none; }

.select {
  width: 240px;
  display: inline-block;
  height: 31px;
  overflow: hidden;
  background: url(../img/select-down-arrow.png) no-repeat top 11px right 10px #f8f4df; }

.print-icon {
  margin-top: 20px;
  cursor: pointer; }

/* ### Set viewport to 'device-width' on mobile devices ### */
/*@viewport {
  width: device-width;
  zoom: 1;
}*/
#container {
  margin: 0 auto;
  width: 1024px; }

/* ### Universal CSS classes ### */
.csc-textpic-caption {
  color: #969799;
  padding: 10px 0; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clear {
  clear: both; }

#go_top {
  display: none;
  background: white;
  text-decoration: none;
  color: black;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 9999; }

/* ### Style 'show menu' label button and hide it by default ### */
.show-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: white;
  background: #19c589;
  text-align: center;
  padding: 10px 0;
  display: none; }

/* ### Hide checkbox ### */
input[type=checkbox] {
  /*display: none;*/ }

/* ### Show menu when invisible checkbox is checked ### */
input[type=checkbox]:checked ~ #main-menu {
  display: block; }

/* ##########################################################################
    HELPER CLASSES
   ########################################################################## */
/* ### Image replacement ### */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }
  .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }

/* ### Hide from both screenreaders and browsers ### */
.hidden {
  display: none !important;
  visibility: hidden; }

/* ### Hide only visually, but have it available for screenreaders ### */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden:active, .visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* ### Hide visually and from screenreaders, but maintain layout ### */
.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ##########################################################################
      HEADER
   ########################################################################## */
#header {
  position: relative; }

.headerWrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white;
  z-index: 1000;
  padding-top: 10px; }

/* Language selector */
.langMenu {
  margin-top: 50px;
  margin-right: 20px;
  background: url(../img/header-nav-arrow.png) top 7px left no-repeat; }
  .langMenu a {
    font-weight: 400;
    text-decoration: none;
    color: #969799; }

.langMenu span:first-child {
  border-right: 2px solid #6fb4c6;
  margin: 0 5px 0 12px;
  padding: 0 7px; }

.langMenu span {
  font-weight: 900;
  color: #D2002E;
  margin-left: -3px;
  font-size: 1.1em; }

#header-logo {
  float: right; }
  #header-logo img {
    width: 477px;
    height: 94px; }

#uni-logo-top img {
  width: 175px;
  height: 30px; }

#uni-logo-bottom img {
  width: 137.8px;
  height: 24px; }

/* ##########################################################################
      NAVIGATION
   ########################################################################## */
/* ####################################################################
    HEADER-NAV
   ################################################################# */
#header-nav {
  margin-top: 77px;
  margin-left: -95px; }
  #header-nav ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    /*ul{
      display: none;
      background: white;
      width: 200px;
      padding: 5px;
      position: absolute;
      top: 100%;
      z-index: 2;
      li{
        float: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        margin-right: 10px;
        &:first-child{
          border-top: 1px solid #ddd;
          margin-top: 10px;
        }
        &:last-child{
          margin-bottom: 10px;
        }
        a{
          background: none !important;
          border: none !important;
          display: block;
          padding: 5px !important;
          &:hover{
            border: none !important;
            display: block;
            font-weight: bold !important;
            padding: 5px;
          }
        }
      }
    }
    li:hover > ul{
      display: block;
    }
    &:after{
      content: "";
      clear: both;
      display: block;
    }*/ }
    #header-nav ul li {
      float: left;
      font-size: 1.1em; }
      #header-nav ul li a, #header-nav ul li #header-nav-ul-li-a, #header-nav ul li:first-child a, #header-nav ul li:last-child a {
        background: url(../img/header-nav-arrow.png) top 7px left 10px no-repeat;
        border-right: 2px solid #6fb4c6;
        color: #969799;
        display: block;
        padding: 0 10px 0 30px;
        text-decoration: none;
        text-transform: uppercase; }
        #header-nav ul li a.act, #header-nav ul li #header-nav-ul-li-a.act, #header-nav ul li:first-child a.act, #header-nav ul li:last-child a.act {
          font-family: BellGothic-Bold; }
        #header-nav ul li a:hover, #header-nav ul li #header-nav-ul-li-a:hover, #header-nav ul li:first-child a:hover, #header-nav ul li:last-child a:hover {
          text-decoration: underline; }
    #header-nav ul li:first-child a {
      background: url(../img/header-nav-arrow.png) top 7px left no-repeat;
      padding: 0 10px 0 20px; }
    #header-nav ul li:last-child a {
      border-right: none;
      padding: 0 13px 0 30px; }

/* ####################################################################
    MAIN-NAV
   ################################################################# */
#main-nav {
  margin: 40px 0 14px 0;
  float: right; }
  #main-nav ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    #main-nav ul li {
      float: left;
      font-size: 1em; }
      #main-nav ul li a, #main-nav ul li #main-nav-ul-li-a, #main-nav ul li:first-child a, #main-nav ul li:last-child a {
        background: url(../img/main-nav-arrow-no.png) top 7px left 7px no-repeat;
        border-right: 1px solid #969799;
        color: #969799;
        display: block;
        font-family: BellGothic-Black;
        font-weight: normal;
        padding: 0 10px 0 20px;
        text-decoration: none;
        text-transform: uppercase; }
        #main-nav ul li a:hover, #main-nav ul li #main-nav-ul-li-a:hover, #main-nav ul li:first-child a:hover, #main-nav ul li:last-child a:hover {
          background: url(../img/main-nav-arrow-act.png) top 7px left 7px no-repeat;
          color: black; }
      #main-nav ul li:first-child a {
        background: url(../img/main-nav-arrow-no.png) top 7px left no-repeat; }
        #main-nav ul li:first-child a:hover {
          background: url(../img/main-nav-arrow-act.png) top 7px left no-repeat; }
      #main-nav ul li:last-child a {
        border-right: none;
        padding: 0 0 0 20px; }
        #main-nav ul li:last-child a:hover {
          background: url(../img/main-nav-arrow-act.png) top 7px left 7px no-repeat; }
      #main-nav ul li:first-child ul {
        background: white;
        width: auto;
        padding: 5px;
        position: absolute;
        top: 100%;
        z-index: 2;
        margin-left: 0 !important; }
      #main-nav ul li:nth-last-child(+1) ul {
        background: white;
        width: auto;
        padding: 5px;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 2; }
      #main-nav ul li:nth-last-child(+2) ul {
        background: white;
        width: auto;
        padding: 5px;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 2; }
    #main-nav ul ul {
      display: none;
      background: white;
      width: auto;
      padding: 5px;
      position: absolute;
      top: 100%;
      z-index: 2;
      margin-left: 7px !important; }
      #main-nav ul ul li {
        float: none;
        position: relative;
        margin-right: 10px; }
        #main-nav ul ul li:first-child {
          margin-top: 10px; }
          #main-nav ul ul li:first-child a {
            background: none;
            border-right: none;
            display: block;
            font-weight: normal;
            padding: 3px 12px 3px 12px !important; }
            #main-nav ul ul li:first-child a:hover {
              background: none;
              border-right: none;
              display: block;
              padding: 3px 12px 3px 12px !important; }
        #main-nav ul ul li:last-child {
          margin-bottom: 5px; }
          #main-nav ul ul li:last-child a {
            background: none;
            border-right: none;
            display: block;
            font-weight: normal;
            padding: 3px 12px 3px 12px !important; }
            #main-nav ul ul li:last-child a:hover {
              background: none;
              border-right: none;
              display: block;
              padding: 3px 12px 3px 12px !important; }
        #main-nav ul ul li a {
          background: none !important;
          border-right: none !important;
          display: block !important;
          font-family: BellGothic-Roman !important;
          font-weight: normal !important;
          padding: 3px 12px 3px 12px !important; }
          #main-nav ul ul li a:hover {
            background: none !important;
            border-right: none !important;
            display: block;
            font-family: BellGothic-Black !important;
            padding: 3px 12px 3px 12px !important; }
      #main-nav ul ul ul {
        position: absolute;
        left: 100%;
        top: 0; }
    #main-nav ul:first-child ul li a {
      background: none !important;
      border-right: none !important;
      display: block !important;
      font-weight: normal !important;
      padding: 3px 12px 3px 12px !important; }
      #main-nav ul:first-child ul li a:hover {
        background: none !important;
        border-right: none !important;
        display: block;
        padding: 3px 12px 3px 12px !important; }
    #main-nav ul:last-child ul li a {
      background: none !important;
      border-right: none !important;
      display: block !important;
      font-weight: normal !important;
      padding: 3px 12px 3px 12px !important; }
    #main-nav ul:after {
      content: "";
      clear: both;
      display: block; }

/* ####################################################################
    MAIN-NAV-BLUE
   ################################################################# */
#main-nav-blue {
  margin: 50px 0 0 0;
  float: right;
  height: auto;
  padding-bottom: 50px; }
  #main-nav-blue ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    #main-nav-blue ul li {
      float: left; }
      #main-nav-blue ul li a {
        background: url(../img/main-nav-arrow-no.png) top 7px left 7px no-repeat;
        border-right: 1px solid #969799;
        color: #969799;
        display: block;
        font-family: BellGothic-Black;
        font-weight: normal;
        padding: 0 10px 0 20px;
        text-decoration: none;
        text-transform: uppercase; }
        #main-nav-blue ul li a:hover {
          background: url(../img/main-nav-arrow-act.png) top 7px left 7px no-repeat;
          color: black; }
      #main-nav-blue ul li:first-child a {
        background: url(../img/main-nav-arrow-no.png) top 7px left no-repeat;
        border-right: 1px solid #969799;
        color: #969799;
        display: block;
        font-family: BellGothic-Black;
        font-weight: normal;
        padding: 0 10px 0 20px;
        text-decoration: none;
        text-transform: uppercase; }
        #main-nav-blue ul li:first-child a:hover {
          background: url(../img/main-nav-arrow-act.png) top 7px left no-repeat;
          border-right: 1px solid #f8f4df;
          color: black;
          display: block;
          padding: 0 10px 0 20px;
          text-decoration: none;
          text-transform: uppercase; }
      #main-nav-blue ul li:last-child a {
        background: url(../img/main-nav-arrow-no.png) top 7px left 7px no-repeat;
        border-right: none;
        color: #969799;
        display: block;
        font-family: BellGothic-Black;
        font-weight: normal;
        padding: 0 0 0 20px;
        text-decoration: none;
        text-transform: uppercase; }
        #main-nav-blue ul li:last-child a:hover {
          background: url(../img/main-nav-arrow-act.png) top 7px left 7px no-repeat;
          border-right: none;
          color: black;
          display: block;
          padding: 0 0 0 20px;
          text-decoration: none;
          text-transform: uppercase; }
      #main-nav-blue ul li.act a {
        background: url(../img/main-nav-blue-arrow-act.png) top 7px left 7px no-repeat #6fb4c6;
        border-right: none;
        color: white;
        display: block;
        padding: 0 10px 5px 20px;
        text-decoration: none;
        text-transform: uppercase;
        margin-left: -1px; }
        #main-nav-blue ul li.act a:hover {
          background: url(../img/main-nav-blue-arrow-act.png) top 7px left 7px no-repeat #6fb4c6;
          border-right: none;
          color: white;
          display: block;
          padding: 0 10px 5px 20px;
          text-decoration: none;
          text-transform: uppercase; }
      #main-nav-blue ul li.act ul {
        background: #6fb4c6;
        width: auto;
        padding: 3px 0 3px 14px;
        position: absolute;
        margin-left: -70px;
        display: block; }
        #main-nav-blue ul li.act ul li {
          float: left;
          position: relative;
          margin-right: 14px; }
          #main-nav-blue ul li.act ul li a {
            background: none !important;
            display: block !important;
            font-family: BellGothic-Roman;
            font-weight: normal;
            padding: 3px 0 !important; }
            #main-nav-blue ul li.act ul li a:hover {
              background: none !important;
              border-right: none !important;
              color: black;
              display: block;
              font-family: BellGothic-Roman;
              font-weight: normal;
              padding: 3px 0 !important; }
          #main-nav-blue ul li.act ul li.act a {
            background: none !important;
            border-right: none !important;
            color: black;
            display: block;
            font-family: BellGothic-Black;
            font-weight: normal;
            padding: 3px 0 !important; }
      #main-nav-blue ul li.act:before a {
        border-right: none !important; }
      #main-nav-blue ul li.act:nth-last-child(+1) ul, #main-nav-blue ul li.act:nth-last-child(+2) ul, #main-nav-blue ul li.act:nth-last-child(+3) ul {
        background: #6fb4c6;
        width: auto;
        padding: 3px 0 3px 14px;
        position: absolute;
        right: 0 !important;
        display: block; }
      #main-nav-blue ul li.act:nth-last-child(+4) ul {
        margin-left: -61px; }
      #main-nav-blue ul li ul {
        display: none; }
        #main-nav-blue ul li ul:after {
          content: "";
          clear: both; }

/* ####################################################################
    SUB-NAV
   ################################################################# */
#sub-nav {
  background: #6fb4c6;
  color: white;
  /*float: right;*/
  width: 234px;
  margin-bottom: 20px !important; }
  #sub-nav h1 {
    color: black;
    font-size: 1.05em !important;
    margin: 0;
    padding: 20px 20px 0 20px !important; }
    #sub-nav h1 a {
      color: black !important; }
  #sub-nav ul {
    font-family: BellGothic-Black;
    font-weight: normal;
    text-transform: uppercase;
    list-style-type: none;
    margin: 0;
    padding: 20px 20px;
    text-transform: uppercase; }
    #sub-nav ul li {
      margin: 0;
      /*padding: 3px 0;*/ }
      #sub-nav ul li a {
        background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
        color: white !important;
        display: block;
        padding: 3px 0 3px 15px !important; }
        #sub-nav ul li a:hover {
          background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
          border: none !important;
          color: white !important;
          display: block;
          padding: 3px 0 3px 15px !important; }
      #sub-nav ul li ul {
        font-family: BellGothic-Roman;
        font-weight: normal;
        text-transform: uppercase;
        padding: 7px 20px; }
        #sub-nav ul li ul li {
          margin: 0;
          padding: 3px 0; }
          #sub-nav ul li ul li a {
            background: none;
            color: white !important;
            padding: 0 !important; }
            #sub-nav ul li ul li a:hover {
              background: none;
              color: white !important;
              padding: 0 !important; }
          #sub-nav ul li ul li.act {
            font-family: BellGothic-Black;
            font-weight: normal;
            text-transform: uppercase; }

/* ##########################################################################
      CONTENT
   ########################################################################## */
/* ####################################################################
    MAIN
   ################################################################# */
#main {
  color: black;
  position: relative; }

#main h1 {
  margin-top: 0;
  padding: 0;
  font-family: BellGothic-Black;
  font-weight: normal;
  font-size: 1.7em;
  text-transform: uppercase; }

#main h2 {
  padding: 0;
  font-family: BellGothic-Black;
  font-weight: normal;
  font-size: 1.4em;
  text-transform: uppercase; }

#main h3 {
  padding: 0;
  font-family: BellGothic-Black;
  font-weight: normal;
  font-size: 1.1em;
  text-transform: uppercase; }

#main h1 a, #main h2 a, #main h3 a {
  color: black;
  text-decoration: none; }

#main h1 a:hover, #main h2 a:hover, #main h3 a:hover {
  border-bottom: 1px solid #6fb4c6;
  color: black;
  text-decoration: none; }

#main a {
  color: #6fb4c6;
  text-decoration: none; }

#main a:hover {
  border-bottom: 1px solid #6fb4c6;
  color: #6fb4c6;
  text-decoration: none; }

#main a.more-link {
  background: url(../img/news-more-link.png) top 9px left 3px no-repeat;
  color: #6fb4c6;
  font-family: BellGothic-Black;
  font-weight: normal;
  padding: 0 0 0 12px;
  text-decoration: none; }

#main .csc-default ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#main .csc-textpic-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 10px 0 30px 24px; }

#main .csc-default ul li, #main .csc-textpic-text ul li {
  background: url(../img/news-more-link.png) top 9px left 5px no-repeat;
  border-bottom: 2px solid #f8f4df;
  display: block;
  padding: 5px 7px 5px 20px; }

#main .csc-textpic-imagewrap ul li {
  background: none !important;
  border: none !important;
  padding: 0; }

#main .csc-default ol {
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  display: inline-block;
  counter-reset: my-badass-counter; }

#main .csc-default ol li {
  border-bottom: 2px solid #f8f4df;
  display: block;
  padding: 5px 7px; }

#main .csc-default ol li:before {
  content: counter(my-badass-counter);
  counter-increment: my-badass-counter;
  margin-right: 7px; }

#main table.contenttable {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%; }

#main table.contenttable th {
  border-bottom: 3px solid #f8f4df;
  text-align: left !important;
  font-family: BellGothic-Black;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 3px;
  margin-bottom: 4px; }

#main table.contenttable td {
  border: none; }

#main table.contenttable p {
  margin: 2px; }

#main table.contenttable tbody tr:nth-child(odd) {
  background: white; }

#main table.contenttable tbody tr:nth-child(even) {
  background: #f8f4df; }

/* ####################################################################
    CONTACT BOX
   ################################################################# */
#contact-box {
  background: #6fb4c6;
  color: white;
  /*float: right;*/
  width: 234px; }
  #contact-box h1 {
    color: black;
    font-size: 1.05em;
    margin: 0;
    padding: 20px 20px 0 20px !important; }
    #contact-box h1 a {
      color: black !important; }
  #contact-box p {
    padding: 0 20px 0 20px; }
    #contact-box p:last-child {
      padding: 0 20px 20px 20px; }
    #contact-box p a {
      color: white !important; }

#page-1890 #contact-box {
  position: absolute;
  right: 0;
  padding: 5px 0 0 10px;
  height: 40px;
  margin-top: -3px;
  width: 430px; }
  #page-1890 #contact-box h1, #page-1890 #contact-box p {
    float: left;
    padding: 5px !important;
    margin: 0; }
  #page-1890 #contact-box h1 {
    padding-top: 6px !important; }

/* ####################################################################
    SIDEBAR
   ################################################################# */
#sidebar, .aside {
  width: 234px; }
  #sidebar .csc-default, .aside .csc-default {
    background: #6fb4c6;
    color: white;
    margin-bottom: 20px;
    padding: 0 0 1px 10px; }
  #sidebar h1, .aside h1 {
    color: black;
    font-size: 1.05em;
    margin: 0;
    padding: 20px 20px 0 20px !important; }
    #sidebar h1 a, .aside h1 a {
      color: black !important; }
  #sidebar p, .aside p {
    padding: 0 20px 0 20px; }
    #sidebar p:last-child, .aside p:last-child {
      padding: 0 20px 0px 20px; }
    #sidebar p a, .aside p a {
      color: white !important; }
  #sidebar fieldset legend, .aside fieldset legend {
    padding: 0 20px 0 20px; }
  #sidebar ul, .aside ul {
    font-family: BellGothic-Black;
    font-weight: normal;
    text-transform: uppercase;
    list-style-type: none;
    margin: 0;
    padding: 20px 20px !important;
    text-transform: uppercase; }
    #sidebar ul li, .aside ul li {
      border: none !important;
      margin: 0;
      padding: 0 !important; }
      #sidebar ul li a, .aside ul li a {
        background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
        color: white !important;
        display: block;
        padding: 3px 0 3px 15px !important; }
        #sidebar ul li a:hover, .aside ul li a:hover {
          background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
          border: none !important;
          color: white !important;
          display: block;
          padding: 3px 0 3px 15px !important; }

/* ####################################################################
    ABOUT US ->
   ################################################################# */
#page-2111 #c8594, #page-2111 #c8598 {
  visibility: hidden; }

/* ####################################################################
    RESEARCH -> SPACE TECHNOLOGIES
   ################################################################# */
.space_structure_wrap {
  width: 690px;
  height: 480px;
  background: #f8f4df;
  margin: 20px auto;
  padding: 25px; }
  .space_structure_wrap h2 {
    color: black; }
  .space_structure_wrap h3 {
    color: black;
    margin-top: -10px; }
  .space_structure_wrap .space_structure_top_box {
    background: #BFDAE3; }
    .space_structure_wrap .space_structure_top_box .space_structure_top_box_left {
      width: 215px;
      float: left;
      background: #6fb4c6;
      color: white;
      padding: 10px 0 10px 10px; }
      .space_structure_wrap .space_structure_top_box .space_structure_top_box_left h2 {
        color: white;
        font-size: 1em !important; }
      .space_structure_wrap .space_structure_top_box .space_structure_top_box_left h3 {
        color: white;
        font-size: 0.8em !important;
        font-weight: 200 !important; }
    .space_structure_wrap .space_structure_top_box .space_structure_top_box_right {
      padding: 10px;
      float: left;
      color: #333; }
      .space_structure_wrap .space_structure_top_box .space_structure_top_box_right p {
        margin-left: 10px; }
  .space_structure_wrap .space_structure_bottom_box {
    margin-top: 20px; }
    .space_structure_wrap .space_structure_bottom_box .space_structure_box {
      width: 224px;
      float: left;
      margin-left: 9px; }
      .space_structure_wrap .space_structure_bottom_box .space_structure_box:first-child {
        margin-left: 0; }
      .space_structure_wrap .space_structure_bottom_box .space_structure_box header {
        height: 60px;
        padding: 5px 10px;
        background: #6fb4c6; }
        .space_structure_wrap .space_structure_bottom_box .space_structure_box header h2 {
          color: white;
          font-size: 1em !important;
          margin: 0; }
      .space_structure_wrap .space_structure_bottom_box .space_structure_box section {
        background: white;
        height: 170px;
        padding: 10px; }
    .space_structure_wrap .space_structure_bottom_box .space_structure_footer {
      font-size: 0.9em;
      margin-top: 20px;
      text-align: right;
      font-weight: 100 !important; }

/* ####################################################################
    VISIT -> WEDDING CEREMONIES -> RAHMENDATEN & PREISE
   ################################################################# */
#page-2570 #container ul {
  list-style-image: url("../img/main-nav-arrow-act.png"); }

/* ####################################################################
    DROP TOWER - GENERAL INFORMATION
   ####################################################################
 */
#page-2630 .slides .caption-text {
  max-height: 75px;
  margin-top: 75px; }
  #page-2630 .slides .caption-text .caption-title {
    margin: 0;
    width: 100%;
    text-align: center; }
#page-2630 .three_columns {
  width: 33%;
  float: left;
  text-align: center; }
  #page-2630 .three_columns img {
    width: 100%; }
  #page-2630 .three_columns:last-of-type {
    clear-after: both; }

.topFooter {
  width: 100%; }

#page-2636 .slides .caption-text {
  max-height: 75px;
  margin-top: 70px; }
  #page-2636 .slides .caption-text .caption-title {
    margin: 0;
    width: 100%;
    text-align: center; }

/* ####################################################################
    DROP TOWER TEAM
   ####################################################################
 */
#page-1042 .csc-header {
  color: #6fb4c6; }
  #page-1042 .csc-header:hover {
    text-decoration: underline;
    cursor: pointer; }
#page-1042 .csc-header-n1 {
  color: #000; }
  #page-1042 .csc-header-n1:hover {
    text-decoration: none !important; }

/* ####################################################################
    EVENTS > SEMINARS
   ####################################################################
*/
#page-2603 .csc-textpic {
  /* csc-textpic-responsive { */
  /* csc-textpic-intext.left-nowrap {
    csc-textpic-intext-left-nowrap-234 { */
  margin-bottom: 10px !important;
 /* }
} */
  /* } */ }

/* ####################################################################
    TT_NEWS
   ################################################################# */
#news-latest-start {
  margin: 30px 0 0 0; }
  #news-latest-start .news-latest-item {
    float: left;
    margin-right: 40px;
    width: 226px; }
    #news-latest-start .news-latest-item h1 {
      font-size: 1em !important;
      text-transform: uppercase;
      height: 60px; }
      #news-latest-start .news-latest-item h1 a {
        color: black; }
  #news-latest-start div:nth-child(4n+4) {
    float: left;
    margin-right: 0 !important;
    width: 226px; }
  #news-latest-start .news-latest-image {
    margin-bottom: 20px;
    text-align: center; }
  #news-latest-start .news-more-link a {
    background: url(../img/news-more-link.png) top 9px left 3px no-repeat;
    color: #6fb4c6;
    display: inline-block;
    font-family: BellGothic-Black;
    font-weight: normal;
    padding: 0 0 0 12px;
    text-decoration: none; }

#news-latest-rb {
  margin: 30px 0 0 0; }
  #news-latest-rb .news-latest-item {
    float: left;
    margin-right: 35px;
    width: 222px; }
    #news-latest-rb .news-latest-item h1 {
      font-size: 1em !important;
      text-transform: uppercase;
      height: 60px; }
      #news-latest-rb .news-latest-item h1 a {
        color: black; }
  #news-latest-rb div:nth-child(3n+3) {
    float: left;
    margin-right: 0 !important;
    width: 222px; }
  #news-latest-rb .news-latest-image {
    margin-bottom: 20px;
    text-align: center; }
  #news-latest-rb .news-more-link a {
    background: url(../img/news-more-link.png) top 9px left 3px no-repeat;
    color: #6fb4c6;
    display: inline-block;
    font-family: BellGothic-Black;
    font-weight: normal;
    padding: 0 0 0 12px;
    text-decoration: none; }

#news-latest-facilities {
  margin: 0;
  padding: 0 20px 0 20px; }
  #news-latest-facilities .news-latest-item {
    width: 100%; }
    #news-latest-facilities .news-latest-item h2 {
      color: white;
      font-family: BellGothic-Roman;
      font-size: 1em;
      text-transform: none; }
      #news-latest-facilities .news-latest-item h2 a {
        color: white; }

.news-list-rb {
  padding: 20px 20px; }
  .news-list-rb .news-list-item a {
    background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
    color: white !important;
    display: block;
    font-family: BellGothic-Black;
    font-weight: normal;
    padding: 3px 0 3px 15px !important;
    text-decoration: none; }

.press-single-date {
  color: black;
  float: left;
  width: 224px;
  text-align: left !important; }

.news-single-img {
  padding-top: 40px; }
  .news-single-img img {
    margin-bottom: 10px; }

.press-single-content {
  color: black;
  padding-left: 239px; }
  .press-single-content h2 {
    color: black;
    font-size: 16px;
    margin-bottom: 30px; }

.press-text {
  font-family: BellGothic-Roman;
  font-weight: normal; }

.press-list-article .news-more-link a {
  background: url(../img/news-more-link.png) top 7px left 3px no-repeat;
  color: #6fb4c6;
  font-family: BellGothic-Black;
  font-weight: normal;
  padding: 0 0 0 12px;
  text-decoration: none; }
.press-list-article:nth-child(even) {
  background: white;
  padding: 5px 7px; }
.press-list-article:nth-child(odd) {
  background: #f8f4df;
  padding: 5px 7px; }

.press-list-item {
  margin-bottom: 30px; }
  .press-list-item:last-child {
    margin-bottom: 0 !important; }
  .press-list-item .press-list-image {
    float: left; }
  .press-list-item .press-list-text {
    padding: 0 0 0 12px;
    margin-left: 278px; }
    .press-list-item .press-list-text p {
      padding: 0 0 0 24px; }
    .press-list-item .press-list-text h2 {
      background: url(../img/h1-arrow.png) top 9px left no-repeat;
      margin: 0;
      padding: 0 0 0 24px !important; }
  .press-list-item .news-more-link a {
    background: url(../img/news-more-link.png) top 7px left 3px no-repeat;
    color: #6fb4c6;
    font-family: BellGothic-Black;
    font-weight: normal;
    padding: 0 0 0 12px;
    text-decoration: none; }

/* ####################################################################
    TT_ADDRESS
   ################################################################# */
.tx-ttaddress-pi1 table#listofemployees {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .tx-ttaddress-pi1 table#listofemployees th {
    text-align: center;
    font-family: BellGothic-Black;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 5px; }
  .tx-ttaddress-pi1 table#listofemployees td {
    border: none;
    padding: 5px 0 5px 5px; }
  .tx-ttaddress-pi1 table#listofemployees tr {
    height: 45px; }
  .tx-ttaddress-pi1 table#listofemployees tbody tr:nth-child(odd) {
    background: white; }
  .tx-ttaddress-pi1 table#listofemployees tbody tr:nth-child(even) {
    background: #f8f4df; }

/* ####################################################################
    TEAM MEMBER
   ################################################################# */
.tx_ttaddress-pi1 tr {
  height: 45px; }

.tt_address-list-item {
  border-bottom: 2px solid #f8f4df; }

.tt_address-list-image {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px; }

.tt_address-list-text {
  margin-left: 278px; }

.personal-website-content {
  margin-left: 278px; }

/* ####################################################################
    BIBTEX
   ################################################################# */
.tx-sibibtex-pi1 ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.tx-sibibtex-pi1 li.odd {
  background: white;
  padding: 3px 5px; }

.tx-sibibtex-pi1 li.even {
  background: #f8f4df;
  padding: 3px 5px; }

.lecture-list-item:nth-child(even) {
  background: white;
  padding: 5px 7px; }

.lecture-list-item:nth-child(odd) {
  background: #f8f4df;
  padding: 5px 7px; }

.lecture-more-link a {
  background: url(../img/news-more-link.png) top 7px left 3px no-repeat;
  color: #6fb4c6;
  font-family: BellGothic-Black;
  font-weight: normal;
  padding: 0 0 0 12px;
  text-decoration: none; }

/* ####################################################################
    SLIDER
   ################################################################# */
.tx-ws-flexslider .caption-body {
  color: white; }

#c5479 {
  width: 100%; }
  #c5479 > div > div {
    width: 100%; }
  #c5479 .csc-default {
    width: 100%; }

.anythingSlider {
  width: 100%; }

#jfmulticontent_c5479 {
  width: 100%; }

.panel {
  width: 100%; }

.anythingSlider-cs-portfolio .arrow {
  bottom: 168px; }
  .anythingSlider-cs-portfolio .arrow a:hover {
    border-bottom: none !important;
    text-decoration: none; }

.tx-jfmulticontent-pi1 ul li {
  background: none !important;
  padding: 0 !important; }

div.anythingSlider {
  height: 349px !important; }

.anythingSlider .panel {
  height: 349px !important; }

.panel .csc-textpic-text {
  background: rgba(111, 180, 198, 0.4) !important;
  bottom: 0px;
  color: white;
  position: absolute;
  width: 100%;
  /* padding: 24px 0 24px 0 !important; */
  -webkit-transition: all 1s ease;
  /* delay = 1 s */
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  .panel .csc-textpic-text h1 {
    background: none !important;
    color: white;
    font-size: 3.5em !important;
    line-height: 1em !important;
    font-weight: normal;
    margin: 0;
    padding: 0 70px 15px 70px !important;
    text-transform: uppercase; }
  .panel .csc-textpic-text p {
    font-size: 1.3em;
    margin: 0;
    padding: 5px 70px 10px 70px; }
    .panel .csc-textpic-text p a {
      background: url(../img/slider-more-link.png) top 9px left 3px no-repeat;
      color: white !important;
      font-family: BellGothic-Black;
      font-weight: normal;
      padding: 0 0 0 12px;
      text-decoration: none; }
.panel:hover .csc-textpic-text {
  background: rgba(111, 180, 198, 0.7) !important; }

/* ####################################################################
    INDEXED_SEARCH
   ################################################################# */
.tx-indexedsearch ol {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0; }
  .tx-indexedsearch ol li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important; }
    .tx-indexedsearch ol li:before {
      margin: 0 !important;
      content: none !important;
      counter-reset: none !important; }
.tx-indexedsearch ul.browsebox {
  text-align: center; }
  .tx-indexedsearch ul.browsebox li {
    background: none !important;
    border: none !important;
    float: left; }
.tx-indexedsearch .tx-indexedsearch-res {
  clear: both !important; }
.tx-indexedsearch .tx-indexedsearch-descr {
  font-style: normal !important; }

.sub {
  float: left;
  width: 736px;
  padding-right: 54px; }

.aside {
  width: 234px;
  margin-left: 790px; }

.left-content {
  float: left;
  width: 224px;
  padding: 0 54px 0 0; }

.right-content {
  margin-left: 278px; }

.cleftl {
  float: left;
  width: 736px; }
  .cleftl .csc-textpic-text {
    padding: 0 54px; }
    .cleftl .csc-textpic-text a {
      color: #6fb4c6;
      font-family: BellGothic-Black;
      font-weight: normal; }
    .cleftl .csc-textpic-text p {
      padding: 0 0 0 24px; }
    .cleftl .csc-textpic-text h2 {
      background: url(../img/h1-arrow.png) top 9px left no-repeat;
      margin: 0;
      padding: 0 0 0 24px !important; }

.cblueboxr {
  background: #6fb4c6;
  color: white;
  float: left;
  width: 234px;
  margin-bottom: 10px; }
  .cblueboxr h1 {
    color: black;
    font-size: 1.05em !important;
    margin: 0;
    padding: 20px 20px 0 20px !important; }
    .cblueboxr h1 a {
      color: white !important; }
  .cblueboxr p {
    padding: 0 20px 0 20px; }
    .cblueboxr p:last-child {
      padding: 0 20px 10px 20px; }
    .cblueboxr p a {
      color: white !important; }
  .cblueboxr ul {
    font-family: BellGothic-Black;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 20px 10px !important;
    text-transform: uppercase; }
    .cblueboxr ul li {
      border: none !important;
      margin: 0;
      /*padding: 7px 0 !important;*/ }
  .cblueboxr a {
    background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
    color: white !important;
    display: block !important;
    padding: 3px 0 3px 15px !important; }
    .cblueboxr a:hover {
      background: url(../img/bluebox-arrow.png) top 7px left no-repeat;
      border: none !important;
      color: white !important;
      display: block !important;
      padding: 3px 0 3px 15px !important; }
  .cblueboxr .tx-ttaddress-pi1 a {
    background: none !important;
    padding-left: 0 !important; }
  .cblueboxr .cboxr {
    float: left;
    width: 234px; }
    .cblueboxr .cboxr h2 {
      margin: 0; }

/* ####################################################################
    HIGHLIGHT_EVENT
   ################################################################# */
.highlight-event {
  background: #F8F4DF;
  padding: 10px 0px 1px 10px;
  margin-bottom: 0px;
  margin-right: 18px; }
  .highlight-event div h1 {
    margin-bottom: 0px !important;
    color: #65aec1 !important; }
  .highlight-event div h2 a {
    color: #65aec1 !important; }
  .highlight-event div p {
    font-weight: 600; }

/* ####################################################################
    HIGHLIGHT_ARTICLE
   ################################################################# */
.highlight-article {
  margin-bottom: 10px;
  padding: 10px; }
  .highlight-article:last-child {
    margin-bottom: 0 !important; }
  .highlight-article div h1 {
    margin-bottom: 0px !important; }
  .highlight-article .csc-textpic-text {
    padding: 0 0 0 54px;
    margin-right: 30px; }
    .highlight-article .csc-textpic-text p {
      padding: 0 0 0 24px; }
    .highlight-article .csc-textpic-text h2 {
      background: url(../img/h1-arrow.png) top 9px left no-repeat;
      margin: 0;
      padding: 0 0 0 24px !important; }

/* ####################################################################
    LIST
   ################################################################# */
.list-white {
  background: white;
  padding: 5px 7px; }
  .list-white p {
    margin: 0; }

.list-beige {
  background: #f8f4df;
  padding: 5px 7px; }
  .list-beige p {
    margin: 0; }

/* ####################################################################
    SPONSORS
   ################################################################# */
.sponsors {
  background: #f8f4df;
  padding: 5px 7px;
  margin: 25px 0 0 0; }

.sponsors p {
  margin: 0; }

.button, .csc-mailform-submit {
  background: #6fb4c6;
  display: inline-block;
  font-family: BellGothic-Black;
  font-weight: normal !important;
  padding: 5px 10px 5px 10px;
  color: white !important;
  text-decoration: none !important;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  border: 0; }

.button:hover {
  background-color: #697178 !important;
  color: white !important; }
.button:active {
  top: 1px; }

.column-right-2 .history-item:nth-of-type(2n+1) {
  background-color: #F8F4DF;
  padding: 10px;
  margin-left: -10px; }

.column-right-2 .history-item:nth-of-type(2n) {
  background-color: white;
  padding: 10px;
  margin-left: -10px; }

.column-left-1 {
  text-align: center;
  float: left; }
  .column-left-1 #sidebar {
    width: 300px; }
    .column-left-1 #sidebar .csc-default {
      background: none;
      padding: 0; }

.column-right-2 {
  float: right;
  width: 700px; }

/* ##########################################################################
      FOOTER
   ########################################################################## */
.footer-nav-head > a {
  margin-left: 30px; }

#footer {
  background: url(../img/footer-bg.png) bottom 130px left 50% no-repeat transparent !important;
  text-transform: uppercase;
  padding: 30px 0 50px 0;
  position: relative;
  clear: both; }
  #footer #footer-content {
    background: none;
    margin: 0 auto;
    position: relative;
    width: 1024px; }
    #footer #footer-content #nav-bg {
      background: #f8f4df;
      display: block;
      padding: 15px 20px; }
      #footer #footer-content #nav-bg #footer-nav ul {
        margin: 0;
        width: 100%;
        padding: 0;
        list-style-type: none;
        display: inline-block; }
        #footer #footer-content #nav-bg #footer-nav ul li {
          margin: 0 5px 0 25px;
          padding: 0;
          list-style-type: none;
          float: left;
          background: none;
          position: relative; }
          #footer #footer-content #nav-bg #footer-nav ul li a {
            color: #6fb4c6;
            display: block;
            padding: 3px 0 3px 0;
            font-family: BellGothic-Black;
            font-weight: normal;
            font-size: 0.85em;
            text-transform: uppercase;
            text-decoration: none; }
            #footer #footer-content #nav-bg #footer-nav ul li a:hover {
              color: #6fb4c6;
              text-decoration: underline; }
            #footer #footer-content #nav-bg #footer-nav ul li a:active, #footer #footer-content #nav-bg #footer-nav ul li a:focus {
              background: #272627;
              color: #e0e5e7 !important;
              text-decoration: none; }
          #footer #footer-content #nav-bg #footer-nav ul li:last-child {
            /*margin: 0 !important;*/
            padding: 0;
            list-style-type: none;
            float: left;
            background: none;
            position: relative; }
          #footer #footer-content #nav-bg #footer-nav ul li ul {
            margin: 8px 0 0 0; }
            #footer #footer-content #nav-bg #footer-nav ul li ul li {
              float: none;
              display: block;
              width: 184px; }
              #footer #footer-content #nav-bg #footer-nav ul li ul li a {
                background: url(../img/footer-nav-arrow.png) top 8px left 5px no-repeat;
                color: black !important;
                padding: 3px 0 3px 15px !important;
                margin: 0;
                font-family: 'BellGothic-Roman' !important;
                font-weight: normal; }
                #footer #footer-content #nav-bg #footer-nav ul li ul li a:hover {
                  color: black; }
    #footer #footer-content #footer-info {
      background: none; }
      #footer #footer-content #footer-info a {
        color: black;
        text-decoration: none; }
        #footer #footer-content #footer-info a:hover {
          color: black;
          text-decoration: underline; }
      #footer #footer-content #footer-info .blue-pipe {
        color: #6fb4c6;
        margin: 0 10px; }

/* ##########################################################################
      DIFFERENT PAGE CONTENT
   ########################################################################## */
#page-2106 div.csc-textpic .csc-textpic-imagewrap img {
  width: 100px; }

/* ##########################################################################
      RESPONSIVE
   ########################################################################## */
@media screen and (max-width: 767px) {
  #container {
    width: 100%; }
    #container #header {
      padding: 10px;
      margin-top: 0;
      background-color: white;
      z-index: 10; }
      #container #header #header-nav {
        display: none; }
      #container #header #header-logo {
        max-width: 80%; }
        #container #header #header-logo img {
          margin: 0 2%;
          max-width: 96% !important;
          height: auto; }
    #container #main {
      margin: 0; }

  /*Display 'show menu' link*/
  .show-menu {
    display: block; }

  /*
   * Main header
   */
  #main-nav {
    margin: 8% 1%;
    width: 98%;
    position: absolute; }
    #main-nav ul {
      position: static;
      display: none; }
      #main-nav ul li {
        width: 100%; }
        #main-nav ul li a {
          width: 100%; }
        #main-nav ul li:first-child a, #main-nav ul li:last-child a {
          background: none;
          border-right: none;
          border-bottom: 1px solid #ddd;
          padding: 2%;
          text-align: center; }
        #main-nav ul li:hover ul {
          display: none; }

  .panel .csc-textpic-text {
    padding: 0; }
    .panel .csc-textpic-text h1 {
      font-size: 1.5em !important;
      padding: 5px !important; }
    .panel .csc-textpic-text p {
      padding: 0 !important; }

  #footer {
    background: none !important;
    padding: 30px 0 0 0; }
    #footer #footer-content {
      width: 100%; }
      #footer #footer-content #footer-info {
        padding: 10px; }
        #footer #footer-content #footer-info .blue-pipe {
          margin: 0; }

  #nav-bg {
    display: none; }

  /*
   * Footer info section
   */
  #footer-info {
    width: 100%; }
    #footer-info .float-right {
      float: none !important; }

  .tx-jfmulticontent-pi1 ul li {
    width: 100%; }

  #news-latest-start .news-latest-item {
    width: 92%;
    margin: 0 4% 6% 4%; }
    #news-latest-start .news-latest-item h1 {
      height: auto; }

  #news-latest-start div:nth-child(4n+4) {
    width: 92%;
    margin: 0 4%; }

  /* flexible Medien*/
  img, embed, object, video {
    max-width: 100%;
    height: auto;
    width: auto; }

  /* CSS-Styled-Content Regeln ├╝berschreiben */
  /*DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline-block;
  }
  DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
    display: block;
  }*/
  .csc-default {
    clear: both; } }
/* ##########################################################################
      PRINT
   ########################################################################## */
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  /* a,a:visited {text-decoration: underline;}
   a[href]:after {content: " (" attr(href) ")";}
   abbr[title]:after {content: " (" attr(title) ")";}
   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/
  .tx-ws-flexslider {
    margin-bottom: 200px !important; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 1cm 1.5cm 1.5cm 1.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
body, #main {
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.header .menuIcon {
  display: none; }

.header .menu {
  position: relative; }

.header .menu ul {
  padding: 0;
  margin: 0; }

.header .menu ul li {
  position: relative;
  display: inline-block;
  padding: 0;
  list-style: none; }

.mobileMenu {
  background: #fff;
  border-right: 3px solid #f8f4de;
  display: none;
  visibility: hidden;
  width: 50%;
  position: absolute;
  margin-left: -100%;
  top: 0;
  z-index: 2; }

.mobileMenu ul {
  margin: 0;
  padding: 0;
  width: 100%; }

.mobileMenu ul li {
  list-style: none;
  margin: 0; }

.mobileMenu ul li a {
  text-align: center;
  display: block;
  color: #969799;
  border-bottom: 1px solid #f8f4de;
  font-family: BellGothic-Black;
  padding: 1em 0;
  font-size: 1.2em;
  text-decoration: none;
  text-transform: uppercase; }

.mobileMenu ul li a:hover, .mobileMenu ul li a:active {
  background-color: #969799;
  color: #fff; }

.mobileMenu ul li.act a {
  text-align: center;
  display: block;
  color: #000;
  background: #6fb4c6;
  border-bottom: 1px solid #fff;
  font-family: BellGothic-Black;
  padding: 1em 0;
  font-size: 1.2em;
  text-decoration: none;
  text-transform: uppercase; }

.mobileMenu ul li.act ul li a:hover, .mobileMenu ul li.act ul li a:active {
  color: #000 !important; }

.mobileMenu ul li ul,
.mobileMenu ul li ul ul {
  display: none; }

.mobileMenu ul li.act ul,
.mobileMenu ul li.act ul ul {
  display: block; }

.mobileMenu ul li.act ul li a,
.mobileMenu ul li.act ul ul li a {
  text-align: center;
  display: block;
  color: #fff !important;
  background: #6fb4c6;
  border-bottom: 1px solid #fff;
  font-family: BellGothic-Black;
  padding: 1em 0;
  font-size: 0.85em !important;
  text-decoration: none;
  text-transform: uppercase; }

.mobileMenu ul li.act ul li.act a,
.mobileMenu ul li.act ul ul li.act a {
  text-align: center;
  display: block;
  color: #000 !important;
  background: #6fb4c6;
  border-bottom: 1px solid #fff;
  font-family: BellGothic-Black;
  padding: 1em 0;
  font-size: 0.85em !important;
  text-decoration: none;
  text-transform: uppercase; }

.mobileBodyWrapper {
  margin: 0 auto;
  width: 1024px; }

.mobileBodyWrapper .mobileDimmer {
  left: 50%;
  z-index: 100;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  cursor: pointer; }

@media only screen and (max-width: 767px) {
  #header-nav,
  #main-nav {
    display: none;
    visibility: hidden; }

  .header {
    background: #fff;
    position: fixed;
    z-index: 1; }

  .header .menuIcon {
    display: block;
    width: 100%;
    text-align: left;
    padding: 2em 0 0 0; }

  .header .menuIcon a {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    border-right: 2px solid #f8f4de; }

  .header .menu {
    max-height: 0;
    overflow: hidden; }

  .mobileBodyWrapper {
    width: 100%; }

  .header.menuOpen {
    width: 50%; }

  .mobileBodyWrapper.menuOpen {
    height: 100%;
    margin-left: 50%;
    margin-right: 50%;
    max-width: 50%;
    overflow: hidden !important;
    position: relative;
    width: 50%;
    z-index: 1000; }

  .mobileMenu.menuOpen {
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    display: block;
    visibility: visible;
    top: 0;
    margin-left: 0;
    z-index: 999999;
    width: 50%;
    bottom: 0; }

  #main {
    margin-top: 100px !important; } }

/*# sourceMappingURL=main.css.map */
