@import url(_jquery-ui.css);
.wrapper__container {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: 100vh;
  min-height: 680px;
  align-items: center; }

html:has(.page--home) {
  height: 100vh;
  overflow-y: scroll;
  scroll-behavior: smooth; }

.header__container {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: 'content';
  grid-auto-rows: min-content;
  min-height: 80px;
  height: 80px;
  width: 100%;
  border-bottom: 1px solid #AF53B7;
  background: #FFF; }
.header__content {
  grid-area: content;
  display: grid;
  grid-template-columns: auto auto;
  grid-auto-rows: min-content;
  grid-gap: 24px;
  align-items: center;
  justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto;
  height: 80px; }
.header__header {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0; }
  .header__header div {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .header__header div a {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center; }
      .header__header div a svg {
        margin-right: 8px; }
      .header__header div a:not(:last-child) {
        padding-right: 12px;
        margin-right: 12px;
        border-right: 1px solid white; }
.header__logo {
  display: flex;
  align-items: center;
  justify-content: center; }
  .header__logo img {
    max-width: 188px;
    height: 59px;
    object-fit: contain; }
.header__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #12131B; }
  .header__footer a {
    display: block;
    color: inherit; }
@media (max-width: 768px) {
  .header__container {
    grid-template-columns: 1fr;
    justify-content: space-between; } }

.menu__container {
  display: grid;
  align-items: center;
  grid-template-columns: 100%;
  grid-gap: 4px;
  justify-content: flex-end; }
.menu__header {
  cursor: pointer;
  border-radius: 12px;
  padding: 12px;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #484848;
  text-transform: uppercase; }
  .menu__header.active {
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid white; }
.menu__content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, auto));
  grid-auto-rows: 1fr;
  align-items: center;
  justify-content: center;
  border-radius: 6px; }
.menu-item {
  width: min-content;
  flex-grow: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  cursor: pointer; }
  .menu-item > a {
    display: block; }
  .menu-item--depth-1.menu-item--active > a, .menu-item--depth-1.menu-item:hover > a {
    font-weight: 800; }
  .menu-item, .menu-item a {
    color: #484848;
    text-align: center;
    font-family: "Sarabun";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.5px;
    white-space: nowrap; }
  .menu-item a {
    width: fit-content;
    padding-right: 14px;
    padding-left: 14px; }
  .menu-item--parent > ul {
    --display: none;
    display: var(--display);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9;
    background: white;
    padding: 8px !important; }
  .menu-item--parent:hover > ul {
    --display: grid; }
.menu ul.menu-item--depth-2 {
  padding: 24px !important;
  border-top: 2px solid #F90000;
  box-shadow: 0px 4px 28px rgba(0, 46, 94, 0.1);
  border-radius: 0px 0px 24px 24px;
  min-width: 355px; }
  .menu ul.menu-item--depth-2, .menu ul.menu-item--depth-2 * {
    text-align: left; }
  .menu ul.menu-item--depth-2 .title {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #00091F;
    margin-bottom: 16px; }
  .menu ul.menu-item--depth-2 .text {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B; }
.menu ul.menu-item--post {
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  grid-gap: 12px; }
  .menu ul.menu-item--post .menu-item__container {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: min-content;
    grid-gap: 4px;
    padding: 4px; }
  .menu ul.menu-item--post .menu-item__header {
    min-height: 80px;
    max-height: 80px;
    height: 80px; }
    .menu ul.menu-item--post .menu-item__header img {
      border-radius: 4px;
      object-fit: cover; }
.menu__footer .menu-item a {
  display: grid;
  grid-template-columns: auto 24px;
  grid-auto-rows: 1fr;
  grid-gap: 16px;
  align-items: center; }
