@import url(http://fonts.googleapis.com/css?family=Baumans);
@font-face {
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    src: url("entypo.eot?#iefix") format("embedded-opentype"), url("entypo.woff") format("woff"), url("entypo.ttf") format("truetype"), url("entypo.svg#entypo") format("svg");
}
@font-face {
    font-family: "entypo-social";
    font-style: normal;
    font-weight: normal;
    src: url("entypo-social.eot?#iefix") format("embedded-opentype"), url("entypo-social.woff") format("woff"), url("entypo-social.ttf") format("truetype"), url("entypo-social.svg#entypo-social") format("svg");
}
@font-face {
    font-family: "entypo-logo";
    font-style: normal;
    font-weight: normal;
    src: url("entypo-logo-webfont.eot?#iefix") format("embedded-opentype"), url("entypo-logo-webfont.woff") format("woff"), url("entypo-logo-webfont.ttf") format("truetype"), url("entypo-logo-webfont.svg#entypo-logo") format("svg");
}

span.pictogram {
  color: rgba(255, 255, 255, 0.7);
    font-family: "entypo";
    font-size: 55px;
    font-weight: bold;
    width:55px;
    height:55px;
    line-height: 55px;

    text-align: center;
    text-shadow: 0 1px 0 #444444, 0 0 0 #BBBBBB;
      -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-top:auto;
   color: #111;

    overflow: hidden;


    z-index:99;


    margin-bottom:10px;
    text-overflow: ellipsis;


    text-shadow:0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.toggletext{
   font-size: 55px;
    font-weight: bold;
    width:55px;
    height:55px;
    line-height: 55px;

    text-align: center;

      -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-top:auto;
   color: #111;
    overflow: hidden;
    z-index:99;
    margin-bottom:10px;
    text-overflow: ellipsis;


    text-shadow:0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.toggle-it:hover span.toggletext {
   color: rgba(255, 255, 255, 1);

    font-size: 55px;
    font-weight: bold;
    width:55px;
    height:55px;
    line-height: 55px;
     cursor:pointer;
    text-align: center;
    text-shadow: 0 1px 1px black;
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
span.pictogram2{
 color: #999999;
   font-weight: bold;
    font-family: "entypo";
    font-size: 55px;
    height: 5px;
    line-height: 5px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    text-shadow: 0 1px 0 #444444, 0 0 0 #BBBBBB;
    transition: all 1s ease 0s;
    width: 55px;
      -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-top:auto;
   color: #111;

    overflow: hidden;
    padding-top: 20px;
     padding-bottom: 20px;
    z-index:4;
   background:rgba(255,255,255,0.7);
    z-index:99;


    margin-bottom:10px;
    text-overflow: ellipsis;


    text-shadow:0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
.optionsul li:hover span.pictogram2{
  text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #A90329, 0 4px 15px #A90329, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); color:#A90329;
   margin-left:20px;
   padding-right:20px;
   -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.optionsul li:hover{
   text-shadow:0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
   color:#ffffff;
  margin-left:-25px;
  list-style-type: none;
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  text-transform:uppercase;


}

.toggle-it:hover span.pictogram {
   color: rgba(255, 255, 255, 1);
    font-family: "entypo";
    font-size: 55px;
    font-weight: bold;
    width:55px;
    height:55px;
    line-height: 55px;
     cursor:pointer;
    text-align: center;
    text-shadow: 0 1px 1px black;
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.toggle-it{
    display: inline;
    padding-top:15px!important;
    background:none;
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.baumans{
  font-family: 'Baumans', sans-serif;
  font-size:20px;
  color:#888;
}
.ghosttext{
    -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-top:auto;
   color: #fff;

    overflow: hidden;
    padding-top: 20px;
     padding-bottom: 20px;
    z-index:4;
   background:rgba(255,255,255,0.7);
    z-index:4;


    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    border-bottom:1px solid rgba(1,1,1,0.1);
    border-top:1px solid rgba(1,1,1,0.1);
    text-shadow:0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    font-weight: normal!important;
}
.ghosttext2{
    -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-top:auto;
   color: #666;

    overflow: hidden;
    padding-top: 20px;
     padding-bottom: 20px;
    z-index:4;
   background:rgba(255,255,255,0.7);
    z-index:4;

     line-height:20px;
    margin-bottom:10px;
    text-overflow: ellipsis;
      padding-left:20px;
    border-bottom:1px solid rgba(1,1,1,0.1);
    border-top:1px solid rgba(1,1,1,0.1);
   font-weight:bold;
}
.ghosttext:hover{
   color: rgba(255, 255, 255, 1);


    text-align: center;
    text-shadow: 0 1px 1px black;
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}