img {
  width: 100%;
  max-width: 100%;
  height: auto;
  line-height: 0;
}

/* HEADER S */
.navbar .dropdown ul li {
  min-width: 180px !important;
}
.header-logo-left {
  width: 240px !important;
  padding-left: 10px;
  padding-top: 10px;
}
.header-logo-right {
  width: 168px;
  padding-right: 20px;
}
#header {
  align-items: start !important;
  padding-top: 0px;
  background: #f9f4eb;
  background-image: url("../../images/header/header-bg.webp");
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 9999;
}
.navbar a,
.navbar a:focus {
  padding: 10px 20px 10px 20px;
}

#navbar ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#navbar ul li a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bolder;
  color: #ad3526;
  letter-spacing: 0px;
  /*text-shadow: 1px 1px 1px rgb(150 64 43);*/
}
#navbar .subMenu {
  background-color: transparent;
  width: 180px;
  left: unset;
}
#navbar .subMenu li a {
  display: block;
  text-align: center;
  padding: 0px 0px;
}
#mainMenu-intro,
#mainMenu-act {
  width: 180px;
}
#mainMenu-intro:hover {
  color: #fff;
  background-color: #cada38;
}
#mainMenu-act:hover {
  color: #fff;
  background-color: #ff9c5c;
}
#mainMenu-intro .subMenu {
  padding: 10px 0px;
  color: #fff;
  background-color: #cada38;
  box-shadow: unset;
}
#mainMenu-act .subMenu {
  padding: 10px 0px;
  color: #fff;
  background-color: #ff9c5c;
  box-shadow: unset;
}
/* HEADER E */

/* FOOTER S */
#footer {
  background: #ab3122;
}
#footer .footer-top {
  background: #ab3122;
  padding: 30px 0 0px 0;
}
#footer .imageX-logo-w {
  margin-top: 0px;
  margin-left: 30px;
  width: 240px;
}
.footer-info-l {
  display: inline-block;
  width: 70%;
}
.footer-info-r {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.imageX-qrcode {
  width: 128px;
}

.footerPre {
  display: flex;
  align-items: end;
  justify-content: center;
  /*background-color: #fcf4ec;*/
  position: relative;
  width: 100%;
  height: 232px;
}
.footerPre .footerPre-bg-l {
  position: absolute;
  bottom: 0px;
  width: 50%;
  left: 0px;
}
.footerPre .footerPre-bg-r {
  position: absolute;
  bottom: 0px;
  width: 50%;
  right: 0px;
}
.footerPre-img {
  margin: 0 auto;
  text-align: center;
  width: 90px;
}
/* FOOTER E */

/* HERO S */
#hero {
  width: 100%;
  height: 100vh;
  min-height: 768px;
  margin: 0 auto;
  overflow: hidden;
}

.itemX-about-pic {
  margin: 10%;
  margin-top: 0%;
  border-radius: 50%;
  overflow: auto;
}
/* HERO E */

/* INDEX S */
.itemX-content {
  /*height: 2180px;*/
}
.itemX-element {
  position: relative;
}
#sec1-bg {
  top: -350px;
}
#sec1-pic {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  top: -950px;
  z-index: 999;
}
#sec1-pic .itemX-img {
  margin-left: -360px;
  width: 80%;
}
#sec1-pic .itemX-txt {
  font-size: 1.3rem;
  line-height: 2.5rem;
  color: #96402b;
  font-weight: bolder;
}

#sec3 {
  background-color: #fcf4ec;
  top: -950px;
  z-index: 999;
}
#sec3 .sec3-pic {
  position: relative;
  top: -180px;
}
#sec3-content {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  top: -740px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec3-l {
  display: inline-block;
  width: 45%;
}
.sec3-r {
  display: inline-block;
  width: 50%;
}
#sec3-content .itemX-txt {
  font-size: 1.3rem;
  line-height: 2.5rem;
  color: #5f5f5f;
  font-weight: bolder;
  text-align: center;
  margin-top: 30px;
}
/* INDEX E */