.menu__footer .menu-item svg path {
  fill: #2FB0D9; }
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
@media (max-width: 768px) {
  .menu {
    position: static;
    margin: 10px 0; }
    .menu__container {
      display: block;
      border: none;
      border-radius: 0; }
    .menu__body {
      background: #2FB0D9;
      border-radius: 0 0 12px 12px; }
      .menu__body:not(.active) {
        display: none; }
    .menu-item--depth-1 {
      border: none !important; }
      .menu-item--depth-1 svg path {
        fill: white; }
    .menu-item:after {
      display: none !important; }
    .menu__content {
      grid-template-columns: 100%;
      grid-auto-rows: min-content;
      flex-direction: column; }
      .menu__content > * {
        margin: 0 !important;
        width: 100%; }
        .menu__content > * a {
          padding: 8px; }
        .menu__content > * ul {
          --display: none !important; } }
@media (min-width: 1201px) {
  .menu__header {
    display: none; } }

input, select, textarea {
  background: #fff;
  max-width: 100%; }

select.input-1 {
  font-family: inherit;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  padding-right: 48px !important; }

.input-box {
  position: relative;
  margin: 0; }
  .input-box, .input-box * {
    box-sizing: border-box; }
  .input-box textarea {
    width: 100%;
    border: 1px solid #cecece;
    background: #fff;
    padding: 15px;
    font-weight: 300;
    font-size: 16px;
    color: #626262;
    outline: none;
    border-radius: 6px; }
    .input-box textarea::placeholder {
      color: #858585;
      font-family: Sarabun;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; }
  .input-box .input-label {
    z-index: 2;
    position: absolute;
    color: #858585;
    font-size: 16px;
    font-weight: 400;
    max-width: calc(100% - (2 * 8px));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 8px;
    top: calc(50% - 16px / 2);
    padding: 0 8px;
    transition: 250ms;
    user-select: none;
    pointer-events: none;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.005em; }
    .input-box .input-label svg {
      position: relative;
      width: 15px;
      height: 15px;
      top: 2px;
      transition: 250ms; }
  .input-box .input-1 {
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    border-radius: 8px;
    color: #121212;
    border: 1px solid #79747E;
    padding: 13px 15px;
    transition: 250ms;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; }
    .input-box .input-1:focus {
      outline: none;
      border: 1px solid #1E1E1E;
      transition: 250ms;
      outline: none; }
    .input-box .input-1::placeholder {
      color: #858585;
      font-family: Plus Jakarta Sans;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; }

.input-box.error .input-label {
  color: #FC554C;
  top: -12px;
  background: #fff;
  font-size: 11px;
  transition: 250ms; }
.input-box.error .input-1 {
  border: 2px solid #FC554C; }

.input-box.fill .input-label:first-of-type {
  color: #000; }
.input-box.fill.error .input-label:first-of-type {
  color: #FF4741; }

.input-box.focus .input-label,
.input-box.fill .input-label,
.input-box.active .input-label {
  display: none;
  color: #000;
  top: -12px;
  background: #fff;
  font-size: 11px;
  border-radius: 4px;
  transition: 250ms; }
  .input-box.focus .input-label svg,
  .input-box.fill .input-label svg,
  .input-box.active .input-label svg {
    position: relative;
    width: 11px;
    height: 11px;
    top: 2px;
    transition: 250ms; }

.input-box.active .input-1 {
  border: 2px solid #000; }

.pull-right {
  float: right; }

.clear {
  clear: both; }

textarea {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  min-height: 134px; }

.v-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #12131B; }
  .v-check a {
    color: #454545;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration-line: underline; }
  .v-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  input:checked ~ .v-check__checkmark {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 1C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1H3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3L3 21H21V3ZM3 1C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1H3Z" fill="%23064CAC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.6628 7.25117C19.0763 7.61719 19.1149 8.24918 18.7489 8.66276L12.1069 16.1676C12.101 16.1743 12.095 16.181 12.089 16.1878C11.9839 16.3066 11.8688 16.4367 11.7606 16.5405C11.6404 16.6558 11.4577 16.8104 11.2002 16.905C10.8549 17.0317 10.4784 17.0317 10.1332 16.905C9.87566 16.8104 9.69295 16.6558 9.57275 16.5405C9.46451 16.4367 9.34944 16.3066 9.24432 16.1878C9.23833 16.181 9.23237 16.1743 9.22644 16.1676L6.25117 12.8058C5.88514 12.3922 5.92369 11.7602 6.33727 11.3942C6.75084 11.0282 7.38283 11.0667 7.74886 11.4803L10.6667 14.7772L17.2512 7.33727C17.6172 6.92369 18.2492 6.88514 18.6628 7.25117ZM10.9652 15.1047C10.9672 15.1063 10.9683 15.1072 10.9683 15.1072C10.9683 15.1073 10.9673 15.1065 10.9652 15.1047ZM10.3651 15.1072C10.3651 15.1072 10.3661 15.1063 10.3681 15.1047C10.3661 15.1065 10.3651 15.1073 10.3651 15.1072Z" fill="%23064CAC"/></svg>'); }
  .v-check__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none; }
  .v-check__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3L3 21H21V3ZM3 1C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1H3Z" fill="%23121212"/></svg>'); }
  .v-check--cart, .v-check--cart-product, .v-check--product {
    padding: 16px;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B; }
    .v-check--cart .v-check__container, .v-check--cart-product .v-check__container, .v-check--product .v-check__container {
      border-radius: 8px;
      border: 1px solid #79747E;
      background: #FFF; }
    .v-check--cart .v-check__checkmark, .v-check--cart-product .v-check__checkmark, .v-check--product .v-check__checkmark {
      top: calc(50% - 12px);
      left: 16px;
      width: 24px;
      height: 24px;
      background-color: transparent !important;
      content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.9954' cy='12.0111' r='9.845' stroke='%231D211F' stroke-width='1.5'/%3E%3C/svg%3E%0A"); }
    .v-check--cart .v-check__input:checked ~ .v-check__container, .v-check--cart-product .v-check__input:checked ~ .v-check__container, .v-check--product .v-check__input:checked ~ .v-check__container {
      border-radius: 8px;
      border: 1px solid #5FA2FE;
      background: #E3EBFC; }
    .v-check--cart .v-check__input:checked ~ .v-check__checkmark, .v-check--cart-product .v-check__input:checked ~ .v-check__checkmark, .v-check--product .v-check__input:checked ~ .v-check__checkmark {
      content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.41931C9.18955 1.41931 6.49421 2.53576 4.50693 4.52304C2.51964 6.51033 1.4032 9.20567 1.4032 12.0161C1.4032 14.8266 2.51964 17.5219 4.50693 19.5092C6.49421 21.4965 9.18955 22.6129 12 22.6129C14.8104 22.6129 17.5058 21.4965 19.4931 19.5092C21.4804 17.5219 22.5968 14.8266 22.5968 12.0161C22.5968 9.20567 21.4804 6.51033 19.4931 4.52304C17.5058 2.53576 14.8104 1.41931 12 1.41931ZM2.9232 12.0161C2.9232 9.60879 3.8795 7.30007 5.58173 5.59784C7.28396 3.89561 9.59268 2.93931 12 2.93931C14.4073 2.93931 16.716 3.89561 18.4183 5.59784C20.1205 7.30007 21.0768 9.60879 21.0768 12.0161C21.0768 14.4234 20.1205 16.7321 18.4183 18.4344C16.716 20.1366 14.4073 21.0929 12 21.0929C9.59268 21.0929 7.28396 20.1366 5.58173 18.4344C3.8795 16.7321 2.9232 14.4234 2.9232 12.0161ZM12 15.2161C12.8487 15.2161 13.6626 14.879 14.2627 14.2789C14.8629 13.6787 15.2 12.8648 15.2 12.0161C15.2 11.1674 14.8629 10.3535 14.2627 9.75337C13.6626 9.15325 12.8487 8.81611 12 8.81611C11.1513 8.81611 10.3374 9.15325 9.73726 9.75337C9.13714 10.3535 8.8 11.1674 8.8 12.0161C8.8 12.8648 9.13714 13.6787 9.73726 14.2789C10.3374 14.879 11.1513 15.2161 12 15.2161Z' fill='%23EE0073'/%3E%3C/svg%3E%0A"); }
  .v-check--radio .v-check__checkmark {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.9954' cy='12.0111' r='9.845' stroke='%231D211F' stroke-width='1.5'/%3E%3C/svg%3E%0A"); }
  .v-check--radio .v-check__input:checked ~ .v-check__label {
    font-weight: 600; }
  .v-check--radio .v-check__input:checked ~ .v-check__checkmark {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.41931C9.18955 1.41931 6.49421 2.53576 4.50693 4.52304C2.51964 6.51033 1.4032 9.20567 1.4032 12.0161C1.4032 14.8266 2.51964 17.5219 4.50693 19.5092C6.49421 21.4965 9.18955 22.6129 12 22.6129C14.8104 22.6129 17.5058 21.4965 19.4931 19.5092C21.4804 17.5219 22.5968 14.8266 22.5968 12.0161C22.5968 9.20567 21.4804 6.51033 19.4931 4.52304C17.5058 2.53576 14.8104 1.41931 12 1.41931ZM2.9232 12.0161C2.9232 9.60879 3.8795 7.30007 5.58173 5.59784C7.28396 3.89561 9.59268 2.93931 12 2.93931C14.4073 2.93931 16.716 3.89561 18.4183 5.59784C20.1205 7.30007 21.0768 9.60879 21.0768 12.0161C21.0768 14.4234 20.1205 16.7321 18.4183 18.4344C16.716 20.1366 14.4073 21.0929 12 21.0929C9.59268 21.0929 7.28396 20.1366 5.58173 18.4344C3.8795 16.7321 2.9232 14.4234 2.9232 12.0161ZM12 15.2161C12.8487 15.2161 13.6626 14.879 14.2627 14.2789C14.8629 13.6787 15.2 12.8648 15.2 12.0161C15.2 11.1674 14.8629 10.3535 14.2627 9.75337C13.6626 9.15325 12.8487 8.81611 12 8.81611C11.1513 8.81611 10.3374 9.15325 9.73726 9.75337C9.13714 10.3535 8.8 11.1674 8.8 12.0161C8.8 12.8648 9.13714 13.6787 9.73726 14.2789C10.3374 14.879 11.1513 15.2161 12 15.2161Z' fill='%23EE0073'/%3E%3C/svg%3E%0A"); }
  .v-check--product {
    padding: 0;
    margin: 0; }
    .v-check--product .v-check__checkmark {
      top: 20px;
      left: 20px;
      width: 24px;
      height: 24px;
      background-color: transparent !important;
      content: url("data:image/svg+xml,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.951.045a4.067 4.067 0 0 0-2.628 1.538 4.848 4.848 0 0 0-.707 1.48l-.095.375v17.125l.095.375c.115.456.429 1.113.707 1.479a4.135 4.135 0 0 0 2.245 1.468l.37.094h17.125l.369-.094a4.135 4.135 0 0 0 2.245-1.468 4.854 4.854 0 0 0 .707-1.479l.095-.375V3.438l-.094-.37A4.135 4.135 0 0 0 22.917.823a5.046 5.046 0 0 0-1.459-.706l-.354-.095-8.458-.006C7.994.012 4.081.025 3.951.045m17.071 2.019c.464.12.973.522 1.239.978.253.433.239-.098.239 8.957 0 7.911-.003 8.286-.077 8.551-.178.641-.762 1.219-1.401 1.385-.22.058-1.178.065-8.522.065-9.056 0-8.525.014-8.958-.239a2.656 2.656 0 0 1-.78-.768c-.28-.465-.262.142-.262-8.993s-.018-8.528.262-8.993c.158-.261.515-.614.781-.769.421-.246-.1-.232 8.938-.235 7.344-.003 8.322.004 8.541.061' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"); }
    .v-check--product .v-check__input:checked ~ .v-check__container {
      background: #EFF0F6;
      border-color: #2FB0D9; }
    .v-check--product .v-check__input:checked ~ .v-check__checkmark {
      content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='%23EE0073'/%3E%3Cg clip-path='url(%23clip0_50_2744)'%3E%3Cpath d='M9.49992 15.5L5.99992 12L4.83325 13.1667L9.49992 17.8334L19.4999 7.83335L18.3333 6.66669L9.49992 15.5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_50_2744'%3E%3Crect width='20' height='20' fill='white' transform='translate(2 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .v-check--cart-product {
    padding: 16px;
    padding-right: 0;
    margin: 0; }

.input-box .selection-box:before {
  display: none; }
.input-box .selection-box:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%237D838C' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  right: 12px;
  top: calc(50% - 8px); }

input.input--clear {
  background: none;
  border: none;
  outline: none; }
  input.input--clear::placeholder {
    color: inherit; }

.input-box .password-eye {
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px 16px; }
  .input-box .password-eye svg:not(.active) {
    display: none; }

.v-form {
  width: 100%; }
  .v-form .input-box {
    margin-bottom: 24px; }
    .v-form .input-box.error {
      margin-bottom: 4px; }
      .v-form .input-box.error .alert {
        min-height: 20px;
        height: 100%;
        width: 100%; }

.input-box--qty {
  display: grid;
  grid-template-columns: 18px 46px 18px;
  grid-auto-rows: 1fr;
  grid-gap: 8px;
  align-items: center; }
  .input-box--qty input {
    text-align: center; }
  .input-box--qty input::-webkit-outer-spin-button,
  .input-box--qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .input-box--qty input[type=number] {
    -moz-appearance: textfield; }
  .input-box--qty .input-box__plus, .input-box--qty .input-box__minus {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 36px;
    text-transform: capitalize;
    color: #12131B;
    user-select: none; }
    .input-box--qty .input-box__plus:hover, .input-box--qty .input-box__minus:hover {
      color: #000; }

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
  z-index: 9999; }

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center; }

.modal__container {
  padding: 30px;
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  max-width: 800px;
  width: fit-content;
  background: #FFFFFF;
  box-shadow: 4px 4px 30px rgba(31, 46, 85, 0.25);
  border-radius: 36px; }
  @media (max-width: 768px) {
    .modal__container {
      border-radius: 0;
      padding: 24px 16px; } }

.modal__header {
  margin-bottom: 32px; }

.modal__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  color: #2D3748; }

.modal__close {
  background: transparent;
  border: 0; }

.modal__header .modal__close:before {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8); }

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out; }

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

.modal__btn-primary {
  background-color: #00449e;
  color: #fff; }

.modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 32px; }

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes mmslideIn {
  from {
    transform: translateY(15%); }
  to {
    transform: translateY(0); } }
@keyframes mmslideOut {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-10%); } }
.micromodal-slide {
  display: none; }

.micromodal-slide.is-open {
  display: block; }

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  z-index: 1; }

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform; }

.page:not(.page--home) {
  --offset: 0;
  margin-top: var(--offset); }
  @media (max-width: 1200px) {
    .page:not(.page--home) {
      --offset: calc(38px + 20px) ; } }
.page.page--product, .page.page--catalog, .page.page--checkout, .page.page--contact, .page.page--terms, .page.page--policy {
  margin-top: 0 !important; }
.page__container {
  width: 100%;
  max-width: 100%; }
  .page__container .we-help {
    margin: 70px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'text img';
    gap: 48px;
    grid-gap: 48px; }
    @media (max-width: 1024px) {
      .page__container .we-help {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column; } }
    .page__container .we-help .image {
      grid-area: img; }
      .page__container .we-help .image img {
        width: 100%;
        height: auto;
        object-fit: cover; }
    .page__container .we-help .text {
      grid-area: text;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column; }
      @media (max-width: 1024px) {
        .page__container .we-help .text {
          align-items: center; } }
      .page__container .we-help .text h3 {
        margin: 0 0 24px;
        max-width: 460px;
        color: #12131B;
        font-family: Sarabun;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        /* 133.333% */
        text-transform: capitalize; }
        @media (max-width: 1024px) {
          .page__container .we-help .text h3 {
            text-align: center; } }
      .page__container .we-help .text p {
        max-width: 528px;
        margin: 0 0 48px;
        color: #12131B;
        font-family: Sarabun;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        /* 140% */ }
        @media (max-width: 1024px) {
          .page__container .we-help .text p {
            text-align: center; } }

.page__header {
  grid-area: header; }
.page__body {
  grid-area: body; }
.page__footer {
  grid-area: footer; }
.page--dashboard .page__container, .page--food-log .page__container, .page--activity-log .page__container, .page--mood-log .page__container, .page--weight-log .page__container, .page--profile .page__container {
  display: grid;
  grid-template-columns: 8fr 4fr;
  grid-auto-rows: min-content;
  grid-gap: 16px 48px;
  grid-template-areas: 'header footer' 'body footer';
  align-items: flex-start; }
@media (max-width: 1200px) {
  .page--dashboard .page__container, .page--food-log .page__container, .page--activity-log .page__container, .page--mood-log .page__container, .page--weight-log .page__container, .page--profile .page__container {
    grid-template-columns: 100%;
    grid-template-areas: 'header' 'body' 'footer'; } }
.page--change-password .page__container, .page--forgot-password .page__container, .page--reset-password .page__container {
  align-items: center;
  justify-content: center;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content;
  grid-template-areas: 'header' 'body' 'footer';
  grid-gap: 16px; }
.page--change-password .page__body, .page--forgot-password .page__body, .page--reset-password .page__body {
  max-width: 600px;
  justify-self: center;
  width: 100%; }
  .page--change-password .page__body .v-form__body, .page--forgot-password .page__body .v-form__body, .page--reset-password .page__body .v-form__body {
    grid-template-columns: 100% !important; }
.page--forgot-password .page__body, .page--reset-password .page__body {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  grid-gap: 8px; }
  .page--forgot-password .page__body p, .page--reset-password .page__body p {
    font-size: 14px; }
  .page--forgot-password .page__body .v-form__header, .page--reset-password .page__body .v-form__header {
    margin-bottom: 16px; }
    .page--forgot-password .page__body .v-form__header h2, .page--reset-password .page__body .v-form__header h2 {
      margin-bottom: 8px; }
  .page--forgot-password .page__body .v-form .button, .page--reset-password .page__body .v-form .button {
    width: 100%; }
.page--checkout .page__container {
  display: grid;
  grid-template-columns: 1fr; }
  .page--checkout .page__container #checkout-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'body header';
    gap: 32px;
    padding: 52px 16px; }
    @media screen and (max-width: 1200px) {
      .page--checkout .page__container #checkout-block {
        grid-template-columns: 1fr;
        grid-template-areas: "header" "body";
        padding: 10px; } }
    .page--checkout .page__container #checkout-block .page__body {
      border-radius: 24px;
      background: #E3EBFC;
      padding: 20px 0; }
    .page--checkout .page__container #checkout-block .page__header .checkout {
      background: #E3EBFC;
      padding: 20px 0;
      margin-bottom: 32px;
      border-radius: 24px; }
      .page--checkout .page__container #checkout-block .page__header .checkout__container > * {
        padding-left: 20px;
        padding-right: 20px; }
      .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__header {
        color: #454545;
        border-bottom: 1px solid #999; }
      .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__body {
        color: #454545;
        line-height: 28px; }
        .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__body .checkout-item__footer b {
          color: #454545;
          text-align: right;
          font-family: Sarabun;
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 28px;
          letter-spacing: 0.5px; }
      .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__footer {
        padding-top: 20px;
        border-top: 1px solid #999; }
        .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__footer > a {
          color: #064CAC;
          font-family: "Krona One";
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 30px;
          letter-spacing: 0px;
          text-transform: uppercase;
          text-decoration: none; }
          @media (max-width: 500px) {
            .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__footer > a {
              font-size: 17px; } }
        .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__footer > button {
          height: initial;
          color: #064CAC;
          text-align: right;
          font-family: Sarabun;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: 0px;
          text-transform: uppercase;
          text-decoration: none; }
          @media (max-width: 500px) {
            .page--checkout .page__container #checkout-block .page__header .checkout__container .checkout__footer > button {
              font-size: 17px; } }
    .page--checkout .page__container #checkout-block .page__header .checkout--total .checkout__container .checkout__body {
      padding-top: 0; }
    .page--checkout .page__container #checkout-block .page__header .checkout--total .checkout__container .checkout__footer {
      padding-top: 20px;
      border-top: 1px solid #999; }
      .page--checkout .page__container #checkout-block .page__header .checkout--total .checkout__container .checkout__footer > * {
        color: #454545;
        font-family: Sarabun;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        text-transform: capitalize; }
      .page--checkout .page__container #checkout-block .page__header .checkout--total .checkout__container .checkout__footer > span {
        color: #454545; }
      .page--checkout .page__container #checkout-block .page__header .checkout--total .checkout__container .checkout__footer .price {
        color: #064CAC; }
