
.langchooser{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:140px;
    z-index:1;
}

.langchooser > div{
    /*width:750px;*/
    height:auto;
    margin:10px auto;
    margin-left: 230px;
    text-align: center;
}

.container {
    z-index:2;
}

.langchooser ul{
    margin:0;
    padding:0;
    text-align:center;
    -webkit-transform:scale3d(0.5, 0.5, 1);
    -moz-transform:scale3d(0.5, 0.5, 1);
    -o-transform:scale3d(0.5, 0.5, 1);
    -ms-transform:scale3d(0.5, 0.5, 1);
    transform:scale3d(0.5, 0.5, 1);
    -webkit-transition:-webkit-transform ease-in-out 100ms;
    -moz-transition:-moz-transform ease-in-out 100ms;
    -ms-transition:-ms-transform ease-in-out 100ms;
    -o-transition:-o-transform ease-in-out 100ms;
    transition:transform ease-in-out 100ms;
}

.langchooser ul li{
    list-style:none;
    float:left;
    display:inline-block;
    margin:0 5px;
  /*  -webkit-box-shadow:0 0 10px #ccc;
    -moz-box-shadow:0 0 10px #ccc;
    -ms-box-shadow:0 0 10px #ccc;
    -o-box-shadow:0 0 10px #ccc;
    box-shadow:0 0 10px  #ccc;*/
    -webkit-transition:-webkit-transform 60ms;
    -moz-transition:-webkit-transform 60ms;
    -o-transition:-webkit-transform 60ms;
    -ms-transition:-webkit-transform 60ms;
    transition:-webkit-transform 60ms;
}


.langchooser ul li img{
    float:left;
    padding: 0px 20px;
    width: 5em;
    height: 5em;
}

.langchooser .thumb-hover {
    -webkit-transform: scale3d(1.3, 1.3, 1);
    -moz-transform: scale3d(1.3, 1.3, 1);
    -o-transform: scale3d(1.3, 1.3, 1);
    -ms-transform: scale3d(1.3, 1.3, 1);
    transform: scale3d(1.3, 1.3, 1);
}

.langchooser a button {
    padding: 10px;
    font-size: 1.3em;
    cursor: pointer;
}

.magazine-viewport {
    z-index: 3;
}