/* Green Pi Interactive City V6.3
 * Language selector is mounted into the translucent top bar.
 */
.gp-topbar-actions{gap:10px!important}
.gp-topbar-language[hidden]{display:none!important}
.gp-topbar-language{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  max-width:190px;
  color:#fff;
}
.gp-topbar-language .gp-language-mounted,
.gp-topbar-language #gtranslate_wrapper,
.gp-topbar-language .gtranslate_wrapper,
.gp-topbar-language .gt_float_switcher,
.gp-topbar-language .gt_switcher_wrapper,
.gp-topbar-language .switcher{
  position:static!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  top:auto!important;
  z-index:auto!important;
  margin:0!important;
  transform:none!important;
  box-shadow:none!important;
}
.gp-topbar-language select,
.gp-topbar-language select.gt_selector{
  display:block!important;
  min-width:128px!important;
  height:44px!important;
  margin:0!important;
  padding:0 34px 0 14px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  outline:0!important;
  color:#fff!important;
  background-color:rgba(255,255,255,.07)!important;
  background-position:right 12px center!important;
  font-size:13px!important;
  font-weight:650!important;
  cursor:pointer!important;
}
.gp-topbar-language select option{color:#102a38;background:#fff}
.gp-topbar-language .switcher{width:auto!important;font-family:inherit!important}
.gp-topbar-language .switcher .selected{background:transparent!important}
.gp-topbar-language .switcher .selected a{
  display:flex!important;
  align-items:center!important;
  min-width:128px!important;
  height:44px!important;
  padding:0 34px 0 14px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  font-size:13px!important;
  font-weight:650!important;
}
.gp-topbar-language .switcher .option{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  width:180px!important;
  max-height:280px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  overflow:auto!important;
  background:#102a38!important;
  box-shadow:0 18px 45px rgba(0,18,31,.32)!important;
}
.gp-topbar-language .switcher .option a{color:#fff!important;background:transparent!important}
.gp-topbar-language .switcher .option a:hover{background:rgba(53,211,154,.14)!important}
.gp-topbar-language .gt_float_switcher{display:flex!important;align-items:center!important;background:transparent!important}
.gp-topbar-language .gt_float_switcher .gt-selected{
  min-height:44px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
}
.gp-topbar-language img{max-height:18px!important;width:auto!important}
@media(max-width:900px){
  .gp-topbar-language{order:1;max-width:150px}
  .gp-topbar-language select,.gp-topbar-language select.gt_selector{min-width:112px!important;height:38px!important;font-size:12px!important}
  .gp-topbar-language .switcher .selected a{min-width:112px!important;height:38px!important;font-size:12px!important}
}