/* File: aa_base.css */
h1, h2, h3, h4, h5, h6, p, li {
  font-family: Roboto,Arial,sans-serif;
  margin: 0;
  caret-color: transparent;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.6;
}

div {
  caret-color: transparent;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.table {
  text-decoration: inherit;
}

.fontHight0_5 {
  line-height: .5;
}

.fontHight0_75 {
  line-height: .75;
}

.fontHight1 {
  line-height: 1;
}

.fontHight1_25 {
  line-height: 1.25;
}

.fontHight1_5 {
  line-height: 1.5;
}

.fontHight1_75 {
  line-height: 1.75;
}

.fontHight2 {
  line-height: 2;
}

.fontHight2_5 {
  line-height: 2.5;
}

.fontHight3 {
  line-height: 3;
}

.fontWeight100 {
  font-weight: 100;
}

.fontWeight200 {
  font-weight: 200;
}

.fontWeight300 {
  font-weight: 300;
}

.fontWeight400 {
  font-weight: 400;
}

.fontWeight500 {
  font-weight: 500;
}

.fontWeight600 {
  font-weight: 600;
}

.fontWeight700 {
  font-weight: 700;
}

.carousel-control-next-icon {
  background-image: url("https://daya-file.oss-eu-central-1.aliyuncs.com/dayacc/template/index/lunbo_Icon_right.svg");
}

.carousel-control-prev-icon {
  background-image: url("https://daya-file.oss-eu-central-1.aliyuncs.com/dayacc/template/index/lunbo_Icon_left.svg");
}

.aa_button {
  background-color: #808080;
  color: #fff;
  border-radius: 0;
  border-color: #808080;
  padding: 2px 25px;
}

.aa_button:hover {
  background-color: #000;
  color: #fff;
  border-radius: 0;
  border-color: #000;
}

.aa_button:active {
  background-color: #000;
  color: #fff;
  border-radius: 0;
  border-color: #000;
}

.aa_button:focus {
  background-color: #000;
  color: #fff;
  border-radius: 0;
  border-color: #000;
}

.aa_button_fff {
  background-color: rgba(0,0,0,0.1);
  color: #fff;
  border: 1px #fff solid;
  border-radius: 0;
  padding: 2px 25px;
}

.aa_button_fff:hover {
  background-color: #fff;
  color: #000;
  border-radius: 0;
  border-color: #fff;
}

.aa_button_fff:active {
  background-color: #fff;
  color: #000;
  border-radius: 0;
  border-color: #fff;
}

.aa_button_fff:focus {
  background-color: #fff;
  color: #000;
  border-radius: 0;
  border-color: #fff;
}


/* File: helvetica/_font-face.css */
@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url('/font/helveticaneue-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Regular';
  src: url('/font/Helvetica%20Neue.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('/font/HelveticaNeue-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('/font/HelveticaNeue-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
/* File: helvetica/_base.css */
.HelBold {
  font-family: 'HelveticaNeue-Bold', Arial, sans-serif;
  font-weight: 700;
  --fs-min: 14px;
  --fs-max: 16px;
  font-size: var(--fs-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .HelBold {
    font-size: calc((var(--fs-min) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .HelBold {
    font-size: calc((var(--fs-min) + var(--fs-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .HelBold {
    font-size: calc((var(--fs-max) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .HelBold {
    font-size: var(--fs-max);
  }
}

.HelMed {
  font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
  font-weight: 500;
  --fs-min: 14px;
  --fs-max: 16px;
  font-size: var(--fs-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .HelMed {
    font-size: calc((var(--fs-min) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .HelMed {
    font-size: calc((var(--fs-min) + var(--fs-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .HelMed {
    font-size: calc((var(--fs-max) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .HelMed {
    font-size: var(--fs-max);
  }
}

.HelReg {
  font-family: 'HelveticaNeue-Light', Arial, sans-serif;
  font-weight: 300;
  --fs-min: 14px;
  --fs-max: 16px;
  font-size: var(--fs-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .HelReg {
    font-size: calc((var(--fs-min) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .HelReg {
    font-size: calc((var(--fs-min) + var(--fs-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .HelReg {
    font-size: calc((var(--fs-max) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .HelReg {
    font-size: var(--fs-max);
  }
}

.FontSize {
  font-family: 'HelveticaNeue-Light', Arial, sans-serif;
  font-weight: 300;
  --fs-min: 14px;
  --fs-max: 16px;
  font-size: var(--fs-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .FontSize {
    font-size: calc((var(--fs-min) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .FontSize {
    font-size: calc((var(--fs-min) + var(--fs-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .FontSize {
    font-size: calc((var(--fs-max) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .FontSize {
    font-size: var(--fs-max);
  }
}
/* File: helvetica/_font-size.css */
.fs8-8 { --fs-min: 8px; --fs-max: 8px; }
.fs8-10 { --fs-min: 8px; --fs-max: 10px; }
.fs8-12 { --fs-min: 8px; --fs-max: 12px; }
.fs8-14 { --fs-min: 8px; --fs-max: 14px; }
.fs8-16 { --fs-min: 8px; --fs-max: 16px; }
.fs8-18 { --fs-min: 8px; --fs-max: 18px; }
.fs9-13 { --fs-min: 9px; --fs-max: 13px; }
.fs10-8 { --fs-min: 10px; --fs-max: 8px; }
.fs10-10 { --fs-min: 10px; --fs-max: 10px; }
.fs10-12 { --fs-min: 10px; --fs-max: 12px; }
.fs10-14 { --fs-min: 10px; --fs-max: 14px; }
.fs10-16 { --fs-min: 10px; --fs-max: 16px; }
.fs10-18 { --fs-min: 10px; --fs-max: 18px; }
.fs10-20 { --fs-min: 10px; --fs-max: 20px; }
.fs11-9 { --fs-min: 11px; --fs-max: 9px; }
.fs11-11 { --fs-min: 11px; --fs-max: 11px; }
.fs11-13 { --fs-min: 11px; --fs-max: 13px; }
.fs11-15 { --fs-min: 11px; --fs-max: 15px; }
.fs11-17 { --fs-min: 11px; --fs-max: 17px; }
.fs11-18 { --fs-min: 11px; --fs-max: 18px; }
.fs11-19 { --fs-min: 11px; --fs-max: 19px; }
.fs11-21 { --fs-min: 11px; --fs-max: 21px; }
.fs12-8 { --fs-min: 12px; --fs-max: 8px; }
.fs12-10 { --fs-min: 12px; --fs-max: 10px; }
.fs12-12 { --fs-min: 12px; --fs-max: 12px; }
.fs12-14 { --fs-min: 12px; --fs-max: 14px; }
.fs12-15 { --fs-min: 12px; --fs-max: 15px; }
.fs12-16 { --fs-min: 12px; --fs-max: 16px; }
.fs12-18 { --fs-min: 12px; --fs-max: 18px; }
.fs12-20 { --fs-min: 12px; --fs-max: 20px; }
.fs12-22 { --fs-min: 12px; --fs-max: 22px; }
.fs13-9 { --fs-min: 13px; --fs-max: 9px; }
.fs13-11 { --fs-min: 13px; --fs-max: 11px; }
.fs13-13 { --fs-min: 13px; --fs-max: 13px; }
.fs13-15 { --fs-min: 13px; --fs-max: 15px; }
.fs13-16 { --fs-min: 13px; --fs-max: 16px; }
.fs13-17 { --fs-min: 13px; --fs-max: 17px; }
.fs13-19 { --fs-min: 13px; --fs-max: 19px; }
.fs13-21 { --fs-min: 13px; --fs-max: 21px; }
.fs13-23 { --fs-min: 13px; --fs-max: 23px; }
.fs13-24 { --fs-min: 13px; --fs-max: 24px; }
.fs14-8 { --fs-min: 14px; --fs-max: 8px; }
.fs14-10 { --fs-min: 14px; --fs-max: 10px; }
.fs14-12 { --fs-min: 14px; --fs-max: 12px; }
.fs14-14 { --fs-min: 14px; --fs-max: 14px; }
.fs14-16 { --fs-min: 14px; --fs-max: 16px; }
.fs14-18 { --fs-min: 14px; --fs-max: 18px; }
.fs14-20 { --fs-min: 14px; --fs-max: 20px; }
.fs14-22 { --fs-min: 14px; --fs-max: 22px; }
.fs14-24 { --fs-min: 14px; --fs-max: 24px; }
.fs14-26 { --fs-min: 14px; --fs-max: 26px; }
.fs14-28 { --fs-min: 14px; --fs-max: 28px; }
.fs15-9 { --fs-min: 15px; --fs-max: 9px; }
.fs15-11 { --fs-min: 15px; --fs-max: 11px; }
.fs15-13 { --fs-min: 15px; --fs-max: 13px; }
.fs15-15 { --fs-min: 15px; --fs-max: 15px; }
.fs15-18 { --fs-min: 15px; --fs-max: 18px; }
.fs15-20 { --fs-min: 15px; --fs-max: 20px; }
.fs15-22 { --fs-min: 15px; --fs-max: 22px; }
.fs15-25 { --fs-min: 15px; --fs-max: 25px; }
.fs15-30 { --fs-min: 15px; --fs-max: 30px; }
.fs15-35 { --fs-min: 15px; --fs-max: 35px; }
.fs16-10 { --fs-min: 16px; --fs-max: 10px; }
.fs16-12 { --fs-min: 16px; --fs-max: 12px; }
.fs16-14 { --fs-min: 16px; --fs-max: 14px; }
.fs16-16 { --fs-min: 16px; --fs-max: 16px; }
.fs16-18 { --fs-min: 16px; --fs-max: 18px; }
.fs16-20 { --fs-min: 16px; --fs-max: 20px; }
.fs16-22 { --fs-min: 16px; --fs-max: 22px; }
.fs16-24 { --fs-min: 16px; --fs-max: 24px; }
.fs16-26 { --fs-min: 16px; --fs-max: 26px; }
.fs16-28 { --fs-min: 16px; --fs-max: 28px; }
.fs16-30 { --fs-min: 16px; --fs-max: 30px; }
.fs16-36 { --fs-min: 16px; --fs-max: 36px; }
.fs18-12 { --fs-min: 18px; --fs-max: 12px; }
.fs18-14 { --fs-min: 18px; --fs-max: 14px; }
.fs18-16 { --fs-min: 18px; --fs-max: 16px; }
.fs18-18 { --fs-min: 18px; --fs-max: 18px; }
.fs18-20 { --fs-min: 18px; --fs-max: 20px; }
.fs18-22 { --fs-min: 18px; --fs-max: 22px; }
.fs18-24 { --fs-min: 18px; --fs-max: 24px; }
.fs18-26 { --fs-min: 18px; --fs-max: 26px; }
.fs18-28 { --fs-min: 18px; --fs-max: 28px; }
.fs18-32 { --fs-min: 18px; --fs-max: 32px; }
.fs18-34 { --fs-min: 18px; --fs-max: 34px; }
.fs18-36 { --fs-min: 18px; --fs-max: 36px; }
.fs18-40 { --fs-min: 18px; --fs-max: 40px; }
.fs18-44 { --fs-min: 18px; --fs-max: 44px; }
.fs20-12 { --fs-min: 20px; --fs-max: 12px; }
.fs20-14 { --fs-min: 20px; --fs-max: 14px; }
.fs20-16 { --fs-min: 20px; --fs-max: 16px; }
.fs20-18 { --fs-min: 20px; --fs-max: 18px; }
.fs20-20 { --fs-min: 20px; --fs-max: 20px; }
.fs20-22 { --fs-min: 20px; --fs-max: 22px; }
.fs20-28 { --fs-min: 20px; --fs-max: 28px; }
.fs20-30 { --fs-min: 20px; --fs-max: 30px; }
.fs20-34 { --fs-min: 20px; --fs-max: 34px; }
.fs20-36 { --fs-min: 20px; --fs-max: 36px; }
.fs20-38 { --fs-min: 20px; --fs-max: 38px; }
.fs20-40 { --fs-min: 20px; --fs-max: 40px; }
.fs20-46 { --fs-min: 20px; --fs-max: 46px; }
.fs20-52 { --fs-min: 20px; --fs-max: 52px; }
.fs20-58 { --fs-min: 20px; --fs-max: 58px; }
.fs22-12 { --fs-min: 22px; --fs-max: 12px; }
.fs22-14 { --fs-min: 22px; --fs-max: 14px; }
.fs22-16 { --fs-min: 22px; --fs-max: 16px; }
.fs22-18 { --fs-min: 22px; --fs-max: 18px; }
.fs22-20 { --fs-min: 22px; --fs-max: 20px; }
.fs22-22 { --fs-min: 22px; --fs-max: 22px; }
.fs22-28 { --fs-min: 22px; --fs-max: 28px; }
.fs22-34 { --fs-min: 22px; --fs-max: 34px; }
.fs22-36 { --fs-min: 22px; --fs-max: 36px; }
.fs22-40 { --fs-min: 22px; --fs-max: 40px; }
.fs22-44 { --fs-min: 22px; --fs-max: 44px; }
.fs22-52 { --fs-min: 22px; --fs-max: 52px; }
.fs22-60 { --fs-min: 22px; --fs-max: 60px; }
.fs24-24 { --fs-min: 24px; --fs-max: 24px; }
.fs24-28 { --fs-min: 24px; --fs-max: 28px; }
.fs24-32 { --fs-min: 24px; --fs-max: 32px; }
.fs24-36 { --fs-min: 24px; --fs-max: 36px; }
.fs24-48 { --fs-min: 24px; --fs-max: 48px; }
.fs24-60 { --fs-min: 24px; --fs-max: 60px; }
.fs26-26 { --fs-min: 26px; --fs-max: 26px; }
.fs26-30 { --fs-min: 26px; --fs-max: 30px; }
.fs26-36 { --fs-min: 26px; --fs-max: 36px; }
.fs26-40 { --fs-min: 26px; --fs-max: 40px; }
.fs26-68 { --fs-min: 26px; --fs-max: 68px; }
.fs28-28 { --fs-min: 28px; --fs-max: 28px; }
.fs28-40 { --fs-min: 28px; --fs-max: 40px; }
.fs28-48 { --fs-min: 28px; --fs-max: 48px; }
.fs28-50 { --fs-min: 28px; --fs-max: 50px; }
.fs28-70 { --fs-min: 28px; --fs-max: 70px; }
.fs30-30 { --fs-min: 30px; --fs-max: 30px; }
.fs30-48 { --fs-min: 30px; --fs-max: 48px; }
.fs30-72 { --fs-min: 30px; --fs-max: 72px; }
.fs32-32 { --fs-min: 32px; --fs-max: 32px; }
.fs32-56 { --fs-min: 32px; --fs-max: 56px; }
.fs32-74 { --fs-min: 32px; --fs-max: 74px; }
.fs34-76 { --fs-min: 34px; --fs-max: 76px; }
.fs36-78 { --fs-min: 36px; --fs-max: 78px; }
.fs40-80 { --fs-min: 40px; --fs-max: 80px; }
.fs44-90 { --fs-min: 44px; --fs-max: 90px; }
.fs50-120 { --fs-min: 50px; --fs-max: 120px; }
.fs60-150 { --fs-min: 60px; --fs-max: 150px; }
/* File: aa_media.compiled.css */
.mediaPad {
  --pa: 0 0 0 0px;
  --pa-sm: 0 0 0 0px;
  --pa-md: 0 0 0 0px;
  --pa-lg: 0 0 0 0px;
  --pa-xl: 0 0 0 0px;
  --pa-xxl: 0 0 0 0px;
  padding: var(--pa);
}

.mediaMar {
  --ma: 0 0 0 0px;
  --ma-sm: 0 0 0 0px;
  --ma-md: 0 0 0 0px;
  --ma-lg: 0 0 0 0px;
  --ma-xl: 0 0 0 0px;
  --ma-xxl: 0 0 0 0px;
  margin: var(--ma);
}

.mediaPadTop {
  --pt: 4px;
  --pt-sm: 6px;
  --pt-md: 7px;
  --pt-lg: 10px;
  --pt-xl: 12px;
  --pt-xxl: 16px;
  padding-top: var(--pt);
}

.mediaPadBott {
  --pb: 4px;
  --pb-sm: 6px;
  --pb-md: 7px;
  --pb-lg: 10px;
  --pb-xl: 12px;
  --pb-xxl: 16px;
  padding-bottom: var(--pb);
}

.mediaMarTop {
  --mt: 4px;
  --mt-sm: 6px;
  --mt-md: 7px;
  --mt-lg: 10px;
  --mt-xl: 12px;
  --mt-xxl: 16px;
  margin-top: var(--mt);
}

.mediaMarBott {
  --mb: 4px;
  --mb-sm: 6px;
  --mb-md: 7px;
  --mb-lg: 10px;
  --mb-xl: 12px;
  --mb-xxl: 16px;
  margin-bottom: var(--mb);
}

.mediaWidth {
  --wd: 4px;
  --wd-sm: 6px;
  --wd-md: 7px;
  --wd-lg: 10px;
  --wd-xl: 12px;
  --wd-xxl: 16px;
  width: var(--wd);
}

.mediaHeight {
  --he: 4px;
  --he-sm: 6px;
  --he-md: 7px;
  --he-lg: 10px;
  --he-xl: 12px;
  --he-xxl: 16px;
  height: var(--he);
}

@media (min-width: 576px) and (max-width: 767px) {
  .mediaPad {
    padding: var(--pa-sm);
  }

  .mediaMar {
    margin: var(--ma-sm);
  }

  .mediaPadTop {
    padding-top: var(--pt-sm);
  }

  .mediaPadBott {
    padding-bottom: var(--pb-sm);
  }

  .mediaMarTop {
    margin-top: var(--mt-sm);
  }

  .mediaMarBott {
    margin-bottom: var(--mb-sm);
  }

  .mediaWidth {
    width: var(--wd-sm);
  }

  .mediaHeight {
    height: var(--he-sm);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaPad {
    padding: var(--pa-md);
  }

  .mediaMar {
    margin: var(--ma-md);
  }

  .mediaPadTop {
    padding-top: var(--pt-md);
  }

  .mediaPadBott {
    padding-bottom: var(--pb-md);
  }

  .mediaMarTop {
    margin-top: var(--mt-md);
  }

  .mediaMarBott {
    margin-bottom: var(--mb-md);
  }

  .mediaWidth {
    width: var(--wd-md);
  }

  .mediaHeight {
    height: var(--he-md);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaPad {
    padding: var(--pa-lg);
  }

  .mediaMar {
    margin: var(--ma-lg);
  }

  .mediaPadTop {
    padding-top: var(--pt-lg);
  }

  .mediaPadBott {
    padding-bottom: var(--pb-lg);
  }

  .mediaMarTop {
    margin-top: var(--mt-lg);
  }

  .mediaMarBott {
    margin-bottom: var(--mb-lg);
  }

  .mediaWidth {
    width: var(--wd-lg);
  }

  .mediaHeight {
    height: var(--he-lg);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaPad {
    padding: var(--pa-xl);
  }

  .mediaMar {
    margin: var(--ma-xl);
  }

  .mediaPadTop {
    padding-top: var(--pt-xl);
  }

  .mediaPadBott {
    padding-bottom: var(--pb-xl);
  }

  .mediaMarTop {
    margin-top: var(--mt-xl);
  }

  .mediaMarBott {
    margin-bottom: var(--mb-xl);
  }

  .mediaWidth {
    width: var(--wd-xl);
  }

  .mediaHeight {
    height: var(--he-xl);
  }
}
@media (min-width: 1400px) {
  .mediaPad {
    padding: var(--pa-xxl);
  }

  .mediaMar {
    margin: var(--ma-xxl);
  }

  .mediaPadTop {
    padding-top: var(--pt-xxl);
  }

  .mediaPadBott {
    padding-bottom: var(--pb-xxl);
  }

  .mediaMarTop {
    margin-top: var(--mt-xxl);
  }

  .mediaMarBott {
    margin-bottom: var(--mb-xxl);
  }

  .mediaWidth {
    width: var(--wd-xxl);
  }

  .mediaHeight {
    height: var(--he-xxl);
  }
}
/* File: min_max/_base.css */
.PadTop { --pt-min: 4px; --pt-max: 16px; padding-top: var(--pt-min); }
@media (min-width: 576px) and (max-width: 767px) { .PadTop { padding-top: calc((var(--pt-min) + ((var(--pt-min) + var(--pt-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .PadTop { padding-top: calc((var(--pt-min) + var(--pt-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .PadTop { padding-top: calc((var(--pt-max) + ((var(--pt-min) + var(--pt-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .PadTop { padding-top: var(--pt-max); } }

.PadBott { --pb-min: 4px; --pb-max: 16px; padding-bottom: var(--pb-min); }
@media (min-width: 576px) and (max-width: 767px) { .PadBott { padding-bottom: calc((var(--pb-min) + ((var(--pb-min) + var(--pb-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .PadBott { padding-bottom: calc((var(--pb-min) + var(--pb-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .PadBott { padding-bottom: calc((var(--pb-max) + ((var(--pb-min) + var(--pb-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .PadBott { padding-bottom: var(--pb-max); } }

.MarTop { --mt-min: 4px; --mt-max: 16px; margin-top: var(--mt-min); }
@media (min-width: 576px) and (max-width: 767px) { .MarTop { margin-top: calc((var(--mt-min) + ((var(--mt-min) + var(--mt-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .MarTop { margin-top: calc((var(--mt-min) + var(--mt-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .MarTop { margin-top: calc((var(--mt-max) + ((var(--mt-min) + var(--mt-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .MarTop { margin-top: var(--mt-max); } }

.MarBott { --mb-min: 4px; --mb-max: 16px; margin-bottom: var(--mb-min); }
@media (min-width: 576px) and (max-width: 767px) { .MarBott { margin-bottom: calc((var(--mb-min) + ((var(--mb-min) + var(--mb-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .MarBott { margin-bottom: calc((var(--mb-min) + var(--mb-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .MarBott { margin-bottom: calc((var(--mb-max) + ((var(--mb-min) + var(--mb-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .MarBott { margin-bottom: var(--mb-max); } }

.PadVerY { --py-min: 4px; --py-max: 16px; padding-top: var(--py-min); padding-bottom: var(--py-min); }
@media (min-width: 576px) and (max-width: 767px) { .PadVerY { padding-top: calc((var(--py-min) + ((var(--py-min) + var(--py-max)) / 2)) / 2); padding-bottom: calc((var(--py-min) + ((var(--py-min) + var(--py-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .PadVerY { padding-top: calc((var(--py-min) + var(--py-max)) / 2); padding-bottom: calc((var(--py-min) + var(--py-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .PadVerY { padding-top: calc((var(--py-max) + ((var(--py-min) + var(--py-max)) / 2)) / 2); padding-bottom: calc((var(--py-max) + ((var(--py-min) + var(--py-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .PadVerY { padding-top: var(--py-max); padding-bottom: var(--py-max); } }

.PadHorX { --px-min: 4px; --px-max: 16px; padding-left: var(--px-min); padding-right: var(--px-min); }
@media (min-width: 576px) and (max-width: 767px) { .PadHorX { padding-left: calc((var(--px-min) + ((var(--px-min) + var(--px-max)) / 2)) / 2); padding-right: calc((var(--px-min) + ((var(--px-min) + var(--px-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .PadHorX { padding-left: calc((var(--px-min) + var(--px-max)) / 2); padding-right: calc((var(--px-min) + var(--px-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .PadHorX { padding-left: calc((var(--px-max) + ((var(--px-min) + var(--px-max)) / 2)) / 2); padding-right: calc((var(--px-max) + ((var(--px-min) + var(--px-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .PadHorX { padding-left: var(--px-max); padding-right: var(--px-max); } }

.MarVerY { --my-min: 4px; --my-max: 16px; margin-top: var(--my-min); margin-bottom: var(--my-min); }
@media (min-width: 576px) and (max-width: 767px) { .MarVerY { margin-top: calc((var(--my-min) + ((var(--my-min) + var(--my-max)) / 2)) / 2); margin-bottom: calc((var(--my-min) + ((var(--my-min) + var(--my-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .MarVerY { margin-top: calc((var(--my-min) + var(--my-max)) / 2); margin-bottom: calc((var(--my-min) + var(--my-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .MarVerY { margin-top: calc((var(--my-max) + ((var(--my-min) + var(--my-max)) / 2)) / 2); margin-bottom: calc((var(--my-max) + ((var(--my-min) + var(--my-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .MarVerY { margin-top: var(--my-max); margin-bottom: var(--my-max); } }

.MarHorX { --mx-min: 4px; --mx-max: 16px; margin-left: var(--mx-min); margin-right: var(--mx-min); }
@media (min-width: 576px) and (max-width: 767px) { .MarHorX { margin-left: calc((var(--mx-min) + ((var(--mx-min) + var(--mx-max)) / 2)) / 2); margin-right: calc((var(--mx-min) + ((var(--mx-min) + var(--mx-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .MarHorX { margin-left: calc((var(--mx-min) + var(--mx-max)) / 2); margin-right: calc((var(--mx-min) + var(--mx-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .MarHorX { margin-left: calc((var(--mx-max) + ((var(--mx-min) + var(--mx-max)) / 2)) / 2); margin-right: calc((var(--mx-max) + ((var(--mx-min) + var(--mx-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .MarHorX { margin-left: var(--mx-max); margin-right: var(--mx-max); } }

.PadLeft { --pl-min: 4px; --pl-max: 16px; padding-left: var(--pl-min); }
@media (min-width: 576px) and (max-width: 767px) { .PadLeft { padding-left: calc((var(--pl-min) + ((var(--pl-min) + var(--pl-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .PadLeft { padding-left: calc((var(--pl-min) + var(--pl-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .PadLeft { padding-left: calc((var(--pl-max) + ((var(--pl-min) + var(--pl-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .PadLeft { padding-left: var(--pl-max); } }

.PadRight { --pr-min: 4px; --pr-max: 16px; padding-right: var(--pr-min); }
@media (min-width: 576px) and (max-width: 767px) { .PadRight { padding-right: calc((var(--pr-min) + ((var(--pr-min) + var(--pr-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .PadRight { padding-right: calc((var(--pr-min) + var(--pr-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .PadRight { padding-right: calc((var(--pr-max) + ((var(--pr-min) + var(--pr-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .PadRight { padding-right: var(--pr-max); } }

.MarLeft { --ml-min: 4px; --ml-max: 16px; margin-left: var(--ml-min); }
@media (min-width: 576px) and (max-width: 767px) { .MarLeft { margin-left: calc((var(--ml-min) + ((var(--ml-min) + var(--ml-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .MarLeft { margin-left: calc((var(--ml-min) + var(--ml-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .MarLeft { margin-left: calc((var(--ml-max) + ((var(--ml-min) + var(--ml-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .MarLeft { margin-left: var(--ml-max); } }

.MarRight { --mr-min: 4px; --mr-max: 16px; margin-right: var(--mr-min); }
@media (min-width: 576px) and (max-width: 767px) { .MarRight { margin-right: calc((var(--mr-min) + ((var(--mr-min) + var(--mr-max)) / 2)) / 2); } }
@media (min-width: 768px) and (max-width: 991px) { .MarRight { margin-right: calc((var(--mr-min) + var(--mr-max)) / 2); } }
@media (min-width: 992px) and (max-width: 1199px) { .MarRight { margin-right: calc((var(--mr-max) + ((var(--mr-min) + var(--mr-max)) / 2)) / 2); } }
@media (min-width: 1200px) { .MarRight { margin-right: var(--mr-max); } }

/* File: min_max/_padding.css */
/* === Padding Top (pt) === */
.pt5-0 { --pt-min: 5px; --pt-max: 0px; }
.pt5-5 { --pt-min: 5px; --pt-max: 5px; }
.pt5-8 { --pt-min: 5px; --pt-max: 8px; }
.pt5-10 { --pt-min: 5px; --pt-max: 10px; }
.pt8-0 { --pt-min: 8px; --pt-max: 0px; }
.pt8-8 { --pt-min: 8px; --pt-max: 8px; }
.pt8-10 { --pt-min: 8px; --pt-max: 10px; }
.pt8-15 { --pt-min: 8px; --pt-max: 15px; }
.pt10-10 { --pt-min: 10px; --pt-max: 10px; }
.pt10-15 { --pt-min: 10px; --pt-max: 15px; }
.pt10-20 { --pt-min: 10px; --pt-max: 20px; }
.pt15-15 { --pt-min: 15px; --pt-max: 15px; }
.pt0-20 { --pt-min: 0px; --pt-max: 20px; }
.pt15-20 { --pt-min: 15px; --pt-max: 20px; }
.pt15-30 { --pt-min: 15px; --pt-max: 30px; }
.pt20-0 { --pt-min: 20px; --pt-max: 0px; }
.pt30-0 { --pt-min: 30px; --pt-max: 0px; }
.pt40-0 { --pt-min: 40px; --pt-max: 0px; }
.pt20-20 { --pt-min: 20px; --pt-max: 20px; }
.pt20-30 { --pt-min: 20px; --pt-max: 30px; }
.pt20-40 { --pt-min: 20px; --pt-max: 40px; }
.pt25-25 { --pt-min: 25px; --pt-max: 25px; }
.pt25-40 { --pt-min: 25px; --pt-max: 40px; }
.pt25-50 { --pt-min: 25px; --pt-max: 50px; }
.pt25-90 { --pt-min: 25px; --pt-max: 90px; }
.pt30-30 { --pt-min: 30px; --pt-max: 30px; }
.pt30-40 { --pt-min: 30px; --pt-max: 40px; }
.pt30-50 { --pt-min: 30px; --pt-max: 50px; }
.pt30-60 { --pt-min: 30px; --pt-max: 60px; }
.pt40-40 { --pt-min: 40px; --pt-max: 40px; }
.pt40-60 { --pt-min: 40px; --pt-max: 60px; }
.pt40-80 { --pt-min: 40px; --pt-max: 80px; }
.pt45-90 { --pt-min: 45px; --pt-max: 90px; }
.pt50-50 { --pt-min: 50px; --pt-max: 50px; }
.pt50-70 { --pt-min: 50px; --pt-max: 70px; }
.pt50-100 { --pt-min: 50px; --pt-max: 100px; }
.pt60-60 { --pt-min: 60px; --pt-max: 60px; }
.pt60-90 { --pt-min: 60px; --pt-max: 90px; }
.pt60-120 { --pt-min: 60px; --pt-max: 120px; }
.pt60-100 { --pt-min: 60px; --pt-max: 100px; }
.pt70-70 { --pt-min: 70px; --pt-max: 70px; }
.pt70-100 { --pt-min: 70px; --pt-max: 100px; }
.pt70-140 { --pt-min: 70px; --pt-max: 140px; }
.pt80-80 { --pt-min: 80px; --pt-max: 80px; }
.pt80-120 { --pt-min: 80px; --pt-max: 120px; }
.pt80-160 { --pt-min: 80px; --pt-max: 160px; }
.pt90-180 { --pt-min: 90px; --pt-max: 180px; }
.pt100-200 { --pt-min: 100px; --pt-max: 200px; }

/* === Padding Bottom (pb) === */
.pb5-0 { --pb-min: 5px; --pb-max: 0px; }
.pb5-5 { --pb-min: 5px; --pb-max: 5px; }
.pb5-8 { --pb-min: 5px; --pb-max: 8px; }
.pb5-10 { --pb-min: 5px; --pb-max: 10px; }
.pb8-0 { --pb-min: 8px; --pb-max: 0px; }
.pb8-8 { --pb-min: 8px; --pb-max: 8px; }
.pb8-10 { --pb-min: 8px; --pb-max: 10px; }
.pb8-15 { --pb-min: 8px; --pb-max: 15px; }
.pb10-10 { --pb-min: 10px; --pb-max: 10px; }
.pb10-15 { --pb-min: 10px; --pb-max: 15px; }
.pb10-20 { --pb-min: 10px; --pb-max: 20px; }
.pb15-15 { --pb-min: 15px; --pb-max: 15px; }
.pb15-20 { --pb-min: 15px; --pb-max: 20px; }
.pb15-30 { --pb-min: 15px; --pb-max: 30px; }
.pb20-20 { --pb-min: 20px; --pb-max: 20px; }
.pb20-0 { --pb-min: 20px; --pb-max: 0px; }
.pb20-30 { --pb-min: 20px; --pb-max: 30px; }
.pb20-40 { --pb-min: 20px; --pb-max: 40px; }
.pb25-25 { --pb-min: 25px; --pb-max: 25px; }
.pb25-40 { --pb-min: 25px; --pb-max: 40px; }
.pb25-50 { --pb-min: 25px; --pb-max: 50px; }
.pb30-0 { --pb-min: 30px; --pb-max: 0px; }
.pb30-30 { --pb-min: 30px; --pb-max: 30px; }
.pb30-40 { --pb-min: 30px; --pb-max: 40px; }
.pb30-50 { --pb-min: 30px; --pb-max: 50px; }
.pb30-60 { --pb-min: 30px; --pb-max: 60px; }
.pb40-40 { --pb-min: 40px; --pb-max: 40px; }
.pb40-60 { --pb-min: 40px; --pb-max: 60px; }
.pb40-80 { --pb-min: 40px; --pb-max: 80px; }
.pb45-90 { --pb-min: 45px; --pb-max: 90px; }
.pb50-50 { --pb-min: 50px; --pb-max: 50px; }
.pb50-70 { --pb-min: 50px; --pb-max: 70px; }
.pb50-100 { --pb-min: 50px; --pb-max: 100px; }
.pb60-60 { --pb-min: 60px; --pb-max: 60px; }
.pb60-90 { --pb-min: 60px; --pb-max: 90px; }
.pb60-100 { --pb-min: 60px; --pb-max: 100px; }
.pb60-120 { --pb-min: 60px; --pb-max: 120px; }
.pb70-70 { --pb-min: 70px; --pb-max: 70px; }
.pb70-100 { --pb-min: 70px; --pb-max: 100px; }
.pb70-140 { --pb-min: 70px; --pb-max: 140px; }
.pb80-80 { --pb-min: 80px; --pb-max: 80px; }
.pb80-120 { --pb-min: 80px; --pb-max: 120px; }
.pb80-160 { --pb-min: 80px; --pb-max: 160px; }
.pb90-180 { --pb-min: 90px; --pb-max: 180px; }
.pb100-200 { --pb-min: 100px; --pb-max: 200px; }

/* === Padding Left (pl) === */
.pl5-5 { --pl-min: 5px; --pl-max: 5px; }
.pl10-10 { --pl-min: 10px; --pl-max: 10px; }
.pl15-15 { --pl-min: 15px; --pl-max: 15px; }
.pl10-15 { --pl-min: 10px; --pl-max: 15px; }
.pl20-20 { --pl-min: 20px; --pl-max: 20px; }

/* === Padding Right (pr) === */
.pr5-5 { --pr-min: 5px; --pr-max: 5px; }
.pr10-10 { --pr-min: 10px; --pr-max: 10px; }
.pr15-15 { --pr-min: 15px; --pr-max: 15px; }
.pr10-15 { --pr-min: 10px; --pr-max: 15px; }
.pr20-20 { --pr-min: 20px; --pr-max: 20px; }

/* File: min_max/_margin.css */
/* === Margin Top (mt) === */
.mt5-0 { --mt-min: 5px; --mt-max: 0px; }
.mt5-5 { --mt-min: 5px; --mt-max: 5px; }
.mt5-8 { --mt-min: 5px; --mt-max: 8px; }
.mt5-10 { --mt-min: 5px; --mt-max: 10px; }
.mt8-0 { --mt-min: 8px; --mt-max: 0px; }
.mt8-8 { --mt-min: 8px; --mt-max: 8px; }
.mt8-10 { --mt-min: 8px; --mt-max: 10px; }
.mt8-15 { --mt-min: 8px; --mt-max: 15px; }
.mt10-10 { --mt-min: 10px; --mt-max: 10px; }
.mt10-15 { --mt-min: 10px; --mt-max: 15px; }
.mt10-20 { --mt-min: 10px; --mt-max: 20px; }
.mt15-15 { --mt-min: 15px; --mt-max: 15px; }
.mt15-20 { --mt-min: 15px; --mt-max: 20px; }
.mt15-30 { --mt-min: 15px; --mt-max: 30px; }
.mt20-20 { --mt-min: 20px; --mt-max: 20px; }
.mt20-30 { --mt-min: 20px; --mt-max: 30px; }
.mt20-40 { --mt-min: 20px; --mt-max: 40px; }
.mt25-25 { --mt-min: 25px; --mt-max: 25px; }
.mt25-40 { --mt-min: 25px; --mt-max: 40px; }
.mt25-50 { --mt-min: 25px; --mt-max: 50px; }
.mt30-30 { --mt-min: 30px; --mt-max: 30px; }
.mt30-40 { --mt-min: 30px; --mt-max: 40px; }
.mt30-50 { --mt-min: 30px; --mt-max: 50px; }
.mt30-60 { --mt-min: 30px; --mt-max: 60px; }
.mt40-40 { --mt-min: 40px; --mt-max: 40px; }
.mt40-60 { --mt-min: 40px; --mt-max: 60px; }
.mt40-80 { --mt-min: 40px; --mt-max: 80px; }
.mt50-50 { --mt-min: 50px; --mt-max: 50px; }
.mt50-70 { --mt-min: 50px; --mt-max: 70px; }
.mt50-100 { --mt-min: 50px; --mt-max: 100px; }
.mt60-60 { --mt-min: 60px; --mt-max: 60px; }
.mt60-90 { --mt-min: 60px; --mt-max: 90px; }
.mt60-120 { --mt-min: 60px; --mt-max: 120px; }
.mt70-70 { --mt-min: 70px; --mt-max: 70px; }
.mt70-100 { --mt-min: 70px; --mt-max: 100px; }
.mt70-140 { --mt-min: 70px; --mt-max: 140px; }
.mt80-80 { --mt-min: 80px; --mt-max: 80px; }
.mt80-120 { --mt-min: 80px; --mt-max: 120px; }
.mt80-160 { --mt-min: 80px; --mt-max: 160px; }
.mt90-180 { --mt-min: 90px; --mt-max: 180px; }
.mt100-200 { --mt-min: 100px; --mt-max: 200px; }

/* === Margin Bottom (mb) === */
.mb5-0 { --mb-min: 5px; --mb-max: 0px; }
.mb5-5 { --mb-min: 5px; --mb-max: 5px; }
.mb5-8 { --mb-min: 5px; --mb-max: 8px; }
.mb5-10 { --mb-min: 5px; --mb-max: 10px; }
.mb8-0 { --mb-min: 8px; --mb-max: 0px; }
.mb8-8 { --mb-min: 8px; --mb-max: 8px; }
.mb8-10 { --mb-min: 8px; --mb-max: 10px; }
.mb8-15 { --mb-min: 8px; --mb-max: 15px; }
.mb10-10 { --mb-min: 10px; --mb-max: 10px; }
.mb10-15 { --mb-min: 10px; --mb-max: 15px; }
.mb10-20 { --mb-min: 10px; --mb-max: 20px; }
.mb15-15 { --mb-min: 15px; --mb-max: 15px; }
.mb15-20 { --mb-min: 15px; --mb-max: 20px; }
.mb15-30 { --mb-min: 15px; --mb-max: 30px; }
.mb20-20 { --mb-min: 20px; --mb-max: 20px; }
.mb20-30 { --mb-min: 20px; --mb-max: 30px; }
.mb20-40 { --mb-min: 20px; --mb-max: 40px; }
.mb25-25 { --mb-min: 25px; --mb-max: 25px; }
.mb25-40 { --mb-min: 25px; --mb-max: 40px; }
.mb25-50 { --mb-min: 25px; --mb-max: 50px; }
.mb30-0 { --mb-min: 30px; --mb-max: 0px; }
.mb30-30 { --mb-min: 30px; --mb-max: 30px; }
.mb30-40 { --mb-min: 30px; --mb-max: 40px; }
.mb30-50 { --mb-min: 30px; --mb-max: 50px; }
.mb30-60 { --mb-min: 30px; --mb-max: 60px; }
.mb40-40 { --mb-min: 40px; --mb-max: 40px; }
.mb40-60 { --mb-min: 40px; --mb-max: 60px; }
.mb40-80 { --mb-min: 40px; --mb-max: 80px; }
.mb50-50 { --mb-min: 50px; --mb-max: 50px; }
.mb50-70 { --mb-min: 50px; --mb-max: 70px; }
.mb50-100 { --mb-min: 50px; --mb-max: 100px; }
.mb60-60 { --mb-min: 60px; --mb-max: 60px; }
.mb60-90 { --mb-min: 60px; --mb-max: 90px; }
.mb60-120 { --mb-min: 60px; --mb-max: 120px; }
.mb70-70 { --mb-min: 70px; --mb-max: 70px; }
.mb70-100 { --mb-min: 70px; --mb-max: 100px; }
.mb70-140 { --mb-min: 70px; --mb-max: 140px; }
.mb80-80 { --mb-min: 80px; --mb-max: 80px; }
.mb80-120 { --mb-min: 80px; --mb-max: 120px; }
.mb80-160 { --mb-min: 80px; --mb-max: 160px; }
.mb90-180 { --mb-min: 90px; --mb-max: 180px; }
.mb100-200 { --mb-min: 100px; --mb-max: 200px; }

/* === Margin Left (ml) === */
.ml5-5 { --ml-min: 5px; --ml-max: 5px; }
.ml10-10 { --ml-min: 10px; --ml-max: 10px; }
.ml15-15 { --ml-min: 15px; --ml-max: 15px; }
.ml20-20 { --ml-min: 20px; --ml-max: 20px; }
.ml30-30 { --ml-min: 30px; --ml-max: 30px; }

/* === Margin Right (mr) === */
.mr5-5 { --mr-min: 5px; --mr-max: 5px; }
.mr10-10 { --mr-min: 10px; --mr-max: 10px; }
.mr15-15 { --mr-min: 15px; --mr-max: 15px; }
.mr20-20 { --mr-min: 20px; --mr-max: 20px; }
.mr30-30 { --mr-min: 30px; --mr-max: 30px; }

/* File: min_max/_combo.css */
/* === Vertical Padding (py) === */
.py5-5 { --py-min: 5px; --py-max: 5px; }
.py4-6 { --py-min: 4px; --py-max: 6px; }
.py5-10 { --py-min: 5px; --py-max: 10px; }
.py8-15 { --py-min: 8px; --py-max: 15px; }
.py10-10 { --py-min: 10px; --py-max: 10px; }
.py10-15 { --py-min: 10px; --py-max: 15px; }
.py10-20 { --py-min: 10px; --py-max: 20px; }
.py15-15 { --py-min: 15px; --py-max: 15px; }
.py20-20 { --py-min: 20px; --py-max: 20px; }
.py20-40 { --py-min: 20px; --py-max: 40px; }
.py25-50 { --py-min: 25px; --py-max: 50px; }
.py30-30 { --py-min: 30px; --py-max: 30px; }
.py30-40 { --py-min: 30px; --py-max: 40px; }
.py30-60 { --py-min: 30px; --py-max: 60px; }
.py40-40 { --py-min: 40px; --py-max: 40px; }
.py40-80 { --py-min: 40px; --py-max: 80px; }
.py50-50 { --py-min: 50px; --py-max: 50px; }
.py50-100 { --py-min: 50px; --py-max: 100px; }
.py60-60 { --py-min: 60px; --py-max: 60px; }
.py45-90 { --py-min: 45px; --py-max: 90px; }
.py70-70 { --py-min: 70px; --py-max: 70px; }
.py70-140 { --py-min: 70px; --py-max: 140px; }
.py80-80 { --py-min: 80px; --py-max: 80px; }
.py80-160 { --py-min: 80px; --py-max: 160px; }
.py15-30 { --py-min: 15px; --py-max: 30px; }

/* === Horizontal Padding (px) === */
.px0-25 { --px-min: 0px; --px-max: 25px; }
.px0-30 { --px-min: 0px; --px-max: 30px; }
.px0-15 { --px-min: 0px; --px-max: 15px; }
.px5-5 { --px-min: 5px; --px-max: 5px; }
.px10-10 { --px-min: 10px; --px-max: 10px; }
.px12-24 { --px-min: 12px; --px-max: 24px; }
.px15-15 { --px-min: 15px; --px-max: 15px; }
.px15-30 { --px-min: 15px; --px-max: 30px; }
.px15-0 { --px-min: 15px; --px-max: 0px; }
.px20-20 { --px-min: 20px; --px-max: 20px; }
.px20-10 { --px-min: 20px; --px-max: 10px; }
.px30-60 { --px-min: 30px; --px-max: 60px; }
.px30-30 { --px-min: 30px; --px-max: 30px; }
.px40-40 { --px-min: 40px; --px-max: 40px; }
.px40-80 { --px-min: 40px; --px-max: 80px; }
.px8-15 { --px-min: 8px; --px-max: 15px; }
.py15-30 { --py-min: 15px; --py-max: 30px; }

/* === Vertical Margin (my) === */
.my5-5 { --my-min: 5px; --my-max: 5px; }
.my10-10 { --my-min: 10px; --my-max: 10px; }
.my10-20 { --my-min: 10px; --my-max: 20px; }
.my15-15 { --my-min: 15px; --my-max: 15px; }
.my20-20 { --my-min: 20px; --my-max: 20px; }
.my20-40 { --my-min: 20px; --my-max: 40px; }
.my30-30 { --my-min: 30px; --my-max: 30px; }
.my30-40 { --my-min: 30px; --my-max: 40px; }
.my40-40 { --my-min: 40px; --my-max: 40px; }
.my40-80 { --my-min: 40px; --my-max: 80px; }
.my50-50 { --my-min: 50px; --my-max: 50px; }
.my60-60 { --my-min: 60px; --my-max: 60px; }
.my60-90 { --my-min: 60px; --my-max: 90px; }
.my70-70 { --my-min: 70px; --my-max: 70px; }
.my70-140 { --my-min: 70px; --my-max: 140px; }
.my80-80 { --my-min: 80px; --my-max: 80px; }

/* === Horizontal Margin (mx) === */
.mx5-5 { --mx-min: 5px; --mx-max: 5px; }
.mx10-10 { --mx-min: 10px; --mx-max: 10px; }
.mx15-15 { --mx-min: 15px; --mx-max: 15px; }
.mx20-20 { --mx-min: 20px; --mx-max: 20px; }
.mx30-30 { --mx-min: 30px; --mx-max: 30px; }
.mx40-40 { --mx-min: 40px; --mx-max: 40px; }

/* File: col4/_base.css */
[class^=col-] {
  flex: 0 0 auto;
}

.col-auto {
  width: auto;
}

.container,
.container-fluid {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .container { max-width: 1200px; }
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

/* === Column === */
.col-1 { width: 8.3333333333%; }
.col-1_25 { width: 10.4166666667%; }
.col-1_5 { width: 12.5%; }
.col-1_75 { width: 14.5833333333%; }
.col-2 { width: 16.6666666667%; }
.col-2_25 { width: 18.75%; }
.col-2_5 { width: 20.8333333333%; }
.col-2_75 { width: 22.9166666667%; }
.col-3 { width: 25%; }
.col-3_25 { width: 27.0833333333%; }
.col-3_5 { width: 29.1666666667%; }
.col-3_75 { width: 31.25%; }
.col-4 { width: 33.3333333333%; }
.col-4_25 { width: 35.4166666667%; }
.col-4_5 { width: 37.5%; }
.col-4_75 { width: 39.5833333333%; }
.col-5 { width: 41.6666666667%; }
.col-5_25 { width: 43.75%; }
.col-5_5 { width: 45.8333333333%; }
.col-5_75 { width: 47.9166666667%; }
.col-6 { width: 50%; }
.col-6_25 { width: 52.0833333333%; }
.col-6_5 { width: 54.1666666667%; }
.col-6_75 { width: 56.25%; }
.col-7 { width: 58.3333333333%; }
.col-7_25 { width: 60.4166666667%; }
.col-7_5 { width: 62.5%; }
.col-7_75 { width: 64.5833333333%; }
.col-8 { width: 66.6666666667%; }
.col-8_25 { width: 68.75%; }
.col-8_5 { width: 70.8333333333%; }
.col-8_75 { width: 72.9166666667%; }
.col-9 { width: 75%; }
.col-9_25 { width: 77.0833333333%; }
.col-9_5 { width: 79.1666666667%; }
.col-9_75 { width: 81.25%; }
.col-10 { width: 83.3333333333%; }
.col-10_25 { width: 85.4166666667%; }
.col-10_5 { width: 87.5%; }
.col-10_75 { width: 89.5833333333%; }
.col-11 { width: 91.6666666667%; }
.col-11_25 { width: 93.75%; }
.col-11_5 { width: 95.8333333333%; }
.col-11_75 { width: 97.9166666667%; }
.col-12 { width: 100%; }

/* === Offset === */
.offset-0 { margin-left: 0%; }
.offset-0_25 { margin-left: 2.0833333333%; }
.offset-0_5 { margin-left: 4.1666666667%; }
.offset-0_75 { margin-left: 6.25%; }
.offset-1 { margin-left: 8.3333333333%; }
.offset-1_25 { margin-left: 10.4166666667%; }
.offset-1_5 { margin-left: 12.5%; }
.offset-1_75 { margin-left: 14.5833333333%; }
.offset-2 { margin-left: 16.6666666667%; }
.offset-2_25 { margin-left: 18.75%; }
.offset-2_5 { margin-left: 20.8333333333%; }
.offset-2_75 { margin-left: 22.9166666667%; }
.offset-3 { margin-left: 25%; }
.offset-3_25 { margin-left: 27.0833333333%; }
.offset-3_5 { margin-left: 29.1666666667%; }
.offset-3_75 { margin-left: 31.25%; }
.offset-4 { margin-left: 33.3333333333%; }
.offset-4_25 { margin-left: 35.4166666667%; }
.offset-4_5 { margin-left: 37.5%; }
.offset-4_75 { margin-left: 39.5833333333%; }
.offset-5 { margin-left: 41.6666666667%; }
.offset-5_25 { margin-left: 43.75%; }
.offset-5_5 { margin-left: 45.8333333333%; }
.offset-5_75 { margin-left: 47.9166666667%; }
.offset-6 { margin-left: 50%; }
.offset-6_25 { margin-left: 52.0833333333%; }
.offset-6_5 { margin-left: 54.1666666667%; }
.offset-6_75 { margin-left: 56.25%; }
.offset-7 { margin-left: 58.3333333333%; }
.offset-7_25 { margin-left: 60.4166666667%; }
.offset-7_5 { margin-left: 62.5%; }
.offset-7_75 { margin-left: 64.5833333333%; }
.offset-8 { margin-left: 66.6666666667%; }
.offset-8_25 { margin-left: 68.75%; }
.offset-8_5 { margin-left: 70.8333333333%; }
.offset-8_75 { margin-left: 72.9166666667%; }
.offset-9 { margin-left: 75%; }
.offset-9_25 { margin-left: 77.0833333333%; }
.offset-9_5 { margin-left: 79.1666666667%; }
.offset-9_75 { margin-left: 81.25%; }
.offset-10 { margin-left: 83.3333333333%; }
.offset-10_25 { margin-left: 85.4166666667%; }
.offset-10_5 { margin-left: 87.5%; }
.offset-10_75 { margin-left: 89.5833333333%; }
.offset-11 { margin-left: 91.6666666667%; }
.offset-11_25 { margin-left: 93.75%; }
.offset-11_5 { margin-left: 95.8333333333%; }
.offset-11_75 { margin-left: 97.9166666667%; }

/* === Order === */
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }

/* === Utility === */
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.mx-auto-children > * { margin-left: auto; margin-right: auto; }

/* File: col4/_sm.css */
@media (min-width: 576px) {
  /* === Column === */
  .col-sm-1 { width: 8.3333333333%; }
  .col-sm-1_25 { width: 10.4166666667%; }
  .col-sm-1_5 { width: 12.5%; }
  .col-sm-1_75 { width: 14.5833333333%; }
  .col-sm-2 { width: 16.6666666667%; }
  .col-sm-2_25 { width: 18.75%; }
  .col-sm-2_5 { width: 20.8333333333%; }
  .col-sm-2_75 { width: 22.9166666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-3_25 { width: 27.0833333333%; }
  .col-sm-3_5 { width: 29.1666666667%; }
  .col-sm-3_75 { width: 31.25%; }
  .col-sm-4 { width: 33.3333333333%; }
  .col-sm-4_25 { width: 35.4166666667%; }
  .col-sm-4_5 { width: 37.5%; }
  .col-sm-4_75 { width: 39.5833333333%; }
  .col-sm-5 { width: 41.6666666667%; }
  .col-sm-5_25 { width: 43.75%; }
  .col-sm-5_5 { width: 45.8333333333%; }
  .col-sm-5_75 { width: 47.9166666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-6_25 { width: 52.0833333333%; }
  .col-sm-6_5 { width: 54.1666666667%; }
  .col-sm-6_75 { width: 56.25%; }
  .col-sm-7 { width: 58.3333333333%; }
  .col-sm-7_25 { width: 60.4166666667%; }
  .col-sm-7_5 { width: 62.5%; }
  .col-sm-7_75 { width: 64.5833333333%; }
  .col-sm-8 { width: 66.6666666667%; }
  .col-sm-8_25 { width: 68.75%; }
  .col-sm-8_5 { width: 70.8333333333%; }
  .col-sm-8_75 { width: 72.9166666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-9_25 { width: 77.0833333333%; }
  .col-sm-9_5 { width: 79.1666666667%; }
  .col-sm-9_75 { width: 81.25%; }
  .col-sm-10 { width: 83.3333333333%; }
  .col-sm-10_25 { width: 85.4166666667%; }
  .col-sm-10_5 { width: 87.5%; }
  .col-sm-10_75 { width: 89.5833333333%; }
  .col-sm-11 { width: 91.6666666667%; }
  .col-sm-11_25 { width: 93.75%; }
  .col-sm-11_5 { width: 95.8333333333%; }
  .col-sm-11_75 { width: 97.9166666667%; }
  .col-sm-12 { width: 100%; }

  /* === Offset === */
  .offset-sm-0 { margin-left: 0%; }
  .offset-sm-0_25 { margin-left: 2.0833333333%; }
  .offset-sm-0_5 { margin-left: 4.1666666667%; }
  .offset-sm-0_75 { margin-left: 6.25%; }
  .offset-sm-1 { margin-left: 8.3333333333%; }
  .offset-sm-1_25 { margin-left: 10.4166666667%; }
  .offset-sm-1_5 { margin-left: 12.5%; }
  .offset-sm-1_75 { margin-left: 14.5833333333%; }
  .offset-sm-2 { margin-left: 16.6666666667%; }
  .offset-sm-2_25 { margin-left: 18.75%; }
  .offset-sm-2_5 { margin-left: 20.8333333333%; }
  .offset-sm-2_75 { margin-left: 22.9166666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-3_25 { margin-left: 27.0833333333%; }
  .offset-sm-3_5 { margin-left: 29.1666666667%; }
  .offset-sm-3_75 { margin-left: 31.25%; }
  .offset-sm-4 { margin-left: 33.3333333333%; }
  .offset-sm-4_25 { margin-left: 35.4166666667%; }
  .offset-sm-4_5 { margin-left: 37.5%; }
  .offset-sm-4_75 { margin-left: 39.5833333333%; }
  .offset-sm-5 { margin-left: 41.6666666667%; }
  .offset-sm-5_25 { margin-left: 43.75%; }
  .offset-sm-5_5 { margin-left: 45.8333333333%; }
  .offset-sm-5_75 { margin-left: 47.9166666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-6_25 { margin-left: 52.0833333333%; }
  .offset-sm-6_5 { margin-left: 54.1666666667%; }
  .offset-sm-6_75 { margin-left: 56.25%; }
  .offset-sm-7 { margin-left: 58.3333333333%; }
  .offset-sm-7_25 { margin-left: 60.4166666667%; }
  .offset-sm-7_5 { margin-left: 62.5%; }
  .offset-sm-7_75 { margin-left: 64.5833333333%; }
  .offset-sm-8 { margin-left: 66.6666666667%; }
  .offset-sm-8_25 { margin-left: 68.75%; }
  .offset-sm-8_5 { margin-left: 70.8333333333%; }
  .offset-sm-8_75 { margin-left: 72.9166666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-9_25 { margin-left: 77.0833333333%; }
  .offset-sm-9_5 { margin-left: 79.1666666667%; }
  .offset-sm-9_75 { margin-left: 81.25%; }
  .offset-sm-10 { margin-left: 83.3333333333%; }
  .offset-sm-10_25 { margin-left: 85.4166666667%; }
  .offset-sm-10_5 { margin-left: 87.5%; }
  .offset-sm-10_75 { margin-left: 89.5833333333%; }
  .offset-sm-11 { margin-left: 91.6666666667%; }
  .offset-sm-11_25 { margin-left: 93.75%; }
  .offset-sm-11_5 { margin-left: 95.8333333333%; }
  .offset-sm-11_75 { margin-left: 97.9166666667%; }

  /* === Order === */
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
}
/* File: col4/_md.css */
@media (min-width: 768px) {
  /* === Column === */
  .col-md-1 { width: 8.3333333333%; }
  .col-md-1_25 { width: 10.4166666667%; }
  .col-md-1_5 { width: 12.5%; }
  .col-md-1_75 { width: 14.5833333333%; }
  .col-md-2 { width: 16.6666666667%; }
  .col-md-2_25 { width: 18.75%; }
  .col-md-2_5 { width: 20.8333333333%; }
  .col-md-2_75 { width: 22.9166666667%; }
  .col-md-3 { width: 25%; }
  .col-md-3_25 { width: 27.0833333333%; }
  .col-md-3_5 { width: 29.1666666667%; }
  .col-md-3_75 { width: 31.25%; }
  .col-md-4 { width: 33.3333333333%; }
  .col-md-4_25 { width: 35.4166666667%; }
  .col-md-4_5 { width: 37.5%; }
  .col-md-4_75 { width: 39.5833333333%; }
  .col-md-5 { width: 41.6666666667%; }
  .col-md-5_25 { width: 43.75%; }
  .col-md-5_5 { width: 45.8333333333%; }
  .col-md-5_75 { width: 47.9166666667%; }
  .col-md-6 { width: 50%; }
  .col-md-6_25 { width: 52.0833333333%; }
  .col-md-6_5 { width: 54.1666666667%; }
  .col-md-6_75 { width: 56.25%; }
  .col-md-7 { width: 58.3333333333%; }
  .col-md-7_25 { width: 60.4166666667%; }
  .col-md-7_5 { width: 62.5%; }
  .col-md-7_75 { width: 64.5833333333%; }
  .col-md-8 { width: 66.6666666667%; }
  .col-md-8_25 { width: 68.75%; }
  .col-md-8_5 { width: 70.8333333333%; }
  .col-md-8_75 { width: 72.9166666667%; }
  .col-md-9 { width: 75%; }
  .col-md-9_25 { width: 77.0833333333%; }
  .col-md-9_5 { width: 79.1666666667%; }
  .col-md-9_75 { width: 81.25%; }
  .col-md-10 { width: 83.3333333333%; }
  .col-md-10_25 { width: 85.4166666667%; }
  .col-md-10_5 { width: 87.5%; }
  .col-md-10_75 { width: 89.5833333333%; }
  .col-md-11 { width: 91.6666666667%; }
  .col-md-11_25 { width: 93.75%; }
  .col-md-11_5 { width: 95.8333333333%; }
  .col-md-11_75 { width: 97.9166666667%; }
  .col-md-12 { width: 100%; }

  /* === Offset === */
  .offset-md-0 { margin-left: 0%; }
  .offset-md-0_25 { margin-left: 2.0833333333%; }
  .offset-md-0_5 { margin-left: 4.1666666667%; }
  .offset-md-0_75 { margin-left: 6.25%; }
  .offset-md-1 { margin-left: 8.3333333333%; }
  .offset-md-1_25 { margin-left: 10.4166666667%; }
  .offset-md-1_5 { margin-left: 12.5%; }
  .offset-md-1_75 { margin-left: 14.5833333333%; }
  .offset-md-2 { margin-left: 16.6666666667%; }
  .offset-md-2_25 { margin-left: 18.75%; }
  .offset-md-2_5 { margin-left: 20.8333333333%; }
  .offset-md-2_75 { margin-left: 22.9166666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-3_25 { margin-left: 27.0833333333%; }
  .offset-md-3_5 { margin-left: 29.1666666667%; }
  .offset-md-3_75 { margin-left: 31.25%; }
  .offset-md-4 { margin-left: 33.3333333333%; }
  .offset-md-4_25 { margin-left: 35.4166666667%; }
  .offset-md-4_5 { margin-left: 37.5%; }
  .offset-md-4_75 { margin-left: 39.5833333333%; }
  .offset-md-5 { margin-left: 41.6666666667%; }
  .offset-md-5_25 { margin-left: 43.75%; }
  .offset-md-5_5 { margin-left: 45.8333333333%; }
  .offset-md-5_75 { margin-left: 47.9166666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-6_25 { margin-left: 52.0833333333%; }
  .offset-md-6_5 { margin-left: 54.1666666667%; }
  .offset-md-6_75 { margin-left: 56.25%; }
  .offset-md-7 { margin-left: 58.3333333333%; }
  .offset-md-7_25 { margin-left: 60.4166666667%; }
  .offset-md-7_5 { margin-left: 62.5%; }
  .offset-md-7_75 { margin-left: 64.5833333333%; }
  .offset-md-8 { margin-left: 66.6666666667%; }
  .offset-md-8_25 { margin-left: 68.75%; }
  .offset-md-8_5 { margin-left: 70.8333333333%; }
  .offset-md-8_75 { margin-left: 72.9166666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-9_25 { margin-left: 77.0833333333%; }
  .offset-md-9_5 { margin-left: 79.1666666667%; }
  .offset-md-9_75 { margin-left: 81.25%; }
  .offset-md-10 { margin-left: 83.3333333333%; }
  .offset-md-10_25 { margin-left: 85.4166666667%; }
  .offset-md-10_5 { margin-left: 87.5%; }
  .offset-md-10_75 { margin-left: 89.5833333333%; }
  .offset-md-11 { margin-left: 91.6666666667%; }
  .offset-md-11_25 { margin-left: 93.75%; }
  .offset-md-11_5 { margin-left: 95.8333333333%; }
  .offset-md-11_75 { margin-left: 97.9166666667%; }

  /* === Order === */
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
}
/* File: col4/_lg.css */
@media (min-width: 992px) {
  /* === Column === */
  .col-lg-1 { width: 8.3333333333%; }
  .col-lg-1_25 { width: 10.4166666667%; }
  .col-lg-1_5 { width: 12.5%; }
  .col-lg-1_75 { width: 14.5833333333%; }
  .col-lg-2 { width: 16.6666666667%; }
  .col-lg-2_25 { width: 18.75%; }
  .col-lg-2_5 { width: 20.8333333333%; }
  .col-lg-2_75 { width: 22.9166666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-3_25 { width: 27.0833333333%; }
  .col-lg-3_5 { width: 29.1666666667%; }
  .col-lg-3_75 { width: 31.25%; }
  .col-lg-4 { width: 33.3333333333%; }
  .col-lg-4_25 { width: 35.4166666667%; }
  .col-lg-4_5 { width: 37.5%; }
  .col-lg-4_75 { width: 39.5833333333%; }
  .col-lg-5 { width: 41.6666666667%; }
  .col-lg-5_25 { width: 43.75%; }
  .col-lg-5_5 { width: 45.8333333333%; }
  .col-lg-5_75 { width: 47.9166666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-6_25 { width: 52.0833333333%; }
  .col-lg-6_5 { width: 54.1666666667%; }
  .col-lg-6_75 { width: 56.25%; }
  .col-lg-7 { width: 58.3333333333%; }
  .col-lg-7_25 { width: 60.4166666667%; }
  .col-lg-7_5 { width: 62.5%; }
  .col-lg-7_75 { width: 64.5833333333%; }
  .col-lg-8 { width: 66.6666666667%; }
  .col-lg-8_25 { width: 68.75%; }
  .col-lg-8_5 { width: 70.8333333333%; }
  .col-lg-8_75 { width: 72.9166666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-9_25 { width: 77.0833333333%; }
  .col-lg-9_5 { width: 79.1666666667%; }
  .col-lg-9_75 { width: 81.25%; }
  .col-lg-10 { width: 83.3333333333%; }
  .col-lg-10_25 { width: 85.4166666667%; }
  .col-lg-10_5 { width: 87.5%; }
  .col-lg-10_75 { width: 89.5833333333%; }
  .col-lg-11 { width: 91.6666666667%; }
  .col-lg-11_25 { width: 93.75%; }
  .col-lg-11_5 { width: 95.8333333333%; }
  .col-lg-11_75 { width: 97.9166666667%; }
  .col-lg-12 { width: 100%; }

  /* === Offset === */
  .offset-lg-0 { margin-left: 0%; }
  .offset-lg-0_25 { margin-left: 2.0833333333%; }
  .offset-lg-0_5 { margin-left: 4.1666666667%; }
  .offset-lg-0_75 { margin-left: 6.25%; }
  .offset-lg-1 { margin-left: 8.3333333333%; }
  .offset-lg-1_25 { margin-left: 10.4166666667%; }
  .offset-lg-1_5 { margin-left: 12.5%; }
  .offset-lg-1_75 { margin-left: 14.5833333333%; }
  .offset-lg-2 { margin-left: 16.6666666667%; }
  .offset-lg-2_25 { margin-left: 18.75%; }
  .offset-lg-2_5 { margin-left: 20.8333333333%; }
  .offset-lg-2_75 { margin-left: 22.9166666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-3_25 { margin-left: 27.0833333333%; }
  .offset-lg-3_5 { margin-left: 29.1666666667%; }
  .offset-lg-3_75 { margin-left: 31.25%; }
  .offset-lg-4 { margin-left: 33.3333333333%; }
  .offset-lg-4_25 { margin-left: 35.4166666667%; }
  .offset-lg-4_5 { margin-left: 37.5%; }
  .offset-lg-4_75 { margin-left: 39.5833333333%; }
  .offset-lg-5 { margin-left: 41.6666666667%; }
  .offset-lg-5_25 { margin-left: 43.75%; }
  .offset-lg-5_5 { margin-left: 45.8333333333%; }
  .offset-lg-5_75 { margin-left: 47.9166666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-6_25 { margin-left: 52.0833333333%; }
  .offset-lg-6_5 { margin-left: 54.1666666667%; }
  .offset-lg-6_75 { margin-left: 56.25%; }
  .offset-lg-7 { margin-left: 58.3333333333%; }
  .offset-lg-7_25 { margin-left: 60.4166666667%; }
  .offset-lg-7_5 { margin-left: 62.5%; }
  .offset-lg-7_75 { margin-left: 64.5833333333%; }
  .offset-lg-8 { margin-left: 66.6666666667%; }
  .offset-lg-8_25 { margin-left: 68.75%; }
  .offset-lg-8_5 { margin-left: 70.8333333333%; }
  .offset-lg-8_75 { margin-left: 72.9166666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-9_25 { margin-left: 77.0833333333%; }
  .offset-lg-9_5 { margin-left: 79.1666666667%; }
  .offset-lg-9_75 { margin-left: 81.25%; }
  .offset-lg-10 { margin-left: 83.3333333333%; }
  .offset-lg-10_25 { margin-left: 85.4166666667%; }
  .offset-lg-10_5 { margin-left: 87.5%; }
  .offset-lg-10_75 { margin-left: 89.5833333333%; }
  .offset-lg-11 { margin-left: 91.6666666667%; }
  .offset-lg-11_25 { margin-left: 93.75%; }
  .offset-lg-11_5 { margin-left: 95.8333333333%; }
  .offset-lg-11_75 { margin-left: 97.9166666667%; }

  /* === Order === */
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
}
/* File: col4/_xl.css */
@media (min-width: 1200px) {
  /* === Column === */
  .col-xl-1 { width: 8.3333333333%; }
  .col-xl-1_25 { width: 10.4166666667%; }
  .col-xl-1_5 { width: 12.5%; }
  .col-xl-1_75 { width: 14.5833333333%; }
  .col-xl-2 { width: 16.6666666667%; }
  .col-xl-2_25 { width: 18.75%; }
  .col-xl-2_5 { width: 20.8333333333%; }
  .col-xl-2_75 { width: 22.9166666667%; }
  .col-xl-3 { width: 25%; }
  .col-xl-3_25 { width: 27.0833333333%; }
  .col-xl-3_5 { width: 29.1666666667%; }
  .col-xl-3_75 { width: 31.25%; }
  .col-xl-4 { width: 33.3333333333%; }
  .col-xl-4_25 { width: 35.4166666667%; }
  .col-xl-4_5 { width: 37.5%; }
  .col-xl-4_75 { width: 39.5833333333%; }
  .col-xl-5 { width: 41.6666666667%; }
  .col-xl-5_25 { width: 43.75%; }
  .col-xl-5_5 { width: 45.8333333333%; }
  .col-xl-5_75 { width: 47.9166666667%; }
  .col-xl-6 { width: 50%; }
  .col-xl-6_25 { width: 52.0833333333%; }
  .col-xl-6_5 { width: 54.1666666667%; }
  .col-xl-6_75 { width: 56.25%; }
  .col-xl-7 { width: 58.3333333333%; }
  .col-xl-7_25 { width: 60.4166666667%; }
  .col-xl-7_5 { width: 62.5%; }
  .col-xl-7_75 { width: 64.5833333333%; }
  .col-xl-8 { width: 66.6666666667%; }
  .col-xl-8_25 { width: 68.75%; }
  .col-xl-8_5 { width: 70.8333333333%; }
  .col-xl-8_75 { width: 72.9166666667%; }
  .col-xl-9 { width: 75%; }
  .col-xl-9_25 { width: 77.0833333333%; }
  .col-xl-9_5 { width: 79.1666666667%; }
  .col-xl-9_75 { width: 81.25%; }
  .col-xl-10 { width: 83.3333333333%; }
  .col-xl-10_25 { width: 85.4166666667%; }
  .col-xl-10_5 { width: 87.5%; }
  .col-xl-10_75 { width: 89.5833333333%; }
  .col-xl-11 { width: 91.6666666667%; }
  .col-xl-11_25 { width: 93.75%; }
  .col-xl-11_5 { width: 95.8333333333%; }
  .col-xl-11_75 { width: 97.9166666667%; }
  .col-xl-12 { width: 100%; }

  /* === Offset === */
  .offset-xl-0 { margin-left: 0%; }
  .offset-xl-0_25 { margin-left: 2.0833333333%; }
  .offset-xl-0_5 { margin-left: 4.1666666667%; }
  .offset-xl-0_75 { margin-left: 6.25%; }
  .offset-xl-1 { margin-left: 8.3333333333%; }
  .offset-xl-1_25 { margin-left: 10.4166666667%; }
  .offset-xl-1_5 { margin-left: 12.5%; }
  .offset-xl-1_75 { margin-left: 14.5833333333%; }
  .offset-xl-2 { margin-left: 16.6666666667%; }
  .offset-xl-2_25 { margin-left: 18.75%; }
  .offset-xl-2_5 { margin-left: 20.8333333333%; }
  .offset-xl-2_75 { margin-left: 22.9166666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-3_25 { margin-left: 27.0833333333%; }
  .offset-xl-3_5 { margin-left: 29.1666666667%; }
  .offset-xl-3_75 { margin-left: 31.25%; }
  .offset-xl-4 { margin-left: 33.3333333333%; }
  .offset-xl-4_25 { margin-left: 35.4166666667%; }
  .offset-xl-4_5 { margin-left: 37.5%; }
  .offset-xl-4_75 { margin-left: 39.5833333333%; }
  .offset-xl-5 { margin-left: 41.6666666667%; }
  .offset-xl-5_25 { margin-left: 43.75%; }
  .offset-xl-5_5 { margin-left: 45.8333333333%; }
  .offset-xl-5_75 { margin-left: 47.9166666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-6_25 { margin-left: 52.0833333333%; }
  .offset-xl-6_5 { margin-left: 54.1666666667%; }
  .offset-xl-6_75 { margin-left: 56.25%; }
  .offset-xl-7 { margin-left: 58.3333333333%; }
  .offset-xl-7_25 { margin-left: 60.4166666667%; }
  .offset-xl-7_5 { margin-left: 62.5%; }
  .offset-xl-7_75 { margin-left: 64.5833333333%; }
  .offset-xl-8 { margin-left: 66.6666666667%; }
  .offset-xl-8_25 { margin-left: 68.75%; }
  .offset-xl-8_5 { margin-left: 70.8333333333%; }
  .offset-xl-8_75 { margin-left: 72.9166666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-9_25 { margin-left: 77.0833333333%; }
  .offset-xl-9_5 { margin-left: 79.1666666667%; }
  .offset-xl-9_75 { margin-left: 81.25%; }
  .offset-xl-10 { margin-left: 83.3333333333%; }
  .offset-xl-10_25 { margin-left: 85.4166666667%; }
  .offset-xl-10_5 { margin-left: 87.5%; }
  .offset-xl-10_75 { margin-left: 89.5833333333%; }
  .offset-xl-11 { margin-left: 91.6666666667%; }
  .offset-xl-11_25 { margin-left: 93.75%; }
  .offset-xl-11_5 { margin-left: 95.8333333333%; }
  .offset-xl-11_75 { margin-left: 97.9166666667%; }

  /* === Order === */
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
}
/* File: col4/_xxl.css */
@media (min-width: 1400px) {
  /* === Column === */
  .col-xxl-1 { width: 8.3333333333%; }
  .col-xxl-1_25 { width: 10.4166666667%; }
  .col-xxl-1_5 { width: 12.5%; }
  .col-xxl-1_75 { width: 14.5833333333%; }
  .col-xxl-2 { width: 16.6666666667%; }
  .col-xxl-2_25 { width: 18.75%; }
  .col-xxl-2_5 { width: 20.8333333333%; }
  .col-xxl-2_75 { width: 22.9166666667%; }
  .col-xxl-3 { width: 25%; }
  .col-xxl-3_25 { width: 27.0833333333%; }
  .col-xxl-3_5 { width: 29.1666666667%; }
  .col-xxl-3_75 { width: 31.25%; }
  .col-xxl-4 { width: 33.3333333333%; }
  .col-xxl-4_25 { width: 35.4166666667%; }
  .col-xxl-4_5 { width: 37.5%; }
  .col-xxl-4_75 { width: 39.5833333333%; }
  .col-xxl-5 { width: 41.6666666667%; }
  .col-xxl-5_25 { width: 43.75%; }
  .col-xxl-5_5 { width: 45.8333333333%; }
  .col-xxl-5_75 { width: 47.9166666667%; }
  .col-xxl-6 { width: 50%; }
  .col-xxl-6_25 { width: 52.0833333333%; }
  .col-xxl-6_5 { width: 54.1666666667%; }
  .col-xxl-6_75 { width: 56.25%; }
  .col-xxl-7 { width: 58.3333333333%; }
  .col-xxl-7_25 { width: 60.4166666667%; }
  .col-xxl-7_5 { width: 62.5%; }
  .col-xxl-7_75 { width: 64.5833333333%; }
  .col-xxl-8 { width: 66.6666666667%; }
  .col-xxl-8_25 { width: 68.75%; }
  .col-xxl-8_5 { width: 70.8333333333%; }
  .col-xxl-8_75 { width: 72.9166666667%; }
  .col-xxl-9 { width: 75%; }
  .col-xxl-9_25 { width: 77.0833333333%; }
  .col-xxl-9_5 { width: 79.1666666667%; }
  .col-xxl-9_75 { width: 81.25%; }
  .col-xxl-10 { width: 83.3333333333%; }
  .col-xxl-10_25 { width: 85.4166666667%; }
  .col-xxl-10_5 { width: 87.5%; }
  .col-xxl-10_75 { width: 89.5833333333%; }
  .col-xxl-11 { width: 91.6666666667%; }
  .col-xxl-11_25 { width: 93.75%; }
  .col-xxl-11_5 { width: 95.8333333333%; }
  .col-xxl-11_75 { width: 97.9166666667%; }
  .col-xxl-12 { width: 100%; }

  /* === Offset === */
  .offset-xxl-0 { margin-left: 0%; }
  .offset-xxl-0_25 { margin-left: 2.0833333333%; }
  .offset-xxl-0_5 { margin-left: 4.1666666667%; }
  .offset-xxl-0_75 { margin-left: 6.25%; }
  .offset-xxl-1 { margin-left: 8.3333333333%; }
  .offset-xxl-1_25 { margin-left: 10.4166666667%; }
  .offset-xxl-1_5 { margin-left: 12.5%; }
  .offset-xxl-1_75 { margin-left: 14.5833333333%; }
  .offset-xxl-2 { margin-left: 16.6666666667%; }
  .offset-xxl-2_25 { margin-left: 18.75%; }
  .offset-xxl-2_5 { margin-left: 20.8333333333%; }
  .offset-xxl-2_75 { margin-left: 22.9166666667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-3_25 { margin-left: 27.0833333333%; }
  .offset-xxl-3_5 { margin-left: 29.1666666667%; }
  .offset-xxl-3_75 { margin-left: 31.25%; }
  .offset-xxl-4 { margin-left: 33.3333333333%; }
  .offset-xxl-4_25 { margin-left: 35.4166666667%; }
  .offset-xxl-4_5 { margin-left: 37.5%; }
  .offset-xxl-4_75 { margin-left: 39.5833333333%; }
  .offset-xxl-5 { margin-left: 41.6666666667%; }
  .offset-xxl-5_25 { margin-left: 43.75%; }
  .offset-xxl-5_5 { margin-left: 45.8333333333%; }
  .offset-xxl-5_75 { margin-left: 47.9166666667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-6_25 { margin-left: 52.0833333333%; }
  .offset-xxl-6_5 { margin-left: 54.1666666667%; }
  .offset-xxl-6_75 { margin-left: 56.25%; }
  .offset-xxl-7 { margin-left: 58.3333333333%; }
  .offset-xxl-7_25 { margin-left: 60.4166666667%; }
  .offset-xxl-7_5 { margin-left: 62.5%; }
  .offset-xxl-7_75 { margin-left: 64.5833333333%; }
  .offset-xxl-8 { margin-left: 66.6666666667%; }
  .offset-xxl-8_25 { margin-left: 68.75%; }
  .offset-xxl-8_5 { margin-left: 70.8333333333%; }
  .offset-xxl-8_75 { margin-left: 72.9166666667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-9_25 { margin-left: 77.0833333333%; }
  .offset-xxl-9_5 { margin-left: 79.1666666667%; }
  .offset-xxl-9_75 { margin-left: 81.25%; }
  .offset-xxl-10 { margin-left: 83.3333333333%; }
  .offset-xxl-10_25 { margin-left: 85.4166666667%; }
  .offset-xxl-10_5 { margin-left: 87.5%; }
  .offset-xxl-10_75 { margin-left: 89.5833333333%; }
  .offset-xxl-11 { margin-left: 91.6666666667%; }
  .offset-xxl-11_25 { margin-left: 93.75%; }
  .offset-xxl-11_5 { margin-left: 95.8333333333%; }
  .offset-xxl-11_75 { margin-left: 97.9166666667%; }

  /* === Order === */
  .order-xxl-1 { order: 1; }
  .order-xxl-2 { order: 2; }
  .order-xxl-3 { order: 3; }
  .order-xxl-4 { order: 4; }
  .order-xxl-5 { order: 5; }
  .order-xxl-6 { order: 6; }
  .order-xxl-7 { order: 7; }
  .order-xxl-8 { order: 8; }
  .order-xxl-9 { order: 9; }
  .order-xxl-10 { order: 10; }
  .order-xxl-11 { order: 11; }
  .order-xxl-12 { order: 12; }
}
/* File: aa_mxAuto.compiled.css */
[class*=" mxAuto-"], [class^=mxAuto-] {
  --mal: auto;
  --mal-sm: auto;
  --mal-md: auto;
  --mal-lg: auto;
  --mal-xl: auto;
  --mal-xxl: auto;
}

[class*=" pxAuto-"], [class^=pxAuto-] {
  --pal: auto;
}

.mxAuto-2:nth-child(2n+1) {
  margin-left: 0;
}

.mxAuto-2:not(:nth-child(2n+1)) {
  margin-left: var(--mal);
}

.mxAuto-3:nth-child(3n+1) {
  margin-left: 0;
}

.mxAuto-3:not(:nth-child(3n+1)) {
  margin-left: var(--mal);
}

.mxAuto-4:nth-child(4n+1) {
  margin-left: 0;
}

.mxAuto-4:not(:nth-child(4n+1)) {
  margin-left: var(--mal);
}

.mxAuto-5:nth-child(5n+1) {
  margin-left: 0;
}

.mxAuto-5:not(:nth-child(5n+1)) {
  margin-left: var(--mal);
}

.mxAuto-6:nth-child(6n+1) {
  margin-left: 0;
}

.mxAuto-6:not(:nth-child(6n+1)) {
  margin-left: var(--mal);
}

.mxAuto-7:nth-child(7n+1) {
  margin-left: 0;
}

.mxAuto-7:not(:nth-child(7n+1)) {
  margin-left: var(--mal);
}

.mxAuto-8:nth-child(8n+1) {
  margin-left: 0;
}

.mxAuto-8:not(:nth-child(8n+1)) {
  margin-left: var(--mal);
}

.mxAuto-9:nth-child(9n+1) {
  margin-left: 0;
}

.mxAuto-9:not(:nth-child(9n+1)) {
  margin-left: var(--mal);
}

.mxAuto-10:nth-child(10n+1) {
  margin-left: 0;
}

.mxAuto-10:not(:nth-child(10n+1)) {
  margin-left: var(--mal);
}

.mxAuto-11:nth-child(11n+1) {
  margin-left: 0;
}

.mxAuto-11:not(:nth-child(11n+1)) {
  margin-left: var(--mal);
}

.mxAuto-12:nth-child(12n+1) {
  margin-left: 0;
}

.mxAuto-12:not(:nth-child(12n+1)) {
  margin-left: var(--mal);
}

@media (min-width: 576px) {
  .mxAuto-sm-2:nth-child(2n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-2:not(:nth-child(2n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-3:nth-child(3n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-3:not(:nth-child(3n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-4:nth-child(4n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-4:not(:nth-child(4n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-5:nth-child(5n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-5:not(:nth-child(5n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-6:nth-child(6n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-6:not(:nth-child(6n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-7:nth-child(7n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-7:not(:nth-child(7n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-8:nth-child(8n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-8:not(:nth-child(8n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-9:nth-child(9n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-9:not(:nth-child(9n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-10:nth-child(10n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-10:not(:nth-child(10n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-11:nth-child(11n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-11:not(:nth-child(11n+1)) {
    margin-left: var(--mal-sm);
  }

  .mxAuto-sm-12:nth-child(12n+1) {
    margin-left: 0;
  }

  .mxAuto-sm-12:not(:nth-child(12n+1)) {
    margin-left: var(--mal-sm);
  }
}
@media (min-width: 768px) {
  .mxAuto-md-2:nth-child(2n+1) {
    margin-left: 0;
  }

  .mxAuto-md-2:not(:nth-child(2n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-3:nth-child(3n+1) {
    margin-left: 0;
  }

  .mxAuto-md-3:not(:nth-child(3n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-4:nth-child(4n+1) {
    margin-left: 0;
  }

  .mxAuto-md-4:not(:nth-child(4n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-5:nth-child(5n+1) {
    margin-left: 0;
  }

  .mxAuto-md-5:not(:nth-child(5n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-6:nth-child(6n+1) {
    margin-left: 0;
  }

  .mxAuto-md-6:not(:nth-child(6n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-7:nth-child(7n+1) {
    margin-left: 0;
  }

  .mxAuto-md-7:not(:nth-child(7n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-8:nth-child(8n+1) {
    margin-left: 0;
  }

  .mxAuto-md-8:not(:nth-child(8n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-9:nth-child(9n+1) {
    margin-left: 0;
  }

  .mxAuto-md-9:not(:nth-child(9n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-10:nth-child(10n+1) {
    margin-left: 0;
  }

  .mxAuto-md-10:not(:nth-child(10n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-11:nth-child(11n+1) {
    margin-left: 0;
  }

  .mxAuto-md-11:not(:nth-child(11n+1)) {
    margin-left: var(--mal-md);
  }

  .mxAuto-md-12:nth-child(12n+1) {
    margin-left: 0;
  }

  .mxAuto-md-12:not(:nth-child(12n+1)) {
    margin-left: var(--mal-md);
  }
}
@media (min-width: 992px) {
  .mxAuto-lg-2:nth-child(2n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-2:not(:nth-child(2n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-3:nth-child(3n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-3:not(:nth-child(3n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-4:nth-child(4n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-4:not(:nth-child(4n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-5:nth-child(5n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-5:not(:nth-child(5n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-6:nth-child(6n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-6:not(:nth-child(6n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-7:nth-child(7n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-7:not(:nth-child(7n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-8:nth-child(8n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-8:not(:nth-child(8n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-9:nth-child(9n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-9:not(:nth-child(9n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-10:nth-child(10n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-10:not(:nth-child(10n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-11:nth-child(11n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-11:not(:nth-child(11n+1)) {
    margin-left: var(--mal-lg);
  }

  .mxAuto-lg-12:nth-child(12n+1) {
    margin-left: 0;
  }

  .mxAuto-lg-12:not(:nth-child(12n+1)) {
    margin-left: var(--mal-lg);
  }
}
@media (min-width: 1200px) {
  .mxAuto-xl-2:nth-child(2n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-2:not(:nth-child(2n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-3:nth-child(3n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-3:not(:nth-child(3n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-4:nth-child(4n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-4:not(:nth-child(4n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-5:nth-child(5n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-5:not(:nth-child(5n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-6:nth-child(6n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-6:not(:nth-child(6n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-7:nth-child(7n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-7:not(:nth-child(7n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-8:nth-child(8n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-8:not(:nth-child(8n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-9:nth-child(9n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-9:not(:nth-child(9n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-10:nth-child(10n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-10:not(:nth-child(10n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-11:nth-child(11n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-11:not(:nth-child(11n+1)) {
    margin-left: var(--mal-xl);
  }

  .mxAuto-xl-12:nth-child(12n+1) {
    margin-left: 0;
  }

  .mxAuto-xl-12:not(:nth-child(12n+1)) {
    margin-left: var(--mal-xl);
  }
}
@media (min-width: 1400px) {
  .mxAuto-xxl-2:nth-child(2n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-2:not(:nth-child(2n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-3:nth-child(3n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-3:not(:nth-child(3n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-4:nth-child(4n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-4:not(:nth-child(4n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-5:nth-child(5n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-5:not(:nth-child(5n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-6:nth-child(6n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-6:not(:nth-child(6n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-7:nth-child(7n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-7:not(:nth-child(7n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-8:nth-child(8n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-8:not(:nth-child(8n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-9:nth-child(9n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-9:not(:nth-child(9n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-10:nth-child(10n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-10:not(:nth-child(10n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-11:nth-child(11n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-11:not(:nth-child(11n+1)) {
    margin-left: var(--mal-xxl);
  }

  .mxAuto-xxl-12:nth-child(12n+1) {
    margin-left: 0;
  }

  .mxAuto-xxl-12:not(:nth-child(12n+1)) {
    margin-left: var(--mal-xxl);
  }
}
.pxAuto-2 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-2:nth-child(2n+1) {
  padding-left: 0;
}
.pxAuto-2:nth-child(2n) {
  padding-right: 0;
}

.pxAuto-3 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-3:nth-child(3n+1) {
  padding-left: 0;
}
.pxAuto-3:nth-child(3n) {
  padding-right: 0;
}

.pxAuto-4 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-4:nth-child(4n+1) {
  padding-left: 0;
}
.pxAuto-4:nth-child(4n) {
  padding-right: 0;
}

.pxAuto-5 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-5:nth-child(5n+1) {
  padding-left: 0;
}
.pxAuto-5:nth-child(5n) {
  padding-right: 0;
}

.pxAuto-6 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-6:nth-child(6n+1) {
  padding-left: 0;
}
.pxAuto-6:nth-child(6n) {
  padding-right: 0;
}

.pxAuto-7 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-7:nth-child(7n+1) {
  padding-left: 0;
}
.pxAuto-7:nth-child(7n) {
  padding-right: 0;
}

.pxAuto-8 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-8:nth-child(8n+1) {
  padding-left: 0;
}
.pxAuto-8:nth-child(8n) {
  padding-right: 0;
}

.pxAuto-9 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-9:nth-child(9n+1) {
  padding-left: 0;
}
.pxAuto-9:nth-child(9n) {
  padding-right: 0;
}

.pxAuto-10 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-10:nth-child(10n+1) {
  padding-left: 0;
}
.pxAuto-10:nth-child(10n) {
  padding-right: 0;
}

.pxAuto-11 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-11:nth-child(11n+1) {
  padding-left: 0;
}
.pxAuto-11:nth-child(11n) {
  padding-right: 0;
}

.pxAuto-12 {
  padding-left: var(--pal);
  padding-right: var(--pal);
}
.pxAuto-12:nth-child(12n+1) {
  padding-left: 0;
}
.pxAuto-12:nth-child(12n) {
  padding-right: 0;
}
/* File: aa_other.css */
.pointer {
  cursor: pointer;
}

.display_none {
  display: none;
}

.display_block {
  display: block;
}

.display_inline_block {
  display: inline-block;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.d-md-none {
  display: flex;
}

.d-md-block {
  display: none;
}

.d-md-flex {
  display: none;
}

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

.bor_bott_solid {
  border-bottom: 0.8px solid #00000020;
}

.text-capitalize {
  text-transform: capitalize;
}

.pad0 {
  padding: 0;
}

.bor_top_solid {
  border-top: 0.8px solid #00000020;
}
/* File: z-index.css */
.z-base { z-index: 0; }
.z-dropdown { z-index: 100; }
.z-sticky { z-index: 500; }
.z-fixed { z-index: 1000; }
.z-overlay { z-index: 1500; }
.z-modal-backdrop { z-index: 2000; }
.z-modal { z-index: 2001; }
.z-popover { z-index: 3000; }
.z-tooltip { z-index: 4000; }
.z-toast { z-index: 5000; }
.z-mobile-menu { z-index: 9998; }
.z-header { z-index: 9999; }
.z-max { z-index: 10000; }
/* File: layout.css */
.btn {
  display: inline-block;
  padding: 10px 25px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 14px;
  text-align: center;
}

.btn-black {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

.btn-black:hover {
  background-color: #333;
  border-color: #333;
}

.btn-white {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.btn-white:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.btn-outline-black {
  background-color: transparent;
  color: #000;
  border-color: #000;
}

.btn-outline-black:hover {
  background-color: #000;
  color: #fff;
}

.btn-outline-white {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.btn-outline-white:hover {
  background-color: #fff;
  color: #000;
}

.hero {
  padding: 60px 0;
  background: #f5f5f5;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.feature-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 30px;
}

.card {
  background: #fff;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.card-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.card-body {
  padding: 15px;
}

.card-link-wrapper {
  text-decoration: none;
  color: inherit;
  display: block;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 30px;
}

.filter-tabs {
}

.filter-tabs-main {
  margin-top: 10px;
}

.filter-tabs-sub {
  gap: 10px;
}

.filter-kuang {
  border: 1px solid #e0e0e0;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.filter-tab {
  color: #333;
  text-decoration: none;
}

.filter-kuang:hover .filter-tab,
.filter-kuang.active .filter-tab {
  color: #fff;
}

.filter-tab:hover,
.filter-tab.active {
  background: #000;
  color: #fff;
  border-color: #000;
}

.filter-tabs-main .filter-kuang {
  font-size: 12px;
  padding: 4px 16px;
  color: #dddddd;
  background: #fdfdfd;
  border-color: #fdfdfd;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.filter-tabs-main .filter-kuang:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.filter-tab-all {
  display: inline-block;
  padding: 4px 16px;
  color: #dddddd;
  background: #fdfdfd;
  border: 1px solid #fdfdfd;
  cursor: pointer;
}

.filter-tab-all:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #fdfdfd;
  color: #dddddd;
  border-color: #fdfdfd;
}

.filter-tab-all.active {
  background: #fdfdfd;
  color: #dddddd;
  border-color: #fdfdfd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}



.footer {
  background: #333;
  color: #fff;
}

.footer .index_tail_link {
  display: block;
  color: #666;
}

.footer .index_tail_link:hover {
  color: #333;
  text-decoration: underline;
}

.about-content {
  max-width: 800px;
  margin: 0 auto;
}

.about-story {
  background: #f9f9f9;
  padding: 40px;
  margin-bottom: 40px;
}

.stats-grid {
  /* grid styles removed - using flex row with col-* classes instead */
}

.stat-item {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}

.stat-number {
  font-size: 44px;
  font-weight: 700;
  color: #000;
}

.stat-label {
  color: #666;
  margin-top: 10px;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.contact-info-item {
  margin-bottom: 20px;
}

.contact-form-wrapper {
  background: #f9f9f9;
  padding: 30px;
}

.form-group {
  margin-bottom: 0;
}

.form-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-family: inherit;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: #000;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 30px;
}



.product-gallery {
  margin-bottom: 20px;
}

.gallery-viewport {
  border: 1px solid #e0e0e0;
  background: #f5f5f5;
}

.gallery-track {
  display: flex;
  transition: transform 0.3s ease;
}

.gallery-slide {
  flex: 0 0 100%;
}

.gallery-slide img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.gallery-thumbs-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}

.gallery-thumbs-track {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}

.thumb-item {
  flex: 0 0 60px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s;
}

.thumb-item.active,
.thumb-item:hover {
  opacity: 1;
}

.thumb-item img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.thumb-arrow {
  background: none;
  border: 1px solid #ddd;
  padding: 8px 12px;
  cursor: pointer;
}

.thumb-arrow:hover {
  background: #f0f0f0;
}

.gallery-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 15px;
}

.gallery-dots .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
}

.gallery-dots .dot.active {
  background: #000;
}

.product-colors-selector {
  margin-top: 30px;
}

.colors-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.color-item {
  display: inline-block;
  width: 80px;
  text-align: center;
  padding: 10px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  transition: transform 0.2s;
}

.color-item:hover {
  transform: scale(1.05);
}

.color-item.active {
  border-color: #000;
  border-width: 2px;
}

.color-image {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 5px;
}

.color-name {
  font-size: 11px;
  color: #666;
}



.spec-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
}

.spec-row:last-child {
  border-bottom: none;
}

.spec-label {
  color: #666;
}

.spec-value {
  font-weight: 600;
}

.profile-colors-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.gap-20 {
  gap: 20px;
}

.profile-color-item {
  text-align: center;
}

.profile-color-item img {
  width: 100%;
  border-radius: 4px;
}

section {
  background: #fff;
}

.text-uppercase {
  text-transform: uppercase;
}

.display_none {
  display: none;
}

.display_block {
  display: block;
}

.display_inline_block {
  display: inline-block;
}

.pointer {
  cursor: pointer;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

.header {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
  position: sticky;
  top: 0;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  text-decoration: none;
}
.logo img {
  filter: invert(1);
  height: 18px;
  max-width: none;
}
@media (min-width: 576px) and (max-width: 767px) {
  .logo img {
    height: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .logo img {
    height: 25px;
  }
}
@media (min-width: 992px) {
  .logo img {
    height: 28px;
  }
}

.nav-desktop {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.nav-link {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
  position: relative;
}

.nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: #000;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link:hover,
.nav-link.active {
  color: #000;
}

/* ── Dropdown nav ── */
.nav-item {
  position: relative;
}
.nav-item .nav-link {
  cursor: default;
}
.nav-arrow {
  font-size: 0.7em;
  margin-left: 3px;
  vertical-align: middle;
}
.nav-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  border-radius: 6px;
  min-width: 160px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 100;
}
.nav-item:hover .nav-dropdown {
  opacity: 1;
  visibility: visible;
}
.nav-sub-link {
  display: block;
  padding: 10px 20px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.nav-sub-link:hover {
  background: #f5f5f5;
  color: #000;
}
.nav-sub-link.active {
  color: #000;
  font-weight: 500;
}

/* ── Mobile nav parent/child ── */
.mobile-nav-parent .mobile-nav-toggle {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.mobile-nav-sub {
  display: none;
  padding-left: 20px;
}
.mobile-nav-parent.open .mobile-nav-sub {
  display: block;
}
.mobile-nav-parent.open .nav-arrow {
  transform: rotate(180deg);
}
.mobile-nav-sub-link {
  display: block !important;
  font-weight: 400 !important;
}

.lang-switcher {
  position: relative;
}

.lang-btn {
  background: none;
  border: 1px solid #ddd;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}

.lang-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  min-width: 80px;
}

.lang-dropdown.active {
  display: block;
}

.lang-option {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}

.lang-option:hover,
.lang-option.active {
  background: #f5f5f5;
}

.header-right-group {
  display: none;
  align-items: center;
  gap: 8px;
}

.menu-toggle {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.menu-toggle {
  overflow: hidden;
}
.menu-toggle span {
  width: 22px;
  height: 2px;
  background: #333;
  transition: transform 0.3s, opacity 0.3s;
}

.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.98);
  padding-top: 80px;
  z-index: 9998;
}

.mobile-menu.active {
  display: block;
}

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

.mobile-nav-link {
  font-size: 24px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
  color: #000;
}

.mobile-lang-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.mobile-lang-btn {
  padding: 8px 16px;
  border: 1px solid #ddd;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.mobile-lang-btn.active {
  background: #000;
  color: #fff;
  border-color: #000;
}

/* Mobile lang button in header (next to hamburger) */
.header-lang-btn {
  display: none;
  background: none;
  border: 1px solid #ddd;
  padding: 6px 10px;
  cursor: pointer;
  color: #333;
  line-height: 1;
  min-width: 36px;
  text-align: center;
}

/* Mobile lang fullscreen overlay (same style as mobile menu) */
.mobile-lang-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.98);
  padding-top: 80px;
  overflow-y: auto;
}

.mobile-lang-overlay.active {
  display: block;
}

.mobile-lang-close {
  position: absolute;
  top: 20px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #333;
  line-height: 1;
  padding: 5px;
  z-index: 1;
}

.mobile-lang-close:hover {
  color: #000;
}

.mobile-lang-list {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .nav-desktop {
    display: none;
  }
  .lang-switcher {
    display: none;
  }
  .header-right-group {
    display: flex;
  }
  .header-lang-btn {
    display: inline-block;
  }
  .mobile-lang-switcher {
    display: none;
  }
  .header-inner {
    flex-wrap: wrap;
  }
  .header {
    position: sticky;
    top: 0;
  }
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    padding-top: 80px;
  }
  .mobile-menu.active {
    display: block;
  }
}