@font-face {
  font-family: Calibri;
  src: url(font/calibri-regular.ttf);
}
@font-face {
  font-family: Verdana;
  src: url(font/verdana.ttf);
}
@media screen and (max-width: 935px) {
  body {
    font-family: "Calibri";
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .triangel {
    height: 12pt;
  }
  #logo {
    position: fixed;
    top: 5pt;
    margin: 0pt;
    padding: 0;
    left: 15pt;
    width: 140pt;
    height: 35pt;
    display: block;
    background: url(img/logo_menu.png);
    background-attachment: local;
    background-position: left;
    background-size: 140pt;
    background-repeat: no-repeat;
    z-index: 110;
  }
  #main_aa {
    left: 0;
    right: 0;
    text-align: left;
    font-size: 18pt;
    position: relative;
    height: 45pt;
  }
  #main_a {
    font-weight: 600;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 18pt;
    padding-top: 0pt;
    position: relative;
  }
  #main_b {
    font-weight: 600;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 18pt;
    padding-top: 0pt;
    position: relative;
  }
  #hiddenCheckbox {
    position: absolute;
    height: 30pt;
    width: 100%;
    top: 3pt;
    padding: 0;
    margin: 0;
    opacity: 0;
  }
  #hiddenCheckbox:checked ~ .submenu1 {
    display: block;
  }
  #main_c {
    font-weight: 600;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 18pt;
    padding-top: 0pt;
    position: relative;
  }
  #main_d {
    font-weight: 600;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 18pt;
    padding-top: 0pt;
    position: relative;
  }
  #main_e {
    font-weight: 600;
    left: 0;
    right: 30pt;
    text-align: left;
    font-size: 18pt;
    padding-top: 0pt;
    padding-bottom: 10pt;
    position: relative;
  }
  .menu {
    display: block;
    width: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
    margin: 0;
    padding: 0pt;
    right: 0;
    left: 0;
    z-index: 19;
  }
  .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 20pt;
    right: 0pt;
    left: 0pt;
    position: fixed;
    top: -2pt;
    z-index: 3;
    display: block;
    box-shadow: 0pt 0pt 9pt #000;
  }
  .menu ul li {
    float: top;
    position: relative;
    left: 0;
    right: 0%;
    margin-top: 0pt;
    width: 100%;
    padding-top: 3pt;
    padding-left: 10pt;
    padding-right: 10pt;
    background-color: rgba(129, 129, 129, 1);
  }
  .menu ul li a:nth-child(3) a::after {
    opacity: 1;
    transform: scale(0);
    transform-origin: center;
  }
  .menu ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2.2px;
    text-underline-position: under;
    text-underline-offset: 3px;
  }
  .menu ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
  }
  .menu ul li .submenu1 {
    display: none;
    position: relative;
    z-index: 120;
    top: -5pt;
    right: 0;
    left: 0pt;
    width: 100pt;
    box-shadow: 0pt 0pt;
  }
  .menu ul li .submenu1 li:first-child {
    padding-top: 0pt;
    display: block;
  }
  .menu ul li .submenu1 li:last-child {
    padding-bottom: 5pt;
    border-bottom: none;
  }
  .menu ul li .submenu1 li a {
    display: block;
    padding-right: 30pt;
    padding-left: 10pt;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin-left: auto;
    text-align: left;
    font-weight: 600;
    font-size: 16pt;
    padding-top: 0pt;
    padding-bottom: 2pt;
    width: 200pt;
  }
  .menu ul li .submenu1 li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1.4px;
    text-underline-position: under;
    text-underline-offset: 0.5px;
    z-index: 120;
  }
  .menu ul li .submenu2 {
    padding-top: 8pt;
    padding-bottom: 12pt;
    display: none;
    position: absolute;
    background-color: rgb(129, 129, 129);
    z-index: 120;
    top: 35pt;
    right: 0;
    left: -35pt;
    width: 125pt;
  }
  .menu ul li.submenu-btn:hover .submenu2 {
    display: block;
  }
  .menu ul li .submenu2 li {
    border-bottom: 1px solid rgb(129, 129, 129);
  }
  .menu ul li .submenu2 li:last-child {
    border-bottom: none;
  }
  .menu ul li .submenu2 li a {
    display: block;
    padding-right: 0pt;
    padding-left: 7pt;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin-left: auto;
    text-align: left;
    font-weight: 600;
    font-size: 10pt;
    padding-top: 2pt;
    padding-bottom: 2pt;
    width: 118pt;
  }
  .menu ul li .submenu2 li a:hover {
    background-color: rgb(17, 63, 89);
  }
}
@media screen and (min-width: 935px) {
  #hiddenCheckbox {
    display: none;
  }
  body {
    font-family: "Calibri";
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .triangel {
    height: 22.6%;
  }
  #logo {
    position: fixed;
    top: 0pt;
    margin: 0pt;
    padding: 0;
    left: 5%;
    width: 300pt;
    height: 35pt;
    display: inline-block;
    background: url(img/logo_menu.png);
    background-attachment: local;
    background-position: 0;
    background-size: 100pt;
    background-repeat: no-repeat;
    z-index: 100;
  }
  #main_a {
    left: 0;
    right: 0;
    height: 27pt;
    text-align: center;
    font-size: 15pt;
    padding-top: 10pt;
    width: 90pt;
  }
  #main_b {
    left: 0;
    right: 0;
    height: 27pt;
    text-align: center;
    font-size: 15pt;
    padding-top: 10pt;
    width: 90pt;
  }
  #main_c {
    left: 0;
    right: 0;
    height: 27pt;
    text-align: center;
    font-size: 15pt;
    padding-top: 10pt;
    width: 90pt;
  }
  #main_d {
    left: 0;
    right: 0;
    height: 27pt;
    text-align: center;
    font-size: 15pt;
    padding-top: 10pt;
    width: 70pt;
  }
  #main_e {
    left: 0;
    right: 0;
    height: 27pt;
    text-align: center;
    font-size: 15pt;
    padding-top: 10pt;
    width: 188pt;
  }
  .menu {
    background-color: rgb(129, 129, 129);
    width: 100%;
    height: 35pt;
    box-shadow: 0pt 0pt 9pt #000;
    opacity: 1;
    position: fixed;
    top: 0%;
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    z-index: 90;
  }
  .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    right: 20pt;
    position: fixed;
    top: -2pt;
    z-index: 3;
    display: inline-block;
  }
  .menu ul li {
    float: left;
    position: relative;
    right: 0%;
    background-color: rgba(129, 129, 129, 1);
  }
  .menu ul li a:nth-child(3) a::after {
    opacity: 1;
    transform: scale(0);
    transform-origin: center;
  }
  .menu ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2.2px;
    text-underline-position: under;
    text-underline-offset: 3px;
  }
  .menu ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
  }
  .menu ul li .submenu1 {
    display: none;
    position: absolute;
    z-index: 120;
    top: 37pt;
    right: 0;
    left: 0pt;
    width: 100pt;
  }
  .menu ul li.submenu-btn:hover .submenu1 {
    display: block;
  }
  .menu ul li .submenu1 li:first-child {
    padding-top: 5pt;
    display: block;
  }
  .menu ul li .submenu1 li:last-child {
    padding-bottom: 8pt;
    border-bottom: none;
    box-shadow: 0pt 6pt 5pt -4pt #000;
  }
  .menu ul li .submenu1 li a {
    display: block;
    padding-right: 15pt;
    padding-left: 10pt;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin-left: none;
    text-align: left;
    font-weight: 600;
    font-size: 12pt;
    padding-top: 4pt;
    padding-bottom: 2pt;
    width: 140pt;
  }
  .menu ul li .submenu1 li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1.4px;
    text-underline-position: under;
    text-underline-offset: 0.5px;
    z-index: 120;
  }
  .menu ul li .submenu2 {
    padding-top: 8pt;
    padding-bottom: 12pt;
    display: none;
    position: absolute;
    background-color: rgb(129, 129, 129);
    z-index: 120;
    top: 35pt;
    right: 0;
    left: -35pt;
    width: 125pt;
  }
  .menu ul li.submenu-btn:hover .submenu2 {
    display: block;
  }
  .menu ul li .submenu2 li {
    border-bottom: 1px solid rgb(129, 129, 129);
  }
  .menu ul li .submenu2 li:last-child {
    border-bottom: none;
  }
  .menu ul li .submenu2 li a {
    display: block;
    padding-right: 0pt;
    padding-left: 7pt;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin-left: auto;
    text-align: left;
    font-weight: 600;
    font-size: 10pt;
    padding-top: 2pt;
    padding-bottom: 2pt;
    width: 118pt;
  }
  .menu ul li .submenu2 li a:hover {
    background-color: rgb(17, 63, 89);
  }
}