div.lang-select {
	border-radius: 30px; width: 100px; height: 25px; text-align: left; line-height: 25px; vertical-align: middle; display: inline-block; position: relative; z-index: 100; max-width: 500px;
}
.lang-select:focus {
	
}
.lang-select select {
	display: none;
}
.lang-select span {
	padding: 0px 19px 0px 12px; height: 100%; text-transform: uppercase; font-size: 10px; font-weight: 300; display: block; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis;
}
.lang-select span.cs-placeholder {
	background: rgb(247, 247, 247); border-radius: 30px; border: 0px currentColor; border-image: none; position: relative;
}
.lang-select span.cs-placeholder::after {
	background: rgb(255, 255, 255); top: -3px; width: 30px; height: 30px; right: -2px; color: rgb(52, 52, 52); line-height: 28px; font-family: FontAwesome; font-size: 14px; position: absolute; content: "\f1ab";
}
.lang-select span[data-current='united-kingdom'].cs-placeholder::after {
	text-indent: 1000px; background-size: 70% !important;
}
.lang-select span[data-current='france'].cs-placeholder::after {
	text-indent: 1000px; background-size: 70% !important;
}
.lang-select span[data-current='spain'].cs-placeholder::after {
	text-indent: 1000px; background-size: 70% !important;
}
.lang-select span[data-current='bangladesh'].cs-placeholder::after {
	text-indent: 1000px; background-size: 70% !important;
}
.lang-select span[data-current='united-kingdom'].cs-placeholder::after {
	background: url("../img/flags/united-kingdom.svg") no-repeat center rgb(255, 255, 255);
}
.lang-select span[data-current='france'].cs-placeholder::after {
	background: url("../img/flags/france.svg") no-repeat center rgb(255, 255, 255);
}
.lang-select span[data-current='spain'].cs-placeholder::after {
	background: url("../img/flags/spain.svg") no-repeat center rgb(255, 255, 255);
}
.lang-select span[data-current='bangladesh'].cs-placeholder::after {
	background: url("../img/flags/bangladesh.svg") no-repeat center rgb(255, 255, 255);
}
.lang-select > span::after {
	top: 50%; position: absolute; speak: none;
}
.lang-select .lang-selected span::after {
	top: 50%; position: absolute; speak: none;
}
.lang-select > span::after {
	border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; width: 28px; height: 28px; text-align: center; right: 0px;
}
div.cs-active {
	z-index: 200;
}
.lang-select .cs-options {
	background: rgb(255, 255, 255); border-radius: 4px; width: 100%; overflow: hidden; margin-top: 5px; visibility: hidden; position: absolute;
}
.lang-select.cs-active .cs-options {
	visibility: visible;
}
.lang-select ul {
	list-style: none; margin: 0px; padding: 0px; width: 100%;
}
.lang-select ul span {
	padding: 0px 10px;
}
.lang-select ul li.cs-focus span {
	background-color: rgb(221, 221, 221);
}
.lang-select .cs-options span {
	background-position: 12px 48%; padding: 0px 0px 0px 35px; background-repeat: no-repeat; background-size: 15px auto;
}
.lang-select .cs-options span:hover {
	color: rgb(30, 76, 74);
}
.lang-select .cs-options li.cs-focus span {
	color: rgb(30, 76, 74);
}
.lang-select .cs-options .cs-selected span {
	color: rgb(30, 76, 74);
}
.lang-select .cs-options .cs-selected span::after {
	content: "";
}
.lang-select .cs-options li.flag-uk span {
	background-image: url("../img/flags/united-kingdom.svg");
}
.lang-select .cs-options li.flag-france span {
	background-image: url("../img/flags/france.svg");
}
.lang-select .cs-options li.flag-spain span {
	background-image: url("../img/flags/spain.svg");
}
.lang-select .cs-options li.flag-bd span {
	background-image: url("../img/flags/bangladesh.svg");
}