html {
  scroll-behavior: smooth;
}


body {
  background-image: none;
  margin: 0;
  font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", "FreeSans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
}

body,
html {
  \\color: #555555;
  font-size: 15px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", "FreeSans", sans-serif;
  font-weight: 400;
  font-style: normal;
  \\color: #000000
}


h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 10px
}

h1 {
  font-size: 41px
}

h2 {
  font-size: 34px
}

h3,
.block-title {
  font-size: 28px
}

h4 {
  font-size: 20px
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px
}

select {
  padding: 0 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 98% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-size: 18px;
  box-shadow: none;
  border-radius: 3px;
  border: 1px solid #e1d5d5;
}

video {
  user-select: none;
}

body,
p {
  line-height: 1.8;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

table {
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a,
.btn-link,
.nav-link {
  color: #0180ef
}

:target {
  scroll-margin-top: 40px;
}

.eurostile {
  font-family: 'eurostile_extendedbold';
}


.contactSubTable h3 {
  font-size: 21px !important;
  font-family: 'eurostile_extendedbold';
}


.contactSubTable td {
  vertical-align: top;
  padding: 30px;
}

.ContactLabel {
  text-align: left;
}

.ContactLabel label {
  display: inline-block;
  position: relative;
  width: 80%;
  cursor: pointer;
  font-size: 20px;
  user-select: none;

  font-family: Arial;
  font-weight: 400;
  font-style: normal;
  padding: .75rem;
}

td,
th {
  padding: 0;
}


/* td:has(span) {
  display: flex;
  flex-direction: column;

  >span {
    flex: 1;
  }

  >span:first-child {
    flex: 1;
    padding-right: 10px;
  }

  >span:last-child {
    padding-top: 5px;
    color: gray;
    font-size: x-small;
  }
} */

.translator-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background-color: black;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.2em;
  background: #ffffff !important;
  color: #000000 !important;

  >div {
    display: flex;
    \\gap: .5rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-color: black;
    margin: 0px;
    padding: 5px;
    width: 100%;

    >div {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 19px;
      width: 30px;
      border: solid 1px gray;
      margin-right: 5px;
      cursor: pointer;

      &[lang="en-us"] {
        background-image: url(../../../../en-us.png);
      }

      &[lang=en] {
        background-image: url(../../../../en.png);
      }


      &[lang=de] {
        background-image: url(../../../../de.png);
      }


      &[lang=es] {
        background-image: url(../../../../es.png);
      }


      &[lang=fr] {
        background-image: url(../../../../fr.png);
      }


      &[lang=it] {
        background-image: url(../../../../it.png);
      }


      &[lang=zh] {
        background-image: url(../../../../zh.jpg);
      }


      &[lang=ja] {
        background-image: url(../../../../ja.png);
      }


      &[lang=pl] {
        background-image: url(../../../../pl.png);
      }


    }

  }
}

.site-header {
  background-color: rgba(255, 255, 255, 1);
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  \\height: 120px;
  transition: all 0.3s ease;

  ul,
  li {
    color: red;
    list-style: none;
  }



  /* logo */
  >div:nth-of-type(1) {
    \\border: 1px solid blue;
  }

  /* navigation */
  >div:nth-of-type(2) {
    \\border: 1px solid red;
    \\margin-right: 2rem;

    >#block-website-theme-main-menu {
      font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", "FreeSans", sans-serif;
      font-weight: 400;
      font-style: normal;
      width: max-content;
      float: right;
      position: static;
      display: flex;
      gap: 1rem;


      .menu-toggle {
        display: none;
        \\border: 1px solid red;
      }

      >ul {
        display: flex;
        margin: 0;
        padding: 0;
        gap: 1rem;


        /* menu name */
        >li {
          position: relative;
          padding: .75rem .25rem;

          &:last-of-type>ul {
            left: -150%;
          }



          >a {

            font-size: 13px;
            line-height: 100px;
            display: table-cell;
            vertical-align: middle;
            padding-top: 0;
            padding-bottom: 0;
            font-weight: bold;
            color: #000000;
            text-decoration: none;

            &:hover {
              opacity: .8;
            }
          }


          >ul {

            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            min-width: 160px;
            width: max-content;
            margin: 0;
            padding: .5rem;
            font-size: 14px;
            text-align: left;
            background: #fff;
            \\border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 4px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

            /* display: block;
            position: fixed;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: 96vw;
            z-index: 1000;
            background-color: white;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none; */



            >li {
              position: relative;
              margin: 0;
              padding: 0;


              >a {

                font-size: 13px;
                \\line-height: 100px;
                \\font-weight: bold;
                display: table-cell;
                vertical-align: middle;
                padding-top: 0;
                padding-bottom: 0;
                color: #000000;
                text-decoration: none;
                line-height: 1.42857143;
                padding: .25rem 0;


                &:hover {
                  opacity: .8
                }
              }


              >ul {
                position: absolute;
                top: -6px;
                left: 100%;
                z-index: 1001;
                display: none;
                min-width: 220px;
                width: max-content;
                margin: 0;
                padding: .5rem;
                background: #fff;
                box-shadow: 0 6px 12px rgba(0, 0, 0, .175);



                >li {
                  margin: .75rem 0;
                  padding: 0;

                  >a {
                    display: block;
                    padding: 10px 15px;
                    color: #333;
                    white-space: nowrap;
                    text-decoration: none;

                    &:hover {
                      opacity: .8
                    }
                  }

                  >ul {

                    >li {

                      >ul {
                        padding-left: 1rem;
                      }
                    }
                  }

                }
              }


              &:hover>ul {
                display: block;
              }



            }
          }

          &:hover>ul {
            display: block;
          }




          &:nth-of-type(3) {
            &:hover>ul {
              display: block;
            }

            >ul {


              display: none;
              position: fixed;
              \\top: 160px;
              left: 50%;
              transform: translateX(-50%);
              width: 96vw;
              z-index: 1000;
              padding: 5px 0;
              margin: 2px 0 0;
              font-size: 14px;
              text-align: left;
              list-style: none;




              >li {

                width: 25%;
                float: left;
                min-width: 160px;
                display: block;


                >a {
                  font-family: 'eurostile_extendedbold' !important;
                  text-transform: uppercase;
                  font-size: 15px;
                  font-weight: bold !important;
                  padding: 10px 20px;
                  display: block;
                  color: #000000;
                  text-decoration: none;
                  padding-top: 10px !important;
                  padding-bottom: 0 !important;
                  clear: both;
                  white-space: nowrap;

                  &:hover {
                    opacity: .8
                  }
                }

                >ul {
                  position: unset;
                  display: block;
                  border: none;
                  box-shadow: none;

                  >li {

                    a {

                      font-size: 13px;
                      display: table-cell;
                      vertical-align: middle;
                      padding-top: 0;
                      padding-bottom: 0;
                      font-weight: normal;
                      line-height: 1.8;
                      color: #000000;
                      text-decoration: none;

                      &:hover {
                        opacity: .8
                      }
                    }
                  }

                }
              }
            }
          }









        }
      }
    }

  }
}

