/**
Переключатель языка
 */
.language {
	position : relative;
}
.language-text {

}

.language-float {
	/*display  : block;
	position : fixed;
	top      : 20px;
	right    : 20px;
	z-index  : 30;*/
	display: inline-block;
	color: #FFF;
}

.language-menu {
	display    : none;
	margin-top : 10px;
	position   : absolute;
	z-index    : 20;
	color: #222;
}
.language-menu:after,
.language-menu:before {
	position       : absolute;
	top            : -11px;
	right          : 20px;
	border         : solid transparent;
	content        : " ";
	height         : 0;
	width          : 0;
	pointer-events : none;
}
.language-menu:after {
	border-color        : rgba(136, 183, 213, 0);
	border-bottom-color : #BBB;
	border-width        : 6px;
	margin-left         : -10px;
}
.language-menu:before {
	border-color        : rgba(255, 255, 255, 0);
	border-bottom-color : #FFF;
	border-width        : 8px;
	margin-left         : -8px;
	right               : 18px;
	z-index             : 21;
}
.language-menu.open {
	display : block;
}

.language .language-text {
	cursor : pointer;
}

.language .language-items {
	margin                : 0;
	background            : #FFF;
	/*width              : 200px;*/
	max-height            : 50vh;
	border                : 1px solid #BBB;
	box-shadow            : 1px 1px 3px #BBB;
	-webkit-box-shadow    : 1px 1px 3px #BBB;
	-moz-box-shadow       : 1px 1px 3px #BBB;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
	padding               : 5px;
	overflow              : hidden;
}
.language .language-item {
	padding               : 5px;
	cursor                : pointer;
	display               : flex;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
}
.language .language-item:hover {
	background : var(--gray-lite);
}
.language .language-item.current {
	background : var(--biruza);
}

.flag {
	display        : inline-block;
	width          : 20px;
	height         : 1.0em;
	vertical-align : bottom;
}
div[data-value="de-DE"] .flag {
	background : url("/assets/images/language/de.png") no-repeat left center;
}
div[data-value="bg-BG"] .flag {
	background : url("/assets/images/language/bg.png") no-repeat left center;
}
div[data-value="zh-ZH"] .flag {
	background : url("/assets/images/language/zh.png") no-repeat left center;
}
div[data-value="cs-CS"] .flag {
	background : url("/assets/images/language/cs.png") no-repeat left center;
}
div[data-value="dk-DK"] .flag {
	background : url("/assets/images/language/dk.png") no-repeat left center;
}
div[data-value="en-EN"] .flag {
	background : url("/assets/images/language/en.png") no-repeat left center;
}
div[data-value="fi-FI"] .flag {
	background : url("/assets/images/language/fi.png") no-repeat left center;
}
div[data-value="fr-FR"] .flag {
	background : url("/assets/images/language/fr.png") no-repeat left center;
}
div[data-value="el-EL"] .flag {
	background : url("/assets/images/language/el.png") no-repeat left center;
}
div[data-value="hu-HU"] .flag {
	background : url("/assets/images/language/hu.png") no-repeat left center;
}
div[data-value="it-IT"] .flag {
	background : url("/assets/images/language/it.png") no-repeat left center;
}
div[data-value="lv-LV"] .flag {
	background : url("/assets/images/language/lv.png") no-repeat left center;
}
div[data-value="ja-JA"] .flag {
	background : url("/assets/images/language/ja.png") no-repeat left center;
}
div[data-value="ko-KO"] .flag {
	background : url("/assets/images/language/ko.png") no-repeat left center;
}
div[data-value="kn-KN"] .flag {
	background : url("/assets/images/language/kn.png") no-repeat left center;
}
div[data-value="no-NO"] .flag {
	background : url("/assets/images/language/no.png") no-repeat left center;
}
div[data-value="pl-PL"] .flag {
	background : url("/assets/images/language/pl.png") no-repeat left center;
}
div[data-value="ro-RO"] .flag {
	background : url("/assets/images/language/ro.png") no-repeat left center;
}
div[data-value="ru-RU"] .flag {
	background : url("/assets/images/language/ru.png") no-repeat left center;
}
div[data-value="sv-SW"] .flag {
	background : url("/assets/images/language/sv.png") no-repeat left center;
}
div[data-value="sl-SL"] .flag {
	background : url("/assets/images/language/sl.png") no-repeat left center;
}
div[data-value="sk-SK"] .flag {
	background : url("/assets/images/language/sk.png") no-repeat left center;
}
div[data-value="tr-TR"] .flag {
	background : url("/assets/images/language/tr.png") no-repeat left center;
}
div[data-value="th-TH"] .flag {
	background : url("/assets/images/language/th.png") no-repeat left center;
}
div[data-value="uk-UK"] .flag {
	background : url("/assets/images/language/uk.png") no-repeat left center;
}