/* Language */

.xxx--language--list .xxx--list-item+.xxx--list-item {
    margin-left: 10px;
}

.xxx--language--block {
    opacity: .3;
    background: #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.xxx--scroll-sticky .xxx--language--list {
    position: absolute;
    right: 0;
    z-index: 1000;
}

.xxx--language--block.xxx---is-active,
.xxx--language--block:hover {
    opacity: 1;
    transition: opacity 300ms ease;
}

.xxx--language--icon,
.xxx--language--label {
    font-size: 2.5rem;
}

.flag-icon {
    position:relative;
    display:inline-block;
    width:1.33333333em;
    line-height:1em
}

.flag-icon,
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon:before {
    content:"\00a0"
}

.flag-icon.flag-icon-squared {
    width:1em
}

.flag-icon-de {
    background-image:url(../flags/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image:url(../flags/1x1/de.svg)
}

.flag-icon-fr {
    background-image:url(../flags/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image:url(../flags/1x1/fr.svg)
}

.flag-icon-gb {
    background-image:url(../flags/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image:url(../flags/1x1/gb.svg)
}

.flag-icon-it {
    background-image:url(../flags/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image:url(../flags/1x1/it.svg)
}

.flag-icon-ru {
    background-image:url(../flags/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image:url(../flags/1x1/ru.svg)
}

.flag-icon-es {
    background-image:url(../flags/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image:url(../flags/1x1/es.svg)
}