.lang_switcher_mask {
	background: transparent;
	position: fixed;
	z-index: 500;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.lang_switcher {
	display: block;
	position: relative;
	z-index: 501;
	/*margin-left: 20px;*/
}
.lang_switcher.active + .lang_switcher_mask {
	display: block;
}
.lang_switcher .langs_wrapper {
	display: block;
	overflow: hidden;
}
.lang_switcher .langs_wrapper a {
	display: block;
	text-align: left;
	font-size: 13px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
}
.lang_switcher .langs_wrapper a:hover {
}
.lang_switcher .langs_wrapper a .icon {
	display: block;
	height: 11px;
	width: 16px;
	background-image: url(/bitrix/images/accorsys.localization/flags.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 50%;
	margin-top: -5px;
}
.lang_switcher .langs_wrapper a .text {
}
.lang_switcher .langs_wrapper a .icon + .text {
	padding-left: 32px;
}
.lang_switcher .langs_wrapper a .icon + .text:empty {
	padding-left: 26px;
}
.lang_switcher .langs_wrapper .def {
	padding-right: 30px;
}
.lang_switcher .langs_wrapper .def .icon {
	left: 0;
}
.lang_switcher .langs_wrapper .def .icon + .text {
	padding-left: 22px;
}
.lang_switcher .langs_wrapper .def .icon + .text:empty {
	padding-left: 16px;
}
.lang_switcher .langs_wrapper .def:hover {
	text-decoration: underline;
}
.lang_switcher .langs_wrapper .def:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
}
.lang_switcher .langs_wrapper a:hover:after {
	border-top-color: #fff;
}
.lang_switcher.active .langs_wrapper .def:after {
	border-width: 0 5px 7px 5px;
	border-color: transparent transparent #fff transparent;
}
.lang_switcher.active .langs_wrapper .def:hover:after {
	border-color: transparent transparent #e9e9e9 transparent;
}
.lang_switcher .langs_wrapper .langs_list {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	background: #fff;
	border: 1px solid #e9e9e9;
	-webkit-transform: scaleY(0);
	   -moz-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	     -o-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
	-webkit-transform-origin: top;
	   -moz-transform-origin: top;
	    -ms-transform-origin: top;
	     -o-transform-origin: top;
	        transform-origin: top;
	-webkit-box-shadow: 1.254px 11.934px 16.74px 1.26px rgba(0, 0, 0, 0.21);
	        box-shadow: 1.254px 11.934px 16.74px 1.26px rgba(0, 0, 0, 0.21);
}
.lang_switcher.active .langs_wrapper .langs_list {
	-webkit-transform: scaleY(1);
	   -moz-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	     -o-transform: scaleY(1);
	        transform: scaleY(1);
}
.lang_switcher .langs_wrapper .langs {
	width: 100%;
	color: #000;
}
.lang_switcher .langs_wrapper .langs .text {
	padding: 0 10px;
}