/* @font-face kit by Fonts2u (https://fonts2u.com) */ @font-face {font-family:"Andalus";src:url("2.eot") format("eot"),url("2.woff") format("woff"),url("2.ttf") format("truetype"),url("2.svg") format("svg");font-weight:normal;font-style:normal;}
* { user-select:none; outline:0;
  font-family: "Andalus", serif; }
@media screen and (max-width: 735px) { * { cursor:default; } }
::-webkit-scrollbar { width:0; background:transparent; }
body { background: #fefefe; }


#header {
  position: fixed;
  top:0; left:0;
  width:100%; height: 75px;
  background: linear-gradient(#33333366, transparent);
  z-index: 9999999;
}

@media screen and (min-width: 735px) { #header_v       { display: none; } }
@media screen and (max-width: 735px) { #header_table_h { display: none; } }

#header_table_h {
  position: fixed;
  top:0; left:16px;
  /*width :500px;*/
  width: 100%;
  height: 70px;
}

#header_table_h td {
  text-align: left;
  /*max-width: 150px;*/
  padding-right: 20px;
}

#header_table_h img {
  height: 20px;
  margin-right: 6px;
  transition: transform 0.1s;
}

#header_table_h img:hover {
  transform: scale(0.9);
}

#header_table_h a {
  color: #333;
  /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 0.5px;
  font-weight: bold;
}

#header_table_h a:hover {
  font-style: italic;
}

#header_table_h .underlined, #footer_link_container .underlined {
  text-decoration: underline;
}


#header_v_home {
  position: fixed;
  left: 25px;
  top: 24.5px;
  height: 20px;
  z-index: 9;
}

#header_v_home img {
  height: 100%;
}

#header_v_button {
  position: fixed;
  left: 28px;
  top: 0;
  height: 70px;
  padding: 0 35px;
  background: transparent;
  border-color: transparent;
  color: #333;
  /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 0.5px;
  font-weight: bold;
}

#header_table_v {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  background: #2222225F;
  box-shadow: 0 1px 9px 6px #2222225F;
  padding-bottom: 24px;
  opacity: 0;
  transform: scale(0);
  transition-delay: 250ms;
  animation: header_table_v_hide linear 255ms;
}

@keyframes header_table_v_hide {
  0%, 99% {left:-100%;}
  100%    {left:0;}
}

#header_v_button:focus #header_table_v {
  transform: scale(1);
  opacity: 1;
}

#header_table_v td {
  padding: 24px 24px 0;
  text-align: left;
  z-index: 99;
}

#header_table_v a {
  color: #fafafa;
  /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 0.5px;
  font-weight: bold;
}

#header_table_v a:active {
  font-style: italic;
}



#body {
  position: fixed;
  left:0; right:0;
  top:0; bottom:0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  align-items: flex-end;

  height: 100%;
  background-image: url("../img/BG.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



#footer {
  background: #222;
  width: 100%;
  padding: 18px;
  text-align: left;
  z-index: 99999;
}

#footer_link_container a {
  color: #999;
  /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-right: 18px;
}

#footer_link_container a:hover {
  font-style: italic;
}

@media screen and (max-width: 735px) {
  #body {
    height: auto;
  }
}