._heading, h1, h2, h3, h4, h5, h6, .head-h1 div, .head-h2 div, .head-h3 div, .head-h1 span, .head-h2 span, .head-h3 span,
.head-h1, .head-h2, .head-h3{
  font-family: "Roboto", "IBM Plex Sans Thai",  sans-serif !important;
}
body,
th,th,
.head-span{
  font-family: "Roboto", "IBM Plex Sans Thai",  sans-serif !important;
}
._heading, .btn, .button, .menu, blockquote, legend, fieldset, table, button, input, select
, textarea, nav,label,span.jet-headline__label, span.jet-headline__part,span.elementor-icon-list-text,
.elementor-post-navigation__link span, span.timeline-label, time, span.head_tab, span.ha-tab__title-text, ul.menu_setting li span,
.text, .error, .success, .tab-post li, .ha-advanced-heading-wrap span, span.elementor-post-date, .breadcrumb-label, li,
ul li span, .elementor-text-editor.elementor-clearfix, .td-paragraph-padding-0, span.elementor-button-text, a,span.custom-select-trigger,
.elementor-image-box-title, .elementor-widget-container, .content-pagination span.text-number_page, .content-pagination a.last-number_page{
  font-family: "Roboto", "IBM Plex Sans Thai",  sans-serif !important;
}
p, strong , .elementor-nav-menu a, span.jet-custom-item-label, .jet-menu-name span.jet-menu-label
a,figcaption,.custom-options span, span.woocommerce-Price-amount.amount, span.woocommerce-Price-amount.amount{
  font-family: "Roboto", "IBM Plex Sans Thai",  sans-serif !important;
}
#wpadminbar .ab-icon {
    font: normal 20px/1 dashicons !important;
}
#wpadminbar * {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}
  ::selection {
    background: #31426d;
    color: #C6A569;
  }
  ::-moz-selection {
    background: #31426d;
    color: #C6A569;
  }
  h1, h2, h3, h4, h5, h6{
    margin: 0;
  }
  button{
      cursor: pointer;
  }
  p {
    margin: 0;
    transition: all ease-in-out 250ms !important;
    -webkit-transition: all ease-in-out 250ms !important;
    -o-transition: all ease-in-out 250ms !important;
    -moz-transition: all ease-in-out 250ms !important;
    text-decoration: unset;
    /*line-height: 1.6em;*/
  }
  .single-post .entry-content p{
    margin: 0;
  }
  button, input, textarea, span.jet-menu-label, input[type="submit"], i{
     transition: all ease-in-out 250ms !important;
     -webkit-transition: all ease-in-out 250ms !important;
     -o-transition: all ease-in-out 250ms !important;
     -moz-transition: all ease-in-out 250ms !important;
     text-decoration: unset;
  }
  a{
    color: #000;
    font-weight: 500;
    text-decoration: none !important;
  }
  a:hover{
    color: #31426d;
    opacity: 0.7;
  }
  body {
    margin: 0;
  }
