body { margin:0; }
a { text-decoration:none; }
#back { position:fixed;left:0;top:0;width:100%;height:100%;z-index:0; }
#back > video { object-position:center;object-fit:cover;width:100%;height:100%; }
#button_menu { position:fixed;left:0;bottom:0;padding-bottom:150px;width:100%;text-align:center;white-space:nowrap;overflow-x:auto; }
#button_menu > a { display:inline-block;vertical-align:middle;margin:0px 5px; }
#button_menu > a img { height:50px; }
#logo { margin-top:50px;position:relative;z-index:+1;text-align:center; }
#logo img { height:160px; }

#header {
  margin-top: 150px; /* Distance from the top of the container */
  width: 100%;
  display: table;
  direction: rtl;
  position: absolute; /* Use absolute positioning */
  bottom: 50px; /* Distance from the bottom of the container */
  z-index: 1; /* Ensure it stays on top */
}

#header > div {
  display: table-cell;
  vertical-align: middle;
}

#header > div:nth-child(1) {
  padding-right: 20px;
  text-align: right;
}

#header > div:nth-child(2) {
  padding-left: 20px;
  text-align: center;
}

.header_button {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #1a1916ba;
  color: #fff;
  line-height: 34px;
  text-align: center;
  font-size: 15pt;
  text-decoration: none;
  position: relative;
}

.header_button img {
  height: 20px;
  margin: 7px 0px;
}

.header_button > div {
  position: absolute;
  z-index: 10;
  left: 0px;
  top: -35px; /* Adjust to position above the button */
  width: 180px;
  height: auto;
  padding-top: 35px;
  display: none;
}

.header_button:hover > div {
  display: block;
}

.header_button > div > div {
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
}

.header_button > div > div img {
  height: 20px;
  margin: 0px 2px;
  opacity: 0.3;
}

.header_button > div > div img:hover {
  opacity: 1;
}



#button { text-align:right;position:relative;z-index:+10;margin-top:95px; }
#button > * { padding:15px 30px;border-top-left-radius:30px;border-bottom-left-radius:30px;color:#fff;font-size:13pt;
font-family:arial,tahoma;display:inline-block;vertical-align:middle;background-color:#1a1916ba;box-shadow:0px 2px 10px rgba(0,0,0,0.3); }