/* native semantic heading mapping v2 */

 .u-section-2 {
  min-height: 100px;
}
.u-section-2 .u-custom-html-1 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-2 .u-custom-html-1 {
    margin-right: initial;
    margin-left: initial;
  }
}
/*/RESPONSIVE_MEDIA*/

 .u-section-3 {
  background-image: ;
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}
.u-section-3 .u-sheet-1 {
  min-height: 496px;
}
.u-section-3 .u-text-1 {
  margin: 60px 422px 0 0;
}
.u-section-3 .u-text-2 {
  font-size: 1.25rem;
  margin: 21px 11px 0 0;
}
.u-section-3 .u-line-1 {
  width: 912px;
  height: 0;
  margin: 30px auto 60px 0;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 409px;
  }
  .u-section-3 .u-text-1 {
    margin-right: 222px;
  }
  .u-section-3 .u-text-2 {
    margin-right: 0;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 313px;
  }
  .u-section-3 .u-text-1 {
    margin-right: 2px;
  }
  .u-section-3 .u-line-1 {
    width: 720px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 235px;
  }
  .u-section-3 .u-text-1 {
    margin-right: 0;
  }
  .u-section-3 .u-line-1 {
    width: 540px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 148px;
  }
  .u-section-3 .u-line-1 {
    width: 340px;
  }
}
/*/RESPONSIVE_MEDIA*/

.u-section-4 .u-sheet-1 {
  min-height: 450px;
}
.u-section-4 .u-custom-html-1 {
  margin-bottom: 60px;
  margin-top: 50px;
}
 .u-section-6 {
  --color-var: #efc69b;
  min-height: 94px;
}
.u-section-6 .u-text-1 {
  font-size: 2.25rem;
  font-weight: 700;
  margin: 20px auto;
}
 .u-section-7 {
  --color-var: #333333;
}
.u-section-7 .u-sheet-1 {
  min-height: 124px;
}
.u-section-7 .u-text-1 {
  margin: 49px auto 0;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-7 .u-text-1 {
    margin-bottom: 60px;
  }
}
/*/RESPONSIVE_MEDIA*/


.u-body {
  font-family: Roboto,'Noto Sans JP';
}
h1:not(:where(.china2050-heading-from-h2,.china2050-heading-from-h3)),
:is(h2,h1:where(.china2050-heading-from-h2)),
:is(h3,h1:where(.china2050-heading-from-h3)),
h4,
h5,
h6 {
  font-family: Artex-SemiCondensed,'Noto Sans JP';
}


.u-overlap.u-overlap-transparent .u-header,
.u-image,
.u-gradient {
  color: #222222;
}
.u-shading,
.u-overlap.u-overlap-contrast .u-header {
  color: #ffffff;
}
.u-body {
  color: #222222;
  background-color: #ffffff;
  --effect-scale: 1.1;
}


.u-custom-font.u-text-font {
  font-family: Roboto,'Noto Sans JP' !important;
}
.u-custom-font.u-heading-font {
  font-family: Artex-SemiCondensed,'Noto Sans JP' !important;
}


