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:30px;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:120px; }
#logo { margin-top:50px;position:relative;z-index:+1;text-align:center; }
#logo img { height:50px; }
#header { margin-top:25px;width:100%;display:table;direction:rtl;position:relative;z-index:+1; }
#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:left; }
.header_button { display:inline-block;vertical-align:middle;margin:0px 5px;width:34px;height:34px;border-radius:100%;background-color:#dfc7bf;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:14px;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:left;position:relative;z-index:+10;margin-top:125px; }
#button > * { padding:15px 30px;border-top-right-radius:30px;border-bottom-right-radius:30px;color:#fff;font-size:13pt;
font-family:arial,tahoma;display:inline-block;vertical-align:middle;background-color:#dfc7bf;box-shadow:0px 2px 10px rgba(0,0,0,0.3); }