:root {
  --number: 1.7;
}
.sflag {
  display: inline-block;
  width: calc(12px * var(--number));
  height: calc(8px * var(--number));
  background-image: url("/languages/lang-flag.png");
  background-size: 221px 397.8px;
  background-repeat: no-repeat;
  overflow: hidden;
}
.lang_box {
  width: 600px;
  z-index: 100;
  position: absolute;
  top: 80px;
  left: -240px;
  border: 2px solid #12bbad;
  background-color: #fff;
  margin: auto;
  display: none;
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}
.lang_box .row {
  padding: 10px;
}
.language_flags {
  padding: 0;
}
.language_flags li {
  padding: 5px 0;
}
.language_flags li:hover {
  background-color: #ddd;
}
.box-header {
  width: 100%;
  height: 20px;
}
.select_bg {
  background-color: #ddd;
}

/* *2 */
/* .slang-ar{background-position:-234px 0}
.slang-au{background-position:-52px -18px}
.slang-be{background-position:-234px -18px}
.slang-bg{background-position:-26px -36px}
.slang-bo{background-position:-182px -36px}
.slang-br{background-position:-208px -36px}
.slang-ca{background-position:-130px -52px}
.slang-ch{background-position:0 -72px}
.slang-cl{background-position:-78px -72px}
.slang-cm{background-position:-104px -72px}
.slang-co{background-position:-156px -72px}
.slang-cr{background-position:-182px -72px}
.slang-cs{background-position:-78px -90px}
.slang-de{background-position:-104px -90px}
.slang-dk{background-position:-156px -90px}
.slang-ec{background-position:0 -108px}
.slang-ee{background-position:-26px -108px}
.slang-es{background-position:-130px -108px}
.slang-fi{background-position:-182px -108px}
.slang-fr{background-position:-52px -126px}
.slang-gb{background-position:-104px -126px}
.slang-gr{background-position:-156px -144px}
.slang-hn{background-position:-104px -162px}
.slang-hr{background-position:-130px -162px}
.slang-hu{background-position:-182px -162px}
.slang-id{background-position:-208px -162px}
.slang-ie{background-position:-234px -162px}
.slang-il{background-position:0 -180px}
.slang-in{background-position:-26px -180px}
.slang-is{background-position:-130px -180px}
.slang-it{background-position:-156px -180px}
.slang-ja{background-position:-234px -180px}
.slang-ko{background-position:-182px -198px}
.slang-lt{background-position:-208px -216px}
.slang-lv{background-position:0 -234px}
.slang-mx{background-position:-26px -270px}
.slang-ms{background-position:-52px -270px}
.slang-nl{background-position:0 -288px}
.slang-no{background-position:-26px -288px}
.slang-nz{background-position:-130px -288px}
.slang-pe{background-position:-208px -288px}
.slang-tl{background-position:-26px -306px}
.slang-pl{background-position:-78px -306px}
.slang-pt{background-position:-208px -306px}
.slang-ro{background-position:-78px -324px}
.slang-rs{background-position:-104px -324px}
.slang-ru{background-position:-130px -324px}
.slang-ar{background-position:-182px -324px}
.slang-se{background-position:-26px -342px}
.slang-si{background-position:-104px -342px}
.slang-sk{background-position:-156px -342px}
.slang-th{background-position:0 -378px}
.slang-tr{background-position:-182px -378px}
.slang-tw{background-position:0 -396px}
.slang-ua{background-position:-52px -396px}
.slang-us{background-position:-130px -396px}
.slang-vi{background-position:-78px -414px}
.slang-za{background-position:-234px -414px}
.slang-hi{background-position:-208px -450px}
.slang-ur{background-position:-234px -450px}
.slang-ph{background-position: -26px -306px}



.slang-uk{background-position: -52px -396px}
.slang-bn{background-position: -208px -18px}
.slang-sw{background-position: -26px -396px}

.slang-fa{background-position: -104px -180px}
.slang-el{background-position: -156px -144px}
.slang-he{background-position: -0px -180px}
.slang-si{background-position: -130px -216px}

.slang-am{background-position: -156px -108px}
.slang-my{background-position: -156px -414px}
.slang-km{background-position: -52px -198px}
.slang-cn{background-position: -130px -72px}
.slang-uz{background-position: -182px -396px}

.slang-ne{background-position: -52px -288px}
.slang-mg{background-position: -156px -234px}
.slang-no{background-position: -26px -288px}
.slang-fi{background-position: -156px -90px}
.slang-sv{background-position: -26px -342px}
.slang-da{background-position: -156px -90px}


.slang-sk{background-position: -156px -342px}
.slang-sr{background-position: -104px -324px}
.slang-sl{background-position: -104px -342px}
.slang-bg{background-position: -26px -36px}
.slang-hr{background-position: -0px -324px}
.slang-lt{background-position: -208px -216px}
.slang-lv{background-position: -26px -18px}
.slang-et{background-position: -26px -108px}
.slang-ta{background-position: -208px -450px}
.slang-hk{background-position:-52px -162px} */