.page--checkout .page__body .v-form__container {
  margin: 32px 0 0; }
  .page--checkout .page__body .v-form__container > * {
    padding: 0 20px; }
  @media (max-width: 450px) {
    .page--checkout .page__body .v-form__container .v-form__footer .button--main {
      padding: 0;
      font-size: 12px; } }
  .page--checkout .page__body .v-form__container .v-form__footer > .secure {
    text-align: center;
    margin-top: 27px; }
    .page--checkout .page__body .v-form__container .v-form__footer > .secure img {
      text-align: center;
      height: 36px;
      width: auto;
      margin: 0 auto; }
  .page--checkout .page__body .v-form__container:first-child {
    margin: 0; }
.page--checkout .page__body .v-form__header {
  font-family: "Sarabun";
  display: grid;
  grid-template-columns: auto min-content;
  grid-template-rows: 1fr;
  justify-content: space-between;
  grid-gap: 16px;
  color: #454545;
  font-family: Sarabun;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  text-transform: capitalize;
  padding-bottom: 20px;
  border-bottom: 1px solid #999;
  margin-bottom: 20px; }
  .page--checkout .page__body .v-form__header .title {
    color: #454545;
    font-family: Sarabun;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize; }
.page--checkout .page__body .v-form .cards {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px; }
  .page--checkout .page__body .v-form .cards span {
    white-space: nowrap;
    color: #454545;
    font-family: Sarabun;
    font-size: 20px;
    font-weight: 500; }
  .page--checkout .page__body .v-form .cards img {
    height: 40px;
    width: fit-content;
    object-fit: contain; }
.page--checkout .page__body .v-form--payment .v-form__content {
  margin: 18px 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 0 12px; }
  .page--checkout .page__body .v-form--payment .v-form__content > *:nth-child(1), .page--checkout .page__body .v-form--payment .v-form__content > *:nth-child(2) {
    grid-column: 1/3; }
.page--checkout .page__body .v-form .v-check {
  margin-bottom: 18px; }