body.admin-bar .site-header {
    top: 0;
}
  @keyframes slidein {
    from {
      right: 0;
      transform: translateX(600px);
    }
    to {
      transform: translateX(0);
    }
  }
  @keyframes slideup {
    from {
      right: 0;
      transform: translateY(-600px);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes slideout {
    from {
      transform: translateX(0);
    }
    to {
      right: 0;
      transform: translateX(600px);
    }
  }
body.admin-bar.page-content, body.admin-bar.entry-content, body.admin-bar.entry-summary {
  margin-top: 1px;
}
div#sticky-bar_top.active {
  position: fixed;
  top: 46px;
  z-index: 999999;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1280px !important;
  box-shadow: 8px 5px 22px #36363614;
}
.de-none{
  display: none !important;
}
/*footer*/
.site-footer {
  position: relative;
  padding: 5em 0 0;
  background: #31426d !important;
}
.site-footer .ft-box {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.site-footer .ft-box .ft-x {
  position: relative;
  overflow: hidden;
}
.site-footer .ft-box .ft-x .v-container {
  padding: 0;
}
.site-footer .ft-box .ft-x .v-row {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  justify-content: center;
  align-items: start;
}
.site-footer .ft-box .ft-x.ft-mid .v-column {
  flex-basis: calc(20% - 20px);
}
.site-footer ul {
  margin: 0;
  padding: 0;
}
.site-footer li {
  list-style: none;
}
.ft-x.ft-mid .v-column {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
}
.site-footer li {
  margin: 0;
}
.site-footer .elementor-widget-container {
  margin: 0 !important;
}
.ft-x.ft-mid .v-column p {
  padding: 0;
  font-size: 15px;
  text-align: left;
  display: block;
  color: #fff;
  line-height: 1.5;
  font-weight: 300;
}
.site-footer h3.widgettitle {
  font-size: 21px;
  font-weight: 500;
  color: #c6a569;
  position: relative;
  display: block;
  text-align: left;
  padding-bottom: 10px;
}
.site-footer h3.widgettitle:before {
  content: '';
  display: block;
  height: 1px;
  width: 40px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
}
.site-footer li.w-footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
}
.site-footer li.w-footer ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 13px;
  justify-content: flex-start;
  align-items: flex-start;
}
.site-footer li.w-footer ul li {
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.site-footer li.w-footer ul li a {
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  max-width: 100%;
}
.ft-x.ft-mid .v-column-1 img {
  border-radius: 8px;
  display: block;
  width: 100%;
  max-width: 200px !important;
}
.site-footer .ft-box .ft-x.ft-mid .v-column-1 {
  gap: 35px;
  flex-basis: calc(40% - 20px);
}
.ft-bot_row {
  display: flex;
}
.ft-bot_row .ft-bot {
  flex-basis: calc(50% - 20px);
}
.ft-bot_row .ft-bot.ft-bot_1 ul {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.ft-bot_row .ft-bot.ft-bot_2 {
  display: flex;
  justify-content: right;
}
.ft-bot_row .ft-bot.ft-bot_2 p {
  padding: 0;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
}
.site-footer .ft-box .ft-x.ft-bot .v-container {
  border-top: 1px solid #ffffff42;
  padding: 1.5em 0;
}
.site-footer .ft-box {
  gap: 4em;
}
.v-container {
  max-width: 1280px !important;
}
.site-branding img {
  max-height: 70px !important;
}
.site-header>.v-container {
  align-items: center !important;
}
.desktop_menu li > a:hover, .site-header .menu-item-has-children:hover > .wrap-toggle-mobile svg, .site-header .menu-item-has-children:hover > a, .current_page_item > a {
  color: #31426d !important;
  opacity: 0.7 !important;
}
ul.sb-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row !important;
  gap: 10px !important;
}
ul.sb-list li {
  display: block;
}
ul.sb-list li a {
  display: block;
  line-height: 1;
  transition: all ease-in-out 350ms;
}
ul.sb-list li a:hover {
  transform: scale(1.2);
}
ul.sb-list li a svg {
  width: 32px;
  height: 32px;
  fill: #fff;
  border-radius: 9px;
}
.top-header {
  background: #31426d;
  padding: 10px 0;
}
.top-header ul {
  padding: 0;
  margin: 0;
}
.top-header li {
  list-style: none;
  margin: 0;
}
.top-header ul.sb-list li a svg {
  width: 24px;
  height: 24px;
}
.top-header .th-row {
  display: flex;
  gap: 20px;
}
.top-header .th-row .th {
  flex-basis: calc(50% - 10px);
  display: flex;
  align-items: center;
}
.top-header .th-row .th .topheader-column {
  display: flex;
  gap: 20px;
  align-items: center;
  color: #fff;
}
.top-header .th-row .th .topheader-column a {
  color: #fff;
  font-weight: 300;
  font-size: 15px;
}
.top-header .th-row .th.th-2 {
  justify-content: right;
}
.site-footer ul li.current_page_item a {
  color: #fff !important;
}
/*destop medium*/
@media (max-width: 1600px){
}
/*laptop*/
@media (max-width: 1280px){
}
/*ipad (tablet)*/
@media (max-width: 1024px) {
  .site-footer {
    padding: 2em 2em 0;
}
.site-footer .ft-box .ft-x.ft-mid .v-column {
    flex-basis: calc(50% - 20px);
}
.site-footer .ft-box .ft-x.ft-mid .v-column-4 {
    order: 2;
}
.site-footer .ft-box .ft-x.ft-mid .v-column-1 {
    order: 1;
}
.site-footer .ft-box .ft-x.ft-mid .v-column-2 {
    order: 3;
}
.site-footer .ft-box .ft-x.ft-mid .v-column-3 {
    order: 4;
}
.top-header .th-row .th .topheader-column a {
  font-size: 14px;
}
.top-header .th-row {
  gap: 20px;
}
.top-header .th-row .th-1 {
  flex-basis: calc(40% - 10px);
}
.top-header .th-row .th-2 {
  flex-basis: calc(60% - 10px);
}
#mobile_menu_wrap.is-active {
  background: #31426d !important;
}
#mobile-menu li {
  border: 0 !important;
}
#mobile-menu li>a {
  font-size: 21px !important;
  color: #c6a569 !important;
  font-weight: 400 !important;
}
#close-mobile-menu {
  border: 0 !important;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background: #c6a569 !important;
}
#mobile-menu li>a:hover {
  color: #c6a569 !important;
  opacity: 0.7 !important;
}
}
/*iphone5 (small smartphone)*/
@media (max-width: 767px) {
  div#sticky-bar_top.active {
    position: unset !important;
    top: unset !important;
    z-index: unset !important;
    left: unset !important;
    transform: unset !important;
    width: unset !important;
    max-width: unset !important;
    box-shadow: unset !important;
  }
  .de-none{
    display: unset !important;
  }
  .site-footer .ft-box .ft-x.ft-mid .v-column-1, .site-footer .ft-box .ft-x.ft-mid .v-column-4 {
    flex-basis: 100%;
  }
  .ft-bot_row {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }
  .site-footer {
    padding: 2em 1.5em 0;
  }
  .site-footer .ft-box .ft-x .v-row {
    gap: 35px 36px;
  }
  .site-footer .ft-box {
    gap: 2em;
  }
  .top-header .th-row .th.th-2 {
    display: none;
  }
  .top-header .th-row .th-1 {
    flex-basis: 100%;
    justify-content: center;
  }
  .toggle-search {
    display: none !important;
  }
}