#body{
  overflow: hidden;
}

#navigation{
  border-left: none;
  border-bottom: none;
  border-top: none;
  z-index: 1001;
}

#navigation {
  display: none;  
}

#supersize{
  position: absolute;
  display: none;  
  top: 0;
  left: 0;
  width: 1000em;
}

#supersize .slide{
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -ms-transition-property: opacity 2s;
  -o-transition-property: opacity 2s;
}

#supersize .slide.shown{
  opacity: 1;
}

#supersize .slide.hidden{
  opacity: 0;
}

#supersize .slide img {
  width: 1024px;
  height: auto;
}

.drop_con{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dropper{
  position: absolute;
  width: 5px;
  height: 60px;
  background: #c4c4c4;
  display: block;
  z-index: 3;
}

.dropper.item-0{
  left: 77px;
  top: -200px;
}

.dropper.item-1{
  left: 135px;
  top: 1290px;
}

.dropper.item-2{
  left: 212px;
  top: -400px;
}

.dropper.item-3{
  left: 283px;
  top: 890px;
}

.dropper.item-4{
  left: 356px;
  top: -650px;
}

.dropper.item-5{
  left: 456px;
  top: 990px;
}

.dropper.item-6{
  left: 529px;
  top: -800px;
}

.dropper.item-7{
  left: 608px;
  top: 1090px;
}

.dropper.item-8{
  left: 674px;
  top: -650px;
}

.dropper.item-9{
  left: 737px;
  top: 990px;
}

.dropper.item-10{
  left: 795px;
  top: -400px;
}

.dropper.item-11{
  left: 863px;
  top: 1290px;
}

.dropper.item-12{
  left: 940px;
  top: -200px;
}

.drop_con .animation{
  position: absolute;
  top: 315px;
  left: 50%;
  height: 60px;
  width: 902px;
  margin-left: -451px;
  overflow: hidden;
  z-index: 5;
}

.animation .animated_text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.animation .animated_text.hidden {
  overflow: hidden;
  width: 1px;
  height: 1px;
}

.animation .animated_text.hide_last {
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  -ms-transition-property: opacity 2s;
  -o-transition-property: opacity 2s;
  opacity: 0;
}

#skip_animation{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#skip_animation a{
  display: block;
  width: 100%;
  height: 100%;
}
#loading {
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;  
}

#loading.hidden {
  opacity: 0;
}

.drop_con .intro_text.hidden{
  opacity: 0;
}

.ieonly .drop_con .intro_text.hidden{
  display: none;
}

.drop_con .intro_text {
  position: relative;
  opacity: 1;
  top: 315px;
  text-align: center;
  left: 0px;
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
}

.drop_con .animation.hidden {
  opacity: 0;
}

.drop_con .animation {
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
}

.drop_con.hidden {
  opacity: 0;
}

.drop_con {
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
}

.drop_con.hidden.index {
  z-index: -2;
}

@media (min-width: 1280px) {
  
  #slide-controls{
    bottom: 188px;
  left: 260px;
}

.dropper.item-0{
  left: 204px;
}

.dropper.item-1{
  left: 264px;
}

.dropper.item-2{
  left: 340px;
}

.dropper.item-3{
  left: 411px;
}

.dropper.item-4{
  left: 484px;
}

.dropper.item-5{
  left: 584px;
}

.dropper.item-6{
  left: 656px;
}

.dropper.item-7{
  left: 736px;
}

.dropper.item-8{
  left: 802px;
}

.dropper.item-9{
  left: 865px;
}

.dropper.item-10{
  left: 923px;
}

.dropper.item-11{
  left: 992px;
}

.dropper.item-12{
  left: 1067px;
}

#supersize .slide img {
  width: 1280px;
  height: auto;
}

.drop_con .intro_text {
  top: 402px;
}
}


.view1280 #slide-controls{
  bottom: 188px;
  left: 260px;
}

.view1280 .dropper.item-0{
  left: 204px;
}

.view1280 .dropper.item-1{
  left: 264px;
}

.view1280 .dropper.item-2{
  left: 340px;
}

.view1280 .dropper.item-3{
  left: 411px;
}

.view1280 .dropper.item-4{
  left: 484px;
}

.view1280 .dropper.item-5{
  left: 584px;
}

.view1280 .dropper.item-6{
  left: 656px;
}

.view1280 .dropper.item-7{
  left: 736px;
}

.view1280 .dropper.item-8{
  left: 802px;
}

.view1280 .dropper.item-9{
  left: 865px;
}

.view1280 .dropper.item-10{
  left: 923px;
}

.view1280 .dropper.item-11{
  left: 992px;
}

.view1280 .dropper.item-12{
  left: 1067px;
}

.view1280 #supersize .slide img {
  width: 1280px;
  height: auto;
}

.view1280 .drop_con .intro_text {
  top: 402px;
}
#loading {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -25px;
  width: 400px;
  height: 30px;
  padding: 30px 30px 10px;
  background: rgba(255,255,255,1);
  border-radius: 40px;
}

#loading .progresstext {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-family: Arial,Verdana,sans-serif;
  text-transform: uppercase;
}

#loading .progressbarcon {
  width: 100%;
  height: 50%;
  background: #333;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

#loading .progressbar {
  height: 100%;
  width: 1%;
  background: #E51C24;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh-persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh-persistent,
ul.menubeanh-persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh-persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh-persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh-persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh-persistent ul,
ul.menubeanh-persistent ul ul,
ul.menubeanh-persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh-persistent li.over ul ul,
ul.menubeanh-persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh-persistent li.over ul,
ul.menubeanh-persistent ul li.over ul,
ul.menubeanh-persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv-persistent,
ul.menubeanv ul,
ul.menubeanv-persistent, ul {
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv-persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv-persistent li.mi-parent {
  cursor: pointer;
}
ul.menubeanv-persistent li ul {
  display: none;
}
ul.menubeanv-persistent li.over ul {
  display: block;
}