.page--checkout .page__body .v-form .text {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #454545; }
.page--checkout .page__body > button {
  width: 100%;
  margin-top: 18px;
  font-size: 20px;
  font-weight: 800; }
  @media (max-width: 768px) {
    .page--checkout .page__body > button {
      font-size: 17px; } }
.page--checkout .page__body > img {
  padding: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-top: 12px;
  height: calc(36px + (2 * 12px));
  max-height: calc(36px + (2 * 12px));
  object-fit: contain; }
.page--checkout .checkout__header, .page--checkout .checkout__footer {
  display: grid;
  grid-template-columns: auto min-content;
  grid-template-rows: 1fr;
  justify-content: space-between;
  grid-gap: 16px;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  color: #12131B;
  padding-bottom: 20px;
  border-bottom: 1px solid #525252; }
  .page--checkout .checkout__header > *:last-child, .page--checkout .checkout__footer > *:last-child {
    text-align: left; }
.page--checkout .checkout__body {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content; }
.page--checkout .checkout__footer {
  padding-top: 16px;
  padding-bottom: 0;
  border-top: 1px solid #525252;
  border-bottom: none !important; }
.page--checkout .checkout-item:not(:first-child) {
  border-top: 1px solid #525252; }
.page--checkout .checkout-item__container {
  display: grid;
  grid-template-columns: 62px auto;
  grid-gap: 0 16px;
  padding: 12px 0; }
  .page--checkout .checkout-item__container .checkout-item__body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 24px; }
    .page--checkout .checkout-item__container .checkout-item__body .checkout-item-part1 {
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
      .page--checkout .checkout-item__container .checkout-item__body .checkout-item-part1 a {
        color: #454545;
        font-family: Sarabun;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        /* 160% */
        text-transform: capitalize; }
      .page--checkout .checkout-item__container .checkout-item__body .checkout-item-part1 span {
        color: #454545;
        font-family: Sarabun;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
    .page--checkout .checkout-item__container .checkout-item__body .checkout-item-part2 {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: flex-end; }
      .page--checkout .checkout-item__container .checkout-item__body .checkout-item-part2 span {
        color: #2D2D2D;
        text-align: right;
        font-family: Sarabun;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 32px; }
      .page--checkout .checkout-item__container .checkout-item__body .checkout-item-part2 button {
        height: initial;
        color: #064CAC;
        text-align: right;
        font-family: Sarabun;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        /* 133.333% */
        text-transform: uppercase; }
.page--checkout .checkout-item__header img {
  width: 62px;
  height: 62px;
  object-fit: contain; }
.page--checkout .checkout-item__body .title {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: #12131B; }
  .page--checkout .checkout-item__body .title--sub {
    font-family: "Sarabun";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: none; }
.page--checkout .checkout-item__qty {
  display: flex;
  align-items: center;
  justify-content: center; }
  .page--checkout .checkout-item__qty .input-box--qty input {
    height: 24px !important;
    padding: 0 !important; }
.page--checkout .checkout-item__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .page--checkout .checkout-item__footer .button--text {
    padding: 0; }
  .page--checkout .checkout-item__footer .price {
    font-family: "Sarabun";
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-align: right;
    letter-spacing: 0.5px;
    color: #12131B; }
.page--checkout .checkout-item--empty .checkout-item__container {
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  grid-gap: 24px;
  justify-content: center;
  align-items: center; }
  .page--checkout .checkout-item--empty .checkout-item__container > * {
    grid-column: 1 !important;
    text-align: center; }
.page--checkout .checkout-item--empty .checkout-item__footer {
  align-items: center; }
@media (max-width: 768px) {
  .page--checkout .checkout-item__container {
    display: grid;
    grid-template-columns: 62px calc(96px - 62px) auto;
    grid-auto-rows: min-content;
    grid-gap: 8px 16px; }
    .page--checkout .checkout-item__container > *:nth-child(2) {
      grid-column: 2/4; }
    .page--checkout .checkout-item__container > *:nth-child(3) {
      grid-column: 1/3; } }
.page--checkout .checkout--total .checkout-item {
  border-top: none !important; }
  .page--checkout .checkout--total .checkout-item__container {
    grid-template-columns: auto min-content;
    padding: 12px 0; }
  .page--checkout .checkout--total .checkout-item__header {
    font-family: "Sarabun"; }
.page--checkout .checkout--total .checkout__footer {
  grid-template-columns: auto min-content !important; }
@media (max-width: 768px) {
  .page--checkout .checkout__footer {
    grid-template-columns: 100%; } }
.page--ingredients h1 {
  margin-bottom: 48px; }
.page--ingredients h2 {
  margin-top: 48px;
  margin-bottom: 16px; }
.page--ingredients img {
  width: 100%;
  height: auto;
  object-fit: contain; }
.page--thanks .page__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .page--thanks .page__body svg {
    margin-bottom: 24px; }
    .page--thanks .page__body svg path {
      fill: #79BF13; }
  .page--thanks .page__body h1 {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    text-transform: capitalize;
    color: #12131B; }
  .page--thanks .page__body h4 {
    margin-top: 12px;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #454545; }
  .page--thanks .page__body .button {
    margin-top: 40px; }
.page--catalog .page__header {
  margin-bottom: 40px; }
  .page--catalog .page__header h1 {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    text-transform: capitalize;
    color: #12131B; }
.page--catalog .section {
  margin-top: 72px; }
  @media (max-width: 768px) {
    .page--catalog .section {
      margin-top: 0px; } }
  .page--catalog .section__header {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #12131B;
    margin-bottom: 28px; }
  .page--catalog .section--follow .section__body {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #454545; }
  .page--catalog .section--follow .section__footer {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: min-content; }
  .page--catalog .section--follow .section-item {
    display: grid;
    grid-template-columns: 32px auto;
    grid-auto-rows: min-content;
    grid-gap: 8px 20px;
    grid-template-areas: 'header body' 'header footer'; }
    .page--catalog .section--follow .section-item__header {
      grid-area: header; }
    .page--catalog .section--follow .section-item__body {
      grid-area: body;
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 26px;
      line-height: 36px;
      text-transform: capitalize;
      color: #12131B; }
    .page--catalog .section--follow .section-item__footer {
      grid-area: footer;
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 28px;
      color: #454545; }
  @media (max-width: 1200px) {
    .page--catalog .section--follow .section__footer {
      grid-template-columns: 100%; } }
  .page--catalog .section--why-us .section__body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: min-content;
    align-items: center;
    grid-gap: 12px 24px;
    justify-content: space-between; }
  .page--catalog .section--why-us .section-item {
    display: grid;
    grid-template-columns: 40px auto;
    grid-auto-rows: min-content;
    align-items: center;
    grid-gap: 12px; }
    .page--catalog .section--why-us .section-item__body {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #12131B; }
  @media (max-width: 1200px) {
    .page--catalog .section--why-us .section__body {
      grid-template-columns: 100%; } }
@media (max-width: 1200px) {
  .page--catalog .page__body {
    grid-template-columns: 100%;
    grid-auto-rows: min-content; } }
.page--catalog .product-item, .page--product .product-item, .page--home .product-item {
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background: #E3EBFC;
  border: 2px solid transparent; }
  .page--catalog .product-item:hover, .page--product .product-item:hover, .page--home .product-item:hover {
    border: 2px solid #93C0FF;
    background: #FFF; }
  .page--catalog .product-item .product__header, .page--product .product-item .product__header, .page--home .product-item .product__header {
    margin-bottom: 10px;
    position: relative;
    height: fit-content;
    max-height: 231px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .page--catalog .product-item .product__header img:not(.img-sale), .page--product .product-item .product__header img:not(.img-sale), .page--home .product-item .product__header img:not(.img-sale) {
      border-radius: 6px 6px 0 0;
      transition: all 0.4s ease 0s;
      height: 100%;
      width: auto;
      max-width: calc(100% - 86px);
      object-fit: contain;
      padding: 16px 0; }
  .page--catalog .product-item .product__footer, .page--product .product-item .product__footer, .page--home .product-item .product__footer {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px; }
  .page--catalog .product-item .img-sale, .page--product .product-item .img-sale, .page--home .product-item .img-sale {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 88px;
    height: 32px;
    border-radius: 20px;
    background: #CF3636; }
  .page--catalog .product-item h3, .page--product .product-item h3, .page--home .product-item h3 {
    margin-bottom: 6px;
    color: #12131B;
    font-family: Sarabun;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    height: 56px;
    margin-bottom: -7px;
    line-height: 20px;
    text-transform: capitalize;
    display: flex; }
  .page--catalog .product-item .prod-prices, .page--product .product-item .prod-prices, .page--home .product-item .prod-prices {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    gap: 8px; }
    .page--catalog .product-item .prod-prices .old-price, .page--product .product-item .prod-prices .old-price, .page--home .product-item .prod-prices .old-price {
      color: #BE4C4C;
      font-family: Sarabun;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 32px;
      text-decoration-line: line-through; }
    .page--catalog .product-item .prod-prices .price, .page--product .product-item .prod-prices .price, .page--home .product-item .prod-prices .price {
      color: #064CAC;
      font-family: Sarabun;
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: 32px; }
  .page--catalog .product-item .button.button--main, .page--product .product-item .button.button--main, .page--home .product-item .button.button--main {
    padding: 0;
    width: 100%;
    height: 40px;
    color: #12131B;
    font-family: "Krona One";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase; }
.page--product {
  color: #12131B; }
  .page--product .page__header {
    margin: 48px auto;
    display: grid;
    grid-template-columns: 352px 1fr;
    grid-auto-rows: min-content;
    grid-gap: 67px; }
    .page--product .page__header .product-image-block .product-image-background {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 0;
      border-radius: 24px;
      background: #E3EBFC;
      text-align: center;
      position: relative; }
      .page--product .page__header .product-image-block .product-image-background .img-sale {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 88px;
        height: 32px;
        border-radius: 20px;
        background: #CF3636; }
    .page--product .page__header img.product-image {
      max-height: 260px;
      max-width: 90%;
      height: auto;
      margin: 0 auto;
      height: fit-content;
      object-fit: contain;
      box-sizing: content-box; }
      @media (max-width: 1200px) {
        .page--product .page__header img.product-image {
          max-height: 260px;
          box-sizing: border-box; } }
      @media (max-width: 600px) {
        .page--product .page__header img.product-image {
          width: 100%; } }
    .page--product .page__header .company-title {
      margin: 0;
      color: #000;
      font-family: Sarabun;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      line-height: 27px;
      /* 135% */
      text-transform: capitalize; }
    .page--product .page__header .title {
      color: #2D2D2D;
      font-family: Sarabun;
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: 44px;
      text-transform: capitalize;
      margin: 0 0 10px; }
    .page--product .page__header img.stars {
      width: 95px;
      height: 18px;
      object-fit: contain;
      margin: 0 0 16px; }
    .page--product .page__header .description {
      margin: 0 0 20px;
      padding: 16px 0;
      color: #333;
      font-family: Sarabun;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px; }
    .page--product .page__header .features h2 {
      margin: 0 0 16px;
      color: #12131B;
      font-family: Sarabun;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 32px;
      text-transform: capitalize; }
    .page--product .page__header .features ul {
      padding: 0;
      margin: 14px 0 0; }
    .page--product .page__header .features ul li span {
      color: #333;
      font-family: Sarabun;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 133.333% */
      text-transform: capitalize; }
    .page--product .page__header .features ul li {
      list-style: none;
      margin: 0; }
    .page--product .page__header .features ul li {
      padding: 0 0 0 24px;
      color: #333;
      font-family: Sarabun;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      position: relative; }
    .page--product .page__header .product-qty {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid #E0E0E0;
      display: grid;
      grid-template-columns: auto auto minmax(100px, auto);
      grid-auto-rows: 1fr;
      grid-gap: 28px;
      align-items: center;
      justify-content: flex-end; }
      .page--product .page__header .product-qty .input-box label {
        white-space: nowrap; }
      .page--product .page__header .product-qty .input-box input {
        border: 1px solid #525252;
        border-radius: 8px;
        height: 32px;
        padding: 4px 8px; }
      .page--product .page__header .product-qty .price {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        text-align: right;
        text-transform: capitalize;
        color: #12131B; }
    .page--product .page__header .product-options {
      margin: 16px 0;
      width: 100%;
      display: grid;
      grid-template-columns: 100%;
      grid-auto-rows: min-content;
      grid-gap: 24px; }
      .page--product .page__header .product-options > * {
        grid-column: 1 !important;
        width: 100%; }
      .page--product .page__header .product-options-item--price {
        margin-top: 32px;
        width: min-content;
        display: grid;
        grid-template-columns: auto min-content;
        grid-auto-rows: 1fr;
        align-items: center;
        grid-gap: 32px;
        grid-column: 2;
        background: #F5FFFC;
        padding: 32px;
        border: 1.5px solid #5A25B3;
        border-radius: 16px; }
        .page--product .page__header .product-options-item--price .price {
          white-space: nowrap;
          color: #5A25B3;
          font-family: "Sarabun";
          font-style: normal;
          font-weight: 700;
          font-size: 26px;
          line-height: 36px;
          text-transform: capitalize; }
    .page--product .page__header .we-accept {
      margin-top: 16px;
      margin-left: auto;
      white-space: nowrap;
      display: grid;
      grid-template-columns: 100%;
      grid-auto-rows: min-content;
      align-items: center;
      gap: 8px; }
      .page--product .page__header .we-accept > * {
        justify-self: flex-start; }
      .page--product .page__header .we-accept img {
        max-height: 35px;
        object-fit: contain;
        width: auto;
        height: 100%; }
    .page--product .page__header .show_ingredients {
      display: block;
      text-align: left;
      margin: 16px 0 20px;
      color: #064CAC;
      font-family: Sarabun;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      /* 150% */
      text-decoration-line: underline;
      text-transform: capitalize; }
    .page--product .page__header .prices {
      margin: 16px 0 40px; }
      .page--product .page__header .prices .product-price-options {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        justify-content: space-between; }
        @media screen and (max-width: 420px) {
          .page--product .page__header .prices .product-price-options {
            flex-direction: column-reverse; } }
      .page--product .page__header .prices .product-options, .page--product .page__header .prices .product-price-options {
        margin: 16px 0 24px;
        width: 100%; }
        .page--product .page__header .prices .product-options input:hover,
        .page--product .page__header .prices .product-options select:hover, .page--product .page__header .prices .product-price-options input:hover,
        .page--product .page__header .prices .product-price-options select:hover {
          cursor: pointer; }
        .page--product .page__header .prices .product-options .input-box.fill input, .page--product .page__header .prices .product-options .input-box.fill a, .page--product .page__header .prices .product-price-options .input-box.fill input, .page--product .page__header .prices .product-price-options .input-box.fill a {
          display: flex;
          width: 300px;
          height: 50px;
          border-radius: 8px;
          border: 1px solid #79747E;
          background: #FFF;
          text-align: left;
          color: #121212;
          font-family: Sarabun;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: 30px; }
          @media screen and (max-width: 480px) {
            .page--product .page__header .prices .product-options .input-box.fill input, .page--product .page__header .prices .product-options .input-box.fill a, .page--product .page__header .prices .product-price-options .input-box.fill input, .page--product .page__header .prices .product-price-options .input-box.fill a {
              width: 100%; } }
        .page--product .page__header .prices .product-options > *, .page--product .page__header .prices .product-price-options > * {
          grid-column: 1 !important;
          width: 100%; }
        .page--product .page__header .prices .product-options > .fieldset-block h4, .page--product .page__header .prices .product-price-options > .fieldset-block h4 {
          margin-bottom: 13px;
          color: #454545;
          font-family: Sarabun;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          line-height: 30px; }
        .page--product .page__header .prices .product-options > fieldset, .page--product .page__header .prices .product-options > .fieldset-block > fieldset, .page--product .page__header .prices .product-price-options > fieldset, .page--product .page__header .prices .product-price-options > .fieldset-block > fieldset {
          display: flex;
          flex-wrap: wrap;
          gap: 16px; }
          @media screen and (max-width: 480px) {
            .page--product .page__header .prices .product-options > fieldset, .page--product .page__header .prices .product-options > .fieldset-block > fieldset, .page--product .page__header .prices .product-price-options > fieldset, .page--product .page__header .prices .product-price-options > .fieldset-block > fieldset {
              flex-direction: column; } }
        .page--product .page__header .prices .product-options-item, .page--product .page__header .prices .product-price-options-item {
          display: flex;
          gap: 20px;
          align-items: flex-start;
          width: 100%;
          flex-direction: column; }
          @media screen and (max-width: 420px) {
            .page--product .page__header .prices .product-options-item, .page--product .page__header .prices .product-price-options-item {
              align-items: center;
              width: 100%;
              flex-direction: column;
              justify-content: center;
              align-items: center; } }
          .page--product .page__header .prices .product-options-item label, .page--product .page__header .prices .product-price-options-item label {
            color: #454545;
            font-family: Sarabun;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px;
            text-transform: capitalize;
            white-space: nowrap;
            margin: 0; }
        .page--product .page__header .prices .product-options button.button--second, .page--product .page__header .prices .product-price-options button.button--second {
          border-radius: 31px !important; }
        .page--product .page__header .prices .product-options img, .page--product .page__header .prices .product-price-options img {
          width: 163px;
          height: 35px;
          justify-self: center; }
      .page--product .page__header .prices label {
        color: #000;
        font-family: Sarabun;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 120% */
        text-transform: capitalize; }
      .page--product .page__header .prices .select-option {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px; }
        .page--product .page__header .prices .select-option label {
          margin: 0;
          color: #333;
          font-family: Sarabun;
          font-size: 20px;
          font-style: normal;
          font-weight: 400;
          line-height: 28px;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
          .page--product .page__header .prices .select-option label .price {
            color: #2D2D2D;
            text-align: right;
            font-family: Sarabun;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 28px; }
          .page--product .page__header .prices .select-option label .old-price {
            color: #EB3B15;
            font-family: Sarabun;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            /* 150% */
            letter-spacing: 0.5px;
            text-decoration: line-through; }
        .page--product .page__header .prices .select-option input[type="radio"] {
          display: none;
          height: 20px;
          width: 20px;
          margin: 0;
          padding: 0;
          accent-color: #232323; }
          .page--product .page__header .prices .select-option input[type="radio"]:hover {
            cursor: pointer; }
        .page--product .page__header .prices .select-option label {
          display: flex;
          flex-direction: row;
          justify-content: center;
          gap: 8px;
          text-align: center;
          padding: 10px 16px;
          border-radius: 8px;
          background: #FFF;
          border: 1px solid #79747E; }
          .page--product .page__header .prices .select-option label span {
            color: #121212;
            font-family: Sarabun;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 30px; }
          .page--product .page__header .prices .select-option label .price {
            color: #121212;
            font-family: Sarabun;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 30px; }
        .page--product .page__header .prices .select-option input[type="radio"]:checked ~ label {
          background: #E3EBFC;
          border: 1px solid #5FA2FE; }
      .page--product .page__header .prices .price-block {
        margin: 24px 0 0;
        padding: 24px;
        border-top: 1px solid #8E8E8E;
        border-bottom: 1px solid #8E8E8E;
        color: #2D2D2D;
        font-family: Sarabun;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 45px;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 420px) {
          .page--product .page__header .prices .price-block {
            text-align: center; } }
        .page--product .page__header .prices .price-block span:last-child, .page--product .page__header .prices .price-block span.price {
          color: #2D2D2D;
          font-family: Sarabun;
          font-size: 40px;
          font-style: normal;
          font-weight: 600;
          line-height: 45px; }
        @media screen and (max-width: 768px) {
          .page--product .page__header .prices .price-block span:last-child, .page--product .page__header .prices .price-block span.price {
            color: #2D2D2D;
            font-family: Sarabun;
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: 45px; } }
        .page--product .page__header .prices .price-block span.old-price {
          color: #BE4C4C;
          font-family: Sarabun;
          font-size: 36px;
          font-style: normal;
          font-weight: 400;
          line-height: 32px;
          text-decoration-line: line-through; }
    .page--product .page__header .buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 20px; }
      @media screen and (max-width: 420px) {
        .page--product .page__header .buttons {
          justify-content: center;
          align-items: center; } }
      .page--product .page__header .buttons img {
        width: 163px;
        height: 35px;
        object-fit: contain; }
  .page--product .page__body .specifications {
    margin: 24px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid #D2D8E0; }
    .page--product .page__body .specifications h3 {
      color: var(1-main-text, #141414);
      font-family: Sarabun;
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: 32px;
      /* 123.077% */
      text-transform: capitalize;
      margin: 0 0 24px; }
    .page--product .page__body .specifications ul {
      margin: 0;
      padding: 0; }
      .page--product .page__body .specifications ul li {
        list-style: none;
        display: grid;
        grid-template-columns: 200px 1fr; }
        @media (max-width: 600px) {
          .page--product .page__body .specifications ul li {
            grid-template-columns: 1fr; } }
        .page--product .page__body .specifications ul li span {
          color: var(1-text-second, #212129);
          font-family: 'Baloo 2';
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px; }
        .page--product .page__body .specifications ul li .bold {
          font-weight: 700; }
  .page--product .section {
    margin-top: 72px; }
    .page--product .section__header {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      line-height: 56px;
      text-align: center;
      text-transform: capitalize;
      color: #12131B;
      margin-bottom: 28px; }
    .page--product .section--why-us .section__body {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: min-content;
      align-items: center;
      grid-gap: 12px 24px;
      justify-content: space-between; }
    .page--product .section--why-us .section-item {
      display: grid;
      grid-template-columns: 32px auto;
      grid-auto-rows: min-content;
      grid-gap: 8px 20px;
      grid-template-areas: 'header body' 'header footer'; }
      .page--product .section--why-us .section-item__header {
        grid-area: header; }
      .page--product .section--why-us .section-item__body {
        grid-area: body;
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 36px;
        text-transform: capitalize;
        color: #12131B; }
      .page--product .section--why-us .section-item__footer {
        grid-area: footer;
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        color: #454545; }
    .page--product .section--why-us .section__footer {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 28px;
      text-align: center;
      color: #454545;
      margin-bottom: 40px; }
  .page--product hr {
    margin: 24px 0;
    border: none;
    border-top: 1px solid #525252; }
  .page--product .total-item {
    margin: 4px 0; }
    .page--product .total-item--shipping, .page--product .total-item--subtotal {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px; }
      .page--product .total-item--shipping > *:first-child, .page--product .total-item--subtotal > *:first-child {
        font-weight: 700; }
    .page--product .total-item--total {
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 34px; }
  .page--product label {
    display: block;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px; }
    .page--product label b {
      font-weight: 700; }
.page .breadcrumbs {
  margin-bottom: 20px;
  padding: 8px 0;
  color: #333;
  font-family: Sarabun;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; }
  .page .breadcrumbs .container {
    display: flex;
    align-items: center;
    gap: 8px; }
  .page .breadcrumbs a {
    color: inherit; }
  .page .breadcrumbs svg path {
    fill: #454545; }
@media (max-width: 1200px) {
  .page .page__header {
    grid-template-columns: 100%; }
    .page .page__header .product-options {
      width: 100% !important; }
      .page .page__header .product-options-item--price {
        grid-template-columns: 100%;
        width: 100%; }
        .page .page__header .product-options-item--price .button {
          width: 100%; }
  .page .section--why-us .section__body {
    grid-template-columns: 100%; } }
@media (max-width: 768px) {
  .page--product .page__header .product-options {
    max-width: none; } }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  list-style: none;
  padding: 0; }
  .pagination li {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: white;
    border: 1.5px solid #0089B0;
    border-radius: 24px;
    box-sizing: border-box !important;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #0089B0; }
    .pagination li a {
      display: flex;
      align-items: center;
      justify-content: center;
      color: inherit;
      padding: 12px;
      min-width: 48px;
      min-height: 48px;
      max-height: 48px; }
    .pagination li.active {
      color: #AC5892;
      border-color: #AC5892; }
    .pagination li.disabled {
      pointer-events: none;
      color: gray;
      border-color: lightgray; }

.layout--dashboard .page__header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.layout--dashboard .calendar {
  display: grid;
  grid-template-columns: 32px auto 32px;
  grid-template-rows: 1fr;
  grid-gap: 8px;
  align-items: center;
  justify-content: center; }
  .layout--dashboard .calendar > span {
    font-weight: 600; }
  .layout--dashboard .calendar i {
    color: #0089B0; }
.layout--dashboard h6.title {
  margin: 8px 0 16px 0;
  background-color: #AC5892;
  color: #ffffff;
  border-bottom: 1px solid #d6d5c9;
  padding: 15px;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center; }
.layout--dashboard .mood-slider > * {
  margin: 8px auto; }

.v-form--about .v-form, .v-form--email .v-form, .v-form--password .v-form {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid whitesmoke; }
  .v-form--about .v-form__header, .v-form--email .v-form__header, .v-form--password .v-form__header {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 24px; }
  .v-form--about .v-form__body, .v-form--email .v-form__body, .v-form--password .v-form__body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: min-content;
    grid-gap: 2px 16px; }
  .v-form--about .v-form__footer, .v-form--email .v-form__footer, .v-form--password .v-form__footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }

.page--home .section--catalog {
  margin-bottom: 88px; }

.section {
  width: 100%;
  height: 100%; }
  .section__container {
    margin-bottom: calc(144px / 2);
    margin-top: calc(144px / 2); }
  .section--main .section__header {
    margin-bottom: 23px; }
  .section--main .section__body {
    margin-bottom: 23px; }
  .section--main-0 .section__container {
    margin: 0;
    padding: 79px 24px 164px;
    min-height: 559px;
    background-repeat: no-repeat;
    background-color: #AF53B7;
    background-image: url("/images/sections/0/background.png");
    background-position: center;
    background-position-y: -24px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 768px) {
      .section--main-0 .section__container {
        background-image: none; } }
  .section--main-0 .section__header h1 {
    margin: 0 0 16px;
    color: #FFF;
    text-align: center;
    font-family: "Krona One";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px; }
  .section--main-0 .section__body {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    color: #FFF;
    text-align: center;
    font-family: Sarabun;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    width: 650px; }
    @media (max-width: 768px) {
      .section--main-0 .section__body {
        width: initial; } }
  .section--main-0 .section__footer {
    margin-top: 64px; }
  .section--main-2 .section__body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 24px 32px; }
  .section--main-2 .item {
    padding: 24px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    text-align: center; }
    .section--main-2 .item__header {
      margin-bottom: 8px; }
    .section--main-2 .item__body {
      font-family: "Sarabun";
      color: #454545;
      text-align: center;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      /* 150% */
      letter-spacing: 0.5px; }
    .section--main-2 .item__footer {
      color: #454545;
      text-align: center;
      font-family: "Sarabun";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      /* 187.5% */
      letter-spacing: 0.5px; }
  .section--main-3 {
    margin-bottom: 88px; }
    @media (max-width: 768px) {
      .section--main-3 {
        margin-bottom: 0px; } }
    .section--main-3 .section__container {
      margin: 40px 0 0;
      padding: 0; }
    .section--main-3 .section__header {
      color: #12131B;
      text-align: center;
      font-family: "Krona One";
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 48px;
      /* 120% */
      text-transform: capitalize; }
      @media (max-width: 768px) {
        .section--main-3 .section__header {
          font-size: 32px;
          line-height: 48px; } }
    .section--main-3 .section__body {
      max-width: 818px;
      margin: 0 auto 56px;
      color: #12131B;
      text-align: center;
      font-family: Sarabun;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 32px; }
      .section--main-3 .section__body b {
        color: #12131B;
        font-family: Sarabun;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; }
    .section--main-3 .section__footer {
      background-image: url("/images/sections/3/background.png");
      background-position: top right;
      background-size: cover;
      background-repeat: no-repeat;
      height: 671px;
      background-size: contain;
      background-position: left center;
      display: flex;
      flex-direction: row-reverse;
      align-items: center; }
      @media (max-width: 768px) {
        .section--main-3 .section__footer {
          display: flex;
          justify-content: center;
          background: none; } }
      .section--main-3 .section__footer .item {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        max-width: 377px;
        height: 90%;
        padding: 24px 0;
        position: relative;
        border-radius: 24px;
        background: #E3EBFC; }
        .section--main-3 .section__footer .item img {
          height: 100%;
          width: 100%;
          max-height: 380px;
          max-width: 300px;
          object-fit: cover;
          top: 0;
          left: 0;
          bottom: 0; }
        .section--main-3 .section__footer .item .text {
          padding: 0 23px;
          position: relative;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-end; }
          .section--main-3 .section__footer .item .text h3 {
            color: #12131B;
            text-align: center;
            font-family: Sarabun;
            font-size: 26px;
            font-style: normal;
            font-weight: 700;
            line-height: 32px;
            text-transform: capitalize; }
            @media (max-width: 768px) {
              .section--main-3 .section__footer .item .text h3 {
                font-size: 24px; } }
          .section--main-3 .section__footer .item .text p {
            color: #333;
            text-align: center;
            font-family: Sarabun;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px; }
            @media (max-width: 768px) {
              .section--main-3 .section__footer .item .text p {
                font-size: 18px; } }
          .section--main-3 .section__footer .item .text .price {
            color: #064CAC;
            text-align: center;
            font-family: Sarabun;
            font-size: 40px;
            font-style: normal;
            font-weight: 700;
            line-height: 48px; }
            @media (max-width: 768px) {
              .section--main-3 .section__footer .item .text .price {
                font-size: 28px; } }
  .section--main-4 {
    margin-bottom: 88px; }
    .section--main-4 .section__container {
      margin: 50px 0 0;
      border-radius: 24px;
      background: #D6C2EF;
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-auto-rows: min-content;
      padding: 12px 61px;
      grid-gap: 16px 45px; }
      @media (max-width: 992px) {
        .section--main-4 .section__container {
          grid-template-columns: 1fr;
          grid-gap: 16px;
          padding: 28px; } }
    .section--main-4 .section__body {
      color: #12131B;
      text-align: right;
      font-family: Sarabun;
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 48px;
      text-transform: capitalize;
      display: flex;
      align-items: center;
      padding-left: 30px;
      padding-right: 40px;
      border-right: 1px solid #F7FCFF;
      height: 200px;
      margin: auto; }
      @media (max-width: 992px) {
        .section--main-4 .section__body {
          height: 100%;
          border-right: none;
          padding-right: 0;
          text-align: center;
          font-size: 32px;
          line-height: 48px; } }
      @media (max-width: 768px) {
        .section--main-4 .section__body {
          font-size: 22px;
          padding: 0px; } }
    .section--main-4 .section__footer img {
      max-width: 335px;
      object-fit: contain; }
    @media (max-width: 900px) {
      .section--main-4 .section__footer {
        display: flex;
        justify-content: center; } }
  .section--main-5 {
    margin-bottom: 88px; }
    .section--main-5 .section__body {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 12px 2px; }
      @media (max-width: 768px) {
        .section--main-5 .section__body {
          grid-template-columns: 1fr; } }
    .section--main-5 .item {
      padding: 24px;
      border-radius: 6px;
      display: flex;
      flex-direction: column;
      border-radius: 6px;
      text-align: center; }
      .section--main-5 .item__header {
        margin-bottom: 8px; }
        .section--main-5 .item__header img {
          width: 56px;
          height: 56px; }
      .section--main-5 .item__body {
        margin-bottom: 4px;
        color: #12131B;
        text-align: center;
        font-family: Sarabun;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; }
      .section--main-5 .item__footer {
        color: #333;
        text-align: center;
        font-family: Sarabun;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; }
  @media (max-width: 768px) {
    .section--main-0 .section__container {
      padding: 72px 24px 144px;
      min-height: 450px; }
    .section--main-0 .section__content {
      max-width: 400px; }
    .section--main-0 .section__header h1 {
      font-size: 40px;
      line-height: 56px; }
    .section--main-2 .section__body {
      grid-template-columns: 100%; } }
  .section--catalog .section__container {
    margin: 60px 0 0; }
  @media (max-width: 768px) {
    .section--catalog .section__container {
      margin: 20px 0 0; } }
  .section--catalog .section__header h2 {
    color: #12131B;
    text-align: center;
    font-family: "Krona One";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-transform: capitalize; }
    @media (max-width: 768px) {
      .section--catalog .section__header h2 {
        font-size: 32px;
        line-height: 48px; } }
  .section--catalog .section__header h3 {
    color: #000;
    text-align: center;
    font-family: Sarabun;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 120% */
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 34px; }
    @media (max-width: 768px) {
      .section--catalog .section__header h3 {
        font-size: 32px;
        line-height: 48px; } }
  .section--catalog .section__header-text {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 56px;
    color: #454545;
    max-width: 980px;
    margin-inline: auto; }
  .section--catalog .section__body {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    grid-gap: 16px; }
    .section--catalog .section__body--4 {
      grid-template-columns: 1fr 1fr; }
      .section--catalog .section__body--4 .section-item {
        max-width: 300px;
        width: 100%;
        justify-self: center; }
  .section--catalog .section-item--1 .product__absolute .button {
    display: none; }
  .section--catalog .section-item--2 .product__footer .button {
    display: none; }
  .section--catalog .section-item--2 .product__button {
    display: flex;
    align-items: center;
    justify-content: center; }
    .section--catalog .section-item--2 .product__button svg {
      width: 48px;
      height: 48px;
      max-height: 48px;
      max-width: 48px; }
  @media (max-width: 1200px) {
    .section--catalog .section__body {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 768px) {
    .section--catalog .section__body {
      grid-template-columns: 100%;
      grid-gap: 36px; }
      .section--catalog .section__body > * {
        justify-self: center;
        width: 100%;
        max-width: 420px; } }
  .section--recently-articles {
    margin: 48px 0; }
    .section--recently-articles .section__header {
      margin-bottom: 24px; }
    .section--recently-articles .section__body {
      display: grid;
      grid-template-columns: 100%;
      grid-auto-rows: min-content;
      grid-gap: 8px; }
    .section--recently-articles .section-item:nth-child(odd) {
      background: whitesmoke; }
    .section--recently-articles .section-item__container {
      display: grid;
      grid-template-columns: 160px auto;
      grid-auto-rows: 1fr;
      grid-gap: 8px;
      align-items: flex-start; }
    .section--recently-articles .section-item__header {
      min-height: 90px;
      height: 90px;
      max-height: 90px; }
      .section--recently-articles .section-item__header img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .section--recently-articles .section-item__body {
      padding: 12px 4px; }
      .section--recently-articles .section-item__body h4 {
        color: #333;
        font-weight: 500;
        line-height: normal; }
  .section--user-info {
    margin-bottom: 28px; }
    .section--user-info .section__header {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 12px; }
    .section--user-info .section__body {
      display: grid;
      grid-template-columns: 100%;
      grid-auto-rows: min-content;
      grid-gap: 8px; }
    .section--user-info .section-item span {
      font-weight: 600; }
  .section--tags .section__header, .section--social .section__header, .section--articles .section__header {
    text-transform: capitalize;
    font-size: 22px;
    line-height: 28px; }
  .section--tags .section__body ul, .section--social .section__body ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    .section--tags .section__body ul .button, .section--social .section__body ul .button {
      padding: 8px 12px;
      font-size: 14px;
      line-height: 16px;
      text-transform: none;
      min-width: 80px;
      height: 36px; }
  .section--articles .section__body {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: min-content;
    grid-gap: 24px; }
  .section--social .section__body ul li {
    width: 48px;
    height: 48px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section--social .section__body ul li.facebook {
      color: #4267B2; }
    .section--social .section__body ul li.twitter {
      color: #1DA1F2; }
    .section--social .section__body ul li.flickr {
      color: #0063dc; }
    .section--social .section__body ul li.youtube {
      color: #FF0000; }
    .section--social .section__body ul li a {
      font-size: 24px;
      color: inherit; }
  .section--comments .section__body {
    margin-bottom: 48px; }
    .section--comments .section__body .list {
      padding: 0;
      margin: 0;
      list-style: none; }
      .section--comments .section__body .list-item {
        margin: 16px 0;
        display: grid;
        grid-template-columns: auto 90px;
        grid-auto-rows: min-content;
        grid-template-areas: 'header footer' 'body body'; }
        .section--comments .section__body .list-item__header {
          grid-area: header;
          font-weight: 600;
          margin-bottom: 8px; }
        .section--comments .section__body .list-item__body {
          grid-area: body;
          font-size: 14px; }
        .section--comments .section__body .list-item__footer {
          grid-area: footer;
          font-size: 14px;
          color: slategray; }
  .section--contact .section__body {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 40px; }
  .section--contact .section-item__header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px; }
    .section--contact .section-item__header svg {
      height: 40px;
      width: 40px; }
      .section--contact .section-item__header svg path {
        fill: #199B7C; }
  .section--contact .section-item__body {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    text-transform: capitalize;
    color: #12131B;
    margin-bottom: 4px; }
  .section--contact .section-item__footer {
    color: #292929;
    text-align: center;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
    letter-spacing: 0.5px; }
  @media (max-width: 1200px) {
    .section--contact .section__body {
      grid-template-columns: 100%;
      grid-auto-rows: min-content; } }
  .section--cart .section__header {
    margin-bottom: 20px; }
    .section--cart .section__header h2 {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 36px;
      line-height: 54px;
      text-transform: capitalize;
      color: #12131B;
      padding-bottom: 20px;
      margin-bottom: 18px;
      border-bottom: 1.5px solid #525252; }
    .section--cart .section__header div {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #454545; }
  .section--recommended .section__header {
    margin-bottom: 40px;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    text-transform: capitalize;
    color: #12131B; }
  .section--recommended .section__body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 16px; }
  @media (max-width: 1200px) {
    .section--recommended .section__body {
      grid-template-columns: 100%; } }

#chart {
  border: 1px solid whitesmoke; }
  #chart .title {
    text-align: center;
    font-weight: 600;
    background: #004A5E;
    color: white;
    padding: 16px; }
  #chart #placeholder {
    position: relative;
    margin: 16px;
    height: 244px; }
  #chart ul.legend {
    padding: 0;
    list-style: none;
    margin: 0; }
    #chart ul.legend li {
      padding: 4px;
      text-align: center;
      font-size: 14px;
      font-weight: 600; }
      #chart ul.legend li:nth-child(1) {
        background-color: #ff7992; }
      #chart ul.legend li:nth-child(2) {
        background-color: #FFD0A8; }
      #chart ul.legend li:nth-child(3) {
        background-color: #67F267; }

table.table, .page--blog-show .page__body table {
  margin: 16px 0;
  border-collapse: collapse; }
  table.table tr th, table.table tr td, .page--blog-show .page__body table tr th, .page--blog-show .page__body table tr td {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 8px 16px;
    border: 1px solid lightgrey; }
    table.table tr th > *, table.table tr td > *, .page--blog-show .page__body table tr th > *, .page--blog-show .page__body table tr td > * {
      text-align: center; }
  table.table tr th, .page--blog-show .page__body table tr th {
    color: white;
    background-color: #004A5E; }
  table.table tr td.weight-current, .page--blog-show .page__body table tr td.weight-current {
    padding: 16px; }
  table.table tr:nth-child(even), .page--blog-show .page__body table tr:nth-child(even) {
    background: #f6f6f6; }

.wrapper--change-password .menu--auth {
  display: none !important; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before, .fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before, .fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before, .fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"; }

.fa-handshake-o:before {
  content: "\f2b5"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-o:before {
  content: "\f2b7"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-book-o:before {
  content: "\f2ba"; }

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb"; }

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-circle-o:before {
  content: "\f2be"; }

.fa-user-o:before {
  content: "\f2c0"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"; }

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3"; }

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-eercast:before {
  content: "\f2da"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-meetup:before {
  content: "\f2e0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

*:not(.v-form) {
  box-sizing: border-box;
  transition: all 0.35s; }

.hidden:not(.customblock-show) {
  display: none !important; }

img {
  width: 100%;
  height: 100%; }

h1, h2, h3, h4, h5, h6, p, fieldset, a, html, body {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none; }

@media (max-width: 768px) {
  html body .page__container.container {
    padding: 0; } }
@media (max-width: 768px) {
  html body .page__container.container .page__header {
    padding: 0 16px; } }

html body .container {
  --max-width: calc(1172px + 16px * 2);
  --padding-x: 16px;
  max-width: var(--max-width);
  width: 100%;
  margin: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x); }
  html body .container--full {
    --max-width: 100vw;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }
  html body .container--xl {
    --max-width: calc(1566px + 16px * 2) ; }
  html body .container--padding {
    padding-left: max(16px, calc((100vw - var(--max-width)) / 2));
    padding-right: max(16px, calc((100vw - var(--max-width)) / 2));
    max-width: none;
    margin: 0; }

.v-label--checkbox {
  display: grid;
  grid-template-columns: 17px auto;
  grid-template-rows: min-content;
  grid-column-gap: 8px; }

button {
  cursor: pointer; }

.button {
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 20px;
  background: #76B0FF;
  border: none;
  text-decoration: none;
  box-sizing: border-box !important;
  height: 56px;
  min-width: 165px;
  padding: 16px 48px;
  color: #12131B;
  font-family: "Krona One";
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    .button {
      font-size: 17px; } }
  .button.with-icon {
    --size: 20px; }
    .button.with-icon:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-left: 8px;
      height: var(--size);
      width: var(--size);
      background-image: url("/images/icon/cart.svg");
      background-size: contain; }
  .button--xl {
    height: 56px;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px; }
    .button--xl.with-icon {
      --size: 26px; }
  .button--sm {
    height: 40px;
    font-size: 16px;
    line-height: 24px; }
    .button--sm.with-icon {
      --size: 20px; }
  .button--main {
    border: none;
    --color: #fff;
    border-radius: 40px;
    background: #76B0FF;
    color: #12131B;
    text-transform: uppercase;
    min-width: 122px; }
    .button--main:hover {
      background: #93C0FF; }
  .button--second {
    border: none;
    --color: #fff;
    border-radius: 6px;
    background: #2FB0D9;
    font-weight: 600;
    text-transform: uppercase; }
    .button--second:hover {
      background: #189FCA; }
  .button--outline {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 165px;
    padding: 12px 36px;
    border: 1.5px solid var(--color);
    border-radius: 6px; }
    .button--outline svg path {
      fill: #2FB0D9; }
    .button--outline:hover {
      color: #2D2D2D;
      text-shadow: 0 0 1px #2D2D2D;
      border-color: #2FB0D9 !important; }
  .button--text {
    padding: 0;
    display: inline-flex;
    width: fit-content;
    min-width: 0;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    background: none;
    color: #12131B;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box !important; }
    .button--text svg {
      margin-left: 8px; }
      .button--text svg path {
        fill: #2FB0D9; }
    .button--text:hover {
      color: #2D2D2D;
      text-shadow: 0 0 1px #2D2D2D; }
      .button--text:hover svg path {
        fill: #2FB0D9; }
  .button--txt {
    padding: 0;
    min-width: 0;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #12131B;
    background: transparent;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box !important;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .button--txt {
        justify-self: center; } }
    .button--txt svg {
      margin-left: 8px; }
    .button--txt:hover {
      color: #2D2D2D; }
      .button--txt:hover svg path {
        fill: #2FB0D9; }

.g-recaptcha {
  display: inline-block; }

.page {
  font-family: "Sarabun";
  font-style: normal;
  box-sizing: border-box; }
  .page--login h1, .page--register h1, .page--about h1, .page--contact h1, .page--membership h1, .page--terms h1, .page--policy h1 {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    text-transform: capitalize;
    color: #12131B;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      .page--login h1, .page--register h1, .page--about h1, .page--contact h1, .page--membership h1, .page--terms h1, .page--policy h1 {
        font-size: 32px;
        line-height: 48px; } }
  .page--login .container--text, .page--register .container--text, .page--about .container--text, .page--contact .container--text, .page--membership .container--text, .page--terms .container--text, .page--policy .container--text {
    padding: 24px;
    border: 1px solid #525252;
    border-radius: 16px; }
  .page--policy .container--text, .page--terms .container--text {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B; }
    .page--policy .container--text h1, .page--terms .container--text h1 {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
      line-height: 36px;
      text-align: center;
      text-transform: uppercase; }
    .page--policy .container--text h2, .page--policy .container--text h3, .page--policy .container--text h4, .page--policy .container--text h5, .page--policy .container--text h6, .page--terms .container--text h2, .page--terms .container--text h3, .page--terms .container--text h4, .page--terms .container--text h5, .page--terms .container--text h6 {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 24px;
      margin-top: 24px; }
    .page--policy .container--text > ul, .page--terms .container--text > ul {
      padding: 0; }
    .page--policy .container--text li > h4, .page--terms .container--text li > h4 {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      color: #00091F; }
    .page--policy .container--text li > h5, .page--terms .container--text li > h5 {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      color: #12131B; }
    .page--policy .container--text li > h6, .page--terms .container--text li > h6 {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 28px; }
    .page--policy .container--text p, .page--terms .container--text p {
      margin-bottom: 16px; }
    .page--policy .container--text ol, .page--terms .container--text ol {
      padding-left: 32px !important;
      padding-top: 0 !important; }
      .page--policy .container--text ol li::marker, .page--terms .container--text ol li::marker {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        line-height: 32px; }
      .page--policy .container--text ol li ul, .page--terms .container--text ol li ul {
        list-style-type: initial;
        padding-left: 20px !important;
        padding-top: 0 !important; }
        .page--policy .container--text ol li ul::marker, .page--terms .container--text ol li ul::marker {
          font-size: 20px;
          line-height: 20px; }
  .page--login .page__body {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .page--login .v-form {
    margin-top: 52px;
    max-width: 820px; }
    .page--login .v-form__container {
      padding: 50px;
      background: #FFFFFF;
      box-shadow: 0px 4px 28px rgba(0, 46, 94, 0.1);
      border-radius: 6px; }
    .page--login .v-form__body {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 1fr;
      grid-gap: 4px 16px; }
    .page--login .v-form__footer {
      display: flex;
      flex-direction: column; }
      .page--login .v-form__footer div {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px; }
        .page--login .v-form__footer div a {
          color: #0C5BB0; }
      .page--login .v-form__footer .button {
        margin: 36px auto 0 auto; }
  .page--register .page__body {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .page--register .v-form {
    margin-top: 52px;
    max-width: 820px; }
    .page--register .v-form__container {
      padding: 50px;
      background: #FFFFFF;
      box-shadow: 0px 4px 28px rgba(0, 46, 94, 0.1);
      border-radius: 6px; }
    .page--register .v-form__body {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 4px 16px; }
      @media (max-width: 768px) {
        .page--register .v-form__body {
          grid-template-columns: 100%;
          grid-template-rows: auto; }
          .page--register .v-form__body > * {
            grid-column: 1 !important; }
          .page--register .v-form__body > *:nth-child(1), .page--register .v-form__body .full {
            grid-template-columns: 100% !important;
            grid-template-rows: auto !important; }
            .page--register .v-form__body > *:nth-child(1) > *, .page--register .v-form__body .full > * {
              grid-column: 1 !important; } }
    .page--register .v-form__footer {
      display: flex;
      flex-direction: column; }
      .page--register .v-form__footer div {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #49454F; }
        .page--register .v-form__footer div a {
          color: #2FB0D9; }
      .page--register .v-form__footer .button {
        margin: 36px auto 0 auto; }
    .page--register .v-form hr {
      margin: 12px 0 36px 0; }
    .page--register .v-form .full {
      grid-column: 1/3; }
      .page--register .v-form .full--card {
        display: grid;
        grid-template-columns: auto 136px;
        grid-template-rows: 1fr;
        grid-gap: 16px; }
      .page--register .v-form .full--address {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-gap: 16px; }
  .page--about .section {
    background: #FFFFFF;
    border: 1px solid #525252;
    border-radius: 6px;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #00091F; }
    .page--about .section__body {
      padding: 24px;
      border-bottom: 1px solid #525252; }
    .page--about .section__footer {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 24px; }
      .page--about .section__footer a {
        margin-top: 12px; }
  .page--membership .section > * {
    display: flex;
    align-items: center;
    justify-content: center; }
  .page--membership .section__container {
    display: flex;
    flex-direction: column; }
    .page--membership .section__container > * {
      width: 100%; }
  .page--membership .section__content {
    background: #FFFFFF;
    border: 1px solid #525252;
    border-radius: 6px; }
  .page--membership .section__header {
    padding: 30px;
    border-bottom: 1px solid #525252; }
  .page--membership .section__body {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .page--membership .section__body ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .page--membership .section__body ul svg {
        margin-right: 8px; }
      .page--membership .section__body ul li {
        display: flex;
        align-items: center;
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #12131B; }
        .page--membership .section__body ul li:not(:last-child) {
          margin-bottom: 12px; }
  .page--membership .section__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #0C5BB0;
    margin-bottom: 24px; }
  .page--membership .section__price {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #30B067; }
  .page--membership .section__per {
    margin-top: 4px;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #676D73; }
  .page--membership .section__footer {
    display: flex;
    align-items: center;
    justify-content: center; }
  .page--contact .page__body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    align-items: center; }
    @media (max-width: 1100px) {
      .page--contact .page__body {
        grid-template-columns: 1fr; } }
  .page--contact .full--captcha {
    grid-column: 1/3;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center; }
  .page--contact .v-form__container {
    padding: 50px;
    border: 1px solid #525252;
    border-radius: 6px; }
  .page--contact .v-form__body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 0 32px; }
    .page--contact .v-form__body > *:nth-child(1) {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 4px 16px; }
      .page--contact .v-form__body > *:nth-child(1) > *:last-child {
        grid-column: 1/3; }
  .page--contact .v-form__footer {
    display: flex;
    flex-direction: column; }
    .page--contact .v-form__footer .button {
      margin: 36px auto 0 auto; }
  @media (max-width: 768px) {
    .page--contact .v-form__body {
      grid-template-columns: 100%;
      grid-template-rows: auto; }
      .page--contact .v-form__body > * {
        grid-column: 1 !important; }
      .page--contact .v-form__body > *:nth-child(1) {
        grid-template-columns: 100%;
        grid-template-rows: auto; }
        .page--contact .v-form__body > *:nth-child(1) > * {
          grid-column: 1 !important; } }
  .page--contact .section--info {
    margin: 60px 0; }
    .page--contact .section--info-1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .page--contact .section--info-1 h3 {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        color: #00091F;
        margin-bottom: 24px; }
      .page--contact .section--info-1 p {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #00091F; }
        .page--contact .section--info-1 p svg {
          margin-right: 12px; }
        .page--contact .section--info-1 p:not(:last-child) {
          margin-bottom: 12px; }
    .page--contact .section--info-2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 60px;
      background: #F2F5FA;
      border-radius: 6px; }
      .page--contact .section--info-2 .button {
        margin-top: 32px; }
      .page--contact .section--info-2 h3 {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 40px;
        text-align: center;
        text-transform: uppercase;
        color: #00091F; }
      .page--contact .section--info-2 p {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #12131B; }
        .page--contact .section--info-2 p a {
          color: #00091F; }
        .page--contact .section--info-2 p:not(:last-child) {
          margin-bottom: 4px; }
    .page--contact .section--info-3 h3 {
      font-style: normal;
      text-align: center;
      text-transform: uppercase;
      color: #0C5BB0;
      margin-bottom: 16px;
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 28px;
      line-height: 40px;
      text-align: center;
      text-transform: uppercase;
      color: #0C5BB0; }
    .page--contact .section--info-3 p {
      font-family: "Sarabun";
      font-style: normal;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #00091F; }
  .page--shop .page__container {
    display: grid;
    grid-template-columns: 464px auto;
    grid-auto-rows: min-content;
    grid-gap: 80px 32px;
    grid-template-areas: 'header body' 'footer footer'; }
  .page--shop .page__header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 84px 62px;
    background: #EFF0F6;
    border: 2px solid #2FB0D9;
    border-radius: 6px;
    position: relative; }
    .page--shop .page__header img {
      width: 340px;
      height: 340px;
      object-fit: contain;
      position: sticky;
      top: 32px; }
  .page--shop .page__footer .section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 24px;
    justify-content: space-between; }
    .page--shop .page__footer .section-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .page--shop .page__footer .section-item__body {
        margin-top: 22px;
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        text-transform: capitalize;
        color: #12131B; }
  @media (max-width: 1200px) {
    .page--shop .page__container {
      grid-template-columns: 100%;
      grid-template-areas: 'header' 'body' 'footer'; }
    .page--shop .page__footer .section {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 768px) {
    .page--shop .page__footer .section {
      grid-template-columns: 100%; } }

.cart__header, .cart__body, .cart__footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  grid-gap: 16px;
  margin-bottom: 32px; }
  .cart__header .title, .cart__header .text, .cart__body .title, .cart__body .text, .cart__footer .title, .cart__footer .text {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    color: #12131B;
    grid-column: 1/3;
    margin-bottom: 16px; }
  .cart__header .text, .cart__body .text, .cart__footer .text {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B; }
.cart-item__container {
  display: grid;
  grid-template-columns: 90px auto;
  grid-auto-rows: min-content;
  grid-template-areas: 'header body' 'header footer';
  grid-gap: 0 4px; }
.cart-item__header {
  grid-area: header;
  width: 90px;
  height: 90px; }
  .cart-item__header img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.cart-item__body {
  grid-area: body;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #12131B;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #2FB0D9; }
.cart-item__footer {
  grid-area: footer;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  color: #12131B; }
.cart__footer {
  margin-bottom: 0;
  display: block; }
  .cart__footer button {
    width: 100%; }
  .cart__footer img {
    width: 100%;
    object-fit: contain; }
    .cart__footer img:first-of-type {
      max-height: 35px;
      margin: 32px 0; }
@media (max-width: 768px) {
  .cart__header, .cart__body {
    grid-template-columns: 100%; }
    .cart__header > *, .cart__body > * {
      grid-column: 1 !important; } }

.product-item {
  border-radius: 24px;
  background: #E3EBFC; }
  .product-item__container {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: min-content;
    grid-gap: 12px;
    padding: 44px 20px 20px 20px; }
  .product-item__header {
    margin-bottom: 12px; }
    .product-item__header img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      max-height: 140px; }
  .product-item__body {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
    color: #12131B; }
  .product-item__footer {
    font-family: Sarabun;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B; }

.glider-dot {
  background: #D6D8DB !important; }
  .glider-dot.active {
    background: #2FB0D9 !important; }
.glider > *:not(.glider-track) {
  visibility: hidden; }
.glider#mainSlider {
  max-width: 100%;
  width: 100%;
  height: 800px;
  max-height: 800px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .glider#mainSlider {
      max-height: 420px; } }
.glider-contain .dots {
  position: absolute;
  bottom: 12px;
  width: 100%;
  left: 0; }
.glider-track, .glider-track > * {
  max-height: 100%;
  height: 100%; }
.glider-slide {
  position: relative; }
  .glider-slide.container, .glider-slide .container {
    margin: 0;
    max-width: 100%; }
  .glider-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .glider-slide .overlay {
    visibility: visible !important; }
.glider .overlay {
  visibility: hidden;
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .glider .overlay-title {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 8px rgba(9, 63, 90, 0.25);
    max-width: 872px;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .glider .overlay-title {
        font-size: 32px;
        line-height: 36px;
        padding-bottom: 16px; } }
  .glider .overlay .button--main {
    margin-top: 24px; }
  .glider .overlay-grid {
    display: grid;
    grid-template-columns: 352px auto;
    grid-template-rows: 1fr;
    grid-gap: 36px;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .glider .overlay-grid {
        display: none;
        grid-template-columns: 100%;
        grid-gap: 12px; } }
    .glider .overlay-grid__item {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .glider .overlay-grid__item i {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        border: 1.5px solid #00AD31;
        border-radius: 100%;
        width: 56px;
        height: 56px; }
        .glider .overlay-grid__item i svg path {
          fill: #00AD31; }
      .glider .overlay-grid__item span {
        margin-left: 24px;
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        color: #FFFFFF; }
.glider-prev, .glider-next {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(50% - 48px) !important;
  color: white !important;
  opacity: 1 !important; }
  @media (max-width: 768px) {
    .glider-prev, .glider-next {
      display: none; } }
.glider-prev {
  left: 24px !important; }
.glider-next {
  right: 24px !important; }

.input-box.error input, .input-box.error select, .input-box.error textarea {
  margin-bottom: 0 !important; }

.alert-danger {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.005em;
  color: #FF4741; }
.alert-success {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: 0.005em;
  color: #4BB543; }

.tab button {
  background: none;
  border: none;
  outline: none;
  padding: 6px 24.5px;
  transition: 0.3s;
  border-bottom: 2px solid transparent;
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #00091F; }
.tab--calc button:hover {
  border-bottom: 2px solid #2FB0D9; }
.tab--calc button.active {
  font-weight: 600;
  border-bottom: 2px solid #2FB0D9; }

.tabcontent {
  display: none; }
  .tabcontent.active {
    display: block; }

.v-table--default {
  border-collapse: collapse;
  border-radius: 6px;
  border-style: hidden;
  /* hide standard table (collapsed) border */
  box-shadow: 0 0 0 1px #D6D8DB;
  /* this draws the table border  */
  overflow: hidden; }
  .v-table--default th, .v-table--default td {
    padding: 8px 24px;
    border-top: 1px solid #525252;
    border-bottom: 1px solid #525252; }
  .v-table--default thead {
    background: #0C5BB0; }
    .v-table--default thead th {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 26px;
      text-transform: uppercase;
      color: white; }
  .v-table--default tbody tr:nth-child(odd) {
    background: #F2F5FA; }
  .v-table--default tbody td {
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B; }

.crossed {
  text-decoration: line-through; }

.red {
  color: red !important; }

.section--main section--main-2 .product__container {
  height: 100%;
  margin-bottom: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  overflow: hidden; }
  .section--main section--main-2 .product__container > * {
    width: 100%;
    grid-column: 1/3; }
  .section--main section--main-2 .product__container:before {
    content: '';
    position: absolute;
    left: 0;
    top: 54px;
    height: calc(100% - 54px);
    width: 100%;
    z-index: -1;
    border-radius: 14px;
    background: #EFF0F6; }
  .section--main section--main-2 .product__container:hover .product__absolute {
    opacity: 1;
    pointer-events: auto; }
.section--main section--main-2 .product__header {
  margin-bottom: 10px;
  position: relative;
  height: fit-content;
  max-height: 231px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end; }
  .section--main section--main-2 .product__header img {
    border-radius: 6px 6px 0 0;
    transition: all 0.4s ease 0s;
    height: 100%;
    width: auto;
    max-width: calc(100% - 86px);
    object-fit: contain; }
  .section--main section--main-2 .product__header .product__absolute {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 16px; }
.section--main section--main-2 .product__category {
  color: #858585;
  font-family: Sarabun;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 187.5% */
  letter-spacing: 0.5px; }
.section--main section--main-2 .product__body {
  color: #000;
  font-family: Sarabun;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; }
.section--main section--main-2 .product__footer {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  align-items: flex-end; }
  .section--main section--main-2 .product__footer > * {
    grid-column: 1; }
.section--main section--main-2 .product__price {
  margin: 8px 0 12px;
  color: #064CAC;
  font-family: Sarabun;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.5px; }
.section--main section--main-2 .product__button {
  min-width: 170px;
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

.blog-entry .entry-thumb, .blog-entry .entry-thumb img {
  height: 100%;
  max-height: 234px;
  border-radius: 24px;
  object-fit: cover; }
.blog-entry .entry-metadata h1:first-of-type, .blog-entry .entry-metadata h1:first-of-type > a, .blog-entry .entry-metadata h2:first-of-type, .blog-entry .entry-metadata h2:first-of-type > a, .blog-entry .entry-metadata h3:first-of-type, .blog-entry .entry-metadata h3:first-of-type > a, .blog-entry .entry-metadata h4:first-of-type, .blog-entry .entry-metadata h4:first-of-type > a, .blog-entry .entry-metadata h5:first-of-type, .blog-entry .entry-metadata h5:first-of-type > a, .blog-entry .entry-metadata h6:first-of-type, .blog-entry .entry-metadata h6:first-of-type > a {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  color: #00091F; }
.blog-entry .entry-metadata h2, .blog-entry .entry-metadata h3, .blog-entry .entry-metadata h4, .blog-entry .entry-metadata h5, .blog-entry .entry-metadata h6 {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #00091F;
  margin-top: 36px;
  margin-bottom: 24px; }
.blog-entry .entry-metadata p {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #12131B;
  margin-top: 16px;
  margin-bottom: 16px; }
.blog-entry .entry-metadata ul, .blog-entry .entry-metadata ol {
  font-family: "Sarabun"; }
  .blog-entry .entry-metadata ul li, .blog-entry .entry-metadata ol li {
    list-style-type: circle;
    font-family: "Sarabun";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #12131B;
    margin-bottom: 12px; }

.mobile {
  display: none; }
  @media (max-width: 768px) {
    .mobile {
      display: block; } }

.desktop {
  display: none; }
  @media (min-width: 768px) {
    .desktop {
      display: block; } }

.header {
  position: relative; }
  .header .burger {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    right: 1rem;
    top: 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    .header .burger > div {
      height: 2px;
      background-color: #000;
      transition: 0.5s;
      z-index: 999; }
    .header .burger.active div:nth-child(1) {
      transform: translateY(15px) rotate(45deg); }
    .header .burger.active div:nth-child(2) {
      opacity: 0; }
    .header .burger.active div:nth-child(3) {
      transform: translateY(-15px) rotate(-45deg); }

@media (max-width: 768px) {
  .menu__content {
    padding: 20px 0 !important; } }
.menu__header {
  display: none; }
.menu__body {
  list-style: none;
  padding: 0;
  display: grid;
  grid-auto-rows: min-content;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 32px; }
.menu-item a {
  padding: 0 8px;
  color: #12131B;
  font-family: "Sarabun";
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-right: 1px solid #ABABAB; }
  @media (max-width: 768px) {
    .menu-item a {
      border-right: none; } }
.menu-item.desktop-menu-last a {
  border-right: none; }
.menu-item--active a {
  font-weight: 800; }
@media (max-width: 768px) {
  .menu__header {
    display: block !important; }
  .menu__body {
    display: none;
    grid-gap: 12px;
    position: absolute;
    left: 0;
    top: 100%;
    background: white;
    width: 100%;
    box-shadow: 0px 20px 20px 15px rgba(0, 0, 0, 0.12);
    margin: 0;
    z-index: 100;
    grid-template-columns: 100%;
    grid-auto-rows: min-content; }
    .menu__body.active {
      display: grid !important; }
  .menu-item {
    padding: 16px;
    border: none; } }

.footer {
  --background: #EDEEF6;
  --color: #1E1E1E;
  --color--2: #292929;
  margin-top: 64px; }
  .footer__header {
    background: var(--background); }
  .footer__fda {
    color: #12131B;
    text-align: center;
    font-family: Sarabun;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.5px;
    padding: 0 0 6px; }
  .footer__header .container {
    padding: 40px 0 0px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: min-content;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .footer__header .container {
        grid-template-columns: 1fr;
        grid-gap: 24px; } }
  .footer__body {
    padding: 31px 0;
    border-top: 1px solid #D6C2EF;
    background: #FFF; }
  .footer__body .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%; }
    .footer__body .container .title {
      display: grid;
      grid-template-columns: 1fr;
      width: 100%;
      justify-content: center; }
      .footer__body .container .title span {
        text-align: center;
        color: #333;
        text-align: center;
        font-family: Sarabun;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.5px; }
    .footer__body .container .content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 900px) {
        .footer__body .container .content {
          grid-template-columns: 1fr; } }
      .footer__body .container .content .footer-menu {
        display: grid;
        grid-template-columns: repeat(4, auto);
        grid-auto-rows: min-content;
        justify-content: start;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0; }
        @media (max-width: 450px) {
          .footer__body .container .content .footer-menu {
            display: flex;
            flex-direction: column;
            border-right: none; } }
        @media (max-width: 900px) {
          .footer__body .container .content .footer-menu {
            justify-content: center;
            margin: 0 0 24px; } }
        .footer__body .container .content .footer-menu li {
          list-style: none;
          padding: 0 5px;
          border-right: 1px solid #333; }
          .footer__body .container .content .footer-menu li:first-child {
            padding-left: 0; }
          .footer__body .container .content .footer-menu li:last-child {
            border-right: none;
            padding-right: 0; }
          @media (max-width: 450px) {
            .footer__body .container .content .footer-menu li {
              border-right: none;
              padding-bottom: 5px; } }
          .footer__body .container .content .footer-menu li a {
            color: #333;
            text-align: center;
            font-family: Sarabun;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.5px; }
            .footer__body .container .content .footer-menu li a:hover {
              font-weight: 600; }
      .footer__body .container .content .copy {
        width: auto;
        justify-self: end;
        color: #333;
        text-align: center;
        font-family: Sarabun;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.5px; }
        @media (max-width: 900px) {
          .footer__body .container .content .copy {
            justify-self: center; } }
  .footer-item {
    width: 100%;
    border-right: 1px solid #D7D7D7;
    padding: 0 8px; }
    @media (max-width: 768px) {
      .footer-item {
        border-right: none; } }
    .footer-item:first-child {
      border-left: 1px solid #D7D7D7; }
      @media (max-width: 768px) {
        .footer-item:first-child {
          border-left: none; } }
    .footer-item a, .footer-item .tel, .footer-item .address {
      display: grid;
      grid-template-columns: 1fr;
      justify-self: center;
      justify-content: center;
      grid-auto-rows: min-content;
      grid-gap: 10px;
      gap: 4px; }
      .footer-item a img, .footer-item a svg, .footer-item .tel img, .footer-item .tel svg, .footer-item .address img, .footer-item .address svg {
        height: 40px;
        padding: 0 0 6px;
        text-align: center;
        margin: 0 auto; }
      .footer-item a span, .footer-item .tel span, .footer-item .address span {
        color: #12131B;
        text-align: center;
        font-family: Sarabun;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.5px;
        padding: 0 0 6px; }
      .footer-item a .bold, .footer-item .tel .bold, .footer-item .address .bold {
        font-weight: 600;
        padding: 0; }
    .footer-item__header {
      font-family: "Sarabun";
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: var(--color);
      margin-bottom: 24px; }
    .footer-item__body {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: 100%;
      grid-auto-rows: min-content;
      grid-gap: 16px; }
      .footer-item__body li {
        font-family: "Sarabun";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--color); }
    .footer-item a {
      color: var(--color);
      text-decoration: none; }
  @media (max-width: 768px) {
    .footer__header {
      grid-gap: 32px;
      grid-template-columns: 100%; } }

.page--home .page__container .section--main-2 {
  margin-top: -100px;
  z-index: 9; }
  .page--home .page__container .section--main-2 .title-products {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 160px;
    background: #fff;
    z-index: 999; }
    @media (max-width: 768px) {
      .page--home .page__container .section--main-2 .title-products {
        min-height: 120px; } }
    @media (max-width: 420px) {
      .page--home .page__container .section--main-2 .title-products {
        flex-direction: column;
        gap: 12px; } }
    .page--home .page__container .section--main-2 .title-products .section-item {
      width: 100%;
      max-width: 215px; }
      @media (max-width: 1120px) {
        .page--home .page__container .section--main-2 .title-products .section-item {
          max-width: 160px; } }
      @media (max-width: 420px) {
        .page--home .page__container .section--main-2 .title-products .section-item {
          max-width: 100%; } }
      .page--home .page__container .section--main-2 .title-products .section-item .product__container {
        overflow: visible !important; }
        .page--home .page__container .section--main-2 .title-products .section-item .product__container:before {
          z-index: 0;
          height: 120px;
          top: unset;
          bottom: 0;
          border-radius: 0;
          background: #EFF0F6; }
        .page--home .page__container .section--main-2 .title-products .section-item .product__container .product__header {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 120px;
          border-radius: 24px;
          background: #E3EBFC; }
          @media (max-width: 768px) {
            .page--home .page__container .section--main-2 .title-products .section-item .product__container .product__header {
              height: 120px; } }
          .page--home .page__container .section--main-2 .title-products .section-item .product__container .product__header img {
            max-height: 86%;
            max-width: 96%;
            height: 166px;
            width: auto; }
            @media (max-width: 768px) {
              .page--home .page__container .section--main-2 .title-products .section-item .product__container .product__header img {
                height: 80px; } }
  .page--home .page__container .section--main-2 .services {
    margin: 0; }

.send-form {
  border: 2px solid #2FB0D9;
  border-radius: 6px; }
  .send-form .title {
    padding: 20px;
    background: #2FB0D9; }
    .send-form .title h2 {
      color: #fff;
      text-align: left;
      font-family: Sarabun;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px;
      /* 120% */
      text-transform: capitalize; }
  .send-form form {
    padding: 40px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px; }

#contact h1 {
  color: #12131B;
  text-align: center;
  font-family: "Krona One";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  /* 120% */
  text-transform: capitalize;
  text-align: center; }
  @media (max-width: 768px) {
    #contact h1 {
      font-size: 32px;
      line-height: 40px; } }
#contact h3 {
  max-width: 754px;
  margin: 0 auto 56px;
  color: #12131B;
  text-align: center;
  font-family: Sarabun;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; }
#contact p {
  color: #12131B;
  text-align: center;
  font-family: Sarabun;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; }
#contact .section__container {
  margin: 0 0 40px; }
  #contact .section__container .section-item {
    display: flex;
    height: min-content;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center; }
    #contact .section__container .section-item .title {
      display: flex;
      flex-direction: row;
      gap: 16px;
      margin-bottom: 20px;
      width: 100%;
      justify-content: center;
      align-items: center; }
      #contact .section__container .section-item .title h4 {
        color: #12131B;
        font-family: Sarabun;
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 32px; }
    #contact .section__container .section-item .body {
      display: block;
      color: #454545;
      font-family: Sarabun;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      text-align: left; }
      #contact .section__container .section-item .body span {
        display: block;
        color: #454545;
        font-family: Sarabun;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-align: left; }

/*# sourceMappingURL=app.css.map */