.site-header.scroll {
  height: 50px;
  \\background: #111;
}

.site-content {
  margin-top: 0px;
  width: 100%;
  \\border: 1px solid red;
  \\padding: 1rem;
}

/* Padding */
.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}


/* Margin */

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}


.flex {
  display: flex;
  flex-direction: row;
  gap: 3rem;

  >* {
    flex: 1;
    \\margin-inline: 2rem;
  }
}


@media screen and (max-width: 768px) {
  .flex {
    flex-direction: column;
  }

  .justify-center {
    \\align-items: center;
    padding-inline: 1rem !important;
  }
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.col-md-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-md-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-md-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

@media screen and (max-width: 768px) {

  .col-md-2,
  .col-md-3,
  .col-md-4 {
    width: 100%;
    padding-inline: 1rem;
  }
}


.container {
  max-width: 1600px;
  width: 100%;
}


img {
  max-width: 100%;
  vertical-align: middle;
}


.btn-block {
  display: block !important;
  width: 100%;
}

.btn {
  display: inline-block;
  /* margin-bottom:0; */
  /* font-weight:400; */
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:hover,
.btn:focus,
.fake-submit:hover,
.fake-submit:focus {
  border-bottom-color: rgba(0, 0, 0, 0.4);
  border-left-color: rgba(0, 0, 0, 0.3)
}

.btn-lg {
  padding: 16px 22px
}

.btn-sm {
  padding: 2px 8px;
  border-bottom-width: 2px;
  border-left-width: 2px
}


footer {
  display: flex;
  flex-direction: column;
  background-color: #bfbfbf;
  bottom: 0;
  right: 0;
  left: 0;

  >div {
    padding: 1rem;
  }

  >[links] {
    display: flex;
    flex-direction: row;


    >div {
      \\border: 1px solid red;
      \\margin-block: 1rem;
      flex: 1;
      \\padding: 2.5rem;
      padding-left: 4rem;


      >div {
        \\border: 1px solid blue;
        padding-left: 10rem;

        >h2 {
          font-family: 'eurostile_extendedbold';
        }

        a {
          color: #747a85;
          text-decoration: none;
        }

      }
    }
  }

  >[copyright] {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 1rem;
    background-color: #525252;

    >div {
      color: #ffffff;

      >p {
        margin: 1rem 12rem;

        >span {
          font-size: 12px;

          >span {
            font-family: 'eurostile_extendedbold';
          }
        }
      }

    }
  }


}


@media screen and (max-width: 768px) {
  footer>[links]>div {
    padding-left: 0 !important;
  }

  footer>[links]>div>div {
    padding-left: 0 !important;
  }


  footer {
    &>[copyright] {
      &>div {
        >p {
          margin: 1rem;
        }
      }
    }
  }


}

@media screen and (max-width: 900px) {
  footer>[links] {
    flex-direction: column;
  }


  footer {
    &>[copyright] {
      &>div {
        >p {
          margin: 1rem;
        }
      }
    }
  }


}





@media (max-width: 1200px) {


  .site-header {
    padding: 1.5rem 1.5rem;

    a {
      color: #737a85 !important;
    }

    >div {


      >#block-website-theme-main-menu {

        position: fixed !important;
        left: -100% !important;
        top: 0px;
        flex-direction: column !important;
        background-color: lightblue !important;
        padding: 1rem;
        transition: left .4s;
        height: 100%;
        background-color: #20252a !important;
        color: #737a85 !important;

        &.open {
          left: 0px !important;
          width: 300px !important;
          \\padding: 1rem;
          position: fixed !important;
        }

        >.menu-link-container {
          margin-top: 6rem;
          height: 2rem;
          text-transform: uppercase;
          font-size: .6rem;

          >a {
            font-weight: bold;
            display: inline-block;
            cursor: pointer;
            vertical-align: middle;
            letter-spacing: 1px;
            text-transform: uppercase;
          }
        }


        >ul {
          flex-direction: column !important;
          overflow-x: hidden;
          overflow-y: auto;
          width: 100% !important;
          height: 100% !important;

          /* >li { */
          >li {
            padding: .25rem !important;
            align-items: center;

            >a {
              line-height: 1rem !important;
              color: #737a85 !important;
              font-size: 13px !important;
              line-height: 25px !important;
            }

            >a::after {
              position: absolute;
              right: 20px;
              font-family: 'Font Awesome 5 Free';
              content: "\f054";
            }



            >ul {
              display: none !important;
              position: unset !important;
              background: transparent !important;
              box-shadow: none !important;
              color: #737a85 !important;
              margin-left: 1rem !important;

              >li {


                a::before {
                  font-family: 'Font Awesome 5 Free';
                  content: "";
                  \\top: 0;
                  content: "\f061";
                  \\content: "\f054";
                  padding-right: 10px;
                }


              }
            }


            &:nth-of-type(3) {

              ul {
                display: none !important;

                >li {

                  /* >a{ */
                  a {
                    font-size: 13px !important;
                    padding: 0 !important;
                    padding: .5rem 0 !important;
                  }



                  >ul {
                    background-color: transparent !important;
                  }

                }
              }






            }


          }


          li.sidemenu-open {
            >ul {
              display: block !important;
              display: flex !important;
              flex-direction: column !important;
              transform: none !important;
              width: unset !important;
              margin-left: .5rem !important;


            }

            >a {
              \\color: #c01f24 !important;
            }

            >a::after {
              \\font-family: 'Font Awesome 5 Free';
              \\content: "\f061";
              \\content: "\f078";
            }




          }




        }





      }


      .button-toggle {
        padding: .75rem .2rem;
        cursor: pointer;
        display: inline-flex;
        position: relative;
        z-index: 4000;
      }

      .menu-toggle {
        display: block !important;
        position: relative;
        width: 30px;
        height: 4px;
        padding: 0;
        border: 0;
        background-color: #0180ef;
        cursor: pointer;
        transition: all .3s;
      }

      .menu-toggle.open {
        background-color: rgba(0, 0, 0, 0) !important;
      }

      .menu-toggle::before,
      .menu-toggle::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 4px;
        background-color: #0180ef;
        cursor: pointer;
        transition: all .3s;
      }

      .menu-toggle::before {
        top: 8px;
        background-color: #0180ef;
      }

      .menu-toggle.open::before {
        top: 0px;
        transform: rotate(45deg);
      }

      .menu-toggle::after {
        bottom: 8px;
      }

      .menu-toggle.open::after {
        top: 0px;
        transform: rotate(-45deg);
      }

    }
  }


}


@media screen and (max-width: 768px) {

  .site-header {

    >div {

      >#block-website-theme-main-menu {

        &.open {
          width: 100% !important;
        }

        >ul {

          >li {

            >a {
              font-size: 14px !important;
            }
          }
        }


      }


    }


  }



}