#langdiv {
    margin-bottom: 2px;
}

.langbutton {
    background-color: transparent;
    color: #3498db;
    border-radius: 50px;
    border: 2px solid black;
    width: 40px;
    height: 40px;
    padding: 0;
    outline: none;
}

.langbutton img {
    transition: filter .3s;
}

.langbutton:active,
.langbutton:focus,
.langbutton:not(.disabledlang) {
    border: 0;
    outline: none;
}

.langbutton:not(.disabledlang):hover img {
    filter: sepia(1);
}

.disabledlang img {
   filter: sepia(1);
}

.langbutton img{
   width: 30px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/pageloader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}