.slang-ar {
  background-position: calc(-117px * var(--number)) 0;
}
.slang-au {
  background-position: calc(-26px * var(--number)) calc(-9px * var(--number));
}
.slang-be {
  background-position: calc(-117px * var(--number)) calc(-9px * var(--number));
}
.slang-bg {
  background-position: calc(-13px * var(--number)) calc(-18px * var(--number));
}
.slang-bo {
  background-position: calc(-91px * var(--number)) calc(-18px * var(--number));
}
.slang-br {
  background-position: calc(-104px * var(--number)) calc(-18px * var(--number));
}
.slang-ca {
  background-position: calc(-65px * var(--number)) calc(-27px * var(--number));
}
.slang-ch {
  background-position: 0 calc(-36px * var(--number));
}
.slang-cl {
  background-position: calc(-39px * var(--number)) calc(-36px * var(--number));
}
.slang-cm {
  background-position: calc(-52px * var(--number)) calc(-36px * var(--number));
}
.slang-cn {
  background-position: calc(-65px * var(--number)) calc(-36px * var(--number));
}
.slang-co {
  background-position: calc(-78px * var(--number)) calc(-36px * var(--number));
}
.slang-cr {
  background-position: calc(-91px * var(--number)) calc(-36px * var(--number));
}
.slang-cs {
  background-position: calc(-39px * var(--number)) calc(-45px * var(--number));
}
.slang-de {
  background-position: calc(-52px * var(--number)) calc(-45px * var(--number));
}
.slang-dk {
  background-position: calc(-78px * var(--number)) calc(-45px * var(--number));
}
.slang-ec {
  background-position: 0 calc(-54px * var(--number));
}
.slang-ee {
  background-position: calc(-13px * var(--number)) calc(-54px * var(--number));
}
.slang-es {
  background-position: calc(-65px * var(--number)) calc(-54px * var(--number));
}
.slang-fi {
  background-position: calc(-91px * var(--number)) calc(-54px * var(--number));
}
.slang-fr {
  background-position: calc(-26px * var(--number)) calc(-63px * var(--number));
}
.slang-gb {
  background-position: calc(-52px * var(--number)) calc(-63px * var(--number));
}
.slang-gr {
  background-position: calc(-78px * var(--number)) calc(-72px * var(--number));
}
.slang-hk {
  background-position: calc(-26px * var(--number)) calc(-81px * var(--number));
}
.slang-hn {
  background-position: calc(-52px * var(--number)) calc(-81px * var(--number));
}
.slang-hr {
  background-position: calc(-65px * var(--number)) calc(-81px * var(--number));
}
.slang-hu {
  background-position: calc(-91px * var(--number)) calc(-81px * var(--number));
}
.slang-id {
  background-position: calc(-104px * var(--number)) calc(-81px * var(--number));
}
.slang-ie {
  background-position: calc(-117px * var(--number)) calc(-81px * var(--number));
}
.slang-il {
  background-position: 0 calc(-90px * var(--number));
}
.slang-in {
  background-position: calc(-13px * var(--number)) calc(-90px * var(--number));
}
.slang-is {
  background-position: calc(-65px * var(--number)) calc(-90px * var(--number));
}
.slang-it {
  background-position: calc(-78px * var(--number)) calc(-90px * var(--number));
}
.slang-ja {
  background-position: calc(-117px * var(--number)) calc(-90px * var(--number));
}
.slang-ko {
  background-position: calc(-91px * var(--number)) calc(-99px * var(--number));
}
.slang-lt {
  background-position: calc(-104px * var(--number)) calc(-108px * var(--number));
}
.slang-lv {
  background-position: 0 calc(-117px * var(--number));
}
.slang-mx {
  background-position: calc(-13px * var(--number)) calc(-135px * var(--number));
}
.slang-ms {
  background-position: calc(-26px * var(--number)) calc(-135px * var(--number));
}
.slang-nl {
  background-position: 0 calc(-144px * var(--number));
}
.slang-no {
  background-position: calc(-13px * var(--number)) calc(-144px * var(--number));
}
.slang-nz {
  background-position: calc(-65px * var(--number)) calc(-144px * var(--number));
}
.slang-pe {
  background-position: calc(-104px * var(--number)) calc(-144px * var(--number));
}
.slang-tl {
  background-position: calc(-13px * var(--number)) calc(-153px * var(--number));
}
.slang-pl {
  background-position: calc(-39px * var(--number)) calc(-153px * var(--number));
}
.slang-pt {
  background-position: calc(-104px * var(--number)) calc(-153px * var(--number));
}
.slang-ro {
  background-position: calc(-39px * var(--number)) calc(-162px * var(--number));
}
.slang-rs {
  background-position: calc(-52px * var(--number)) calc(-162px * var(--number));
}
.slang-ru {
  background-position: calc(-65px * var(--number)) calc(-162px * var(--number));
}
.slang-ar {
  background-position: calc(-91px * var(--number)) calc(-162px * var(--number));
}
.slang-se {
  background-position: calc(-13px * var(--number)) calc(-171px * var(--number));
}
.slang-si {
  background-position: calc(-52px * var(--number)) calc(-171px * var(--number));
}
.slang-sk {
  background-position: calc(-78px * var(--number)) calc(-171px * var(--number));
}
.slang-th {
  background-position: 0 calc(-189px * var(--number));
}
.slang-tr {
  background-position: calc(-91px * var(--number)) calc(-189px * var(--number));
}
.slang-tw {
  background-position: 0 calc(-198px * var(--number));
}
.slang-ua {
  background-position: calc(-26px * var(--number)) calc(-198px * var(--number));
}
.slang-us {
  background-position: calc(-65px * var(--number)) calc(-198px * var(--number));
}
.slang-vi {
  background-position: calc(-39px * var(--number)) calc(-207px * var(--number));
}
.slang-za {
  background-position: calc(-117px * var(--number)) calc(-207px * var(--number));
}
/* -------------------------------- */
.slang-hi {
  background-position: calc(-104px * var(--number)) calc(-225px * var(--number));
}
.slang-ur {
  background-position: calc(-117px * var(--number)) calc(-225px * var(--number));
}
.slang-ph {
  background-position: calc(-13px * var(--number)) calc(-153px * var(--number));
}

