/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/
:root {
  --color1: #ffcc00;
  --color2: #222;
  --color3: #888;
  --color4: #ffde58;
  --color5: #fff8d2;
  --color6: #5c5c5c;
  --color7: #8b8b8b;
  --color8: #d1d1d1;
  --color9: #dfdfdf;
  --color10: #ebebeb;
  --color11: #f1f1f1;
  --color12: #fafafa;
  --base1: #222;
  --base2: #5c5c5c;
  --base3: #8b8b8b;
  --base4: #d1d1d1;
  --base5: #dfdfdf;
  --base6: #ebebeb;
  --off-white: #f7f7f7;
  --white: #ffffff;
  --break-xl: 1499px;
  --break-xlg: 1399px;
  --break-lg: 1279px;
  --break-lgm: 1135px;
  --break-md: 991px;
  --break-mds: 879px;
  --break-sm: 767px;
  --break-smx: 628px;
  --break-xs: 489px;
  --break-xsx: 379px;
  --rad1:.2rem;
  --rad2:.3rem;
  --rad3:.4rem;
  --rad4:.6rem;
  --rad5:.8rem;
  --rad-round: 999rem;
  --sect-pad: 2.5rem;
  --z1: 9;
  --z2: 99;
  --z3: 999;
  --z4: 9999;
  --z5: 99999;
  --z5: 999999;
  --zmax: 9999999999; }

/*--------------------------------------*/
.heading {
  display: inline-block; }

a {
  text-decoration: none;
  color: inherit; }
  a.link {
    color: var(--color1); }

b {
  font-weight: 700 !important; }

/*--------------------------------------*/
.inv {
  color: #fff !important;
  background: var(--color2); }

/*--------------------------------------*/
.beat-player-wrap {
  background: #fff;
  width: 100%;
  min-height: 200px;
  box-shadow: 1px 2px 17px -4px #ccc;
  overflow: hidden;
  border-radius: 4px; }

/*--------------------------------------*/
.spread1 {
  letter-spacing: 0.5px; }

.spread2 {
  letter-spacing: 1px; }

.spread3 {
  letter-spacing: 2px; }

/*--------------------------------------*/
.scratched {
  text-decoration: line-through !important; }

/*--------------------------------------*/
.lock {
  user-select: none;
  /* Prevent text selection */
  pointer-events: none !important;
  /* Disable right-click */
  -webkit-user-drag: none;
  /* Prevent dragging in WebKit browsers */
  -moz-user-drag: none;
  /* Prevent dragging in Firefox */
  -o-user-drag: none;
  /* Prevent dragging in Opera */
  -ms-user-drag: none;
  /* Prevent dragging in IE and Edge */
  user-drag: none;
  /* Standard property for disabling drag */ }

.accord-wrap {
  width: 100%; }

.accord-item {
  background: var(--white);
  width: 100%;
  border: 2px solid var(--base); }

.accord-head {
  width: 100%;
  font-size: var(--f20) !important;
  font-weight: 500;
  padding: var(--s4) var(--s4);
  border-bottom: 1px solid var(--base);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }

.accord-head ion-icon {
  font-size: var(--f25);
  transition: all .25s ease; }