.u-none.u-input,
.u-none.u-field-input,
.u-none.u-button-style,
.u-none.u-button-style:hover,
.u-none.u-button-style:focus,
.u-none.u-button-style:active,
.u-none.u-button-style.active,
.u-button-style.u-hover-none:hover,
.u-button-style.u-hover-none.hover,
.u-button-style.u-hover-none:focus,
.u-button-style.u-active-none:active,
.u-button-style.u-active-none.active,
li.active > .u-button-style.u-active-none {
  color: inherit !important;
  background-color: transparent !important;
}
.u-button-style.u-border-none,
.u-button-style.u-border-hover-none:hover,
.u-button-style.u-border-hover-none:focus,
.u-button-style.u-border-active-none:active,
.u-button-style.u-border-active-none.active,
li.active > .u-button-style.u-border-active-none {
  border-color: transparent !important;
  border-width: 0;
}
.u-button-style.u-text-none,
.u-button-style.u-text-none:hover,
.u-button-style.u-text-none:focus,
.u-button-style.u-text-none:active,
.u-button-style.u-text-none.active,
.u-button-style.u-text-hover-none:hover,
.u-button-style.u-text-hover-none:focus,
.u-button-style.u-text-active-none:active,
.u-button-style.u-text-active-none.active,
li.active > .u-button-style.u-text-active-none {
  color: inherit !important;
}
/*end-color none*//*begin-color color-4*/
.u-color-4,
.u-body.u-color-4,
section.u-color-4:before,
.u-color-4 > .u-audio-main-layout-wrapper:before,
.u-color-4 > .u-container-layout:before,
.u-color-4 > .u-inner-container-layout:before,
.u-color-4.u-sidenav:before,
.u-container-layout.u-container-layout.u-color-4:before,
.u-table-alt-color-4 tr:nth-child(even) {
  color: #222222;
  background-color: #3be8e0;
}
.u-input.u-color-4,
.u-field-input.u-color-4,
.u-button-style.u-color-4,
.u-button-style.u-color-4[class*="u-border-"] {
  color: #222222 !important;
  background-color: #3be8e0 !important;
}
.u-button-style.u-color-4:hover,
.u-button-style.u-color-4[class*="u-border-"]:hover,
.u-button-style.u-color-4:focus,
.u-button-style.u-color-4[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-color-4:active,
.u-button-style.u-button-style.u-color-4[class*="u-border-"]:active,
.u-button-style.u-button-style.u-color-4.active,
.u-button-style.u-button-style.u-color-4[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-color-4,
li.active > .u-button-style.u-button-style.u-color-4[class*="u-border-"] {
  color: #222222 !important;
  background-color: #21e5dc !important;
}
/* hover */
.u-hover-color-4:hover,
.u-hover-color-4[class*="u-border-"]:hover,
.u-hover-color-4:focus,
.u-hover-color-4[class*="u-border-"]:focus,
a.u-button-style.u-hover-color-4:hover,
a.u-button-style.u-hover-color-4.hover,
a.u-button-style.u-hover-color-4[class*="u-border-"]:hover,
a.u-button-style.u-hover-color-4[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-color-4,
a.u-button-style:hover > .u-hover-color-4[class*="u-border-"],
a.u-button-style.u-hover-color-4:focus,
a.u-button-style.u-hover-color-4[class*="u-border-"]:focus {
  color: #222222 !important;
  background-color: #3be8e0 !important;
}
/* active */
.u-active-color-4.u-active.u-active,
.u-active-color-4[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-color-4:active,
a.u-button-style.u-button-style.u-active-color-4[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-color-4.active,
a.u-button-style.u-button-style.u-active-color-4[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-color-4,
a.u-button-style.u-button-style.active > .u-active-color-4[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-color-4,
li.active > a.u-button-style.u-button-style.u-active-color-4[class*="u-border-"],
input.u-field-input.u-field-input.u-active-color-4:checked {
  color: #222222 !important;
  background-color: #3be8e0 !important;
}
a.u-link.u-hover-color-4:hover {
  color: #3be8e0 !important;
}
/*end-color color-4*//*begin-color palette-1*/
.u-palette-1,
.u-body.u-palette-1,
section.u-palette-1:before,
.u-palette-1 > .u-audio-main-layout-wrapper:before,
.u-palette-1 > .u-container-layout:before,
.u-palette-1 > .u-inner-container-layout:before,
.u-palette-1.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-1:before,
.u-table-alt-palette-1 tr:nth-child(even) {
  color: #ffffff;
  background-color: #3495eb;
}
.u-input.u-palette-1,
.u-field-input.u-palette-1,
.u-button-style.u-palette-1,
.u-button-style.u-palette-1[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #3495eb !important;
}
.u-button-style.u-palette-1:hover,
.u-button-style.u-palette-1[class*="u-border-"]:hover,
.u-button-style.u-palette-1:focus,
.u-button-style.u-palette-1[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-palette-1:active,
.u-button-style.u-button-style.u-palette-1[class*="u-border-"]:active,
.u-button-style.u-button-style.u-palette-1.active,
.u-button-style.u-button-style.u-palette-1[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-palette-1,
li.active > .u-button-style.u-button-style.u-palette-1[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #1a87e8 !important;
}
/* hover */
.u-hover-palette-1:hover,
.u-hover-palette-1[class*="u-border-"]:hover,
.u-hover-palette-1:focus,
.u-hover-palette-1[class*="u-border-"]:focus,
a.u-button-style.u-hover-palette-1:hover,
a.u-button-style.u-hover-palette-1.hover,
a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover,
a.u-button-style.u-hover-palette-1[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-palette-1,
a.u-button-style:hover > .u-hover-palette-1[class*="u-border-"],
a.u-button-style.u-hover-palette-1:focus,
a.u-button-style.u-hover-palette-1[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #3495eb !important;
}
/* active */
.u-active-palette-1.u-active.u-active,
.u-active-palette-1[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-palette-1:active,
a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-palette-1.active,
a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-palette-1,
a.u-button-style.u-button-style.active > .u-active-palette-1[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-palette-1,
li.active > a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"],
input.u-field-input.u-field-input.u-active-palette-1:checked {
  color: #ffffff !important;
  background-color: #3495eb !important;
}
a.u-link.u-hover-palette-1:hover {
  color: #3495eb !important;
}
/*end-color palette-1*//*begin-color palette-1-base*/
.u-palette-1-base,
.u-body.u-palette-1-base,
section.u-palette-1-base:before,
.u-palette-1-base > .u-audio-main-layout-wrapper:before,
.u-palette-1-base > .u-container-layout:before,
.u-palette-1-base > .u-inner-container-layout:before,
.u-palette-1-base.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-1-base:before,
.u-table-alt-palette-1-base tr:nth-child(even) {
  color: #ffffff;
  background-color: #1e73be;
}
.u-input.u-palette-1-base,
.u-field-input.u-palette-1-base,
.u-button-style.u-palette-1-base,
.u-button-style.u-palette-1-base[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #1e73be !important;
}
.u-button-style.u-palette-1-base:hover,
.u-button-style.u-palette-1-base[class*="u-border-"]:hover,
.u-button-style.u-palette-1-base:focus,
.u-button-style.u-palette-1-base[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-palette-1-base:active,
.u-button-style.u-button-style.u-palette-1-base[class*="u-border-"]:active,
.u-button-style.u-button-style.u-palette-1-base.active,
.u-button-style.u-button-style.u-palette-1-base[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-palette-1-base,
li.active > .u-button-style.u-button-style.u-palette-1-base[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #1b67ab !important;
}
/* hover */
.u-hover-palette-1-base:hover,
.u-hover-palette-1-base[class*="u-border-"]:hover,
.u-hover-palette-1-base:focus,
.u-hover-palette-1-base[class*="u-border-"]:focus,
a.u-button-style.u-hover-palette-1-base:hover,
a.u-button-style.u-hover-palette-1-base.hover,
a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover,
a.u-button-style.u-hover-palette-1-base[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-palette-1-base,
a.u-button-style:hover > .u-hover-palette-1-base[class*="u-border-"],
a.u-button-style.u-hover-palette-1-base:focus,
a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #1e73be !important;
}
/* active */
.u-active-palette-1-base.u-active.u-active,
.u-active-palette-1-base[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-palette-1-base:active,
a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-palette-1-base.active,
a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-palette-1-base,
a.u-button-style.u-button-style.active > .u-active-palette-1-base[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-palette-1-base,
li.active > a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"],
input.u-field-input.u-field-input.u-active-palette-1-base:checked {
  color: #ffffff !important;
  background-color: #1e73be !important;
}
a.u-link.u-hover-palette-1-base:hover {
  color: #1e73be !important;
}
/*end-color palette-1-base*//*begin-color palette-2*/
.u-palette-2,
.u-body.u-palette-2,
section.u-palette-2:before,
.u-palette-2 > .u-audio-main-layout-wrapper:before,
.u-palette-2 > .u-container-layout:before,
.u-palette-2 > .u-inner-container-layout:before,
.u-palette-2.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-2:before,
.u-table-alt-palette-2 tr:nth-child(even) {
  color: #ffffff;
  background-color: #db545a;
}
.u-input.u-palette-2,
.u-field-input.u-palette-2,
.u-button-style.u-palette-2,
.u-button-style.u-palette-2[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #db545a !important;
}
.u-button-style.u-palette-2:hover,
.u-button-style.u-palette-2[class*="u-border-"]:hover,
.u-button-style.u-palette-2:focus,
.u-button-style.u-palette-2[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-palette-2:active,
.u-button-style.u-button-style.u-palette-2[class*="u-border-"]:active,
.u-button-style.u-button-style.u-palette-2.active,
.u-button-style.u-button-style.u-palette-2[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-palette-2,
li.active > .u-button-style.u-button-style.u-palette-2[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #d63b42 !important;
}
/* hover */
.u-hover-palette-2:hover,
.u-hover-palette-2[class*="u-border-"]:hover,
.u-hover-palette-2:focus,
.u-hover-palette-2[class*="u-border-"]:focus,
a.u-button-style.u-hover-palette-2:hover,
a.u-button-style.u-hover-palette-2.hover,
a.u-button-style.u-hover-palette-2[class*="u-border-"]:hover,
a.u-button-style.u-hover-palette-2[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-palette-2,
a.u-button-style:hover > .u-hover-palette-2[class*="u-border-"],
a.u-button-style.u-hover-palette-2:focus,
a.u-button-style.u-hover-palette-2[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #db545a !important;
}
/* active */
.u-active-palette-2.u-active.u-active,
.u-active-palette-2[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-palette-2:active,
a.u-button-style.u-button-style.u-active-palette-2[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-palette-2.active,
a.u-button-style.u-button-style.u-active-palette-2[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-palette-2,
a.u-button-style.u-button-style.active > .u-active-palette-2[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-palette-2,
li.active > a.u-button-style.u-button-style.u-active-palette-2[class*="u-border-"],
input.u-field-input.u-field-input.u-active-palette-2:checked {
  color: #ffffff !important;
  background-color: #db545a !important;
}
a.u-link.u-hover-palette-2:hover {
  color: #db545a !important;
}
/*end-color palette-2*//*begin-color palette-2-base*/
.u-palette-2-base,
.u-body.u-palette-2-base,
section.u-palette-2-base:before,
.u-palette-2-base > .u-audio-main-layout-wrapper:before,
.u-palette-2-base > .u-container-layout:before,
.u-palette-2-base > .u-inner-container-layout:before,
.u-palette-2-base.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-2-base:before,
.u-table-alt-palette-2-base tr:nth-child(even) {
  color: #ffffff;
  background-color: #db545a;
}
.u-input.u-palette-2-base,
.u-field-input.u-palette-2-base,
.u-button-style.u-palette-2-base,
.u-button-style.u-palette-2-base[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #db545a !important;
}
.u-button-style.u-palette-2-base:hover,
.u-button-style.u-palette-2-base[class*="u-border-"]:hover,
.u-button-style.u-palette-2-base:focus,
.u-button-style.u-palette-2-base[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-palette-2-base:active,
.u-button-style.u-button-style.u-palette-2-base[class*="u-border-"]:active,
.u-button-style.u-button-style.u-palette-2-base.active,
.u-button-style.u-button-style.u-palette-2-base[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-palette-2-base,
li.active > .u-button-style.u-button-style.u-palette-2-base[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #d63b42 !important;
}
/* hover */
.u-hover-palette-2-base:hover,
.u-hover-palette-2-base[class*="u-border-"]:hover,
.u-hover-palette-2-base:focus,
.u-hover-palette-2-base[class*="u-border-"]:focus,
a.u-button-style.u-hover-palette-2-base:hover,
a.u-button-style.u-hover-palette-2-base.hover,
a.u-button-style.u-hover-palette-2-base[class*="u-border-"]:hover,
a.u-button-style.u-hover-palette-2-base[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-palette-2-base,
a.u-button-style:hover > .u-hover-palette-2-base[class*="u-border-"],
a.u-button-style.u-hover-palette-2-base:focus,
a.u-button-style.u-hover-palette-2-base[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #db545a !important;
}
/* active */
.u-active-palette-2-base.u-active.u-active,
.u-active-palette-2-base[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-palette-2-base:active,
a.u-button-style.u-button-style.u-active-palette-2-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-palette-2-base.active,
a.u-button-style.u-button-style.u-active-palette-2-base[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-palette-2-base,
a.u-button-style.u-button-style.active > .u-active-palette-2-base[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-palette-2-base,
li.active > a.u-button-style.u-button-style.u-active-palette-2-base[class*="u-border-"],
input.u-field-input.u-field-input.u-active-palette-2-base:checked {
  color: #ffffff !important;
  background-color: #db545a !important;
}
a.u-link.u-hover-palette-2-base:hover {
  color: #db545a !important;
}
/*end-color palette-2-base*//*begin-color grey*/
.u-grey,
.u-body.u-grey,
section.u-grey:before,
.u-grey > .u-audio-main-layout-wrapper:before,
.u-grey > .u-container-layout:before,
.u-grey > .u-inner-container-layout:before,
.u-grey.u-sidenav:before,
.u-container-layout.u-container-layout.u-grey:before,
.u-table-alt-grey tr:nth-child(even) {
  color: #ffffff;
  background-color: #b3b3b3;
}
.u-input.u-grey,
.u-field-input.u-grey,
.u-button-style.u-grey,
.u-button-style.u-grey[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #b3b3b3 !important;
}
.u-button-style.u-grey:hover,
.u-button-style.u-grey[class*="u-border-"]:hover,
.u-button-style.u-grey:focus,
.u-button-style.u-grey[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-grey:active,
.u-button-style.u-button-style.u-grey[class*="u-border-"]:active,
.u-button-style.u-button-style.u-grey.active,
.u-button-style.u-button-style.u-grey[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-grey,
li.active > .u-button-style.u-button-style.u-grey[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #a1a1a1 !important;
}
/* hover */
.u-hover-grey:hover,
.u-hover-grey[class*="u-border-"]:hover,
.u-hover-grey:focus,
.u-hover-grey[class*="u-border-"]:focus,
a.u-button-style.u-hover-grey:hover,
a.u-button-style.u-hover-grey.hover,
a.u-button-style.u-hover-grey[class*="u-border-"]:hover,
a.u-button-style.u-hover-grey[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-grey,
a.u-button-style:hover > .u-hover-grey[class*="u-border-"],
a.u-button-style.u-hover-grey:focus,
a.u-button-style.u-hover-grey[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #b3b3b3 !important;
}
/* active */
.u-active-grey.u-active.u-active,
.u-active-grey[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-grey:active,
a.u-button-style.u-button-style.u-active-grey[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-grey.active,
a.u-button-style.u-button-style.u-active-grey[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-grey,
a.u-button-style.u-button-style.active > .u-active-grey[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-grey,
li.active > a.u-button-style.u-button-style.u-active-grey[class*="u-border-"],
input.u-field-input.u-field-input.u-active-grey:checked {
  color: #ffffff !important;
  background-color: #b3b3b3 !important;
}
a.u-link.u-hover-grey:hover {
  color: #b3b3b3 !important;
}
/*end-color grey*//*begin-color white*/
.u-white,
.u-body.u-white,
section.u-white:before,
.u-white > .u-audio-main-layout-wrapper:before,
.u-white > .u-container-layout:before,
.u-white > .u-inner-container-layout:before,
.u-white.u-sidenav:before,
.u-container-layout.u-container-layout.u-white:before,
.u-table-alt-white tr:nth-child(even) {
  color: #222222;
  background-color: #ffffff;
}
.u-input.u-white,
.u-field-input.u-white,
.u-button-style.u-white,
.u-button-style.u-white[class*="u-border-"] {
  color: #222222 !important;
  background-color: #ffffff !important;
}
.u-button-style.u-white:hover,
.u-button-style.u-white[class*="u-border-"]:hover,
.u-button-style.u-white:focus,
.u-button-style.u-white[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-white:active,
.u-button-style.u-button-style.u-white[class*="u-border-"]:active,
.u-button-style.u-button-style.u-white.active,
.u-button-style.u-button-style.u-white[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-white,
li.active > .u-button-style.u-button-style.u-white[class*="u-border-"] {
  color: #222222 !important;
  background-color: #e6e6e6 !important;
}
/* hover */
.u-hover-white:hover,
.u-hover-white[class*="u-border-"]:hover,
.u-hover-white:focus,
.u-hover-white[class*="u-border-"]:focus,
a.u-button-style.u-hover-white:hover,
a.u-button-style.u-hover-white.hover,
a.u-button-style.u-hover-white[class*="u-border-"]:hover,
a.u-button-style.u-hover-white[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-white,
a.u-button-style:hover > .u-hover-white[class*="u-border-"],
a.u-button-style.u-hover-white:focus,
a.u-button-style.u-hover-white[class*="u-border-"]:focus {
  color: #222222 !important;
  background-color: #ffffff !important;
}
/* active */
.u-active-white.u-active.u-active,
.u-active-white[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-white:active,
a.u-button-style.u-button-style.u-active-white[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-white.active,
a.u-button-style.u-button-style.u-active-white[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-white,
a.u-button-style.u-button-style.active > .u-active-white[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-white,
li.active > a.u-button-style.u-button-style.u-active-white[class*="u-border-"],
input.u-field-input.u-field-input.u-active-white:checked {
  color: #222222 !important;
  background-color: #ffffff !important;
}
a.u-link.u-hover-white:hover {
  color: #ffffff !important;
}
/*end-color white*//*begin-color black*/
.u-black,
.u-body.u-black,
section.u-black:before,
.u-black > .u-audio-main-layout-wrapper:before,
.u-black > .u-container-layout:before,
.u-black > .u-inner-container-layout:before,
.u-black.u-sidenav:before,
.u-container-layout.u-container-layout.u-black:before,
.u-table-alt-black tr:nth-child(even) {
  color: #ffffff;
  background-color: #000000;
}
.u-input.u-black,
.u-field-input.u-black,
.u-button-style.u-black,
.u-button-style.u-black[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #000000 !important;
}
.u-button-style.u-black:hover,
.u-button-style.u-black[class*="u-border-"]:hover,
.u-button-style.u-black:focus,
.u-button-style.u-black[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-black:active,
.u-button-style.u-button-style.u-black[class*="u-border-"]:active,
.u-button-style.u-button-style.u-black.active,
.u-button-style.u-button-style.u-black[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-black,
li.active > .u-button-style.u-button-style.u-black[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #000000 !important;
}
/* hover */
.u-hover-black:hover,
.u-hover-black[class*="u-border-"]:hover,
.u-hover-black:focus,
.u-hover-black[class*="u-border-"]:focus,
a.u-button-style.u-hover-black:hover,
a.u-button-style.u-hover-black.hover,
a.u-button-style.u-hover-black[class*="u-border-"]:hover,
a.u-button-style.u-hover-black[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-black,
a.u-button-style:hover > .u-hover-black[class*="u-border-"],
a.u-button-style.u-hover-black:focus,
a.u-button-style.u-hover-black[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #000000 !important;
}
/* active */
.u-active-black.u-active.u-active,
.u-active-black[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-black:active,
a.u-button-style.u-button-style.u-active-black[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-black.active,
a.u-button-style.u-button-style.u-active-black[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-black,
a.u-button-style.u-button-style.active > .u-active-black[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-black,
li.active > a.u-button-style.u-button-style.u-active-black[class*="u-border-"],
input.u-field-input.u-field-input.u-active-black:checked {
  color: #ffffff !important;
  background-color: #000000 !important;
}
a.u-link.u-hover-black:hover {
  color: #000000 !important;
}
/*end-color black*//*begin-color grey-80*/
.u-grey-80,
.u-body.u-grey-80,
section.u-grey-80:before,
.u-grey-80 > .u-audio-main-layout-wrapper:before,
.u-grey-80 > .u-container-layout:before,
.u-grey-80 > .u-inner-container-layout:before,
.u-grey-80.u-sidenav:before,
.u-container-layout.u-container-layout.u-grey-80:before,
.u-table-alt-grey-80 tr:nth-child(even) {
  color: #ffffff;
  background-color: #333333;
}
.u-input.u-grey-80,
.u-field-input.u-grey-80,
.u-button-style.u-grey-80,
.u-button-style.u-grey-80[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #333333 !important;
}
.u-button-style.u-grey-80:hover,
.u-button-style.u-grey-80[class*="u-border-"]:hover,
.u-button-style.u-grey-80:focus,
.u-button-style.u-grey-80[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-grey-80:active,
.u-button-style.u-button-style.u-grey-80[class*="u-border-"]:active,
.u-button-style.u-button-style.u-grey-80.active,
.u-button-style.u-button-style.u-grey-80[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-grey-80,
li.active > .u-button-style.u-button-style.u-grey-80[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #2e2e2e !important;
}
/* hover */
.u-hover-grey-80:hover,
.u-hover-grey-80[class*="u-border-"]:hover,
.u-hover-grey-80:focus,
.u-hover-grey-80[class*="u-border-"]:focus,
a.u-button-style.u-hover-grey-80:hover,
a.u-button-style.u-hover-grey-80.hover,
a.u-button-style.u-hover-grey-80[class*="u-border-"]:hover,
a.u-button-style.u-hover-grey-80[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-grey-80,
a.u-button-style:hover > .u-hover-grey-80[class*="u-border-"],
a.u-button-style.u-hover-grey-80:focus,
a.u-button-style.u-hover-grey-80[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #333333 !important;
}
/* active */
.u-active-grey-80.u-active.u-active,
.u-active-grey-80[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-grey-80:active,
a.u-button-style.u-button-style.u-active-grey-80[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-grey-80.active,
a.u-button-style.u-button-style.u-active-grey-80[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-grey-80,
a.u-button-style.u-button-style.active > .u-active-grey-80[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-grey-80,
li.active > a.u-button-style.u-button-style.u-active-grey-80[class*="u-border-"],
input.u-field-input.u-field-input.u-active-grey-80:checked {
  color: #ffffff !important;
  background-color: #333333 !important;
}
a.u-link.u-hover-grey-80:hover {
  color: #333333 !important;
}
/*end-color grey-80*//*begin-color grey-90*/
.u-grey-90,
.u-body.u-grey-90,
section.u-grey-90:before,
.u-grey-90 > .u-audio-main-layout-wrapper:before,
.u-grey-90 > .u-container-layout:before,
.u-grey-90 > .u-inner-container-layout:before,
.u-grey-90.u-sidenav:before,
.u-container-layout.u-container-layout.u-grey-90:before,
.u-table-alt-grey-90 tr:nth-child(even) {
  color: #ffffff;
  background-color: #1a1a1a;
}
.u-input.u-grey-90,
.u-field-input.u-grey-90,
.u-button-style.u-grey-90,
.u-button-style.u-grey-90[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #1a1a1a !important;
}
.u-button-style.u-grey-90:hover,
.u-button-style.u-grey-90[class*="u-border-"]:hover,
.u-button-style.u-grey-90:focus,
.u-button-style.u-grey-90[class*="u-border-"]:focus,
.u-button-style.u-button-style.u-grey-90:active,
.u-button-style.u-button-style.u-grey-90[class*="u-border-"]:active,
.u-button-style.u-button-style.u-grey-90.active,
.u-button-style.u-button-style.u-grey-90[class*="u-border-"].active,
li.active > .u-button-style.u-button-style.u-grey-90,
li.active > .u-button-style.u-button-style.u-grey-90[class*="u-border-"] {
  color: #ffffff !important;
  background-color: #171717 !important;
}
/* hover */
.u-hover-grey-90:hover,
.u-hover-grey-90[class*="u-border-"]:hover,
.u-hover-grey-90:focus,
.u-hover-grey-90[class*="u-border-"]:focus,
a.u-button-style.u-hover-grey-90:hover,
a.u-button-style.u-hover-grey-90.hover,
a.u-button-style.u-hover-grey-90[class*="u-border-"]:hover,
a.u-button-style.u-hover-grey-90[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-grey-90,
a.u-button-style:hover > .u-hover-grey-90[class*="u-border-"],
a.u-button-style.u-hover-grey-90:focus,
a.u-button-style.u-hover-grey-90[class*="u-border-"]:focus {
  color: #ffffff !important;
  background-color: #1a1a1a !important;
}
/* active */
.u-active-grey-90.u-active.u-active,
.u-active-grey-90[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-grey-90:active,
a.u-button-style.u-button-style.u-active-grey-90[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-grey-90.active,
a.u-button-style.u-button-style.u-active-grey-90[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-grey-90,
a.u-button-style.u-button-style.active > .u-active-grey-90[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-grey-90,
li.active > a.u-button-style.u-button-style.u-active-grey-90[class*="u-border-"],
input.u-field-input.u-field-input.u-active-grey-90:checked {
  color: #ffffff !important;
  background-color: #1a1a1a !important;
}
a.u-link.u-hover-grey-90:hover {
  color: #1a1a1a !important;
}
/*end-color grey-90*//*begin-color color-4*/
.u-border-color-4,
.u-border-color-4.u-input,
.u-border-color-4.u-field-input.u-field-input,
.u-separator-color-4:after {
  border-color: #3be8e0;
  stroke: #3be8e0;
}
.u-button-style.u-border-color-4 {
  border-color: #3be8e0 !important;
  color: #3be8e0 !important;
  background-color: transparent !important;
}
.u-button-style.u-border-color-4:hover,
.u-button-style.u-border-color-4:focus {
  border-color: transparent !important;
  color: #21e5dc !important;
  background-color: transparent !important;
}
.u-border-hover-color-4:hover,
.u-border-hover-color-4:focus,
a.u-button-style.u-border-hover-color-4:hover,
a.u-button-style:hover > .u-border-hover-color-4,
a.u-button-style.u-border-hover-color-4:focus {
  color: #3be8e0 !important;
  border-color: #3be8e0 !important;
}
.u-border-active-color-4.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-color-4:active,
a.u-button-style.u-button-style.u-border-active-color-4.active,
a.u-button-style.u-button-style.active > .u-border-active-color-4,
li.active > a.u-button-style.u-button-style.u-border-active-color-4,
input.u-field-input.u-field-input.u-border-active-color-4:checked {
  color: #3be8e0 !important;
  border-color: #3be8e0 !important;
}
.u-link.u-border-color-4[class*="u-border-"] {
  border-color: #3be8e0 !important;
}
.u-link.u-border-color-4[class*="u-border-"]:hover {
  border-color: #21e5dc !important;
}
/*end-color color-4*//*begin-color palette-1*/
.u-border-palette-1,
.u-border-palette-1.u-input,
.u-border-palette-1.u-field-input.u-field-input,
.u-separator-palette-1:after {
  border-color: #3495eb;
  stroke: #3495eb;
}
.u-button-style.u-border-palette-1 {
  border-color: #3495eb !important;
  color: #3495eb !important;
  background-color: transparent !important;
}
.u-button-style.u-border-palette-1:hover,
.u-button-style.u-border-palette-1:focus {
  border-color: transparent !important;
  color: #1a87e8 !important;
  background-color: transparent !important;
}
.u-border-hover-palette-1:hover,
.u-border-hover-palette-1:focus,
a.u-button-style.u-border-hover-palette-1:hover,
a.u-button-style:hover > .u-border-hover-palette-1,
a.u-button-style.u-border-hover-palette-1:focus {
  color: #3495eb !important;
  border-color: #3495eb !important;
}
.u-border-active-palette-1.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-palette-1:active,
a.u-button-style.u-button-style.u-border-active-palette-1.active,
a.u-button-style.u-button-style.active > .u-border-active-palette-1,
li.active > a.u-button-style.u-button-style.u-border-active-palette-1,
input.u-field-input.u-field-input.u-border-active-palette-1:checked {
  color: #3495eb !important;
  border-color: #3495eb !important;
}
.u-link.u-border-palette-1[class*="u-border-"] {
  border-color: #3495eb !important;
}
.u-link.u-border-palette-1[class*="u-border-"]:hover {
  border-color: #1a87e8 !important;
}
/*end-color palette-1*//*begin-color palette-1-base*/
.u-border-palette-1-base,
.u-border-palette-1-base.u-input,
.u-border-palette-1-base.u-field-input.u-field-input,
.u-separator-palette-1-base:after {
  border-color: #1e73be;
  stroke: #1e73be;
}
.u-button-style.u-border-palette-1-base {
  border-color: #1e73be !important;
  color: #1e73be !important;
  background-color: transparent !important;
}
.u-button-style.u-border-palette-1-base:hover,
.u-button-style.u-border-palette-1-base:focus {
  border-color: transparent !important;
  color: #1b67ab !important;
  background-color: transparent !important;
}
.u-border-hover-palette-1-base:hover,
.u-border-hover-palette-1-base:focus,
a.u-button-style.u-border-hover-palette-1-base:hover,
a.u-button-style:hover > .u-border-hover-palette-1-base,
a.u-button-style.u-border-hover-palette-1-base:focus {
  color: #1e73be !important;
  border-color: #1e73be !important;
}
.u-border-active-palette-1-base.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-palette-1-base:active,
a.u-button-style.u-button-style.u-border-active-palette-1-base.active,
a.u-button-style.u-button-style.active > .u-border-active-palette-1-base,
li.active > a.u-button-style.u-button-style.u-border-active-palette-1-base,
input.u-field-input.u-field-input.u-border-active-palette-1-base:checked {
  color: #1e73be !important;
  border-color: #1e73be !important;
}
.u-link.u-border-palette-1-base[class*="u-border-"] {
  border-color: #1e73be !important;
}
.u-link.u-border-palette-1-base[class*="u-border-"]:hover {
  border-color: #1b67ab !important;
}
/*end-color palette-1-base*//*begin-color palette-2*/
.u-border-palette-2,
.u-border-palette-2.u-input,
.u-border-palette-2.u-field-input.u-field-input,
.u-separator-palette-2:after {
  border-color: #db545a;
  stroke: #db545a;
}
.u-button-style.u-border-palette-2 {
  border-color: #db545a !important;
  color: #db545a !important;
  background-color: transparent !important;
}
.u-button-style.u-border-palette-2:hover,
.u-button-style.u-border-palette-2:focus {
  border-color: transparent !important;
  color: #d63b42 !important;
  background-color: transparent !important;
}
.u-border-hover-palette-2:hover,
.u-border-hover-palette-2:focus,
a.u-button-style.u-border-hover-palette-2:hover,
a.u-button-style:hover > .u-border-hover-palette-2,
a.u-button-style.u-border-hover-palette-2:focus {
  color: #db545a !important;
  border-color: #db545a !important;
}
.u-border-active-palette-2.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-palette-2:active,
a.u-button-style.u-button-style.u-border-active-palette-2.active,
a.u-button-style.u-button-style.active > .u-border-active-palette-2,
li.active > a.u-button-style.u-button-style.u-border-active-palette-2,
input.u-field-input.u-field-input.u-border-active-palette-2:checked {
  color: #db545a !important;
  border-color: #db545a !important;
}
.u-link.u-border-palette-2[class*="u-border-"] {
  border-color: #db545a !important;
}
.u-link.u-border-palette-2[class*="u-border-"]:hover {
  border-color: #d63b42 !important;
}
/*end-color palette-2*//*begin-color palette-2-base*/
.u-border-palette-2-base,
.u-border-palette-2-base.u-input,
.u-border-palette-2-base.u-field-input.u-field-input,
.u-separator-palette-2-base:after {
  border-color: #db545a;
  stroke: #db545a;
}
.u-button-style.u-border-palette-2-base {
  border-color: #db545a !important;
  color: #db545a !important;
  background-color: transparent !important;
}
.u-button-style.u-border-palette-2-base:hover,
.u-button-style.u-border-palette-2-base:focus {
  border-color: transparent !important;
  color: #d63b42 !important;
  background-color: transparent !important;
}
.u-border-hover-palette-2-base:hover,
.u-border-hover-palette-2-base:focus,
a.u-button-style.u-border-hover-palette-2-base:hover,
a.u-button-style:hover > .u-border-hover-palette-2-base,
a.u-button-style.u-border-hover-palette-2-base:focus {
  color: #db545a !important;
  border-color: #db545a !important;
}
.u-border-active-palette-2-base.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-palette-2-base:active,
a.u-button-style.u-button-style.u-border-active-palette-2-base.active,
a.u-button-style.u-button-style.active > .u-border-active-palette-2-base,
li.active > a.u-button-style.u-button-style.u-border-active-palette-2-base,
input.u-field-input.u-field-input.u-border-active-palette-2-base:checked {
  color: #db545a !important;
  border-color: #db545a !important;
}
.u-link.u-border-palette-2-base[class*="u-border-"] {
  border-color: #db545a !important;
}
.u-link.u-border-palette-2-base[class*="u-border-"]:hover {
  border-color: #d63b42 !important;
}
/*end-color palette-2-base*//*begin-color grey*/
.u-border-grey,
.u-border-grey.u-input,
.u-border-grey.u-field-input.u-field-input,
.u-separator-grey:after {
  border-color: #b3b3b3;
  stroke: #b3b3b3;
}
.u-button-style.u-border-grey {
  border-color: #b3b3b3 !important;
  color: #b3b3b3 !important;
  background-color: transparent !important;
}
.u-button-style.u-border-grey:hover,
.u-button-style.u-border-grey:focus {
  border-color: transparent !important;
  color: #a1a1a1 !important;
  background-color: transparent !important;
}
.u-border-hover-grey:hover,
.u-border-hover-grey:focus,
a.u-button-style.u-border-hover-grey:hover,
a.u-button-style:hover > .u-border-hover-grey,
a.u-button-style.u-border-hover-grey:focus {
  color: #b3b3b3 !important;
  border-color: #b3b3b3 !important;
}
.u-border-active-grey.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-grey:active,
a.u-button-style.u-button-style.u-border-active-grey.active,
a.u-button-style.u-button-style.active > .u-border-active-grey,
li.active > a.u-button-style.u-button-style.u-border-active-grey,
input.u-field-input.u-field-input.u-border-active-grey:checked {
  color: #b3b3b3 !important;
  border-color: #b3b3b3 !important;
}
.u-link.u-border-grey[class*="u-border-"] {
  border-color: #b3b3b3 !important;
}
.u-link.u-border-grey[class*="u-border-"]:hover {
  border-color: #a1a1a1 !important;
}
/*end-color grey*//*begin-color white*/
.u-border-white,
.u-border-white.u-input,
.u-border-white.u-field-input.u-field-input,
.u-separator-white:after {
  border-color: #ffffff;
  stroke: #ffffff;
}
.u-button-style.u-border-white {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background-color: transparent !important;
}
.u-button-style.u-border-white:hover,
.u-button-style.u-border-white:focus {
  border-color: transparent !important;
  color: #e6e6e6 !important;
  background-color: transparent !important;
}
.u-border-hover-white:hover,
.u-border-hover-white:focus,
a.u-button-style.u-border-hover-white:hover,
a.u-button-style:hover > .u-border-hover-white,
a.u-button-style.u-border-hover-white:focus {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.u-border-active-white.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-white:active,
a.u-button-style.u-button-style.u-border-active-white.active,
a.u-button-style.u-button-style.active > .u-border-active-white,
li.active > a.u-button-style.u-button-style.u-border-active-white,
input.u-field-input.u-field-input.u-border-active-white:checked {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.u-link.u-border-white[class*="u-border-"] {
  border-color: #ffffff !important;
}
.u-link.u-border-white[class*="u-border-"]:hover {
  border-color: #e6e6e6 !important;
}
/*end-color white*//*begin-color black*/
.u-border-black,
.u-border-black.u-input,
.u-border-black.u-field-input.u-field-input,
.u-separator-black:after {
  border-color: #000000;
  stroke: #000000;
}
.u-button-style.u-border-black {
  border-color: #000000 !important;
  color: #000000 !important;
  background-color: transparent !important;
}
.u-button-style.u-border-black:hover,
.u-button-style.u-border-black:focus {
  border-color: transparent !important;
  color: #000000 !important;
  background-color: transparent !important;
}
.u-border-hover-black:hover,
.u-border-hover-black:focus,
a.u-button-style.u-border-hover-black:hover,
a.u-button-style:hover > .u-border-hover-black,
a.u-button-style.u-border-hover-black:focus {
  color: #000000 !important;
  border-color: #000000 !important;
}
.u-border-active-black.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-black:active,
a.u-button-style.u-button-style.u-border-active-black.active,
a.u-button-style.u-button-style.active > .u-border-active-black,
li.active > a.u-button-style.u-button-style.u-border-active-black,
input.u-field-input.u-field-input.u-border-active-black:checked {
  color: #000000 !important;
  border-color: #000000 !important;
}
.u-link.u-border-black[class*="u-border-"] {
  border-color: #000000 !important;
}
.u-link.u-border-black[class*="u-border-"]:hover {
  border-color: #000000 !important;
}
/*end-color black*//*begin-color grey-80*/
.u-border-grey-80,
.u-border-grey-80.u-input,
.u-border-grey-80.u-field-input.u-field-input,
.u-separator-grey-80:after {
  border-color: #333333;
  stroke: #333333;
}
.u-button-style.u-border-grey-80 {
  border-color: #333333 !important;
  color: #333333 !important;
  background-color: transparent !important;
}
.u-button-style.u-border-grey-80:hover,
.u-button-style.u-border-grey-80:focus {
  border-color: transparent !important;
  color: #2e2e2e !important;
  background-color: transparent !important;
}
.u-border-hover-grey-80:hover,
.u-border-hover-grey-80:focus,
a.u-button-style.u-border-hover-grey-80:hover,
a.u-button-style:hover > .u-border-hover-grey-80,
a.u-button-style.u-border-hover-grey-80:focus {
  color: #333333 !important;
  border-color: #333333 !important;
}
.u-border-active-grey-80.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-grey-80:active,
a.u-button-style.u-button-style.u-border-active-grey-80.active,
a.u-button-style.u-button-style.active > .u-border-active-grey-80,
li.active > a.u-button-style.u-button-style.u-border-active-grey-80,
input.u-field-input.u-field-input.u-border-active-grey-80:checked {
  color: #333333 !important;
  border-color: #333333 !important;
}
.u-link.u-border-grey-80[class*="u-border-"] {
  border-color: #333333 !important;
}
.u-link.u-border-grey-80[class*="u-border-"]:hover {
  border-color: #2e2e2e !important;
}
/*end-color grey-80*//*begin-color grey-90*/
.u-border-grey-90,
.u-border-grey-90.u-input,
.u-border-grey-90.u-field-input.u-field-input,
.u-separator-grey-90:after {
  border-color: #1a1a1a;
  stroke: #1a1a1a;
}
.u-button-style.u-border-grey-90 {
  border-color: #1a1a1a !important;
  color: #1a1a1a !important;
  background-color: transparent !important;
}
.u-button-style.u-border-grey-90:hover,
.u-button-style.u-border-grey-90:focus {
  border-color: transparent !important;
  color: #171717 !important;
  background-color: transparent !important;
}
.u-border-hover-grey-90:hover,
.u-border-hover-grey-90:focus,
a.u-button-style.u-border-hover-grey-90:hover,
a.u-button-style:hover > .u-border-hover-grey-90,
a.u-button-style.u-border-hover-grey-90:focus {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}
.u-border-active-grey-90.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-grey-90:active,
a.u-button-style.u-button-style.u-border-active-grey-90.active,
a.u-button-style.u-button-style.active > .u-border-active-grey-90,
li.active > a.u-button-style.u-button-style.u-border-active-grey-90,
input.u-field-input.u-field-input.u-border-active-grey-90:checked {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}
.u-link.u-border-grey-90[class*="u-border-"] {
  border-color: #1a1a1a !important;
}
.u-link.u-border-grey-90[class*="u-border-"]:hover {
  border-color: #171717 !important;
}
/*end-color grey-90*//*begin-color color-4*/
.u-text-color-4,
.u-input.u-text-color-4,
.u-input.u-text-color-4[class*="u-border-"],
li.active > a.u-button-style.u-text-color-4,
li.active > a.u-button-style.u-text-color-4[class*="u-border-"],
a.u-button-style.u-text-color-4,
a.u-button-style.u-text-color-4[class*="u-border-"] {
  color: #3be8e0 !important;
  
  
  
}
a.u-button-style.u-text-color-4:hover,
a.u-button-style.u-text-color-4[class*="u-border-"]:hover,
a.u-button-style.u-text-color-4:focus,
a.u-button-style.u-text-color-4[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-color-4:active,
a.u-button-style.u-button-style.u-text-color-4[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-color-4.active,
a.u-button-style.u-button-style.u-text-color-4[class*="u-border-"].active {
  color: #21e5dc !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-color-4,
a.u-button-style:hover > .u-text-hover-color-4[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-color-4:hover,
a.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-color-4:focus,
a.u-button-style.u-button-style.u-text-hover-color-4[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-color-4:hover,
.u-text-hover-color-4.u-language-url:hover,
.u-text-hover-color-4 .u-language-url:hover,
.u-text-hover-color-4.u-carousel-control:hover,
.u-text-hover-color-4.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-color-4 .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-color-4:hover {
  color: #3be8e0 !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-4[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-color-4,
a.u-button-style.u-button-style.active > .u-text-active-color-4[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-color-4.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-color-4 .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-color-4.u-active {
  color: #3be8e0 !important;
}
.u-text-color-4 .u-svg-link {
  fill: #3be8e0;
}
.u-text-hover-color-4:hover .u-svg-link,
.u-text-hover-color-4:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-color-4 .u-svg-link {
  fill: #3be8e0;
}
.u-text-active-color-4:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-color-4 .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-color-4 .u-svg-link {
  fill: #3be8e0;
}
.u-link.u-text-color-4:hover {
  color: #21e5dc !important;
}
a.u-link.u-text-hover-color-4:hover {
  color: #3be8e0 !important;
}
/*end-color color-4*//*begin-color palette-1*/
.u-text-palette-1,
.u-input.u-text-palette-1,
.u-input.u-text-palette-1[class*="u-border-"],
li.active > a.u-button-style.u-text-palette-1,
li.active > a.u-button-style.u-text-palette-1[class*="u-border-"],
a.u-button-style.u-text-palette-1,
a.u-button-style.u-text-palette-1[class*="u-border-"] {
  color: #3495eb !important;
  
  
  
}
a.u-button-style.u-text-palette-1:hover,
a.u-button-style.u-text-palette-1[class*="u-border-"]:hover,
a.u-button-style.u-text-palette-1:focus,
a.u-button-style.u-text-palette-1[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-palette-1:active,
a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-palette-1.active,
a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"].active {
  color: #1a87e8 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-palette-1,
a.u-button-style:hover > .u-text-hover-palette-1[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-palette-1:hover,
a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-palette-1:focus,
a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover,
.u-text-hover-palette-1.u-language-url:hover,
.u-text-hover-palette-1 .u-language-url:hover,
.u-text-hover-palette-1.u-carousel-control:hover,
.u-text-hover-palette-1.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-palette-1 .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-palette-1:hover {
  color: #3495eb !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-palette-1,
a.u-button-style.u-button-style.active > .u-text-active-palette-1[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-palette-1 .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-palette-1.u-active {
  color: #3495eb !important;
}
.u-text-palette-1 .u-svg-link {
  fill: #3495eb;
}
.u-text-hover-palette-1:hover .u-svg-link,
.u-text-hover-palette-1:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-palette-1 .u-svg-link {
  fill: #3495eb;
}
.u-text-active-palette-1:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-palette-1 .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-palette-1 .u-svg-link {
  fill: #3495eb;
}
.u-link.u-text-palette-1:hover {
  color: #1a87e8 !important;
}
a.u-link.u-text-hover-palette-1:hover {
  color: #3495eb !important;
}
/*end-color palette-1*//*begin-color palette-1-base*/
.u-text-palette-1-base,
.u-input.u-text-palette-1-base,
.u-input.u-text-palette-1-base[class*="u-border-"],
li.active > a.u-button-style.u-text-palette-1-base,
li.active > a.u-button-style.u-text-palette-1-base[class*="u-border-"],
a.u-button-style.u-text-palette-1-base,
a.u-button-style.u-text-palette-1-base[class*="u-border-"] {
  color: #1e73be !important;
  
  
  
}
a.u-button-style.u-text-palette-1-base:hover,
a.u-button-style.u-text-palette-1-base[class*="u-border-"]:hover,
a.u-button-style.u-text-palette-1-base:focus,
a.u-button-style.u-text-palette-1-base[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-palette-1-base:active,
a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-palette-1-base.active,
a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"].active {
  color: #1b67ab !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-palette-1-base,
a.u-button-style:hover > .u-text-hover-palette-1-base[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover,
a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-palette-1-base:focus,
a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover,
.u-text-hover-palette-1-base.u-language-url:hover,
.u-text-hover-palette-1-base .u-language-url:hover,
.u-text-hover-palette-1-base.u-carousel-control:hover,
.u-text-hover-palette-1-base.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-palette-1-base:hover {
  color: #1e73be !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-palette-1-base,
a.u-button-style.u-button-style.active > .u-text-active-palette-1-base[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1-base.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-palette-1-base .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-palette-1-base.u-active {
  color: #1e73be !important;
}
.u-text-palette-1-base .u-svg-link {
  fill: #1e73be;
}
.u-text-hover-palette-1-base:hover .u-svg-link,
.u-text-hover-palette-1-base:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-palette-1-base .u-svg-link {
  fill: #1e73be;
}
.u-text-active-palette-1-base:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-palette-1-base .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-palette-1-base .u-svg-link {
  fill: #1e73be;
}
.u-link.u-text-palette-1-base:hover {
  color: #1b67ab !important;
}
a.u-link.u-text-hover-palette-1-base:hover {
  color: #1e73be !important;
}
/*end-color palette-1-base*//*begin-color palette-2*/
.u-text-palette-2,
.u-input.u-text-palette-2,
.u-input.u-text-palette-2[class*="u-border-"],
li.active > a.u-button-style.u-text-palette-2,
li.active > a.u-button-style.u-text-palette-2[class*="u-border-"],
a.u-button-style.u-text-palette-2,
a.u-button-style.u-text-palette-2[class*="u-border-"] {
  color: #db545a !important;
  
  
  
}
a.u-button-style.u-text-palette-2:hover,
a.u-button-style.u-text-palette-2[class*="u-border-"]:hover,
a.u-button-style.u-text-palette-2:focus,
a.u-button-style.u-text-palette-2[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-palette-2:active,
a.u-button-style.u-button-style.u-text-palette-2[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-palette-2.active,
a.u-button-style.u-button-style.u-text-palette-2[class*="u-border-"].active {
  color: #d63b42 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-palette-2,
a.u-button-style:hover > .u-text-hover-palette-2[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-palette-2:hover,
a.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-palette-2:focus,
a.u-button-style.u-button-style.u-text-hover-palette-2[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2:hover,
.u-text-hover-palette-2.u-language-url:hover,
.u-text-hover-palette-2 .u-language-url:hover,
.u-text-hover-palette-2.u-carousel-control:hover,
.u-text-hover-palette-2.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-palette-2 .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-palette-2:hover {
  color: #db545a !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-palette-2,
a.u-button-style.u-button-style.active > .u-text-active-palette-2[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-2.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-palette-2 .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-palette-2.u-active {
  color: #db545a !important;
}
.u-text-palette-2 .u-svg-link {
  fill: #db545a;
}
.u-text-hover-palette-2:hover .u-svg-link,
.u-text-hover-palette-2:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-palette-2 .u-svg-link {
  fill: #db545a;
}
.u-text-active-palette-2:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-palette-2 .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-palette-2 .u-svg-link {
  fill: #db545a;
}
.u-link.u-text-palette-2:hover {
  color: #d63b42 !important;
}
a.u-link.u-text-hover-palette-2:hover {
  color: #db545a !important;
}
/*end-color palette-2*//*begin-color palette-2-base*/
.u-text-palette-2-base,
.u-input.u-text-palette-2-base,
.u-input.u-text-palette-2-base[class*="u-border-"],
li.active > a.u-button-style.u-text-palette-2-base,
li.active > a.u-button-style.u-text-palette-2-base[class*="u-border-"],
a.u-button-style.u-text-palette-2-base,
a.u-button-style.u-text-palette-2-base[class*="u-border-"] {
  color: #db545a !important;
  
  
  
}
a.u-button-style.u-text-palette-2-base:hover,
a.u-button-style.u-text-palette-2-base[class*="u-border-"]:hover,
a.u-button-style.u-text-palette-2-base:focus,
a.u-button-style.u-text-palette-2-base[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-palette-2-base:active,
a.u-button-style.u-button-style.u-text-palette-2-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-palette-2-base.active,
a.u-button-style.u-button-style.u-text-palette-2-base[class*="u-border-"].active {
  color: #d63b42 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-palette-2-base,
a.u-button-style:hover > .u-text-hover-palette-2-base[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-palette-2-base:hover,
a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-palette-2-base:focus,
a.u-button-style.u-button-style.u-text-hover-palette-2-base[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2-base:hover,
.u-text-hover-palette-2-base.u-language-url:hover,
.u-text-hover-palette-2-base .u-language-url:hover,
.u-text-hover-palette-2-base.u-carousel-control:hover,
.u-text-hover-palette-2-base.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-palette-2-base .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-palette-2-base:hover {
  color: #db545a !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-palette-2-base[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-palette-2-base,
a.u-button-style.u-button-style.active > .u-text-active-palette-2-base[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-2-base.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-palette-2-base .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-palette-2-base.u-active {
  color: #db545a !important;
}
.u-text-palette-2-base .u-svg-link {
  fill: #db545a;
}
.u-text-hover-palette-2-base:hover .u-svg-link,
.u-text-hover-palette-2-base:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-palette-2-base .u-svg-link {
  fill: #db545a;
}
.u-text-active-palette-2-base:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-palette-2-base .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-palette-2-base .u-svg-link {
  fill: #db545a;
}
.u-link.u-text-palette-2-base:hover {
  color: #d63b42 !important;
}
a.u-link.u-text-hover-palette-2-base:hover {
  color: #db545a !important;
}
/*end-color palette-2-base*//*begin-color grey*/
.u-text-grey,
.u-input.u-text-grey,
.u-input.u-text-grey[class*="u-border-"],
li.active > a.u-button-style.u-text-grey,
li.active > a.u-button-style.u-text-grey[class*="u-border-"],
a.u-button-style.u-text-grey,
a.u-button-style.u-text-grey[class*="u-border-"] {
  color: #b3b3b3 !important;
  
  
  
}
a.u-button-style.u-text-grey:hover,
a.u-button-style.u-text-grey[class*="u-border-"]:hover,
a.u-button-style.u-text-grey:focus,
a.u-button-style.u-text-grey[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-grey:active,
a.u-button-style.u-button-style.u-text-grey[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-grey.active,
a.u-button-style.u-button-style.u-text-grey[class*="u-border-"].active {
  color: #a1a1a1 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-grey,
a.u-button-style:hover > .u-text-hover-grey[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-grey:hover,
a.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-grey:focus,
a.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey:hover,
.u-text-hover-grey.u-language-url:hover,
.u-text-hover-grey .u-language-url:hover,
.u-text-hover-grey.u-carousel-control:hover,
.u-text-hover-grey.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-grey .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-grey:hover {
  color: #b3b3b3 !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-grey,
a.u-button-style.u-button-style.active > .u-text-active-grey[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-grey .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-grey.u-active {
  color: #b3b3b3 !important;
}
.u-text-grey .u-svg-link {
  fill: #b3b3b3;
}
.u-text-hover-grey:hover .u-svg-link,
.u-text-hover-grey:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-grey .u-svg-link {
  fill: #b3b3b3;
}
.u-text-active-grey:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-grey .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-grey .u-svg-link {
  fill: #b3b3b3;
}
.u-link.u-text-grey:hover {
  color: #a1a1a1 !important;
}
a.u-link.u-text-hover-grey:hover {
  color: #b3b3b3 !important;
}
/*end-color grey*//*begin-color white*/
.u-text-white,
.u-input.u-text-white,
.u-input.u-text-white[class*="u-border-"],
li.active > a.u-button-style.u-text-white,
li.active > a.u-button-style.u-text-white[class*="u-border-"],
a.u-button-style.u-text-white,
a.u-button-style.u-text-white[class*="u-border-"] {
  color: #ffffff !important;
  
  
  
}
a.u-button-style.u-text-white:hover,
a.u-button-style.u-text-white[class*="u-border-"]:hover,
a.u-button-style.u-text-white:focus,
a.u-button-style.u-text-white[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-white:active,
a.u-button-style.u-button-style.u-text-white[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-white.active,
a.u-button-style.u-button-style.u-text-white[class*="u-border-"].active {
  color: #e6e6e6 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-white,
a.u-button-style:hover > .u-text-hover-white[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-white:hover,
a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-white.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-white:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-white:focus,
a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-white:hover,
.u-text-hover-white.u-language-url:hover,
.u-text-hover-white .u-language-url:hover,
.u-text-hover-white.u-carousel-control:hover,
.u-text-hover-white.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-white .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-white:hover {
  color: #ffffff !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-white,
a.u-button-style.u-button-style.active > .u-text-active-white[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-white.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-white .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-white.u-active {
  color: #ffffff !important;
}
.u-text-white .u-svg-link {
  fill: #ffffff;
}
.u-text-hover-white:hover .u-svg-link,
.u-text-hover-white:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-white .u-svg-link {
  fill: #ffffff;
}
.u-text-active-white:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-white .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-white .u-svg-link {
  fill: #ffffff;
}
.u-link.u-text-white:hover {
  color: #e6e6e6 !important;
}
a.u-link.u-text-hover-white:hover {
  color: #ffffff !important;
}
/*end-color white*//*begin-color black*/
.u-text-black,
.u-input.u-text-black,
.u-input.u-text-black[class*="u-border-"],
li.active > a.u-button-style.u-text-black,
li.active > a.u-button-style.u-text-black[class*="u-border-"],
a.u-button-style.u-text-black,
a.u-button-style.u-text-black[class*="u-border-"] {
  color: #000000 !important;
  
  
  
}
a.u-button-style.u-text-black:hover,
a.u-button-style.u-text-black[class*="u-border-"]:hover,
a.u-button-style.u-text-black:focus,
a.u-button-style.u-text-black[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-black:active,
a.u-button-style.u-button-style.u-text-black[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-black.active,
a.u-button-style.u-button-style.u-text-black[class*="u-border-"].active {
  color: #000000 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-black,
a.u-button-style:hover > .u-text-hover-black[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-black:hover,
a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-black.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-black:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-black:focus,
a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-black:hover,
.u-text-hover-black.u-language-url:hover,
.u-text-hover-black .u-language-url:hover,
.u-text-hover-black.u-carousel-control:hover,
.u-text-hover-black.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-black .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-black:hover {
  color: #000000 !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-black,
a.u-button-style.u-button-style.active > .u-text-active-black[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-black.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-black .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-black.u-active {
  color: #000000 !important;
}
.u-text-black .u-svg-link {
  fill: #000000;
}
.u-text-hover-black:hover .u-svg-link,
.u-text-hover-black:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-black .u-svg-link {
  fill: #000000;
}
.u-text-active-black:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-black .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-black .u-svg-link {
  fill: #000000;
}
.u-link.u-text-black:hover {
  color: #000000 !important;
}
a.u-link.u-text-hover-black:hover {
  color: #000000 !important;
}
/*end-color black*//*begin-color grey-80*/
.u-text-grey-80,
.u-input.u-text-grey-80,
.u-input.u-text-grey-80[class*="u-border-"],
li.active > a.u-button-style.u-text-grey-80,
li.active > a.u-button-style.u-text-grey-80[class*="u-border-"],
a.u-button-style.u-text-grey-80,
a.u-button-style.u-text-grey-80[class*="u-border-"] {
  color: #333333 !important;
  
  
  
}
a.u-button-style.u-text-grey-80:hover,
a.u-button-style.u-text-grey-80[class*="u-border-"]:hover,
a.u-button-style.u-text-grey-80:focus,
a.u-button-style.u-text-grey-80[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-grey-80:active,
a.u-button-style.u-button-style.u-text-grey-80[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-grey-80.active,
a.u-button-style.u-button-style.u-text-grey-80[class*="u-border-"].active {
  color: #2e2e2e !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-grey-80,
a.u-button-style:hover > .u-text-hover-grey-80[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-grey-80:hover,
a.u-button-style.u-button-style.u-text-hover-grey-80[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-80.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-80[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-80:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-80[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-grey-80:focus,
a.u-button-style.u-button-style.u-text-hover-grey-80[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-80:hover,
.u-text-hover-grey-80.u-language-url:hover,
.u-text-hover-grey-80 .u-language-url:hover,
.u-text-hover-grey-80.u-carousel-control:hover,
.u-text-hover-grey-80.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-grey-80 .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-grey-80:hover {
  color: #333333 !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-80:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-80[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-80.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-80[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-grey-80,
a.u-button-style.u-button-style.active > .u-text-active-grey-80[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-80.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-grey-80 .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-grey-80.u-active {
  color: #333333 !important;
}
.u-text-grey-80 .u-svg-link {
  fill: #333333;
}
.u-text-hover-grey-80:hover .u-svg-link,
.u-text-hover-grey-80:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-grey-80 .u-svg-link {
  fill: #333333;
}
.u-text-active-grey-80:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-grey-80 .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-grey-80 .u-svg-link {
  fill: #333333;
}
.u-link.u-text-grey-80:hover {
  color: #2e2e2e !important;
}
a.u-link.u-text-hover-grey-80:hover {
  color: #333333 !important;
}
/*end-color grey-80*//*begin-color grey-90*/
.u-text-grey-90,
.u-input.u-text-grey-90,
.u-input.u-text-grey-90[class*="u-border-"],
li.active > a.u-button-style.u-text-grey-90,
li.active > a.u-button-style.u-text-grey-90[class*="u-border-"],
a.u-button-style.u-text-grey-90,
a.u-button-style.u-text-grey-90[class*="u-border-"] {
  color: #1a1a1a !important;
  
  
  
}
a.u-button-style.u-text-grey-90:hover,
a.u-button-style.u-text-grey-90[class*="u-border-"]:hover,
a.u-button-style.u-text-grey-90:focus,
a.u-button-style.u-text-grey-90[class*="u-border-"]:focus,
a.u-button-style.u-button-style.u-text-grey-90:active,
a.u-button-style.u-button-style.u-text-grey-90[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-grey-90.active,
a.u-button-style.u-button-style.u-text-grey-90[class*="u-border-"].active {
  color: #171717 !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-grey-90,
a.u-button-style:hover > .u-text-hover-grey-90[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-grey-90:hover,
a.u-button-style.u-button-style.u-text-hover-grey-90[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-90.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-90[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-90:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-grey-90[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-grey-90:focus,
a.u-button-style.u-button-style.u-text-hover-grey-90[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-90:hover,
.u-text-hover-grey-90.u-language-url:hover,
.u-text-hover-grey-90 .u-language-url:hover,
.u-text-hover-grey-90.u-carousel-control:hover,
.u-text-hover-grey-90.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-grey-90 .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-grey-90:hover {
  color: #1a1a1a !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-90:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-90[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-90.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-grey-90[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-grey-90,
a.u-button-style.u-button-style.active > .u-text-active-grey-90[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-90.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-grey-90 .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-grey-90.u-active {
  color: #1a1a1a !important;
}
.u-text-grey-90 .u-svg-link {
  fill: #1a1a1a;
}
.u-text-hover-grey-90:hover .u-svg-link,
.u-text-hover-grey-90:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-grey-90 .u-svg-link {
  fill: #1a1a1a;
}
.u-text-active-grey-90:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-grey-90 .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-grey-90 .u-svg-link {
  fill: #1a1a1a;
}
.u-link.u-text-grey-90:hover {
  color: #171717 !important;
}
a.u-link.u-text-hover-grey-90:hover {
  color: #1a1a1a !important;
}
/*end-color grey-90*//*begin-color color-var*/
.u-color-var,
.u-body.u-color-var,
section.u-color-var:before,
.u-color-var > .u-audio-main-layout-wrapper:before,
.u-color-var > .u-container-layout:before,
.u-color-var > .u-inner-container-layout:before,
.u-color-var.u-sidenav:before,
.u-container-layout.u-container-layout.u-color-var:before,
.u-table-alt-color-var tr:nth-child(even) {
  background-color: var(--color-var);
}
.u-input.u-color-var,
.u-field-input.u-color-var,
.u-button-style.u-color-var,
.u-button-style.u-color-var[class*="u-border-"] {
  background-color: var(--color-var) !important;
}
/* hover */
.u-hover-color-var:hover,
.u-hover-color-var[class*="u-border-"]:hover,
.u-hover-color-var:focus,
.u-hover-color-var[class*="u-border-"]:focus,
a.u-button-style.u-hover-color-var:hover,
a.u-button-style.u-hover-color-var.hover,
a.u-button-style.u-hover-color-var[class*="u-border-"]:hover,
a.u-button-style.u-hover-color-var[class*="u-border-"].hover,
a.u-button-style:hover > .u-hover-color-var,
a.u-button-style:hover > .u-hover-color-var[class*="u-border-"],
a.u-button-style.u-hover-color-var:focus,
a.u-button-style.u-hover-color-var[class*="u-border-"]:focus {
  background-color: var(--hover-color-var) !important;
}
/* active */
.u-active-color-var.u-active.u-active,
.u-active-color-var[class*="u-border-"].u-active.u-active,
a.u-button-style.u-button-style.u-active-color-var:active,
a.u-button-style.u-button-style.u-active-color-var[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-active-color-var.active,
a.u-button-style.u-button-style.u-active-color-var[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-active-color-var,
a.u-button-style.u-button-style.active > .u-active-color-var[class*="u-border-"],
li.active > a.u-button-style.u-button-style.u-active-color-var,
li.active > a.u-button-style.u-button-style.u-active-color-var[class*="u-border-"],
input.u-field-input.u-field-input.u-active-color-var:checked {
  background-color: var(--active-color-var) !important;
}
a.u-link.u-hover-color-var:hover {
  color: var(--color-var) !important;
}
/*end-color color-var*//*begin-color color-var*/
.u-border-color-var,
.u-border-color-var.u-input,
.u-border-color-var.u-field-input.u-field-input,
.u-separator-color-var:after {
  border-color: var(--border-color-var);
  stroke: var(--border-color-var);
}
.u-button-style.u-border-color-var {
  border-color: var(--border-color-var) !important;
}
.u-border-hover-color-var:hover,
.u-border-hover-color-var:focus,
a.u-button-style.u-border-hover-color-var:hover,
a.u-button-style:hover > .u-border-hover-color-var,
a.u-button-style.u-border-hover-color-var:focus {
  border-color: var(--border-hover-color-var) !important;
}
.u-border-active-color-var.u-active.u-active,
a.u-button-style.u-button-style.u-border-active-color-var:active,
a.u-button-style.u-button-style.u-border-active-color-var.active,
a.u-button-style.u-button-style.active > .u-border-active-color-var,
li.active > a.u-button-style.u-button-style.u-border-active-color-var,
input.u-field-input.u-field-input.u-border-active-color-var:checked {
  border-color: var(--border-active-color-var) !important;
}
.u-link.u-border-color-var[class*="u-border-"] {
  border-color: var(--border-color-var) !important;
}
/*end-color color-var*//*begin-color color-var*/
.u-text-color-var,
.u-input.u-text-color-var,
.u-input.u-text-color-var[class*="u-border-"],
li.active > a.u-button-style.u-text-color-var,
li.active > a.u-button-style.u-text-color-var[class*="u-border-"],
a.u-button-style.u-text-color-var,
a.u-button-style.u-text-color-var[class*="u-border-"] {
  color: var(--text-color-var) !important;
}
/* hover */
a.u-button-style:hover > .u-text-hover-color-var,
a.u-button-style:hover > .u-text-hover-color-var[class*="u-border-"],
a.u-button-style.u-button-style.u-text-hover-color-var:hover,
a.u-button-style.u-button-style.u-text-hover-color-var[class*="u-border-"]:hover,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-var.active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-var[class*="u-border-"].active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-var:active,
a.u-button-style.u-button-style.u-button-style.u-text-hover-color-var[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-text-hover-color-var:focus,
a.u-button-style.u-button-style.u-text-hover-color-var[class*="u-border-"]:focus,
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-color-var:hover,
.u-text-hover-color-var.u-language-url:hover,
.u-text-hover-color-var .u-language-url:hover,
.u-text-hover-color-var.u-carousel-control:hover,
.u-text-hover-color-var.u-gallery-nav:hover,
.u-popupmenu-items.u-text-hover-color-var .u-nav-link:hover,
.u-calendar-time-list .u-calendar-time-slot.u-text-hover-color-var:hover {
  color: var(--text-hover-color-var) !important;
}
/* active */
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-var:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-var[class*="u-border-"]:active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-var.active,
a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-color-var[class*="u-border-"].active,
a.u-button-style.u-button-style.active > .u-text-active-color-var,
a.u-button-style.u-button-style.active > .u-text-active-color-var[class*="u-border-"],
:not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-color-var.active,
.u-popupmenu-items.u-popupmenu-items.u-text-active-color-var .u-nav-link.active,
.u-calendar-time-list .u-calendar-time-slot.u-text-active-color-var.u-active {
  color: var(--text-active-color-var) !important;
}
.u-text-color-var .u-svg-link {
  fill: var(--text-color-var);
}
.u-text-hover-color-var:hover .u-svg-link,
.u-text-hover-color-var:focus .u-svg-link,
.u-button-style:hover > .u-text-hover-color-var .u-svg-link {
  fill: var(--text-hover-color-var);
}
.u-text-active-color-var:active .u-svg-link.u-svg-link,
.u-button-style.u-button-style:active > .u-text-active-color-var .u-svg-link,
.u-button-style.u-button-style.active > .u-text-active-color-var .u-svg-link {
  fill: var(--text-active-color-var);
}
a.u-link.u-text-hover-color-var:hover {
  color: var(--text-hover-color-var) !important;
}
/*end-color color-var*//*begin-variables sitestylecss*//*begin-color custom-color-4*/
        .u-custom-color-4,
        .u-body.u-custom-color-4,
        section.u-custom-color-4:before,
        .u-custom-color-4 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-4 > .u-container-layout:before,
        .u-custom-color-4 > .u-inner-container-layout:before,
        .u-custom-color-4.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-4:before,
        .u-table-alt-custom-color-4 tr:nth-child(even)
        {
            color: #ffffff;
            background-color: #ec0d0d;

        }

        .u-input.u-custom-color-4,
        .u-field-input.u-custom-color-4,
        .u-button-style.u-custom-color-4,
        .u-button-style.u-custom-color-4[class*="u-border-"]
        {
            color: #ffffff !important;
            background-color: #ec0d0d !important;
        }

        .u-button-style.u-custom-color-4:hover,
        .u-button-style.u-custom-color-4[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-4:focus,
        .u-button-style.u-custom-color-4[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-4:active,
        .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-4.active,
        .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-4,
        li.active > .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"]
        {
            color: #ffffff !important;
            background-color: #d40c0c !important;
        }

        /* hover */
        .u-hover-custom-color-4:hover,
        .u-hover-custom-color-4[class*="u-border-"]:hover,
        .u-hover-custom-color-4:focus,
        .u-hover-custom-color-4[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-4:hover,
        a.u-button-style.u-hover-custom-color-4.hover,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-4,
        a.u-button-style:hover > .u-hover-custom-color-4[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-4:focus,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:focus
        {
            color: #ffffff !important;
            background-color: #ec0d0d !important;
        }

        /* active */
        .u-active-custom-color-4.u-active.u-active,
        .u-active-custom-color-4[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-4.active,
        a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-4,
        a.u-button-style.u-button-style.active > .u-active-custom-color-4[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-4,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-4:checked
        {
            color: #ffffff !important;
            background-color: #ec0d0d !important;
        }

        a.u-link.u-hover-custom-color-4:hover {
            color: #ec0d0d !important;
        }

        /*end-color custom-color-4*//*begin-color custom-color-6*/
        .u-custom-color-6,
        .u-body.u-custom-color-6,
        section.u-custom-color-6:before,
        .u-custom-color-6 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-6 > .u-container-layout:before,
        .u-custom-color-6 > .u-inner-container-layout:before,
        .u-custom-color-6.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-6:before,
        .u-table-alt-custom-color-6 tr:nth-child(even)
        {
            color: #222222;
            background-color: #ffffff;

        }

        .u-input.u-custom-color-6,
        .u-field-input.u-custom-color-6,
        .u-button-style.u-custom-color-6,
        .u-button-style.u-custom-color-6[class*="u-border-"]
        {
            color: #222222 !important;
            background-color: #ffffff !important;
        }

        .u-button-style.u-custom-color-6:hover,
        .u-button-style.u-custom-color-6[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-6:focus,
        .u-button-style.u-custom-color-6[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-6:active,
        .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-6.active,
        .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-6,
        li.active > .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"]
        {
            color: #222222 !important;
            background-color: #e6e6e6 !important;
        }

        /* hover */
        .u-hover-custom-color-6:hover,
        .u-hover-custom-color-6[class*="u-border-"]:hover,
        .u-hover-custom-color-6:focus,
        .u-hover-custom-color-6[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-6:hover,
        a.u-button-style.u-hover-custom-color-6.hover,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-6,
        a.u-button-style:hover > .u-hover-custom-color-6[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-6:focus,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"]:focus
        {
            color: #222222 !important;
            background-color: #ffffff !important;
        }

        /* active */
        .u-active-custom-color-6.u-active.u-active,
        .u-active-custom-color-6[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-6.active,
        a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-6,
        a.u-button-style.u-button-style.active > .u-active-custom-color-6[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-6,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-6:checked
        {
            color: #222222 !important;
            background-color: #ffffff !important;
        }

        a.u-link.u-hover-custom-color-6:hover {
            color: #ffffff !important;
        }

        /*end-color custom-color-6*//*begin-color custom-color-4*/
        .u-border-custom-color-4,
        .u-border-custom-color-4.u-input,
        .u-border-custom-color-4.u-field-input.u-field-input,
        .u-separator-custom-color-4:after
        {
            border-color: #ec0d0d;
            stroke: #ec0d0d;
        }

        .u-button-style.u-border-custom-color-4
        {
            border-color: #ec0d0d !important;
            color: #ec0d0d !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-4:hover,
        .u-button-style.u-border-custom-color-4:focus
        {
            border-color: transparent !important;
            color: #d40c0c !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-4:hover,
        .u-border-hover-custom-color-4:focus,
        a.u-button-style.u-border-hover-custom-color-4:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-4,
        a.u-button-style.u-border-hover-custom-color-4:focus
        {
            color: #ec0d0d !important;
            border-color: #ec0d0d !important;
        }


        .u-border-active-custom-color-4.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-4.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-4,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-4,
        input.u-field-input.u-field-input.u-border-active-custom-color-4:checked
        {
            color: #ec0d0d !important;
            border-color: #ec0d0d !important;
        }

        .u-link.u-border-custom-color-4[class*="u-border-"]
        {
            border-color: #ec0d0d !important;
        }

        .u-link.u-border-custom-color-4[class*="u-border-"]:hover
        {
            border-color: #d40c0c !important;
        }
        /*end-color custom-color-4*//*begin-color custom-color-6*/
        .u-border-custom-color-6,
        .u-border-custom-color-6.u-input,
        .u-border-custom-color-6.u-field-input.u-field-input,
        .u-separator-custom-color-6:after
        {
            border-color: #ffffff;
            stroke: #ffffff;
        }

        .u-button-style.u-border-custom-color-6
        {
            border-color: #ffffff !important;
            color: #ffffff !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-6:hover,
        .u-button-style.u-border-custom-color-6:focus
        {
            border-color: transparent !important;
            color: #e6e6e6 !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-6:hover,
        .u-border-hover-custom-color-6:focus,
        a.u-button-style.u-border-hover-custom-color-6:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-6,
        a.u-button-style.u-border-hover-custom-color-6:focus
        {
            color: #ffffff !important;
            border-color: #ffffff !important;
        }


        .u-border-active-custom-color-6.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-6.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-6,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-6,
        input.u-field-input.u-field-input.u-border-active-custom-color-6:checked
        {
            color: #ffffff !important;
            border-color: #ffffff !important;
        }

        .u-link.u-border-custom-color-6[class*="u-border-"]
        {
            border-color: #ffffff !important;
        }

        .u-link.u-border-custom-color-6[class*="u-border-"]:hover
        {
            border-color: #e6e6e6 !important;
        }
        /*end-color custom-color-6*//*begin-color custom-color-4*/
        .u-text-custom-color-4,
        .u-input.u-text-custom-color-4,
        .u-input.u-text-custom-color-4[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-4,
        li.active > a.u-button-style.u-text-custom-color-4[class*="u-border-"],
        a.u-button-style.u-text-custom-color-4,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]
        {
            color: #ec0d0d !important;
            
            
            
        }

        a.u-button-style.u-text-custom-color-4:hover,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-4:focus,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-4:active,
        a.u-button-style.u-button-style.u-text-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-4.active,
        a.u-button-style.u-button-style.u-text-custom-color-4[class*="u-border-"].active
        {
            color: #d40c0c !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-4,
        a.u-button-style:hover > .u-text-hover-custom-color-4[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-4:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-4:hover,
        .u-text-hover-custom-color-4.u-language-url:hover,
        .u-text-hover-custom-color-4 .u-language-url:hover,
        .u-text-hover-custom-color-4.u-carousel-control:hover,
        .u-text-hover-custom-color-4.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-4 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-4:hover
        {
            color: #ec0d0d !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-4,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-4[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-4.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-4 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-4.u-active
        {
            color: #ec0d0d !important;
        }

        .u-text-custom-color-4 .u-svg-link {
            fill: #ec0d0d;
        }

        .u-text-hover-custom-color-4:hover .u-svg-link,
        .u-text-hover-custom-color-4:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-4 .u-svg-link
        {
            fill: #ec0d0d;
        }

        .u-text-active-custom-color-4:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-4 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-4 .u-svg-link
        {
            fill: #ec0d0d;
        }

        .u-link.u-text-custom-color-4:hover
        {
            color: #d40c0c !important;
        }

        a.u-link.u-text-hover-custom-color-4:hover
        {
            color: #ec0d0d !important;
        }
        /*end-color custom-color-4*//*begin-color custom-color-6*/
        .u-text-custom-color-6,
        .u-input.u-text-custom-color-6,
        .u-input.u-text-custom-color-6[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-6,
        li.active > a.u-button-style.u-text-custom-color-6[class*="u-border-"],
        a.u-button-style.u-text-custom-color-6,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]
        {
            color: #ffffff !important;
            
            
            
        }

        a.u-button-style.u-text-custom-color-6:hover,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-6:focus,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-6:active,
        a.u-button-style.u-button-style.u-text-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-6.active,
        a.u-button-style.u-button-style.u-text-custom-color-6[class*="u-border-"].active
        {
            color: #e6e6e6 !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-6,
        a.u-button-style:hover > .u-text-hover-custom-color-6[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-6:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-6:hover,
        .u-text-hover-custom-color-6.u-language-url:hover,
        .u-text-hover-custom-color-6 .u-language-url:hover,
        .u-text-hover-custom-color-6.u-carousel-control:hover,
        .u-text-hover-custom-color-6.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-6 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-6:hover
        {
            color: #ffffff !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-6,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-6[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-6.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-6 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-6.u-active
        {
            color: #ffffff !important;
        }

        .u-text-custom-color-6 .u-svg-link {
            fill: #ffffff;
        }

        .u-text-hover-custom-color-6:hover .u-svg-link,
        .u-text-hover-custom-color-6:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-6 .u-svg-link
        {
            fill: #ffffff;
        }

        .u-text-active-custom-color-6:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-6 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-6 .u-svg-link
        {
            fill: #ffffff;
        }

        .u-link.u-text-custom-color-6:hover
        {
            color: #e6e6e6 !important;
        }

        a.u-link.u-text-hover-custom-color-6:hover
        {
            color: #ffffff !important;
        }
        /*end-color custom-color-6*/.u-body
        {
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        --theme-sheet-width-xl: 1140px;
        --theme-sheet-width-lg: 940px;
        --theme-sheet-width-md: 720px;
        --theme-sheet-width-sm: 540px;
        --theme-sheet-width-xs: 340px;
        }

        /** common-rules **/
        h1:not(:where(.china2050-heading-from-h2,.china2050-heading-from-h3)).u-title
        {
        font-weight: 400;
        font-size: 4.5rem;
        line-height: 1.1;
        }
        :is(h2,h1:where(.china2050-heading-from-h2)).u-subtitle
        {
        font-weight: 400;
        font-size: 2.25rem;
        line-height: 1.1;
        }
        h1:not(:where(.china2050-heading-from-h2,.china2050-heading-from-h3)):not(.u-title)
        {
        font-size: 4.5rem;
        font-weight: 700;
        line-height: 1.0499999999999998;
        }
        :is(h2,h1:where(.china2050-heading-from-h2)):not(.u-subtitle)
        {
        font-size: 1.1875rem;
        font-weight: 700;
        line-height: 1.4000000000000001;
        }
        :is(h3,h1:where(.china2050-heading-from-h3))
        {
        font-size: 1.02375rem;
        font-weight: 700;
        line-height: 1.3;
        }
        h4
        {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.3;
        }
        h5
        {
        font-size: 0.72625rem;
        font-weight: 700;
        line-height: 1.5;
        font-family: Artex, Noto Sans JP;
        }
        h6
        {
        font-size: 0.58625rem;
        font-weight: 700;
        line-height: 1.5;
        font-family: Artex, Noto Sans JP;
        }
        p:not(.u-text-variant)
        {
        font-size: 0.875rem;
        font-weight: 200;
        line-height: 1.5;
        }
        .u-btn
        {
        line-height: 1.4;
        }
        .u-input
        {
        border-width: 1px;
        borders: top right bottom left;
        }
        a
        {
        font-size: 0.875rem;
        font-weight: 200;
        line-height: 1.5;
        text-decoration: underline;
        }
        /** common-rules **/

        /** publish-rules **/
        /*begin-media rules*/
        /*end-media rules*/
        /** publish-rules **/

        

        /** cms-rules **/
        /*begin-responsive rules*/
        /*end-responsive rules*/
        /** cms-rules **/

        /** color-rules **/
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-input,
        .u-gradient > .u-container-layout > .u-input,
        .u-image:not(.u-shading) > .u-container-layout > .u-input,
        .u-input
        {
        border-color: #b3b3b3;
        background-color: #ffffff;
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a,
        .u-gradient > .u-container-layout > a,
        .u-image:not(.u-shading) > .u-container-layout > a,
        a
        {
        color: #1e73be;
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover,
        .u-gradient > .u-container-layout > a:hover,
        .u-image:not(.u-shading) > .u-container-layout > a:hover,
        a:hover
        {
        color: #1b67ab;
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:active,
        .u-gradient > .u-container-layout > a:active,
        .u-image:not(.u-shading) > .u-container-layout > a:active,
        a:active
        {
        color: #1b67ab;
        }
        /** color-rules **/

        /** alt-color-rules **/
        :where(.u-custom-color-2, .u-custom-color-4, .u-custom-color-8, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-12, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading, .u-overlap-contrast .u-header) .u-btn
        {
        color: #ffffff;
        }
        :where(.u-custom-color-2, .u-custom-color-4, .u-custom-color-8, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-12, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading, .u-overlap-contrast .u-header) .u-btn:hover
        {
        color: #e6e6e6;
        }
        :where(.u-custom-color-2, .u-custom-color-4, .u-custom-color-8, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-12, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) a, :where(.u-overlap-contrast .u-header) a:not(.u-nav-link):not(.u-btn)
        {
        color: #aad3f7;
        }
        :where(.u-custom-color-2, .u-custom-color-4, .u-custom-color-8, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-12, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:hover
        {
        color: #a1a1a1;
        }
        :where(.u-custom-color-2, .u-custom-color-4, .u-custom-color-8, .u-custom-color-9, .u-custom-color-10, .u-custom-color-11, .u-custom-color-12, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:active
        {
        color: #a1a1a1;
        }
        /** alt-color-rules **/
    


/*end-variables sitestylecss*/

 /*begin-variables base-font-size*/ 
 html { font-size: 16px; }
 /*end-variables base-font-size*/
 .navbar {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    background: #fff;
  }
  .navbar-left img {
    height: 45px;
  }
  .navbar-right {
    display: flex;
    align-items: center;
  }
  .nav-links {
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .nav-links a, .nav-links span {
    font-weight: bold;
    text-decoration: none;
    color: #000;
    position: relative;
  }
  .dropdown {
    position: relative;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    min-width: 80px;
    z-index: 100;
  }
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .dropdown-content a {
    padding: 6px 12px;
    display: block;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
  }
  .hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    margin-left: 15px;
    gap: 4px;
  }
  .hamburger div {
    width: 20px;
    height: 2px;
    background: #000;
  }
  @media (max-width: 768px) {
    .nav-links {
      display: none;
      flex-direction: column;
      position: absolute;
      top: 100px;
      right: 0;
      background: #fff;
      width: 200px;
      padding: 10px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
    .nav-links.show {
      display: flex;
    }
    .hamburger {
      display: flex;
    }
  } 
 .index-list01box {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
	justify-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}
.index-list01 {
	position: relative;
	width: 100%;
	max-width: 260px;
	height: 260px;
	border-radius: 10px;
	overflow: hidden;
	background: #000;
	text-decoration: none;
}
.index-list01 img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	z-index: 1;
	transition: transform 0.3s;
}
.txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 16px;
	box-sizing: border-box;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	transition: background-color 0.3s;
}
.txt .title0 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	bottom: 16px;
	left: 16px;
}
.txt .name,  .txt .des {
	display: none;
	text-align: left;
}
.txt .name {
	font-size: 16px;
	font-weight: bold;
	color: #E30613;
	margin-bottom: 4px;
}
.txt .des {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}
.index-list01:hover img {
	transform: scale(1.05);
}
.index-list01:hover .txt {
	background-color: #EFC69B;
	color: #000;
}
.index-list01:hover .txt .title0 {
	display: none;
}
.index-list01:hover .txt .name,  .index-list01:hover .txt .des {
	display: block;
}