.slang-uk {
  background-position: calc(-26px * var(--number)) calc(-198px * var(--number));
}
.slang-bn {
  background-position: calc(-104px * var(--number)) calc(-9px * var(--number));
}
.slang-sw {
  background-position: calc(-13px * var(--number)) calc(-198px * var(--number));
}

.slang-fa {
  background-position: calc(-52px * var(--number)) calc(-90px * var(--number));
}
.slang-el {
  background-position: calc(-78px * var(--number)) calc(-72px * var(--number));
}
.slang-he {
  background-position: -0px calc(-90px * var(--number));
}
.slang-si {
  background-position: calc(-65px * var(--number)) calc(-108px * var(--number));
}

.slang-am {
  background-position: calc(-78px * var(--number)) calc(-54px * var(--number));
}
.slang-my {
  background-position: calc(-78px * var(--number)) calc(-207px * var(--number));
}
.slang-km {
  background-position: calc(-26px * var(--number)) calc(-99px * var(--number));
}
.slang-cn {
  background-position: calc(-65px * var(--number)) calc(-36px * var(--number));
}
.slang-uz {
  background-position: calc(-91px * var(--number)) calc(-198px * var(--number));
}

.slang-ne {
  background-position: calc(-26px * var(--number)) calc(-144px * var(--number));
}
.slang-mg {
  background-position: calc(-78px * var(--number)) calc(-117px * var(--number));
}
.slang-no {
  background-position: calc(-13px * var(--number)) calc(-144px * var(--number));
}
.slang-fi {
  background-position: calc(-91px * var(--number)) calc(-54px * var(--number));
}
.slang-sv {
  background-position: calc(-13px * var(--number)) calc(-171px * var(--number));
}
.slang-da {
  background-position: calc(-78px * var(--number)) calc(-45px * var(--number));
}

.slang-sk {
  background-position: calc(-78px * var(--number)) calc(-171px * var(--number));
}
.slang-sr {
  background-position: calc(-52px * var(--number)) calc(-162px * var(--number));
}
.slang-sl {
  background-position: calc(-52px * var(--number)) calc(-171px * var(--number));
}
.slang-bg {
  background-position: calc(-13px * var(--number)) calc(-18px * var(--number));
}
.slang-hr {
  background-position: -0px calc(-162px * var(--number));
}
.slang-lt {
  background-position: calc(-104px * var(--number)) calc(-108px * var(--number));
}
.slang-lv {
  background-position: calc(-13px * var(--number)) calc(-9px * var(--number));
}
.slang-et {
  background-position: calc(-13px * var(--number)) calc(-54px * var(--number));
}
.slang-ta {
  background-position: calc(-104px * var(--number)) calc(-225px * var(--number));
}
.slang-hk {
  background-position: calc(-26px * var(--number)) calc(-81px * var(--number));
}