.accord-item.active .accord-head {
  background-color: var(--color1);
  color: #fff; }
  .accord-item.active .accord-head ion-icon {
    transform: rotate(90deg); }

.accord-content {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: none;
  padding: 0 var(--s4); }

.accord-item.active .accord-content {
  padding-top: var(--s3);
  padding-bottom: var(--s3);
  max-height: 1000vh;
  transition: all .25s ease; }

.article-wrap {
  width: 100%; }

.article-cont {
  width: 350px;
  margin-right: var(--s6);
  background: #fff;
  position: relative;
  box-shadow: -4px 5px 0px var(--base);
  cursor: pointer; }
  .article-cont::before {
    content: '';
    background: var(--color3);
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px; }
  .article-cont:hover {
    outline: 2px solid var(--color2);
    outline-offset: -1px;
    box-shadow: -5px 6px 0px var(--color2); }
  .article-cont .article-img {
    width: 100%;
    height: 200px; }
  .article-cont.type2 {
    box-shadow: none !important; }
    .article-cont.type2::before {
      display: none; }
    .article-cont.type2:hover {
      outline: none;
      box-shadow: none; }
    .article-cont.type2 .article-info {
      border-color: var(--base);
      border-top: 1px solid;
      border-right: 1px solid;
      border-bottom: 2px solid;
      border-left: 2px solid; }

@media (max-width: 1279px) {
  .article-cont {
    width: 80%; } }

@media (max-width: 767px) {
  .article-cont {
    width: 100%; } }

.bg1 {
  background-color: var(--color1); }

.bg2 {
  background-color: var(--color2); }

.bg3 {
  background-color: var(--color3); }

.bg4 {
  background-color: var(--color4); }

.bg5 {
  background-color: var(--color5); }

.bg6 {
  background-color: var(--color6); }

.bg7 {
  background-color: var(--color7); }

.bg8 {
  background-color: var(--color8); }

.bg9 {
  background-color: var(--color9); }

.bg10 {
  background-color: var(--color10); }

.bg11 {
  background-color: var(--color11); }

.bg12 {
  background-color: var(--color12); }

.b0 {
  border: 0px solid var(--color2); }

.bl0 {
  border-left: 0px solid var(--color2); }

.br0 {
  border-right: 0px solid var(--color2); }

.bt0 {
  border-top: 0px solid var(--color2); }

.bb0 {
  border-bottom: 0px solid var(--color2); }

.bv0 {
  border-top: 0px solid var(--color2);
  border-bottom: 0px solid var(--color2); }

.bh0 {
  border-left: 0px solid var(--color2);
  border-right: 0px solid var(--color2); }

.b1 {
  border: 1px solid var(--color2); }

.bl1 {
  border-left: 1px solid var(--color2); }

.br1 {
  border-right: 1px solid var(--color2); }

.bt1 {
  border-top: 1px solid var(--color2); }

.bb1 {
  border-bottom: 1px solid var(--color2); }

.bv1 {
  border-top: 1px solid var(--color2);
  border-bottom: 1px solid var(--color2); }

.bh1 {
  border-left: 1px solid var(--color2);
  border-right: 1px solid var(--color2); }

.b2 {
  border: 2px solid var(--color2); }

.bl2 {
  border-left: 2px solid var(--color2); }

.br2 {
  border-right: 2px solid var(--color2); }

.bt2 {
  border-top: 2px solid var(--color2); }

.bb2 {
  border-bottom: 2px solid var(--color2); }

.bv2 {
  border-top: 2px solid var(--color2);
  border-bottom: 2px solid var(--color2); }

.bh2 {
  border-left: 2px solid var(--color2);
  border-right: 2px solid var(--color2); }

.b3 {
  border: 3px solid var(--color2); }

.bl3 {
  border-left: 3px solid var(--color2); }

.br3 {
  border-right: 3px solid var(--color2); }

.bt3 {
  border-top: 3px solid var(--color2); }

.bb3 {
  border-bottom: 3px solid var(--color2); }

.bv3 {
  border-top: 3px solid var(--color2);
  border-bottom: 3px solid var(--color2); }

.bh3 {
  border-left: 3px solid var(--color2);
  border-right: 3px solid var(--color2); }

.b4 {
  border: 4px solid var(--color2); }

.bl4 {
  border-left: 4px solid var(--color2); }

.br4 {
  border-right: 4px solid var(--color2); }

.bt4 {
  border-top: 4px solid var(--color2); }

.bb4 {
  border-bottom: 4px solid var(--color2); }

.bv4 {
  border-top: 4px solid var(--color2);
  border-bottom: 4px solid var(--color2); }

.bh4 {
  border-left: 4px solid var(--color2);
  border-right: 4px solid var(--color2); }

.b5 {
  border: 5px solid var(--color2); }

.bl5 {
  border-left: 5px solid var(--color2); }

.br5 {
  border-right: 5px solid var(--color2); }

.bt5 {
  border-top: 5px solid var(--color2); }

.bb5 {
  border-bottom: 5px solid var(--color2); }

.bv5 {
  border-top: 5px solid var(--color2);
  border-bottom: 5px solid var(--color2); }

.bh5 {
  border-left: 5px solid var(--color2);
  border-right: 5px solid var(--color2); }

.b6 {
  border: 6px solid var(--color2); }

.bl6 {
  border-left: 6px solid var(--color2); }

.br6 {
  border-right: 6px solid var(--color2); }

.bt6 {
  border-top: 6px solid var(--color2); }

.bb6 {
  border-bottom: 6px solid var(--color2); }

.bv6 {
  border-top: 6px solid var(--color2);
  border-bottom: 6px solid var(--color2); }

.bh6 {
  border-left: 6px solid var(--color2);
  border-right: 6px solid var(--color2); }

.b7 {
  border: 7px solid var(--color2); }

.bl7 {
  border-left: 7px solid var(--color2); }

.br7 {
  border-right: 7px solid var(--color2); }

.bt7 {
  border-top: 7px solid var(--color2); }

.bb7 {
  border-bottom: 7px solid var(--color2); }

.bv7 {
  border-top: 7px solid var(--color2);
  border-bottom: 7px solid var(--color2); }

.bh7 {
  border-left: 7px solid var(--color2);
  border-right: 7px solid var(--color2); }

.b8 {
  border: 8px solid var(--color2); }

.bl8 {
  border-left: 8px solid var(--color2); }

.br8 {
  border-right: 8px solid var(--color2); }

.bt8 {
  border-top: 8px solid var(--color2); }

.bb8 {
  border-bottom: 8px solid var(--color2); }

.bv8 {
  border-top: 8px solid var(--color2);
  border-bottom: 8px solid var(--color2); }

.bh8 {
  border-left: 8px solid var(--color2);
  border-right: 8px solid var(--color2); }

.b9 {
  border: 9px solid var(--color2); }

.bl9 {
  border-left: 9px solid var(--color2); }

.br9 {
  border-right: 9px solid var(--color2); }

.bt9 {
  border-top: 9px solid var(--color2); }

.bb9 {
  border-bottom: 9px solid var(--color2); }

.bv9 {
  border-top: 9px solid var(--color2);
  border-bottom: 9px solid var(--color2); }

.bh9 {
  border-left: 9px solid var(--color2);
  border-right: 9px solid var(--color2); }

.b10 {
  border: 10px solid var(--color2); }

.bl10 {
  border-left: 10px solid var(--color2); }

.br10 {
  border-right: 10px solid var(--color2); }

.bt10 {
  border-top: 10px solid var(--color2); }

.bb10 {
  border-bottom: 10px solid var(--color2); }

.bv10 {
  border-top: 10px solid var(--color2);
  border-bottom: 10px solid var(--color2); }

.bh10 {
  border-left: 10px solid var(--color2);
  border-right: 10px solid var(--color2); }

.bc1 {
  border-color: var(--color1); }

.bc2 {
  border-color: var(--color2); }

.bc3 {
  border-color: var(--color3); }

.bc4 {
  border-color: var(--color4); }

.bc5 {
  border-color: var(--color5); }

.bc6 {
  border-color: var(--color6); }

.bc7 {
  border-color: var(--color7); }

.bc8 {
  border-color: var(--color8); }

.bc9 {
  border-color: var(--color9); }

.bc10 {
  border-color: var(--color10); }

.bc11 {
  border-color: var(--color11); }

.bw {
  border-color: #fff; }

.bb {
  border-color: #000; }

.rad0 {
  border-radius: var(--rad0); }

.rad1 {
  border-radius: var(--rad1); }

.rad2 {
  border-radius: var(--rad2); }

.rad3 {
  border-radius: var(--rad3); }

.rad4 {
  border-radius: var(--rad4); }

.rad5 {
  border-radius: var(--rad5); }

.rad-round {
  border-radius: var(--rad-round); }

@media (max-width: 1279px) {
  .b0-lg {
    border: 0px solid var(--color2); }
  .bl0-lg {
    border-left: 0px solid var(--color2); }
  .br0-lg {
    border-right: 0px solid var(--color2); }
  .bt0-lg {
    border-top: 0px solid var(--color2); }
  .bb0-lg {
    border-bottom: 0px solid var(--color2); }
  .bv0-lg {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-lg {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-lg {
    border: 1px solid var(--color2); }
  .bl1-lg {
    border-left: 1px solid var(--color2); }
  .br1-lg {
    border-right: 1px solid var(--color2); }
  .bt1-lg {
    border-top: 1px solid var(--color2); }
  .bb1-lg {
    border-bottom: 1px solid var(--color2); }
  .bv1-lg {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-lg {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-lg {
    border: 2px solid var(--color2); }
  .bl2-lg {
    border-left: 2px solid var(--color2); }
  .br2-lg {
    border-right: 2px solid var(--color2); }
  .bt2-lg {
    border-top: 2px solid var(--color2); }
  .bb2-lg {
    border-bottom: 2px solid var(--color2); }
  .bv2-lg {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-lg {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-lg {
    border: 3px solid var(--color2); }
  .bl3-lg {
    border-left: 3px solid var(--color2); }
  .br3-lg {
    border-right: 3px solid var(--color2); }
  .bt3-lg {
    border-top: 3px solid var(--color2); }
  .bb3-lg {
    border-bottom: 3px solid var(--color2); }
  .bv3-lg {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-lg {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-lg {
    border: 4px solid var(--color2); }
  .bl4-lg {
    border-left: 4px solid var(--color2); }
  .br4-lg {
    border-right: 4px solid var(--color2); }
  .bt4-lg {
    border-top: 4px solid var(--color2); }
  .bb4-lg {
    border-bottom: 4px solid var(--color2); }
  .bv4-lg {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-lg {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-lg {
    border: 5px solid var(--color2); }
  .bl5-lg {
    border-left: 5px solid var(--color2); }
  .br5-lg {
    border-right: 5px solid var(--color2); }
  .bt5-lg {
    border-top: 5px solid var(--color2); }
  .bb5-lg {
    border-bottom: 5px solid var(--color2); }
  .bv5-lg {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-lg {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-lg {
    border: 6px solid var(--color2); }
  .bl6-lg {
    border-left: 6px solid var(--color2); }
  .br6-lg {
    border-right: 6px solid var(--color2); }
  .bt6-lg {
    border-top: 6px solid var(--color2); }
  .bb6-lg {
    border-bottom: 6px solid var(--color2); }
  .bv6-lg {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-lg {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-lg {
    border: 7px solid var(--color2); }
  .bl7-lg {
    border-left: 7px solid var(--color2); }
  .br7-lg {
    border-right: 7px solid var(--color2); }
  .bt7-lg {
    border-top: 7px solid var(--color2); }
  .bb7-lg {
    border-bottom: 7px solid var(--color2); }
  .bv7-lg {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-lg {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-lg {
    border: 8px solid var(--color2); }
  .bl8-lg {
    border-left: 8px solid var(--color2); }
  .br8-lg {
    border-right: 8px solid var(--color2); }
  .bt8-lg {
    border-top: 8px solid var(--color2); }
  .bb8-lg {
    border-bottom: 8px solid var(--color2); }
  .bv8-lg {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-lg {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-lg {
    border: 9px solid var(--color2); }
  .bl9-lg {
    border-left: 9px solid var(--color2); }
  .br9-lg {
    border-right: 9px solid var(--color2); }
  .bt9-lg {
    border-top: 9px solid var(--color2); }
  .bb9-lg {
    border-bottom: 9px solid var(--color2); }
  .bv9-lg {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-lg {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-lg {
    border: 10px solid var(--color2); }
  .bl10-lg {
    border-left: 10px solid var(--color2); }
  .br10-lg {
    border-right: 10px solid var(--color2); }
  .bt10-lg {
    border-top: 10px solid var(--color2); }
  .bb10-lg {
    border-bottom: 10px solid var(--color2); }
  .bv10-lg {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-lg {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-lg {
    border-color: var(--color1); }
  .bc2-lg {
    border-color: var(--color2); }
  .bc3-lg {
    border-color: var(--color3); }
  .bc4-lg {
    border-color: var(--color4); }
  .bc5-lg {
    border-color: var(--color5); }
  .bc6-lg {
    border-color: var(--color6); }
  .bc7-lg {
    border-color: var(--color7); }
  .bc8-lg {
    border-color: var(--color8); }
  .bc9-lg {
    border-color: var(--color9); }
  .bc10-lg {
    border-color: var(--color10); }
  .rad0-lg {
    border-radius: var(--rad0); }
  .rad1-lg {
    border-radius: var(--rad1); }
  .rad2-lg {
    border-radius: var(--rad2); }
  .rad3-lg {
    border-radius: var(--rad3); }
  .rad4-lg {
    border-radius: var(--rad4); }
  .rad5-lg {
    border-radius: var(--rad5); }
  .rad-round-lg {
    border-radius: var(--rad-round); } }

@media (max-width: 1135px) {
  .b0-lgm {
    border: 0px solid var(--color2); }
  .bl0-lgm {
    border-left: 0px solid var(--color2); }
  .br0-lgm {
    border-right: 0px solid var(--color2); }
  .bt0-lgm {
    border-top: 0px solid var(--color2); }
  .bb0-lgm {
    border-bottom: 0px solid var(--color2); }
  .bv0-lgm {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-lgm {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-lgm {
    border: 1px solid var(--color2); }
  .bl1-lgm {
    border-left: 1px solid var(--color2); }
  .br1-lgm {
    border-right: 1px solid var(--color2); }
  .bt1-lgm {
    border-top: 1px solid var(--color2); }
  .bb1-lgm {
    border-bottom: 1px solid var(--color2); }
  .bv1-lgm {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-lgm {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-lgm {
    border: 2px solid var(--color2); }
  .bl2-lgm {
    border-left: 2px solid var(--color2); }
  .br2-lgm {
    border-right: 2px solid var(--color2); }
  .bt2-lgm {
    border-top: 2px solid var(--color2); }
  .bb2-lgm {
    border-bottom: 2px solid var(--color2); }
  .bv2-lgm {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-lgm {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-lgm {
    border: 3px solid var(--color2); }
  .bl3-lgm {
    border-left: 3px solid var(--color2); }
  .br3-lgm {
    border-right: 3px solid var(--color2); }
  .bt3-lgm {
    border-top: 3px solid var(--color2); }
  .bb3-lgm {
    border-bottom: 3px solid var(--color2); }
  .bv3-lgm {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-lgm {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-lgm {
    border: 4px solid var(--color2); }
  .bl4-lgm {
    border-left: 4px solid var(--color2); }
  .br4-lgm {
    border-right: 4px solid var(--color2); }
  .bt4-lgm {
    border-top: 4px solid var(--color2); }
  .bb4-lgm {
    border-bottom: 4px solid var(--color2); }
  .bv4-lgm {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-lgm {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-lgm {
    border: 5px solid var(--color2); }
  .bl5-lgm {
    border-left: 5px solid var(--color2); }
  .br5-lgm {
    border-right: 5px solid var(--color2); }
  .bt5-lgm {
    border-top: 5px solid var(--color2); }
  .bb5-lgm {
    border-bottom: 5px solid var(--color2); }
  .bv5-lgm {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-lgm {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-lgm {
    border: 6px solid var(--color2); }
  .bl6-lgm {
    border-left: 6px solid var(--color2); }
  .br6-lgm {
    border-right: 6px solid var(--color2); }
  .bt6-lgm {
    border-top: 6px solid var(--color2); }
  .bb6-lgm {
    border-bottom: 6px solid var(--color2); }
  .bv6-lgm {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-lgm {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-lgm {
    border: 7px solid var(--color2); }
  .bl7-lgm {
    border-left: 7px solid var(--color2); }
  .br7-lgm {
    border-right: 7px solid var(--color2); }
  .bt7-lgm {
    border-top: 7px solid var(--color2); }
  .bb7-lgm {
    border-bottom: 7px solid var(--color2); }
  .bv7-lgm {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-lgm {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-lgm {
    border: 8px solid var(--color2); }
  .bl8-lgm {
    border-left: 8px solid var(--color2); }
  .br8-lgm {
    border-right: 8px solid var(--color2); }
  .bt8-lgm {
    border-top: 8px solid var(--color2); }
  .bb8-lgm {
    border-bottom: 8px solid var(--color2); }
  .bv8-lgm {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-lgm {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-lgm {
    border: 9px solid var(--color2); }
  .bl9-lgm {
    border-left: 9px solid var(--color2); }
  .br9-lgm {
    border-right: 9px solid var(--color2); }
  .bt9-lgm {
    border-top: 9px solid var(--color2); }
  .bb9-lgm {
    border-bottom: 9px solid var(--color2); }
  .bv9-lgm {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-lgm {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-lgm {
    border: 10px solid var(--color2); }
  .bl10-lgm {
    border-left: 10px solid var(--color2); }
  .br10-lgm {
    border-right: 10px solid var(--color2); }
  .bt10-lgm {
    border-top: 10px solid var(--color2); }
  .bb10-lgm {
    border-bottom: 10px solid var(--color2); }
  .bv10-lgm {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-lgm {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-lgm {
    border-color: var(--color1); }
  .bc2-lgm {
    border-color: var(--color2); }
  .bc3-lgm {
    border-color: var(--color3); }
  .bc4-lgm {
    border-color: var(--color4); }
  .bc5-lgm {
    border-color: var(--color5); }
  .bc6-lgm {
    border-color: var(--color6); }
  .bc7-lgm {
    border-color: var(--color7); }
  .bc8-lgm {
    border-color: var(--color8); }
  .bc9-lgm {
    border-color: var(--color9); }
  .bc10-lgm {
    border-color: var(--color10); }
  .rad0-lgm {
    border-radius: var(--rad0); }
  .rad1-lgm {
    border-radius: var(--rad1); }
  .rad2-lgm {
    border-radius: var(--rad2); }
  .rad3-lgm {
    border-radius: var(--rad3); }
  .rad4-lgm {
    border-radius: var(--rad4); }
  .rad5-lgm {
    border-radius: var(--rad5); }
  .rad-round-lgm {
    border-radius: var(--rad-round); } }

@media (max-width: 991px) {
  .b0-md {
    border: 0px solid var(--color2); }
  .bl0-md {
    border-left: 0px solid var(--color2); }
  .br0-md {
    border-right: 0px solid var(--color2); }
  .bt0-md {
    border-top: 0px solid var(--color2); }
  .bb0-md {
    border-bottom: 0px solid var(--color2); }
  .bv0-md {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-md {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-md {
    border: 1px solid var(--color2); }
  .bl1-md {
    border-left: 1px solid var(--color2); }
  .br1-md {
    border-right: 1px solid var(--color2); }
  .bt1-md {
    border-top: 1px solid var(--color2); }
  .bb1-md {
    border-bottom: 1px solid var(--color2); }
  .bv1-md {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-md {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-md {
    border: 2px solid var(--color2); }
  .bl2-md {
    border-left: 2px solid var(--color2); }
  .br2-md {
    border-right: 2px solid var(--color2); }
  .bt2-md {
    border-top: 2px solid var(--color2); }
  .bb2-md {
    border-bottom: 2px solid var(--color2); }
  .bv2-md {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-md {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-md {
    border: 3px solid var(--color2); }
  .bl3-md {
    border-left: 3px solid var(--color2); }
  .br3-md {
    border-right: 3px solid var(--color2); }
  .bt3-md {
    border-top: 3px solid var(--color2); }
  .bb3-md {
    border-bottom: 3px solid var(--color2); }
  .bv3-md {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-md {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-md {
    border: 4px solid var(--color2); }
  .bl4-md {
    border-left: 4px solid var(--color2); }
  .br4-md {
    border-right: 4px solid var(--color2); }
  .bt4-md {
    border-top: 4px solid var(--color2); }
  .bb4-md {
    border-bottom: 4px solid var(--color2); }
  .bv4-md {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-md {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-md {
    border: 5px solid var(--color2); }
  .bl5-md {
    border-left: 5px solid var(--color2); }
  .br5-md {
    border-right: 5px solid var(--color2); }
  .bt5-md {
    border-top: 5px solid var(--color2); }
  .bb5-md {
    border-bottom: 5px solid var(--color2); }
  .bv5-md {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-md {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-md {
    border: 6px solid var(--color2); }
  .bl6-md {
    border-left: 6px solid var(--color2); }
  .br6-md {
    border-right: 6px solid var(--color2); }
  .bt6-md {
    border-top: 6px solid var(--color2); }
  .bb6-md {
    border-bottom: 6px solid var(--color2); }
  .bv6-md {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-md {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-md {
    border: 7px solid var(--color2); }
  .bl7-md {
    border-left: 7px solid var(--color2); }
  .br7-md {
    border-right: 7px solid var(--color2); }
  .bt7-md {
    border-top: 7px solid var(--color2); }
  .bb7-md {
    border-bottom: 7px solid var(--color2); }
  .bv7-md {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-md {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-md {
    border: 8px solid var(--color2); }
  .bl8-md {
    border-left: 8px solid var(--color2); }
  .br8-md {
    border-right: 8px solid var(--color2); }
  .bt8-md {
    border-top: 8px solid var(--color2); }
  .bb8-md {
    border-bottom: 8px solid var(--color2); }
  .bv8-md {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-md {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-md {
    border: 9px solid var(--color2); }
  .bl9-md {
    border-left: 9px solid var(--color2); }
  .br9-md {
    border-right: 9px solid var(--color2); }
  .bt9-md {
    border-top: 9px solid var(--color2); }
  .bb9-md {
    border-bottom: 9px solid var(--color2); }
  .bv9-md {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-md {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-md {
    border: 10px solid var(--color2); }
  .bl10-md {
    border-left: 10px solid var(--color2); }
  .br10-md {
    border-right: 10px solid var(--color2); }
  .bt10-md {
    border-top: 10px solid var(--color2); }
  .bb10-md {
    border-bottom: 10px solid var(--color2); }
  .bv10-md {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-md {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-md {
    border-color: var(--color1); }
  .bc2-md {
    border-color: var(--color2); }
  .bc3-md {
    border-color: var(--color3); }
  .bc4-md {
    border-color: var(--color4); }
  .bc5-md {
    border-color: var(--color5); }
  .bc6-md {
    border-color: var(--color6); }
  .bc7-md {
    border-color: var(--color7); }
  .bc8-md {
    border-color: var(--color8); }
  .bc9-md {
    border-color: var(--color9); }
  .bc10-md {
    border-color: var(--color10); }
  .rad0-md {
    border-radius: var(--rad0); }
  .rad1-md {
    border-radius: var(--rad1); }
  .rad2-md {
    border-radius: var(--rad2); }
  .rad3-md {
    border-radius: var(--rad3); }
  .rad4-md {
    border-radius: var(--rad4); }
  .rad5-md {
    border-radius: var(--rad5); }
  .rad-round-md {
    border-radius: var(--rad-round); } }

@media (max-width: 879px) {
  .b0-mds {
    border: 0px solid var(--color2); }
  .bl0-mds {
    border-left: 0px solid var(--color2); }
  .br0-mds {
    border-right: 0px solid var(--color2); }
  .bt0-mds {
    border-top: 0px solid var(--color2); }
  .bb0-mds {
    border-bottom: 0px solid var(--color2); }
  .bv0-mds {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-mds {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-mds {
    border: 1px solid var(--color2); }
  .bl1-mds {
    border-left: 1px solid var(--color2); }
  .br1-mds {
    border-right: 1px solid var(--color2); }
  .bt1-mds {
    border-top: 1px solid var(--color2); }
  .bb1-mds {
    border-bottom: 1px solid var(--color2); }
  .bv1-mds {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-mds {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-mds {
    border: 2px solid var(--color2); }
  .bl2-mds {
    border-left: 2px solid var(--color2); }
  .br2-mds {
    border-right: 2px solid var(--color2); }
  .bt2-mds {
    border-top: 2px solid var(--color2); }
  .bb2-mds {
    border-bottom: 2px solid var(--color2); }
  .bv2-mds {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-mds {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-mds {
    border: 3px solid var(--color2); }
  .bl3-mds {
    border-left: 3px solid var(--color2); }
  .br3-mds {
    border-right: 3px solid var(--color2); }
  .bt3-mds {
    border-top: 3px solid var(--color2); }
  .bb3-mds {
    border-bottom: 3px solid var(--color2); }
  .bv3-mds {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-mds {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-mds {
    border: 4px solid var(--color2); }
  .bl4-mds {
    border-left: 4px solid var(--color2); }
  .br4-mds {
    border-right: 4px solid var(--color2); }
  .bt4-mds {
    border-top: 4px solid var(--color2); }
  .bb4-mds {
    border-bottom: 4px solid var(--color2); }
  .bv4-mds {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-mds {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-mds {
    border: 5px solid var(--color2); }
  .bl5-mds {
    border-left: 5px solid var(--color2); }
  .br5-mds {
    border-right: 5px solid var(--color2); }
  .bt5-mds {
    border-top: 5px solid var(--color2); }
  .bb5-mds {
    border-bottom: 5px solid var(--color2); }
  .bv5-mds {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-mds {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-mds {
    border: 6px solid var(--color2); }
  .bl6-mds {
    border-left: 6px solid var(--color2); }
  .br6-mds {
    border-right: 6px solid var(--color2); }
  .bt6-mds {
    border-top: 6px solid var(--color2); }
  .bb6-mds {
    border-bottom: 6px solid var(--color2); }
  .bv6-mds {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-mds {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-mds {
    border: 7px solid var(--color2); }
  .bl7-mds {
    border-left: 7px solid var(--color2); }
  .br7-mds {
    border-right: 7px solid var(--color2); }
  .bt7-mds {
    border-top: 7px solid var(--color2); }
  .bb7-mds {
    border-bottom: 7px solid var(--color2); }
  .bv7-mds {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-mds {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-mds {
    border: 8px solid var(--color2); }
  .bl8-mds {
    border-left: 8px solid var(--color2); }
  .br8-mds {
    border-right: 8px solid var(--color2); }
  .bt8-mds {
    border-top: 8px solid var(--color2); }
  .bb8-mds {
    border-bottom: 8px solid var(--color2); }
  .bv8-mds {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-mds {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-mds {
    border: 9px solid var(--color2); }
  .bl9-mds {
    border-left: 9px solid var(--color2); }
  .br9-mds {
    border-right: 9px solid var(--color2); }
  .bt9-mds {
    border-top: 9px solid var(--color2); }
  .bb9-mds {
    border-bottom: 9px solid var(--color2); }
  .bv9-mds {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-mds {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-mds {
    border: 10px solid var(--color2); }
  .bl10-mds {
    border-left: 10px solid var(--color2); }
  .br10-mds {
    border-right: 10px solid var(--color2); }
  .bt10-mds {
    border-top: 10px solid var(--color2); }
  .bb10-mds {
    border-bottom: 10px solid var(--color2); }
  .bv10-mds {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-mds {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-mds {
    border-color: var(--color1); }
  .bc2-mds {
    border-color: var(--color2); }
  .bc3-mds {
    border-color: var(--color3); }
  .bc4-mds {
    border-color: var(--color4); }
  .bc5-mds {
    border-color: var(--color5); }
  .bc6-mds {
    border-color: var(--color6); }
  .bc7-mds {
    border-color: var(--color7); }
  .bc8-mds {
    border-color: var(--color8); }
  .bc9-mds {
    border-color: var(--color9); }
  .bc10-mds {
    border-color: var(--color10); }
  .rad0-mds {
    border-radius: var(--rad0); }
  .rad1-mds {
    border-radius: var(--rad1); }
  .rad2-mds {
    border-radius: var(--rad2); }
  .rad3-mds {
    border-radius: var(--rad3); }
  .rad4-mds {
    border-radius: var(--rad4); }
  .rad5-mds {
    border-radius: var(--rad5); }
  .rad-round-mds {
    border-radius: var(--rad-round); } }

@media (max-width: 767px) {
  .b0-sm {
    border: 0px solid var(--color2); }
  .bl0-sm {
    border-left: 0px solid var(--color2); }
  .br0-sm {
    border-right: 0px solid var(--color2); }
  .bt0-sm {
    border-top: 0px solid var(--color2); }
  .bb0-sm {
    border-bottom: 0px solid var(--color2); }
  .bv0-sm {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-sm {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-sm {
    border: 1px solid var(--color2); }
  .bl1-sm {
    border-left: 1px solid var(--color2); }
  .br1-sm {
    border-right: 1px solid var(--color2); }
  .bt1-sm {
    border-top: 1px solid var(--color2); }
  .bb1-sm {
    border-bottom: 1px solid var(--color2); }
  .bv1-sm {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-sm {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-sm {
    border: 2px solid var(--color2); }
  .bl2-sm {
    border-left: 2px solid var(--color2); }
  .br2-sm {
    border-right: 2px solid var(--color2); }
  .bt2-sm {
    border-top: 2px solid var(--color2); }
  .bb2-sm {
    border-bottom: 2px solid var(--color2); }
  .bv2-sm {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-sm {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-sm {
    border: 3px solid var(--color2); }
  .bl3-sm {
    border-left: 3px solid var(--color2); }
  .br3-sm {
    border-right: 3px solid var(--color2); }
  .bt3-sm {
    border-top: 3px solid var(--color2); }
  .bb3-sm {
    border-bottom: 3px solid var(--color2); }
  .bv3-sm {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-sm {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-sm {
    border: 4px solid var(--color2); }
  .bl4-sm {
    border-left: 4px solid var(--color2); }
  .br4-sm {
    border-right: 4px solid var(--color2); }
  .bt4-sm {
    border-top: 4px solid var(--color2); }
  .bb4-sm {
    border-bottom: 4px solid var(--color2); }
  .bv4-sm {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-sm {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-sm {
    border: 5px solid var(--color2); }
  .bl5-sm {
    border-left: 5px solid var(--color2); }
  .br5-sm {
    border-right: 5px solid var(--color2); }
  .bt5-sm {
    border-top: 5px solid var(--color2); }
  .bb5-sm {
    border-bottom: 5px solid var(--color2); }
  .bv5-sm {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-sm {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-sm {
    border: 6px solid var(--color2); }
  .bl6-sm {
    border-left: 6px solid var(--color2); }
  .br6-sm {
    border-right: 6px solid var(--color2); }
  .bt6-sm {
    border-top: 6px solid var(--color2); }
  .bb6-sm {
    border-bottom: 6px solid var(--color2); }
  .bv6-sm {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-sm {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-sm {
    border: 7px solid var(--color2); }
  .bl7-sm {
    border-left: 7px solid var(--color2); }
  .br7-sm {
    border-right: 7px solid var(--color2); }
  .bt7-sm {
    border-top: 7px solid var(--color2); }
  .bb7-sm {
    border-bottom: 7px solid var(--color2); }
  .bv7-sm {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-sm {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-sm {
    border: 8px solid var(--color2); }
  .bl8-sm {
    border-left: 8px solid var(--color2); }
  .br8-sm {
    border-right: 8px solid var(--color2); }
  .bt8-sm {
    border-top: 8px solid var(--color2); }
  .bb8-sm {
    border-bottom: 8px solid var(--color2); }
  .bv8-sm {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-sm {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-sm {
    border: 9px solid var(--color2); }
  .bl9-sm {
    border-left: 9px solid var(--color2); }
  .br9-sm {
    border-right: 9px solid var(--color2); }
  .bt9-sm {
    border-top: 9px solid var(--color2); }
  .bb9-sm {
    border-bottom: 9px solid var(--color2); }
  .bv9-sm {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-sm {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-sm {
    border: 10px solid var(--color2); }
  .bl10-sm {
    border-left: 10px solid var(--color2); }
  .br10-sm {
    border-right: 10px solid var(--color2); }
  .bt10-sm {
    border-top: 10px solid var(--color2); }
  .bb10-sm {
    border-bottom: 10px solid var(--color2); }
  .bv10-sm {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-sm {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-sm {
    border-color: var(--color1); }
  .bc2-sm {
    border-color: var(--color2); }
  .bc3-sm {
    border-color: var(--color3); }
  .bc4-sm {
    border-color: var(--color4); }
  .bc5-sm {
    border-color: var(--color5); }
  .bc6-sm {
    border-color: var(--color6); }
  .bc7-sm {
    border-color: var(--color7); }
  .bc8-sm {
    border-color: var(--color8); }
  .bc9-sm {
    border-color: var(--color9); }
  .bc10-sm {
    border-color: var(--color10); }
  .rad0-sm {
    border-radius: var(--rad0); }
  .rad1-sm {
    border-radius: var(--rad1); }
  .rad2-sm {
    border-radius: var(--rad2); }
  .rad3-sm {
    border-radius: var(--rad3); }
  .rad4-sm {
    border-radius: var(--rad4); }
  .rad5-sm {
    border-radius: var(--rad5); }
  .rad-round-sm {
    border-radius: var(--rad-round); } }

@media (max-width: 628px) {
  .b0-smx {
    border: 0px solid var(--color2); }
  .bl0-smx {
    border-left: 0px solid var(--color2); }
  .br0-smx {
    border-right: 0px solid var(--color2); }
  .bt0-smx {
    border-top: 0px solid var(--color2); }
  .bb0-smx {
    border-bottom: 0px solid var(--color2); }
  .bv0-smx {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-smx {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-smx {
    border: 1px solid var(--color2); }
  .bl1-smx {
    border-left: 1px solid var(--color2); }
  .br1-smx {
    border-right: 1px solid var(--color2); }
  .bt1-smx {
    border-top: 1px solid var(--color2); }
  .bb1-smx {
    border-bottom: 1px solid var(--color2); }
  .bv1-smx {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-smx {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-smx {
    border: 2px solid var(--color2); }
  .bl2-smx {
    border-left: 2px solid var(--color2); }
  .br2-smx {
    border-right: 2px solid var(--color2); }
  .bt2-smx {
    border-top: 2px solid var(--color2); }
  .bb2-smx {
    border-bottom: 2px solid var(--color2); }
  .bv2-smx {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-smx {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-smx {
    border: 3px solid var(--color2); }
  .bl3-smx {
    border-left: 3px solid var(--color2); }
  .br3-smx {
    border-right: 3px solid var(--color2); }
  .bt3-smx {
    border-top: 3px solid var(--color2); }
  .bb3-smx {
    border-bottom: 3px solid var(--color2); }
  .bv3-smx {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-smx {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-smx {
    border: 4px solid var(--color2); }
  .bl4-smx {
    border-left: 4px solid var(--color2); }
  .br4-smx {
    border-right: 4px solid var(--color2); }
  .bt4-smx {
    border-top: 4px solid var(--color2); }
  .bb4-smx {
    border-bottom: 4px solid var(--color2); }
  .bv4-smx {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-smx {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-smx {
    border: 5px solid var(--color2); }
  .bl5-smx {
    border-left: 5px solid var(--color2); }
  .br5-smx {
    border-right: 5px solid var(--color2); }
  .bt5-smx {
    border-top: 5px solid var(--color2); }
  .bb5-smx {
    border-bottom: 5px solid var(--color2); }
  .bv5-smx {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-smx {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-smx {
    border: 6px solid var(--color2); }
  .bl6-smx {
    border-left: 6px solid var(--color2); }
  .br6-smx {
    border-right: 6px solid var(--color2); }
  .bt6-smx {
    border-top: 6px solid var(--color2); }
  .bb6-smx {
    border-bottom: 6px solid var(--color2); }
  .bv6-smx {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-smx {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-smx {
    border: 7px solid var(--color2); }
  .bl7-smx {
    border-left: 7px solid var(--color2); }
  .br7-smx {
    border-right: 7px solid var(--color2); }
  .bt7-smx {
    border-top: 7px solid var(--color2); }
  .bb7-smx {
    border-bottom: 7px solid var(--color2); }
  .bv7-smx {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-smx {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-smx {
    border: 8px solid var(--color2); }
  .bl8-smx {
    border-left: 8px solid var(--color2); }
  .br8-smx {
    border-right: 8px solid var(--color2); }
  .bt8-smx {
    border-top: 8px solid var(--color2); }
  .bb8-smx {
    border-bottom: 8px solid var(--color2); }
  .bv8-smx {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-smx {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-smx {
    border: 9px solid var(--color2); }
  .bl9-smx {
    border-left: 9px solid var(--color2); }
  .br9-smx {
    border-right: 9px solid var(--color2); }
  .bt9-smx {
    border-top: 9px solid var(--color2); }
  .bb9-smx {
    border-bottom: 9px solid var(--color2); }
  .bv9-smx {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-smx {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-smx {
    border: 10px solid var(--color2); }
  .bl10-smx {
    border-left: 10px solid var(--color2); }
  .br10-smx {
    border-right: 10px solid var(--color2); }
  .bt10-smx {
    border-top: 10px solid var(--color2); }
  .bb10-smx {
    border-bottom: 10px solid var(--color2); }
  .bv10-smx {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-smx {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-smx {
    border-color: var(--color1); }
  .bc2-smx {
    border-color: var(--color2); }
  .bc3-smx {
    border-color: var(--color3); }
  .bc4-smx {
    border-color: var(--color4); }
  .bc5-smx {
    border-color: var(--color5); }
  .bc6-smx {
    border-color: var(--color6); }
  .bc7-smx {
    border-color: var(--color7); }
  .bc8-smx {
    border-color: var(--color8); }
  .bc9-smx {
    border-color: var(--color9); }
  .bc10-smx {
    border-color: var(--color10); }
  .rad0-smx {
    border-radius: var(--rad0); }
  .rad1-smx {
    border-radius: var(--rad1); }
  .rad2-smx {
    border-radius: var(--rad2); }
  .rad3-smx {
    border-radius: var(--rad3); }
  .rad4-smx {
    border-radius: var(--rad4); }
  .rad5-smx {
    border-radius: var(--rad5); }
  .rad-round-smx {
    border-radius: var(--rad-round); } }

@media (max-width: 489px) {
  .b0-xs {
    border: 0px solid var(--color2); }
  .bl0-xs {
    border-left: 0px solid var(--color2); }
  .br0-xs {
    border-right: 0px solid var(--color2); }
  .bt0-xs {
    border-top: 0px solid var(--color2); }
  .bb0-xs {
    border-bottom: 0px solid var(--color2); }
  .bv0-xs {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-xs {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-xs {
    border: 1px solid var(--color2); }
  .bl1-xs {
    border-left: 1px solid var(--color2); }
  .br1-xs {
    border-right: 1px solid var(--color2); }
  .bt1-xs {
    border-top: 1px solid var(--color2); }
  .bb1-xs {
    border-bottom: 1px solid var(--color2); }
  .bv1-xs {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-xs {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-xs {
    border: 2px solid var(--color2); }
  .bl2-xs {
    border-left: 2px solid var(--color2); }
  .br2-xs {
    border-right: 2px solid var(--color2); }
  .bt2-xs {
    border-top: 2px solid var(--color2); }
  .bb2-xs {
    border-bottom: 2px solid var(--color2); }
  .bv2-xs {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-xs {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-xs {
    border: 3px solid var(--color2); }
  .bl3-xs {
    border-left: 3px solid var(--color2); }
  .br3-xs {
    border-right: 3px solid var(--color2); }
  .bt3-xs {
    border-top: 3px solid var(--color2); }
  .bb3-xs {
    border-bottom: 3px solid var(--color2); }
  .bv3-xs {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-xs {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-xs {
    border: 4px solid var(--color2); }
  .bl4-xs {
    border-left: 4px solid var(--color2); }
  .br4-xs {
    border-right: 4px solid var(--color2); }
  .bt4-xs {
    border-top: 4px solid var(--color2); }
  .bb4-xs {
    border-bottom: 4px solid var(--color2); }
  .bv4-xs {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-xs {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-xs {
    border: 5px solid var(--color2); }
  .bl5-xs {
    border-left: 5px solid var(--color2); }
  .br5-xs {
    border-right: 5px solid var(--color2); }
  .bt5-xs {
    border-top: 5px solid var(--color2); }
  .bb5-xs {
    border-bottom: 5px solid var(--color2); }
  .bv5-xs {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-xs {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-xs {
    border: 6px solid var(--color2); }
  .bl6-xs {
    border-left: 6px solid var(--color2); }
  .br6-xs {
    border-right: 6px solid var(--color2); }
  .bt6-xs {
    border-top: 6px solid var(--color2); }
  .bb6-xs {
    border-bottom: 6px solid var(--color2); }
  .bv6-xs {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-xs {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-xs {
    border: 7px solid var(--color2); }
  .bl7-xs {
    border-left: 7px solid var(--color2); }
  .br7-xs {
    border-right: 7px solid var(--color2); }
  .bt7-xs {
    border-top: 7px solid var(--color2); }
  .bb7-xs {
    border-bottom: 7px solid var(--color2); }
  .bv7-xs {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-xs {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-xs {
    border: 8px solid var(--color2); }
  .bl8-xs {
    border-left: 8px solid var(--color2); }
  .br8-xs {
    border-right: 8px solid var(--color2); }
  .bt8-xs {
    border-top: 8px solid var(--color2); }
  .bb8-xs {
    border-bottom: 8px solid var(--color2); }
  .bv8-xs {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-xs {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-xs {
    border: 9px solid var(--color2); }
  .bl9-xs {
    border-left: 9px solid var(--color2); }
  .br9-xs {
    border-right: 9px solid var(--color2); }
  .bt9-xs {
    border-top: 9px solid var(--color2); }
  .bb9-xs {
    border-bottom: 9px solid var(--color2); }
  .bv9-xs {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-xs {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-xs {
    border: 10px solid var(--color2); }
  .bl10-xs {
    border-left: 10px solid var(--color2); }
  .br10-xs {
    border-right: 10px solid var(--color2); }
  .bt10-xs {
    border-top: 10px solid var(--color2); }
  .bb10-xs {
    border-bottom: 10px solid var(--color2); }
  .bv10-xs {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-xs {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-xs {
    border-color: var(--color1); }
  .bc2-xs {
    border-color: var(--color2); }
  .bc3-xs {
    border-color: var(--color3); }
  .bc4-xs {
    border-color: var(--color4); }
  .bc5-xs {
    border-color: var(--color5); }
  .bc6-xs {
    border-color: var(--color6); }
  .bc7-xs {
    border-color: var(--color7); }
  .bc8-xs {
    border-color: var(--color8); }
  .bc9-xs {
    border-color: var(--color9); }
  .bc10-xs {
    border-color: var(--color10); }
  .rad0-xs {
    border-radius: var(--rad0); }
  .rad1-xs {
    border-radius: var(--rad1); }
  .rad2-xs {
    border-radius: var(--rad2); }
  .rad3-xs {
    border-radius: var(--rad3); }
  .rad4-xs {
    border-radius: var(--rad4); }
  .rad5-xs {
    border-radius: var(--rad5); }
  .rad-round-xs {
    border-radius: var(--rad-round); } }

@media (max-width: 379px) {
  .b0-xsx {
    border: 0px solid var(--color2); }
  .bl0-xsx {
    border-left: 0px solid var(--color2); }
  .br0-xsx {
    border-right: 0px solid var(--color2); }
  .bt0-xsx {
    border-top: 0px solid var(--color2); }
  .bb0-xsx {
    border-bottom: 0px solid var(--color2); }
  .bv0-xsx {
    border-top: 0px solid var(--color2);
    border-bottom: 0px solid var(--color2); }
  .bh0-xsx {
    border-left: 0px solid var(--color2);
    border-right: 0px solid var(--color2); }
  .b1-xsx {
    border: 1px solid var(--color2); }
  .bl1-xsx {
    border-left: 1px solid var(--color2); }
  .br1-xsx {
    border-right: 1px solid var(--color2); }
  .bt1-xsx {
    border-top: 1px solid var(--color2); }
  .bb1-xsx {
    border-bottom: 1px solid var(--color2); }
  .bv1-xsx {
    border-top: 1px solid var(--color2);
    border-bottom: 1px solid var(--color2); }
  .bh1-xsx {
    border-left: 1px solid var(--color2);
    border-right: 1px solid var(--color2); }
  .b2-xsx {
    border: 2px solid var(--color2); }
  .bl2-xsx {
    border-left: 2px solid var(--color2); }
  .br2-xsx {
    border-right: 2px solid var(--color2); }
  .bt2-xsx {
    border-top: 2px solid var(--color2); }
  .bb2-xsx {
    border-bottom: 2px solid var(--color2); }
  .bv2-xsx {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2); }
  .bh2-xsx {
    border-left: 2px solid var(--color2);
    border-right: 2px solid var(--color2); }
  .b3-xsx {
    border: 3px solid var(--color2); }
  .bl3-xsx {
    border-left: 3px solid var(--color2); }
  .br3-xsx {
    border-right: 3px solid var(--color2); }
  .bt3-xsx {
    border-top: 3px solid var(--color2); }
  .bb3-xsx {
    border-bottom: 3px solid var(--color2); }
  .bv3-xsx {
    border-top: 3px solid var(--color2);
    border-bottom: 3px solid var(--color2); }
  .bh3-xsx {
    border-left: 3px solid var(--color2);
    border-right: 3px solid var(--color2); }
  .b4-xsx {
    border: 4px solid var(--color2); }
  .bl4-xsx {
    border-left: 4px solid var(--color2); }
  .br4-xsx {
    border-right: 4px solid var(--color2); }
  .bt4-xsx {
    border-top: 4px solid var(--color2); }
  .bb4-xsx {
    border-bottom: 4px solid var(--color2); }
  .bv4-xsx {
    border-top: 4px solid var(--color2);
    border-bottom: 4px solid var(--color2); }
  .bh4-xsx {
    border-left: 4px solid var(--color2);
    border-right: 4px solid var(--color2); }
  .b5-xsx {
    border: 5px solid var(--color2); }
  .bl5-xsx {
    border-left: 5px solid var(--color2); }
  .br5-xsx {
    border-right: 5px solid var(--color2); }
  .bt5-xsx {
    border-top: 5px solid var(--color2); }
  .bb5-xsx {
    border-bottom: 5px solid var(--color2); }
  .bv5-xsx {
    border-top: 5px solid var(--color2);
    border-bottom: 5px solid var(--color2); }
  .bh5-xsx {
    border-left: 5px solid var(--color2);
    border-right: 5px solid var(--color2); }
  .b6-xsx {
    border: 6px solid var(--color2); }
  .bl6-xsx {
    border-left: 6px solid var(--color2); }
  .br6-xsx {
    border-right: 6px solid var(--color2); }
  .bt6-xsx {
    border-top: 6px solid var(--color2); }
  .bb6-xsx {
    border-bottom: 6px solid var(--color2); }
  .bv6-xsx {
    border-top: 6px solid var(--color2);
    border-bottom: 6px solid var(--color2); }
  .bh6-xsx {
    border-left: 6px solid var(--color2);
    border-right: 6px solid var(--color2); }
  .b7-xsx {
    border: 7px solid var(--color2); }
  .bl7-xsx {
    border-left: 7px solid var(--color2); }
  .br7-xsx {
    border-right: 7px solid var(--color2); }
  .bt7-xsx {
    border-top: 7px solid var(--color2); }
  .bb7-xsx {
    border-bottom: 7px solid var(--color2); }
  .bv7-xsx {
    border-top: 7px solid var(--color2);
    border-bottom: 7px solid var(--color2); }
  .bh7-xsx {
    border-left: 7px solid var(--color2);
    border-right: 7px solid var(--color2); }
  .b8-xsx {
    border: 8px solid var(--color2); }
  .bl8-xsx {
    border-left: 8px solid var(--color2); }
  .br8-xsx {
    border-right: 8px solid var(--color2); }
  .bt8-xsx {
    border-top: 8px solid var(--color2); }
  .bb8-xsx {
    border-bottom: 8px solid var(--color2); }
  .bv8-xsx {
    border-top: 8px solid var(--color2);
    border-bottom: 8px solid var(--color2); }
  .bh8-xsx {
    border-left: 8px solid var(--color2);
    border-right: 8px solid var(--color2); }
  .b9-xsx {
    border: 9px solid var(--color2); }
  .bl9-xsx {
    border-left: 9px solid var(--color2); }
  .br9-xsx {
    border-right: 9px solid var(--color2); }
  .bt9-xsx {
    border-top: 9px solid var(--color2); }
  .bb9-xsx {
    border-bottom: 9px solid var(--color2); }
  .bv9-xsx {
    border-top: 9px solid var(--color2);
    border-bottom: 9px solid var(--color2); }
  .bh9-xsx {
    border-left: 9px solid var(--color2);
    border-right: 9px solid var(--color2); }
  .b10-xsx {
    border: 10px solid var(--color2); }
  .bl10-xsx {
    border-left: 10px solid var(--color2); }
  .br10-xsx {
    border-right: 10px solid var(--color2); }
  .bt10-xsx {
    border-top: 10px solid var(--color2); }
  .bb10-xsx {
    border-bottom: 10px solid var(--color2); }
  .bv10-xsx {
    border-top: 10px solid var(--color2);
    border-bottom: 10px solid var(--color2); }
  .bh10-xsx {
    border-left: 10px solid var(--color2);
    border-right: 10px solid var(--color2); }
  .bc1-xsx {
    border-color: var(--color1); }
  .bc2-xsx {
    border-color: var(--color2); }
  .bc3-xsx {
    border-color: var(--color3); }
  .bc4-xsx {
    border-color: var(--color4); }
  .bc5-xsx {
    border-color: var(--color5); }
  .bc6-xsx {
    border-color: var(--color6); }
  .bc7-xsx {
    border-color: var(--color7); }
  .bc8-xsx {
    border-color: var(--color8); }
  .bc9-xsx {
    border-color: var(--color9); }
  .bc10-xsx {
    border-color: var(--color10); }
  .rad0-xsx {
    border-radius: var(--rad0); }
  .rad1-xsx {
    border-radius: var(--rad1); }
  .rad2-xsx {
    border-radius: var(--rad2); }
  .rad3-xsx {
    border-radius: var(--rad3); }
  .rad4-xsx {
    border-radius: var(--rad4); }
  .rad5-xsx {
    border-radius: var(--rad5); }
  .rad-round-xsx {
    border-radius: var(--rad-round); } }

.btn {
  display: inline-block;
  padding: 0 var(--s4);
  height: calc(var(--s8) + .6rem);
  border-width: 2px;
  border-style: solid;
  text-transform: capitalize;
  border-radius: var(--rad-round);
  cursor: pointer;
  font-weight: 500; }
  .btn .content {
    text-align: center; }
  .btn .btn-svg svg {
    max-width: calc(1em + 4px);
    max-height: calc(1em + 4px); }
    .btn .btn-svg svg * {
      stroke: #fff !important; }
  .btn.btn1 {
    background: var(--color1);
    border-color: var(--color1);
    color: var(--color2); }
    .btn.btn1:hover {
      background: var(--color1); }
    .btn.btn1.hollow {
      background: transparent;
      color: var(--color2); }
      .btn.btn1.hollow:hover {
        color: var(--color2); }
  .btn.btn2 {
    background: var(--color2);
    border-color: var(--color2);
    color: #fff; }
    .btn.btn2:hover {
      background: var(--color2); }
    .btn.btn2.hollow {
      background: transparent;
      color: var(--color2); }
      .btn.btn2.hollow:hover {
        color: var(--color2); }
  .btn.btnw {
    background: #fff;
    border-color: #fff;
    color: var(--color1); }
    .btn.btnw:hover {
      background: var(#fff); }
    .btn.btnw.hollow {
      background: transparent;
      color: #fff; }
      .btn.btnw.hollow:hover {
        color: #fff; }
  .btn.btnb {
    background: #000;
    color: #fff; }
    .btn.btnb:hover {
      background: var(#000); }
    .btn.btnb.hollow {
      background: transparent;
      color: #fff; }
      .btn.btnb.hollow:hover {
        color: #fff; }

.btn .icon {
  font-size: 1.25em !important; }

.btn.icon-btn {
  width: calc(var(--s8) + .6rem);
  height: calc(var(--s8) + .6rem); }

.btn.small {
  padding: 0 calc(var(--s4) * 0.8);
  height: calc(calc(var(--s8) + .6rem) * 0.8);
  font-size: 0.8em; }
  .btn.small.icon-btn {
    width: calc(calc(var(--s8) + .6rem) * 0.8);
    height: calc(calc(var(--s8) + .6rem) * 0.8); }

.btn.large {
  padding: 0 calc(var(--s4) * 1.2);
  height: calc(calc(var(--s8) + .6rem) * 1.2);
  font-size: 1.2em; }
  .btn.large.icon-btn {
    width: calc(calc(var(--s8) + .6rem) * 1.2);
    height: calc(calc(var(--s8) + .6rem) * 1.2); }

.btn .content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  .btn .content > * + * {
    margin-left: .4em; }

.btn-group {
  display: flex;
  justify-content: flex-start; }
  .btn-group > * + * {
    margin-left: var(--s2); }

.btn.nopoint {
  cursor: auto; }

.btn.round {
  border-radius: var(--rad-round); }

.card {
  width: 100%;
  padding: var(--s6);
  background: #fff;
  position: relative; }
  .card::after {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    width: 25px;
    height: 25px;
    border-radius: 42px; }
  .card.type1::after {
    background: var(--color1); }
  .card.type2::after {
    background: var(--color2); }
  .card.type3::after {
    background: var(--color3); }
  .card.type4::after {
    background: var(--color4); }
  .card.stretch {
    height: 100% !important; }

.sg-left {
  background: url(/wp-content/uploads/2023/05/sg-left.svg) no-repeat;
  background-position: left center; }

.sg-right {
  background: url(/wp-content/uploads/2023/05/sg-left2.svg) no-repeat;
  background-position: right bottom; }

.sg-both {
  background: url(/wp-content/uploads/2023/05/sg-left.svg), url(/wp-content/uploads/2023/05/sg-left2.svg);
  background-repeat: no-repeat,no-repeat;
  background-position: left top,right bottom; }

.paint-bg-both-lc {
  background: url(/wp-content/uploads/2023/05/sg-left.svg), url(/wp-content/uploads/2023/05/sg-left2.svg);
  background-repeat: no-repeat,no-repeat;
  background-position: left center,right bottom; }

@media (max-width: 1200px) {
  .paint-bg-left,
  .paint-bg-right,
  .paint-bg-both,
  .paint-bg-both-lc {
    background: unset; } }

input, textarea {
  background: var(--off-white);
  padding: var(--s3) var(--s3) !important;
  border-radius: var(--rad5) !important; }

.icon-circ-cont {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.icon-circ-cont:not(.flxc) > * + * {
  margin-left: var(--s2); }

.icon-circ {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  .icon-circ ion-icon {
    font-size: 20px; }

.line {
  width: 100px;
  height: 5px;
  background: var(--base);
  margin-top: var(--s3); }
  .line.type1 {
    background: var(--color1); }
  .line.type2 {
    background: var(--color2); }

/*--------------------------------------*/
.menu-item {
  padding: var(--s1) var(--s3);
  border-radius: var(--rad-round); }

.menu-item.active {
  box-shadow: 1px 1px 4px 1px rgba(62, 62, 62, 0.18); }

/*--------------------------------------*/
.nav-mobi {
  display: none;
  position: relative;
  background: var(--color1);
  color: var(--white);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.nav-mobi .nav-logo {
  max-width: 250px; }

.nav-mobi-exit {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  cursor: pointer;
  font-size: 40px; }

/*--------------------------------------*/
.nav-scroll {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--off-white);
  padding: var(--s3) 25px; }

/*--------------------------------------*/
.nav-scroll-float-wrap {
  position: fixed;
  bottom: 28px;
  right: 15px; }

.nav-scroll-float {
  display: none;
  height: 125px;
  background: var(--off-white);
  padding: 4px;
  border-radius: 30px;
  border: 2px solid #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000; }

.pagination-nav {
  width: 100%;
  display: flex; }
  .pagination-nav ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .pagination-nav ul > * + * {
      margin-left: 8px; }
    .pagination-nav ul li {
      width: 30px;
      height: 30px;
      border-radius: 2px;
      border: 2px solid var(--base);
      color: var(--base);
      background: var(--trans);
      display: flex;
      justify-content: center;
      align-items: center; }
      .pagination-nav ul li.active {
        background: var(--base);
        color: var(--white); }
      .pagination-nav ul li.prev-link, .pagination-nav ul li.next-link {
        cursor: pointer; }

.sidebar {
  background: #fff; }
  .sidebar .head {
    background: var(--base);
    color: #fff;
    position: relative; }
    .sidebar .head ::after {
      content: '';
      position: absolute;
      top: -5px;
      right: 10px;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      background: var(--color30); }
  .sidebar .head, .sidebar .item {
    padding: var(--s4); }
  .sidebar .link {
    font-size: var(--f14);
    color: var(--color2);
    cursor: pointer; }

.muted {
  color: var(--base-light2); }

.w0 {
  width: auto; }

.w1 {
  width: var(--s1); }

.w2 {
  width: var(--s2); }

.w3 {
  width: var(--s3); }

.w4 {
  width: var(--s4); }

.w5 {
  width: var(--s5); }

.w6 {
  width: var(--s6); }

.w7 {
  width: var(--s7); }

.w8 {
  width: var(--s8); }

.w9 {
  width: var(--s9); }

.w10 {
  width: var(--s10); }

.w11 {
  width: var(--s11); }

.w12 {
  width: var(--s12); }

.w13 {
  width: var(--s13); }

.w14 {
  width: var(--s14); }

.w15 {
  width: var(--s15); }

.w16 {
  width: var(--s16); }

.w17 {
  width: var(--s17); }

.w18 {
  width: var(--s18); }

.w19 {
  width: var(--s19); }

.w20 {
  width: var(--s20); }

.wide0 {
  width: auto; }

.wide1 {
  width: 1%; }

.wide2 {
  width: 2%; }

.wide3 {
  width: 3%; }

.wide4 {
  width: 4%; }

.wide5 {
  width: 5%; }

.wide6 {
  width: 6%; }

.wide7 {
  width: 7%; }

.wide8 {
  width: 8%; }

.wide9 {
  width: 9%; }

.wide10 {
  width: 10%; }

.wide11 {
  width: 11%; }

.wide12 {
  width: 12%; }

.wide13 {
  width: 13%; }

.wide14 {
  width: 14%; }

.wide15 {
  width: 15%; }

.wide16 {
  width: 16%; }

.wide17 {
  width: 17%; }

.wide18 {
  width: 18%; }

.wide19 {
  width: 19%; }

.wide20 {
  width: 20%; }

.wide21 {
  width: 21%; }

.wide22 {
  width: 22%; }

.wide23 {
  width: 23%; }

.wide24 {
  width: 24%; }

.wide25 {
  width: 25%; }

.wide26 {
  width: 26%; }

.wide27 {
  width: 27%; }

.wide28 {
  width: 28%; }

.wide29 {
  width: 29%; }

.wide30 {
  width: 30%; }

.wide31 {
  width: 31%; }

.wide32 {
  width: 32%; }

.wide33 {
  width: 33%; }

.wide34 {
  width: 34%; }

.wide35 {
  width: 35%; }

.wide36 {
  width: 36%; }

.wide37 {
  width: 37%; }

.wide38 {
  width: 38%; }

.wide39 {
  width: 39%; }

.wide40 {
  width: 40%; }

.wide41 {
  width: 41%; }

.wide42 {
  width: 42%; }

.wide43 {
  width: 43%; }

.wide44 {
  width: 44%; }

.wide45 {
  width: 45%; }

.wide46 {
  width: 46%; }

.wide47 {
  width: 47%; }

.wide48 {
  width: 48%; }

.wide49 {
  width: 49%; }

.wide50 {
  width: 50%; }

.wide51 {
  width: 51%; }

.wide52 {
  width: 52%; }

.wide53 {
  width: 53%; }

.wide54 {
  width: 54%; }

.wide55 {
  width: 55%; }

.wide56 {
  width: 56%; }

.wide57 {
  width: 57%; }

.wide58 {
  width: 58%; }

.wide59 {
  width: 59%; }

.wide60 {
  width: 60%; }

.wide61 {
  width: 61%; }

.wide62 {
  width: 62%; }

.wide63 {
  width: 63%; }

.wide64 {
  width: 64%; }

.wide65 {
  width: 65%; }

.wide66 {
  width: 66%; }

.wide67 {
  width: 67%; }

.wide68 {
  width: 68%; }

.wide69 {
  width: 69%; }

.wide70 {
  width: 70%; }

.wide71 {
  width: 71%; }

.wide72 {
  width: 72%; }

.wide73 {
  width: 73%; }

.wide74 {
  width: 74%; }

.wide75 {
  width: 75%; }

.wide76 {
  width: 76%; }

.wide77 {
  width: 77%; }

.wide78 {
  width: 78%; }

.wide79 {
  width: 79%; }

.wide80 {
  width: 80%; }

.wide81 {
  width: 81%; }

.wide82 {
  width: 82%; }

.wide83 {
  width: 83%; }

.wide84 {
  width: 84%; }

.wide85 {
  width: 85%; }

.wide86 {
  width: 86%; }

.wide87 {
  width: 87%; }

.wide88 {
  width: 88%; }

.wide89 {
  width: 89%; }

.wide90 {
  width: 90%; }

.wide91 {
  width: 91%; }

.wide92 {
  width: 92%; }

.wide93 {
  width: 93%; }

.wide94 {
  width: 94%; }

.wide95 {
  width: 95%; }

.wide96 {
  width: 96%; }

.wide97 {
  width: 97%; }

.wide98 {
  width: 98%; }

.wide99 {
  width: 99%; }

.wide100 {
  width: 100%; }

@media (max-width: 1279px) {
  .w0-lg {
    width: auto; }
  .w1-lg {
    width: var(--s1); }
  .w2-lg {
    width: var(--s2); }
  .w3-lg {
    width: var(--s3); }
  .w4-lg {
    width: var(--s4); }
  .w5-lg {
    width: var(--s5); }
  .w6-lg {
    width: var(--s6); }
  .w7-lg {
    width: var(--s7); }
  .w8-lg {
    width: var(--s8); }
  .w9-lg {
    width: var(--s9); }
  .w10-lg {
    width: var(--s10); }
  .w11-lg {
    width: var(--s11); }
  .w12-lg {
    width: var(--s12); }
  .w13-lg {
    width: var(--s13); }
  .w14-lg {
    width: var(--s14); }
  .w15-lg {
    width: var(--s15); }
  .w16-lg {
    width: var(--s16); }
  .w17-lg {
    width: var(--s17); }
  .w18-lg {
    width: var(--s18); }
  .w19-lg {
    width: var(--s19); }
  .w20-lg {
    width: var(--s20); }
  .wide0-lg {
    width: auto; }
  .wide1-lg {
    width: 1%; }
  .wide2-lg {
    width: 2%; }
  .wide3-lg {
    width: 3%; }
  .wide4-lg {
    width: 4%; }
  .wide5-lg {
    width: 5%; }
  .wide6-lg {
    width: 6%; }
  .wide7-lg {
    width: 7%; }
  .wide8-lg {
    width: 8%; }
  .wide9-lg {
    width: 9%; }
  .wide10-lg {
    width: 10%; }
  .wide11-lg {
    width: 11%; }
  .wide12-lg {
    width: 12%; }
  .wide13-lg {
    width: 13%; }
  .wide14-lg {
    width: 14%; }
  .wide15-lg {
    width: 15%; }
  .wide16-lg {
    width: 16%; }
  .wide17-lg {
    width: 17%; }
  .wide18-lg {
    width: 18%; }
  .wide19-lg {
    width: 19%; }
  .wide20-lg {
    width: 20%; }
  .wide21-lg {
    width: 21%; }
  .wide22-lg {
    width: 22%; }
  .wide23-lg {
    width: 23%; }
  .wide24-lg {
    width: 24%; }
  .wide25-lg {
    width: 25%; }
  .wide26-lg {
    width: 26%; }
  .wide27-lg {
    width: 27%; }
  .wide28-lg {
    width: 28%; }
  .wide29-lg {
    width: 29%; }
  .wide30-lg {
    width: 30%; }
  .wide31-lg {
    width: 31%; }
  .wide32-lg {
    width: 32%; }
  .wide33-lg {
    width: 33%; }
  .wide34-lg {
    width: 34%; }
  .wide35-lg {
    width: 35%; }
  .wide36-lg {
    width: 36%; }
  .wide37-lg {
    width: 37%; }
  .wide38-lg {
    width: 38%; }
  .wide39-lg {
    width: 39%; }
  .wide40-lg {
    width: 40%; }
  .wide41-lg {
    width: 41%; }
  .wide42-lg {
    width: 42%; }
  .wide43-lg {
    width: 43%; }
  .wide44-lg {
    width: 44%; }
  .wide45-lg {
    width: 45%; }
  .wide46-lg {
    width: 46%; }
  .wide47-lg {
    width: 47%; }
  .wide48-lg {
    width: 48%; }
  .wide49-lg {
    width: 49%; }
  .wide50-lg {
    width: 50%; }
  .wide51-lg {
    width: 51%; }
  .wide52-lg {
    width: 52%; }
  .wide53-lg {
    width: 53%; }
  .wide54-lg {
    width: 54%; }
  .wide55-lg {
    width: 55%; }
  .wide56-lg {
    width: 56%; }
  .wide57-lg {
    width: 57%; }
  .wide58-lg {
    width: 58%; }
  .wide59-lg {
    width: 59%; }
  .wide60-lg {
    width: 60%; }
  .wide61-lg {
    width: 61%; }
  .wide62-lg {
    width: 62%; }
  .wide63-lg {
    width: 63%; }
  .wide64-lg {
    width: 64%; }
  .wide65-lg {
    width: 65%; }
  .wide66-lg {
    width: 66%; }
  .wide67-lg {
    width: 67%; }
  .wide68-lg {
    width: 68%; }
  .wide69-lg {
    width: 69%; }
  .wide70-lg {
    width: 70%; }
  .wide71-lg {
    width: 71%; }
  .wide72-lg {
    width: 72%; }
  .wide73-lg {
    width: 73%; }
  .wide74-lg {
    width: 74%; }
  .wide75-lg {
    width: 75%; }
  .wide76-lg {
    width: 76%; }
  .wide77-lg {
    width: 77%; }
  .wide78-lg {
    width: 78%; }
  .wide79-lg {
    width: 79%; }
  .wide80-lg {
    width: 80%; }
  .wide81-lg {
    width: 81%; }
  .wide82-lg {
    width: 82%; }
  .wide83-lg {
    width: 83%; }
  .wide84-lg {
    width: 84%; }
  .wide85-lg {
    width: 85%; }
  .wide86-lg {
    width: 86%; }
  .wide87-lg {
    width: 87%; }
  .wide88-lg {
    width: 88%; }
  .wide89-lg {
    width: 89%; }
  .wide90-lg {
    width: 90%; }
  .wide91-lg {
    width: 91%; }
  .wide92-lg {
    width: 92%; }
  .wide93-lg {
    width: 93%; }
  .wide94-lg {
    width: 94%; }
  .wide95-lg {
    width: 95%; }
  .wide96-lg {
    width: 96%; }
  .wide97-lg {
    width: 97%; }
  .wide98-lg {
    width: 98%; }
  .wide99-lg {
    width: 99%; }
  .wide100-lg {
    width: 100%; } }

@media (max-width: 1135px) {
  .w0-lgm {
    width: auto; }
  .w1-lgm {
    width: var(--s1); }
  .w2-lgm {
    width: var(--s2); }
  .w3-lgm {
    width: var(--s3); }
  .w4-lgm {
    width: var(--s4); }
  .w5-lgm {
    width: var(--s5); }
  .w6-lgm {
    width: var(--s6); }
  .w7-lgm {
    width: var(--s7); }
  .w8-lgm {
    width: var(--s8); }
  .w9-lgm {
    width: var(--s9); }
  .w10-lgm {
    width: var(--s10); }
  .w11-lgm {
    width: var(--s11); }
  .w12-lgm {
    width: var(--s12); }
  .w13-lgm {
    width: var(--s13); }
  .w14-lgm {
    width: var(--s14); }
  .w15-lgm {
    width: var(--s15); }
  .w16-lgm {
    width: var(--s16); }
  .w17-lgm {
    width: var(--s17); }
  .w18-lgm {
    width: var(--s18); }
  .w19-lgm {
    width: var(--s19); }
  .w20-lgm {
    width: var(--s20); }
  .wide0-lgm {
    width: auto; }
  .wide1-lgm {
    width: 1%; }
  .wide2-lgm {
    width: 2%; }
  .wide3-lgm {
    width: 3%; }
  .wide4-lgm {
    width: 4%; }
  .wide5-lgm {
    width: 5%; }
  .wide6-lgm {
    width: 6%; }
  .wide7-lgm {
    width: 7%; }
  .wide8-lgm {
    width: 8%; }
  .wide9-lgm {
    width: 9%; }
  .wide10-lgm {
    width: 10%; }
  .wide11-lgm {
    width: 11%; }
  .wide12-lgm {
    width: 12%; }
  .wide13-lgm {
    width: 13%; }
  .wide14-lgm {
    width: 14%; }
  .wide15-lgm {
    width: 15%; }
  .wide16-lgm {
    width: 16%; }
  .wide17-lgm {
    width: 17%; }
  .wide18-lgm {
    width: 18%; }
  .wide19-lgm {
    width: 19%; }
  .wide20-lgm {
    width: 20%; }
  .wide21-lgm {
    width: 21%; }
  .wide22-lgm {
    width: 22%; }
  .wide23-lgm {
    width: 23%; }
  .wide24-lgm {
    width: 24%; }
  .wide25-lgm {
    width: 25%; }
  .wide26-lgm {
    width: 26%; }
  .wide27-lgm {
    width: 27%; }
  .wide28-lgm {
    width: 28%; }
  .wide29-lgm {
    width: 29%; }
  .wide30-lgm {
    width: 30%; }
  .wide31-lgm {
    width: 31%; }
  .wide32-lgm {
    width: 32%; }
  .wide33-lgm {
    width: 33%; }
  .wide34-lgm {
    width: 34%; }
  .wide35-lgm {
    width: 35%; }
  .wide36-lgm {
    width: 36%; }
  .wide37-lgm {
    width: 37%; }
  .wide38-lgm {
    width: 38%; }
  .wide39-lgm {
    width: 39%; }
  .wide40-lgm {
    width: 40%; }
  .wide41-lgm {
    width: 41%; }
  .wide42-lgm {
    width: 42%; }
  .wide43-lgm {
    width: 43%; }
  .wide44-lgm {
    width: 44%; }
  .wide45-lgm {
    width: 45%; }
  .wide46-lgm {
    width: 46%; }
  .wide47-lgm {
    width: 47%; }
  .wide48-lgm {
    width: 48%; }
  .wide49-lgm {
    width: 49%; }
  .wide50-lgm {
    width: 50%; }
  .wide51-lgm {
    width: 51%; }
  .wide52-lgm {
    width: 52%; }
  .wide53-lgm {
    width: 53%; }
  .wide54-lgm {
    width: 54%; }
  .wide55-lgm {
    width: 55%; }
  .wide56-lgm {
    width: 56%; }
  .wide57-lgm {
    width: 57%; }
  .wide58-lgm {
    width: 58%; }
  .wide59-lgm {
    width: 59%; }
  .wide60-lgm {
    width: 60%; }
  .wide61-lgm {
    width: 61%; }
  .wide62-lgm {
    width: 62%; }
  .wide63-lgm {
    width: 63%; }
  .wide64-lgm {
    width: 64%; }
  .wide65-lgm {
    width: 65%; }
  .wide66-lgm {
    width: 66%; }
  .wide67-lgm {
    width: 67%; }
  .wide68-lgm {
    width: 68%; }
  .wide69-lgm {
    width: 69%; }
  .wide70-lgm {
    width: 70%; }
  .wide71-lgm {
    width: 71%; }
  .wide72-lgm {
    width: 72%; }
  .wide73-lgm {
    width: 73%; }
  .wide74-lgm {
    width: 74%; }
  .wide75-lgm {
    width: 75%; }
  .wide76-lgm {
    width: 76%; }
  .wide77-lgm {
    width: 77%; }
  .wide78-lgm {
    width: 78%; }
  .wide79-lgm {
    width: 79%; }
  .wide80-lgm {
    width: 80%; }
  .wide81-lgm {
    width: 81%; }
  .wide82-lgm {
    width: 82%; }
  .wide83-lgm {
    width: 83%; }
  .wide84-lgm {
    width: 84%; }
  .wide85-lgm {
    width: 85%; }
  .wide86-lgm {
    width: 86%; }
  .wide87-lgm {
    width: 87%; }
  .wide88-lgm {
    width: 88%; }
  .wide89-lgm {
    width: 89%; }
  .wide90-lgm {
    width: 90%; }
  .wide91-lgm {
    width: 91%; }
  .wide92-lgm {
    width: 92%; }
  .wide93-lgm {
    width: 93%; }
  .wide94-lgm {
    width: 94%; }
  .wide95-lgm {
    width: 95%; }
  .wide96-lgm {
    width: 96%; }
  .wide97-lgm {
    width: 97%; }
  .wide98-lgm {
    width: 98%; }
  .wide99-lgm {
    width: 99%; }
  .wide100-lgm {
    width: 100%; } }

@media (max-width: 991px) {
  .w0-md {
    width: auto; }
  .w1-md {
    width: var(--s1); }
  .w2-md {
    width: var(--s2); }
  .w3-md {
    width: var(--s3); }
  .w4-md {
    width: var(--s4); }
  .w5-md {
    width: var(--s5); }
  .w6-md {
    width: var(--s6); }
  .w7-md {
    width: var(--s7); }
  .w8-md {
    width: var(--s8); }
  .w9-md {
    width: var(--s9); }
  .w10-md {
    width: var(--s10); }
  .w11-md {
    width: var(--s11); }
  .w12-md {
    width: var(--s12); }
  .w13-md {
    width: var(--s13); }
  .w14-md {
    width: var(--s14); }
  .w15-md {
    width: var(--s15); }
  .w16-md {
    width: var(--s16); }
  .w17-md {
    width: var(--s17); }
  .w18-md {
    width: var(--s18); }
  .w19-md {
    width: var(--s19); }
  .w20-md {
    width: var(--s20); }
  .wide0-md {
    width: auto; }
  .wide1-md {
    width: 1%; }
  .wide2-md {
    width: 2%; }
  .wide3-md {
    width: 3%; }
  .wide4-md {
    width: 4%; }
  .wide5-md {
    width: 5%; }
  .wide6-md {
    width: 6%; }
  .wide7-md {
    width: 7%; }
  .wide8-md {
    width: 8%; }
  .wide9-md {
    width: 9%; }
  .wide10-md {
    width: 10%; }
  .wide11-md {
    width: 11%; }
  .wide12-md {
    width: 12%; }
  .wide13-md {
    width: 13%; }
  .wide14-md {
    width: 14%; }
  .wide15-md {
    width: 15%; }
  .wide16-md {
    width: 16%; }
  .wide17-md {
    width: 17%; }
  .wide18-md {
    width: 18%; }
  .wide19-md {
    width: 19%; }
  .wide20-md {
    width: 20%; }
  .wide21-md {
    width: 21%; }
  .wide22-md {
    width: 22%; }
  .wide23-md {
    width: 23%; }
  .wide24-md {
    width: 24%; }
  .wide25-md {
    width: 25%; }
  .wide26-md {
    width: 26%; }
  .wide27-md {
    width: 27%; }
  .wide28-md {
    width: 28%; }
  .wide29-md {
    width: 29%; }
  .wide30-md {
    width: 30%; }
  .wide31-md {
    width: 31%; }
  .wide32-md {
    width: 32%; }
  .wide33-md {
    width: 33%; }
  .wide34-md {
    width: 34%; }
  .wide35-md {
    width: 35%; }
  .wide36-md {
    width: 36%; }
  .wide37-md {
    width: 37%; }
  .wide38-md {
    width: 38%; }
  .wide39-md {
    width: 39%; }
  .wide40-md {
    width: 40%; }
  .wide41-md {
    width: 41%; }
  .wide42-md {
    width: 42%; }
  .wide43-md {
    width: 43%; }
  .wide44-md {
    width: 44%; }
  .wide45-md {
    width: 45%; }
  .wide46-md {
    width: 46%; }
  .wide47-md {
    width: 47%; }
  .wide48-md {
    width: 48%; }
  .wide49-md {
    width: 49%; }
  .wide50-md {
    width: 50%; }
  .wide51-md {
    width: 51%; }
  .wide52-md {
    width: 52%; }
  .wide53-md {
    width: 53%; }
  .wide54-md {
    width: 54%; }
  .wide55-md {
    width: 55%; }
  .wide56-md {
    width: 56%; }
  .wide57-md {
    width: 57%; }
  .wide58-md {
    width: 58%; }
  .wide59-md {
    width: 59%; }
  .wide60-md {
    width: 60%; }
  .wide61-md {
    width: 61%; }
  .wide62-md {
    width: 62%; }
  .wide63-md {
    width: 63%; }
  .wide64-md {
    width: 64%; }
  .wide65-md {
    width: 65%; }
  .wide66-md {
    width: 66%; }
  .wide67-md {
    width: 67%; }
  .wide68-md {
    width: 68%; }
  .wide69-md {
    width: 69%; }
  .wide70-md {
    width: 70%; }
  .wide71-md {
    width: 71%; }
  .wide72-md {
    width: 72%; }
  .wide73-md {
    width: 73%; }
  .wide74-md {
    width: 74%; }
  .wide75-md {
    width: 75%; }
  .wide76-md {
    width: 76%; }
  .wide77-md {
    width: 77%; }
  .wide78-md {
    width: 78%; }
  .wide79-md {
    width: 79%; }
  .wide80-md {
    width: 80%; }
  .wide81-md {
    width: 81%; }
  .wide82-md {
    width: 82%; }
  .wide83-md {
    width: 83%; }
  .wide84-md {
    width: 84%; }
  .wide85-md {
    width: 85%; }
  .wide86-md {
    width: 86%; }
  .wide87-md {
    width: 87%; }
  .wide88-md {
    width: 88%; }
  .wide89-md {
    width: 89%; }
  .wide90-md {
    width: 90%; }
  .wide91-md {
    width: 91%; }
  .wide92-md {
    width: 92%; }
  .wide93-md {
    width: 93%; }
  .wide94-md {
    width: 94%; }
  .wide95-md {
    width: 95%; }
  .wide96-md {
    width: 96%; }
  .wide97-md {
    width: 97%; }
  .wide98-md {
    width: 98%; }
  .wide99-md {
    width: 99%; }
  .wide100-md {
    width: 100%; } }

@media (max-width: 879px) {
  .w0-mds {
    width: auto; }
  .w1-mds {
    width: var(--s1); }
  .w2-mds {
    width: var(--s2); }
  .w3-mds {
    width: var(--s3); }
  .w4-mds {
    width: var(--s4); }
  .w5-mds {
    width: var(--s5); }
  .w6-mds {
    width: var(--s6); }
  .w7-mds {
    width: var(--s7); }
  .w8-mds {
    width: var(--s8); }
  .w9-mds {
    width: var(--s9); }
  .w10-mds {
    width: var(--s10); }
  .w11-mds {
    width: var(--s11); }
  .w12-mds {
    width: var(--s12); }
  .w13-mds {
    width: var(--s13); }
  .w14-mds {
    width: var(--s14); }
  .w15-mds {
    width: var(--s15); }
  .w16-mds {
    width: var(--s16); }
  .w17-mds {
    width: var(--s17); }
  .w18-mds {
    width: var(--s18); }
  .w19-mds {
    width: var(--s19); }
  .w20-mds {
    width: var(--s20); }
  .wide0-mds {
    width: auto; }
  .wide1-mds {
    width: 1%; }
  .wide2-mds {
    width: 2%; }
  .wide3-mds {
    width: 3%; }
  .wide4-mds {
    width: 4%; }
  .wide5-mds {
    width: 5%; }
  .wide6-mds {
    width: 6%; }
  .wide7-mds {
    width: 7%; }
  .wide8-mds {
    width: 8%; }
  .wide9-mds {
    width: 9%; }
  .wide10-mds {
    width: 10%; }
  .wide11-mds {
    width: 11%; }
  .wide12-mds {
    width: 12%; }
  .wide13-mds {
    width: 13%; }
  .wide14-mds {
    width: 14%; }
  .wide15-mds {
    width: 15%; }
  .wide16-mds {
    width: 16%; }
  .wide17-mds {
    width: 17%; }
  .wide18-mds {
    width: 18%; }
  .wide19-mds {
    width: 19%; }
  .wide20-mds {
    width: 20%; }
  .wide21-mds {
    width: 21%; }
  .wide22-mds {
    width: 22%; }
  .wide23-mds {
    width: 23%; }
  .wide24-mds {
    width: 24%; }
  .wide25-mds {
    width: 25%; }
  .wide26-mds {
    width: 26%; }
  .wide27-mds {
    width: 27%; }
  .wide28-mds {
    width: 28%; }
  .wide29-mds {
    width: 29%; }
  .wide30-mds {
    width: 30%; }
  .wide31-mds {
    width: 31%; }
  .wide32-mds {
    width: 32%; }
  .wide33-mds {
    width: 33%; }
  .wide34-mds {
    width: 34%; }
  .wide35-mds {
    width: 35%; }
  .wide36-mds {
    width: 36%; }
  .wide37-mds {
    width: 37%; }
  .wide38-mds {
    width: 38%; }
  .wide39-mds {
    width: 39%; }
  .wide40-mds {
    width: 40%; }
  .wide41-mds {
    width: 41%; }
  .wide42-mds {
    width: 42%; }
  .wide43-mds {
    width: 43%; }
  .wide44-mds {
    width: 44%; }
  .wide45-mds {
    width: 45%; }
  .wide46-mds {
    width: 46%; }
  .wide47-mds {
    width: 47%; }
  .wide48-mds {
    width: 48%; }
  .wide49-mds {
    width: 49%; }
  .wide50-mds {
    width: 50%; }
  .wide51-mds {
    width: 51%; }
  .wide52-mds {
    width: 52%; }
  .wide53-mds {
    width: 53%; }
  .wide54-mds {
    width: 54%; }
  .wide55-mds {
    width: 55%; }
  .wide56-mds {
    width: 56%; }
  .wide57-mds {
    width: 57%; }
  .wide58-mds {
    width: 58%; }
  .wide59-mds {
    width: 59%; }
  .wide60-mds {
    width: 60%; }
  .wide61-mds {
    width: 61%; }
  .wide62-mds {
    width: 62%; }
  .wide63-mds {
    width: 63%; }
  .wide64-mds {
    width: 64%; }
  .wide65-mds {
    width: 65%; }
  .wide66-mds {
    width: 66%; }
  .wide67-mds {
    width: 67%; }
  .wide68-mds {
    width: 68%; }
  .wide69-mds {
    width: 69%; }
  .wide70-mds {
    width: 70%; }
  .wide71-mds {
    width: 71%; }
  .wide72-mds {
    width: 72%; }
  .wide73-mds {
    width: 73%; }
  .wide74-mds {
    width: 74%; }
  .wide75-mds {
    width: 75%; }
  .wide76-mds {
    width: 76%; }
  .wide77-mds {
    width: 77%; }
  .wide78-mds {
    width: 78%; }
  .wide79-mds {
    width: 79%; }
  .wide80-mds {
    width: 80%; }
  .wide81-mds {
    width: 81%; }
  .wide82-mds {
    width: 82%; }
  .wide83-mds {
    width: 83%; }
  .wide84-mds {
    width: 84%; }
  .wide85-mds {
    width: 85%; }
  .wide86-mds {
    width: 86%; }
  .wide87-mds {
    width: 87%; }
  .wide88-mds {
    width: 88%; }
  .wide89-mds {
    width: 89%; }
  .wide90-mds {
    width: 90%; }
  .wide91-mds {
    width: 91%; }
  .wide92-mds {
    width: 92%; }
  .wide93-mds {
    width: 93%; }
  .wide94-mds {
    width: 94%; }
  .wide95-mds {
    width: 95%; }
  .wide96-mds {
    width: 96%; }
  .wide97-mds {
    width: 97%; }
  .wide98-mds {
    width: 98%; }
  .wide99-mds {
    width: 99%; }
  .wide100-mds {
    width: 100%; } }

@media (max-width: 767px) {
  .w0-sm {
    width: auto; }
  .w1-sm {
    width: var(--s1); }
  .w2-sm {
    width: var(--s2); }
  .w3-sm {
    width: var(--s3); }
  .w4-sm {
    width: var(--s4); }
  .w5-sm {
    width: var(--s5); }
  .w6-sm {
    width: var(--s6); }
  .w7-sm {
    width: var(--s7); }
  .w8-sm {
    width: var(--s8); }
  .w9-sm {
    width: var(--s9); }
  .w10-sm {
    width: var(--s10); }
  .w11-sm {
    width: var(--s11); }
  .w12-sm {
    width: var(--s12); }
  .w13-sm {
    width: var(--s13); }
  .w14-sm {
    width: var(--s14); }
  .w15-sm {
    width: var(--s15); }
  .w16-sm {
    width: var(--s16); }
  .w17-sm {
    width: var(--s17); }
  .w18-sm {
    width: var(--s18); }
  .w19-sm {
    width: var(--s19); }
  .w20-sm {
    width: var(--s20); }
  .wide0-sm {
    width: auto; }
  .wide1-sm {
    width: 1%; }
  .wide2-sm {
    width: 2%; }
  .wide3-sm {
    width: 3%; }
  .wide4-sm {
    width: 4%; }
  .wide5-sm {
    width: 5%; }
  .wide6-sm {
    width: 6%; }
  .wide7-sm {
    width: 7%; }
  .wide8-sm {
    width: 8%; }
  .wide9-sm {
    width: 9%; }
  .wide10-sm {
    width: 10%; }
  .wide11-sm {
    width: 11%; }
  .wide12-sm {
    width: 12%; }
  .wide13-sm {
    width: 13%; }
  .wide14-sm {
    width: 14%; }
  .wide15-sm {
    width: 15%; }
  .wide16-sm {
    width: 16%; }
  .wide17-sm {
    width: 17%; }
  .wide18-sm {
    width: 18%; }
  .wide19-sm {
    width: 19%; }
  .wide20-sm {
    width: 20%; }
  .wide21-sm {
    width: 21%; }
  .wide22-sm {
    width: 22%; }
  .wide23-sm {
    width: 23%; }
  .wide24-sm {
    width: 24%; }
  .wide25-sm {
    width: 25%; }
  .wide26-sm {
    width: 26%; }
  .wide27-sm {
    width: 27%; }
  .wide28-sm {
    width: 28%; }
  .wide29-sm {
    width: 29%; }
  .wide30-sm {
    width: 30%; }
  .wide31-sm {
    width: 31%; }
  .wide32-sm {
    width: 32%; }
  .wide33-sm {
    width: 33%; }
  .wide34-sm {
    width: 34%; }
  .wide35-sm {
    width: 35%; }
  .wide36-sm {
    width: 36%; }
  .wide37-sm {
    width: 37%; }
  .wide38-sm {
    width: 38%; }
  .wide39-sm {
    width: 39%; }
  .wide40-sm {
    width: 40%; }
  .wide41-sm {
    width: 41%; }
  .wide42-sm {
    width: 42%; }
  .wide43-sm {
    width: 43%; }
  .wide44-sm {
    width: 44%; }
  .wide45-sm {
    width: 45%; }
  .wide46-sm {
    width: 46%; }
  .wide47-sm {
    width: 47%; }
  .wide48-sm {
    width: 48%; }
  .wide49-sm {
    width: 49%; }
  .wide50-sm {
    width: 50%; }
  .wide51-sm {
    width: 51%; }
  .wide52-sm {
    width: 52%; }
  .wide53-sm {
    width: 53%; }
  .wide54-sm {
    width: 54%; }
  .wide55-sm {
    width: 55%; }
  .wide56-sm {
    width: 56%; }
  .wide57-sm {
    width: 57%; }
  .wide58-sm {
    width: 58%; }
  .wide59-sm {
    width: 59%; }
  .wide60-sm {
    width: 60%; }
  .wide61-sm {
    width: 61%; }
  .wide62-sm {
    width: 62%; }
  .wide63-sm {
    width: 63%; }
  .wide64-sm {
    width: 64%; }
  .wide65-sm {
    width: 65%; }
  .wide66-sm {
    width: 66%; }
  .wide67-sm {
    width: 67%; }
  .wide68-sm {
    width: 68%; }
  .wide69-sm {
    width: 69%; }
  .wide70-sm {
    width: 70%; }
  .wide71-sm {
    width: 71%; }
  .wide72-sm {
    width: 72%; }
  .wide73-sm {
    width: 73%; }
  .wide74-sm {
    width: 74%; }
  .wide75-sm {
    width: 75%; }
  .wide76-sm {
    width: 76%; }
  .wide77-sm {
    width: 77%; }
  .wide78-sm {
    width: 78%; }
  .wide79-sm {
    width: 79%; }
  .wide80-sm {
    width: 80%; }
  .wide81-sm {
    width: 81%; }
  .wide82-sm {
    width: 82%; }
  .wide83-sm {
    width: 83%; }
  .wide84-sm {
    width: 84%; }
  .wide85-sm {
    width: 85%; }
  .wide86-sm {
    width: 86%; }
  .wide87-sm {
    width: 87%; }
  .wide88-sm {
    width: 88%; }
  .wide89-sm {
    width: 89%; }
  .wide90-sm {
    width: 90%; }
  .wide91-sm {
    width: 91%; }
  .wide92-sm {
    width: 92%; }
  .wide93-sm {
    width: 93%; }
  .wide94-sm {
    width: 94%; }
  .wide95-sm {
    width: 95%; }
  .wide96-sm {
    width: 96%; }
  .wide97-sm {
    width: 97%; }
  .wide98-sm {
    width: 98%; }
  .wide99-sm {
    width: 99%; }
  .wide100-sm {
    width: 100%; } }

@media (max-width: 628px) {
  .w0-smx {
    width: auto; }
  .w1-smx {
    width: var(--s1); }
  .w2-smx {
    width: var(--s2); }
  .w3-smx {
    width: var(--s3); }
  .w4-smx {
    width: var(--s4); }
  .w5-smx {
    width: var(--s5); }
  .w6-smx {
    width: var(--s6); }
  .w7-smx {
    width: var(--s7); }
  .w8-smx {
    width: var(--s8); }
  .w9-smx {
    width: var(--s9); }
  .w10-smx {
    width: var(--s10); }
  .w11-smx {
    width: var(--s11); }
  .w12-smx {
    width: var(--s12); }
  .w13-smx {
    width: var(--s13); }
  .w14-smx {
    width: var(--s14); }
  .w15-smx {
    width: var(--s15); }
  .w16-smx {
    width: var(--s16); }
  .w17-smx {
    width: var(--s17); }
  .w18-smx {
    width: var(--s18); }
  .w19-smx {
    width: var(--s19); }
  .w20-smx {
    width: var(--s20); }
  .wide0-smx {
    width: auto; }
  .wide1-smx {
    width: 1%; }
  .wide2-smx {
    width: 2%; }
  .wide3-smx {
    width: 3%; }
  .wide4-smx {
    width: 4%; }
  .wide5-smx {
    width: 5%; }
  .wide6-smx {
    width: 6%; }
  .wide7-smx {
    width: 7%; }
  .wide8-smx {
    width: 8%; }
  .wide9-smx {
    width: 9%; }
  .wide10-smx {
    width: 10%; }
  .wide11-smx {
    width: 11%; }
  .wide12-smx {
    width: 12%; }
  .wide13-smx {
    width: 13%; }
  .wide14-smx {
    width: 14%; }
  .wide15-smx {
    width: 15%; }
  .wide16-smx {
    width: 16%; }
  .wide17-smx {
    width: 17%; }
  .wide18-smx {
    width: 18%; }
  .wide19-smx {
    width: 19%; }
  .wide20-smx {
    width: 20%; }
  .wide21-smx {
    width: 21%; }
  .wide22-smx {
    width: 22%; }
  .wide23-smx {
    width: 23%; }
  .wide24-smx {
    width: 24%; }
  .wide25-smx {
    width: 25%; }
  .wide26-smx {
    width: 26%; }
  .wide27-smx {
    width: 27%; }
  .wide28-smx {
    width: 28%; }
  .wide29-smx {
    width: 29%; }
  .wide30-smx {
    width: 30%; }
  .wide31-smx {
    width: 31%; }
  .wide32-smx {
    width: 32%; }
  .wide33-smx {
    width: 33%; }
  .wide34-smx {
    width: 34%; }
  .wide35-smx {
    width: 35%; }
  .wide36-smx {
    width: 36%; }
  .wide37-smx {
    width: 37%; }
  .wide38-smx {
    width: 38%; }
  .wide39-smx {
    width: 39%; }
  .wide40-smx {
    width: 40%; }
  .wide41-smx {
    width: 41%; }
  .wide42-smx {
    width: 42%; }
  .wide43-smx {
    width: 43%; }
  .wide44-smx {
    width: 44%; }
  .wide45-smx {
    width: 45%; }
  .wide46-smx {
    width: 46%; }
  .wide47-smx {
    width: 47%; }
  .wide48-smx {
    width: 48%; }
  .wide49-smx {
    width: 49%; }
  .wide50-smx {
    width: 50%; }
  .wide51-smx {
    width: 51%; }
  .wide52-smx {
    width: 52%; }
  .wide53-smx {
    width: 53%; }
  .wide54-smx {
    width: 54%; }
  .wide55-smx {
    width: 55%; }
  .wide56-smx {
    width: 56%; }
  .wide57-smx {
    width: 57%; }
  .wide58-smx {
    width: 58%; }
  .wide59-smx {
    width: 59%; }
  .wide60-smx {
    width: 60%; }
  .wide61-smx {
    width: 61%; }
  .wide62-smx {
    width: 62%; }
  .wide63-smx {
    width: 63%; }
  .wide64-smx {
    width: 64%; }
  .wide65-smx {
    width: 65%; }
  .wide66-smx {
    width: 66%; }
  .wide67-smx {
    width: 67%; }
  .wide68-smx {
    width: 68%; }
  .wide69-smx {
    width: 69%; }
  .wide70-smx {
    width: 70%; }
  .wide71-smx {
    width: 71%; }
  .wide72-smx {
    width: 72%; }
  .wide73-smx {
    width: 73%; }
  .wide74-smx {
    width: 74%; }
  .wide75-smx {
    width: 75%; }
  .wide76-smx {
    width: 76%; }
  .wide77-smx {
    width: 77%; }
  .wide78-smx {
    width: 78%; }
  .wide79-smx {
    width: 79%; }
  .wide80-smx {
    width: 80%; }
  .wide81-smx {
    width: 81%; }
  .wide82-smx {
    width: 82%; }
  .wide83-smx {
    width: 83%; }
  .wide84-smx {
    width: 84%; }
  .wide85-smx {
    width: 85%; }
  .wide86-smx {
    width: 86%; }
  .wide87-smx {
    width: 87%; }
  .wide88-smx {
    width: 88%; }
  .wide89-smx {
    width: 89%; }
  .wide90-smx {
    width: 90%; }
  .wide91-smx {
    width: 91%; }
  .wide92-smx {
    width: 92%; }
  .wide93-smx {
    width: 93%; }
  .wide94-smx {
    width: 94%; }
  .wide95-smx {
    width: 95%; }
  .wide96-smx {
    width: 96%; }
  .wide97-smx {
    width: 97%; }
  .wide98-smx {
    width: 98%; }
  .wide99-smx {
    width: 99%; }
  .wide100-smx {
    width: 100%; } }

@media (max-width: 489px) {
  .w0-xs {
    width: auto; }
  .w1-xs {
    width: var(--s1); }
  .w2-xs {
    width: var(--s2); }
  .w3-xs {
    width: var(--s3); }
  .w4-xs {
    width: var(--s4); }
  .w5-xs {
    width: var(--s5); }
  .w6-xs {
    width: var(--s6); }
  .w7-xs {
    width: var(--s7); }
  .w8-xs {
    width: var(--s8); }
  .w9-xs {
    width: var(--s9); }
  .w10-xs {
    width: var(--s10); }
  .w11-xs {
    width: var(--s11); }
  .w12-xs {
    width: var(--s12); }
  .w13-xs {
    width: var(--s13); }
  .w14-xs {
    width: var(--s14); }
  .w15-xs {
    width: var(--s15); }
  .w16-xs {
    width: var(--s16); }
  .w17-xs {
    width: var(--s17); }
  .w18-xs {
    width: var(--s18); }
  .w19-xs {
    width: var(--s19); }
  .w20-xs {
    width: var(--s20); }
  .wide0-xs {
    width: auto; }
  .wide1-xs {
    width: 1%; }
  .wide2-xs {
    width: 2%; }
  .wide3-xs {
    width: 3%; }
  .wide4-xs {
    width: 4%; }
  .wide5-xs {
    width: 5%; }
  .wide6-xs {
    width: 6%; }
  .wide7-xs {
    width: 7%; }
  .wide8-xs {
    width: 8%; }
  .wide9-xs {
    width: 9%; }
  .wide10-xs {
    width: 10%; }
  .wide11-xs {
    width: 11%; }
  .wide12-xs {
    width: 12%; }
  .wide13-xs {
    width: 13%; }
  .wide14-xs {
    width: 14%; }
  .wide15-xs {
    width: 15%; }
  .wide16-xs {
    width: 16%; }
  .wide17-xs {
    width: 17%; }
  .wide18-xs {
    width: 18%; }
  .wide19-xs {
    width: 19%; }
  .wide20-xs {
    width: 20%; }
  .wide21-xs {
    width: 21%; }
  .wide22-xs {
    width: 22%; }
  .wide23-xs {
    width: 23%; }
  .wide24-xs {
    width: 24%; }
  .wide25-xs {
    width: 25%; }
  .wide26-xs {
    width: 26%; }
  .wide27-xs {
    width: 27%; }
  .wide28-xs {
    width: 28%; }
  .wide29-xs {
    width: 29%; }
  .wide30-xs {
    width: 30%; }
  .wide31-xs {
    width: 31%; }
  .wide32-xs {
    width: 32%; }
  .wide33-xs {
    width: 33%; }
  .wide34-xs {
    width: 34%; }
  .wide35-xs {
    width: 35%; }
  .wide36-xs {
    width: 36%; }
  .wide37-xs {
    width: 37%; }
  .wide38-xs {
    width: 38%; }
  .wide39-xs {
    width: 39%; }
  .wide40-xs {
    width: 40%; }
  .wide41-xs {
    width: 41%; }
  .wide42-xs {
    width: 42%; }
  .wide43-xs {
    width: 43%; }
  .wide44-xs {
    width: 44%; }
  .wide45-xs {
    width: 45%; }
  .wide46-xs {
    width: 46%; }
  .wide47-xs {
    width: 47%; }
  .wide48-xs {
    width: 48%; }
  .wide49-xs {
    width: 49%; }
  .wide50-xs {
    width: 50%; }
  .wide51-xs {
    width: 51%; }
  .wide52-xs {
    width: 52%; }
  .wide53-xs {
    width: 53%; }
  .wide54-xs {
    width: 54%; }
  .wide55-xs {
    width: 55%; }
  .wide56-xs {
    width: 56%; }
  .wide57-xs {
    width: 57%; }
  .wide58-xs {
    width: 58%; }
  .wide59-xs {
    width: 59%; }
  .wide60-xs {
    width: 60%; }
  .wide61-xs {
    width: 61%; }
  .wide62-xs {
    width: 62%; }
  .wide63-xs {
    width: 63%; }
  .wide64-xs {
    width: 64%; }
  .wide65-xs {
    width: 65%; }
  .wide66-xs {
    width: 66%; }
  .wide67-xs {
    width: 67%; }
  .wide68-xs {
    width: 68%; }
  .wide69-xs {
    width: 69%; }
  .wide70-xs {
    width: 70%; }
  .wide71-xs {
    width: 71%; }
  .wide72-xs {
    width: 72%; }
  .wide73-xs {
    width: 73%; }
  .wide74-xs {
    width: 74%; }
  .wide75-xs {
    width: 75%; }
  .wide76-xs {
    width: 76%; }
  .wide77-xs {
    width: 77%; }
  .wide78-xs {
    width: 78%; }
  .wide79-xs {
    width: 79%; }
  .wide80-xs {
    width: 80%; }
  .wide81-xs {
    width: 81%; }
  .wide82-xs {
    width: 82%; }
  .wide83-xs {
    width: 83%; }
  .wide84-xs {
    width: 84%; }
  .wide85-xs {
    width: 85%; }
  .wide86-xs {
    width: 86%; }
  .wide87-xs {
    width: 87%; }
  .wide88-xs {
    width: 88%; }
  .wide89-xs {
    width: 89%; }
  .wide90-xs {
    width: 90%; }
  .wide91-xs {
    width: 91%; }
  .wide92-xs {
    width: 92%; }
  .wide93-xs {
    width: 93%; }
  .wide94-xs {
    width: 94%; }
  .wide95-xs {
    width: 95%; }
  .wide96-xs {
    width: 96%; }
  .wide97-xs {
    width: 97%; }
  .wide98-xs {
    width: 98%; }
  .wide99-xs {
    width: 99%; }
  .wide100-xs {
    width: 100%; } }

@media (max-width: 379px) {
  .w0-xsx {
    width: auto; }
  .w1-xsx {
    width: var(--s1); }
  .w2-xsx {
    width: var(--s2); }
  .w3-xsx {
    width: var(--s3); }
  .w4-xsx {
    width: var(--s4); }
  .w5-xsx {
    width: var(--s5); }
  .w6-xsx {
    width: var(--s6); }
  .w7-xsx {
    width: var(--s7); }
  .w8-xsx {
    width: var(--s8); }
  .w9-xsx {
    width: var(--s9); }
  .w10-xsx {
    width: var(--s10); }
  .w11-xsx {
    width: var(--s11); }
  .w12-xsx {
    width: var(--s12); }
  .w13-xsx {
    width: var(--s13); }
  .w14-xsx {
    width: var(--s14); }
  .w15-xsx {
    width: var(--s15); }
  .w16-xsx {
    width: var(--s16); }
  .w17-xsx {
    width: var(--s17); }
  .w18-xsx {
    width: var(--s18); }
  .w19-xsx {
    width: var(--s19); }
  .w20-xsx {
    width: var(--s20); }
  .wide0-xsx {
    width: auto; }
  .wide1-xsx {
    width: 1%; }
  .wide2-xsx {
    width: 2%; }
  .wide3-xsx {
    width: 3%; }
  .wide4-xsx {
    width: 4%; }
  .wide5-xsx {
    width: 5%; }
  .wide6-xsx {
    width: 6%; }
  .wide7-xsx {
    width: 7%; }
  .wide8-xsx {
    width: 8%; }
  .wide9-xsx {
    width: 9%; }
  .wide10-xsx {
    width: 10%; }
  .wide11-xsx {
    width: 11%; }
  .wide12-xsx {
    width: 12%; }
  .wide13-xsx {
    width: 13%; }
  .wide14-xsx {
    width: 14%; }
  .wide15-xsx {
    width: 15%; }
  .wide16-xsx {
    width: 16%; }
  .wide17-xsx {
    width: 17%; }
  .wide18-xsx {
    width: 18%; }
  .wide19-xsx {
    width: 19%; }
  .wide20-xsx {
    width: 20%; }
  .wide21-xsx {
    width: 21%; }
  .wide22-xsx {
    width: 22%; }
  .wide23-xsx {
    width: 23%; }
  .wide24-xsx {
    width: 24%; }
  .wide25-xsx {
    width: 25%; }
  .wide26-xsx {
    width: 26%; }
  .wide27-xsx {
    width: 27%; }
  .wide28-xsx {
    width: 28%; }
  .wide29-xsx {
    width: 29%; }
  .wide30-xsx {
    width: 30%; }
  .wide31-xsx {
    width: 31%; }
  .wide32-xsx {
    width: 32%; }
  .wide33-xsx {
    width: 33%; }
  .wide34-xsx {
    width: 34%; }
  .wide35-xsx {
    width: 35%; }
  .wide36-xsx {
    width: 36%; }
  .wide37-xsx {
    width: 37%; }
  .wide38-xsx {
    width: 38%; }
  .wide39-xsx {
    width: 39%; }
  .wide40-xsx {
    width: 40%; }
  .wide41-xsx {
    width: 41%; }
  .wide42-xsx {
    width: 42%; }
  .wide43-xsx {
    width: 43%; }
  .wide44-xsx {
    width: 44%; }
  .wide45-xsx {
    width: 45%; }
  .wide46-xsx {
    width: 46%; }
  .wide47-xsx {
    width: 47%; }
  .wide48-xsx {
    width: 48%; }
  .wide49-xsx {
    width: 49%; }
  .wide50-xsx {
    width: 50%; }
  .wide51-xsx {
    width: 51%; }
  .wide52-xsx {
    width: 52%; }
  .wide53-xsx {
    width: 53%; }
  .wide54-xsx {
    width: 54%; }
  .wide55-xsx {
    width: 55%; }
  .wide56-xsx {
    width: 56%; }
  .wide57-xsx {
    width: 57%; }
  .wide58-xsx {
    width: 58%; }
  .wide59-xsx {
    width: 59%; }
  .wide60-xsx {
    width: 60%; }
  .wide61-xsx {
    width: 61%; }
  .wide62-xsx {
    width: 62%; }
  .wide63-xsx {
    width: 63%; }
  .wide64-xsx {
    width: 64%; }
  .wide65-xsx {
    width: 65%; }
  .wide66-xsx {
    width: 66%; }
  .wide67-xsx {
    width: 67%; }
  .wide68-xsx {
    width: 68%; }
  .wide69-xsx {
    width: 69%; }
  .wide70-xsx {
    width: 70%; }
  .wide71-xsx {
    width: 71%; }
  .wide72-xsx {
    width: 72%; }
  .wide73-xsx {
    width: 73%; }
  .wide74-xsx {
    width: 74%; }
  .wide75-xsx {
    width: 75%; }
  .wide76-xsx {
    width: 76%; }
  .wide77-xsx {
    width: 77%; }
  .wide78-xsx {
    width: 78%; }
  .wide79-xsx {
    width: 79%; }
  .wide80-xsx {
    width: 80%; }
  .wide81-xsx {
    width: 81%; }
  .wide82-xsx {
    width: 82%; }
  .wide83-xsx {
    width: 83%; }
  .wide84-xsx {
    width: 84%; }
  .wide85-xsx {
    width: 85%; }
  .wide86-xsx {
    width: 86%; }
  .wide87-xsx {
    width: 87%; }
  .wide88-xsx {
    width: 88%; }
  .wide89-xsx {
    width: 89%; }
  .wide90-xsx {
    width: 90%; }
  .wide91-xsx {
    width: 91%; }
  .wide92-xsx {
    width: 92%; }
  .wide93-xsx {
    width: 93%; }
  .wide94-xsx {
    width: 94%; }
  .wide95-xsx {
    width: 95%; }
  .wide96-xsx {
    width: 96%; }
  .wide97-xsx {
    width: 97%; }
  .wide98-xsx {
    width: 98%; }
  .wide99-xsx {
    width: 99%; }
  .wide100-xsx {
    width: 100%; } }

.woocommerce {
  color: #333 !important; }
  .woocommerce .button {
    background: var(--color1) !important;
    color: #333 !important; }
  .woocommerce table {
    background: #fff !important; }
    .woocommerce table thead {
      background: whitesmoke;
      color: var(--color2); }
    .woocommerce table .product-thumbnail img {
      object-fit: contain;
      max-width: var(--s10) !important; }
  .woocommerce input, .woocommerce select, .woocommerce textarea, .woocommerce .selection, .woocommerce .selection * {
    background: transparent !important;
    border-color: #555 !important;
    outline-color: #555 !important; }
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-checkout-payment {
    border-color: var(--color1) !important;
    color: #fff !important; }