/* Tiny Carousel */
#slider1 { height: 360px; overflow:hidden; padding:0; margin:0;  }
#slider1 h2 { float:left; padding:10px 0;}
#slider1 .viewport { margin:0; padding:0; float: left; width:950px; height:350px; overflow: hidden; position: relative; }
#slider1 .buttons { display: block; float:right; width:23px; height: 23px; text-indent:-999em; overflow: hidden;  position: relative; }
#slider1 .prev { background: url(../images/r_arrow.png) top no-repeat; margin:30px 5px 1px 1px;  }
#slider1 .next { background: url(../images/l_arrow.png) top no-repeat; margin:30px 0 0 0;  }
#slider1 .prev:hover { background: url(../images/r_arrow_a.png) top no-repeat; margin:30px 5px 1px 1px;  }
#slider1 .next:hover { background:url(../images/l_arrow_a.png) top no-repeat; margin:30px 0 0 0;  }
#slider1 .disable { visibility: visible; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width:auto; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 5px 0 0; padding:0; height: auto; width:auto;}

.lang-container {
  width: 17em;
  margin: auto;
  margin-top:15px;
  float: right;
  margin-right: 1em;
}

.lang-container  a {
  display: block;
  height: 2em;
  padding: 0 1em;
  line-height: 2em;
  font-size: 16px;
  color: #fff  !important;
  text-transform: uppercase;
  text-decoration: none;
  font-family: sans-serif;
}

.lang-container > ul > li {
  position: relative;
  z-index: 1;
}
.lang-container > ul > li > a {
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
  background: #2d3234;
  border-radius: 1em;
}
.lang-container > ul > li > a:hover {
  background: rgba(24, 28, 29, 0.91);
}
.lang-container > ul > li > a i {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  right: 1em;
  font-style: normal;
}
.lang-container > ul > li > a i:before {
  font-family: 'fontawesome';
  content: '\f105';
}

.lang-container > ul ul {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  left: 0;
  top: 2.45em;
  width: 100%;
  padding: 0.75em 0;
  background: rgba(24, 28, 29, 0.91);
  border-radius: 20px;
  -moz-transform: perspective(750px) rotateX(-90deg);
  -webkit-transform: perspective(750px) rotateX(-90deg);
  transform: perspective(750px) rotateX(-90deg);
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.lang-container > ul ul a {
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.lang-container > ul ul a:hover {
  color: #577057;
}

.lang-container > ul.open i {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.lang-container > ul.open ul {
  -moz-transform: perspective(750px) rotateX(0deg);
  -webkit-transform: perspective(750px) rotateX(0deg);
  transform: perspective(750px) rotateX(0deg);
}
.lang-icons{
  width: 24px;
  float: right;
  margin-top: 7px;
}

/* responsive width */
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops  */
#slider1 .viewport { margin:0 10px 0 0; padding:0; float: left; width:470px; height:230px; overflow: hidden; position: relative; }
}

@media screen and (max-width:479px) {
  .lang-container {
    width: 15em;
    margin: 0 auto;
    padding: 0;
    float: none;
  }
  .lang-container ul{
        padding-left: 0;
  }
  /* Target portrait smartphones */
#slider1 .viewport { margin:0 10px 0 0; padding:0; float: left; width:230px; height:230px; overflow: hidden; position: relative; }
}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}

/* END responsive width */