@charset "UTF-8";

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/FontAwesome/FontAwesome-webfont.eot");
  src: url("../fonts/FontAwesome/FontAwesome-webfont.eot") format("embedded-opentype"),
        url("../fonts/FontAwesome/FontAwesome-webfont.ttf") format("truetype"),
        url("../fonts/FontAwesome/FontAwesome-webfont.woff") format("woff"),
        url("../fonts/FontAwesome/FontAwesome-webfont.svg") format("svg"); }

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Medium.eot');
  src: url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto/Roboto-Medium.svg') format('svg');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Light.eot');
  src: url('../fonts/Roboto/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto/Roboto-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal; }



							/* General Style */
:root {
  font-size: 16px;
  --v-font-lg: 1.125rem;
  --v-font-md: 1rem;
  --v-font-sm: 0.875rem;
  --v-font-xs: 0.75rem;
  --v-color-black: rgba(0, 0, 0, 0.92);
  --v-color-black-op: rgba(127, 127, 127, 1);
  --v-color-white: rgba(255, 255, 255, 1);
  --v-color-white-op: rgba(230, 230, 230, 1);
  --v-color-theme: rgba(70, 105, 150, 1);
  --v-color-light: rgba(249, 249, 249, 1);
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, a, h1, h2, h3, h4, h5, h6, p, picture, img, span, strong, em, i, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative; }

body {
  background: rgba(255, 255, 255, 1);
  color: var(--v-color-black);
  font-size: var(--v-font-md);
  font-weight: 300;
  font-style: normal;
  font-family: Roboto, sans-serif, "Microsoft YaHei";
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6, strong, em, a {
  font-weight: 500;
  font-style: normal;
  line-height: inherit; }

a {
  -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;
  display: inline-block; }
a {
  outline: none;
  color: var(--v-color-black-op);
  text-decoration: underline;
  text-decoration-color: transparent; }
a:hover, .active a {
  color: inherit;
  text-decoration-color: transparent; }

ol, ul ,li {
  list-style: none; }

picture {
  width: 100%;
  display: block;
  overflow: hidden; }
picture img {
  display: block;
  position: absolute;
  object-position: center center;
  object-fit: cover;
  height: 100%;
  width: 100%; }
img {
  border: none; }

hr {
  display: block;
  margin: 0 auto;
  border: none;
  height: 1px;
  width: 100%;
  background: var(--v-color-white-op); }

.theme-dark {
  color: var(--v-color-white); }
.theme-light {
  background-color: var(--v-color-light);
  color: var(--v-color-black); }

.to-animate {
  opacity: 0; }


							/* Header */
#fh5co-header {
  width: 100%;
  z-index: 99;
  top: 0; }

#fh5co-header .navbar {
  font-size: var(--v-font-sm);
  background: var(--v-color-white);
  -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 72px;
  min-height: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border: none;
  z-index: 99; }
@media screen and (max-width: 767px) {
  #fh5co-header .navbar {
    height: 56px; } }

#fh5co-header .m-navbar-header {
  width: 100%;
  height: 100%;
  padding: 0 16px 0 28px;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;
  -webkit-align-items: center; -ms-align-items: center; align-items: center; }

@media screen and (max-width: 767px) {
  #fh5co-header .m-navbar-header .c-btn-icon {
    display: none; } }

#fh5co-header .navbar-brand {
  height: auto;
  padding: 16px 0;
  z-index: 100; }

#fh5co-header .navbar-brand img {
  display: block;
  height: 14px; }
@media screen and (max-width: 767px) {
  #fh5co-header .navbar-brand img {
    height: 12px; } }

#fh5co-header .navbar-nav li {
  height: 100%;
  margin: 0; }
@media screen and (max-width: 767px) {
  #fh5co-header .navbar-nav li {
    font-size: var(--v-font-md);
    height: 48px; } }

#fh5co-header .navbar-nav li a {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  padding: 0;
  height: 100%;
  border-style: solid;
  border-width: 1px 0;
  border-color: transparent; }
@media screen and (min-width: 768px) {
  #fh5co-header .navbar-nav li a:hover {
    border-bottom-color: inherit; } }

/* ========================================= bootstrap corrector ================================= */

@media screen and (min-width: 768px) {
  .navbar-collapse.collapse {
    padding: 0 28px;
    margin: 0;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;
    -webkit-align-items: center; -ms-align-items: center; align-items: center;
    position: absolute;
    top: 0;
    height: 100% !important;
    width: auto; } }
@media screen and (max-width: 767px) {
  .navbar-collapse {
    padding: 0;
    margin: 0;
    width: 100%;
    background: var(--v-color-white);
    border-top: 1px solid var(--v-color-white-op); } }

.navbar-nav {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  gap: 48px;
  height: 100%;
  margin-left: 112px; }
@media screen and (max-width: 767px) {
  .navbar-nav {
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    gap: 0;
    width: 100%;
    height: auto;
    padding: 0 28px;
    margin: 32px 0px; } }

/* ================================================================================================= */

.m-subnav {
  font-size: var(--v-font-sm);
  display: block;
  background: var(--v-color-white);
  width: 100%;
  z-index: 98; }

.stuck {
  position: fixed;
  top: 0; }

.m-subnav-wrapper {
  height: auto;
  padding: 8px 0;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-column-gap: 64px; -ms-column-gap: 64px; column-gap: 64px;
  row-gap: 12px; }

.c-subnav-nav {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center; }

.c-subnav-header {
  font-weight: 500;
  margin-right: 32px; }

.c-subnav-nav ul {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  gap: 24px; }

.c-subnav-nav ul a {
  line-height: 42px;
  border-style: solid;
  border-width: 2px 0;
  border-color: transparent;}
.c-subnav-nav ul .active a {
  border-bottom-color: var(--v-color-theme);}






							/* Modules */

.m-hero {
  width: 100%;
  overflow: hidden; }

.m-section {
  width: 100%;
  overflow: hidden;
  margin-bottom: 32px; }
/**/
header+.m-section,
nav+.m-section,
.sticky-wrapper+.m-section,
.m-hero+.m-section {
  margin-top: 96px; }
/**/
@media screen and (max-width: 767px) {
  header+.m-section,
  nav+.m-section,
  .m-hero+.m-section {
    margin-top: 64px; } }

.m-subsection {
  padding-bottom: 96px; }
@media screen and (max-width: 767px) {
  .m-subsection {
    padding-bottom: 64px; } }

.m-container, .m-responsive-container {
  width: calc(100% - 56px);
  overflow: visible;
  padding: 0;
  margin: 0 auto;
  max-width: 1224px; }
@media screen and (max-width: 767px) {
  .m-responsive-container {
    width: 100%; } }
.m-hero > .m-responsive-container {
  max-width: none; }
.m-container:before, .m-container:after, .m-responsive-container:before, .m-responsive-container:after {
  display: table;
  content: " ";
  clear: both; }

.m-inner-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 10; }
.m-inner-container { padding: 48px 96px; }
@media screen and (max-width: 767px) { .m-inner-container { padding: 32px 28px; } }
.m-hero .m-inner-container { padding: 48px 28px; }
@media screen and (max-width: 767px) { .m-hero .m-inner-container { padding: 32px 28px; } }

.m-mosaic {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  width: auto;
  margin: -4px; }
@media screen and (max-width: 767px) {
  .m-mosaic {
    margin: -2px; } }

.m-technicaldata-container {
  width: 100%; }

.m-technicaldata-table {
  width: 100%;
  padding: 64px 0;
  border-bottom: 1px solid var(--v-color-white-op); }
.m-technicaldata-table:first-child {
  border-top: 1px solid var(--v-color-white-op); }

.m-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 32px; }
@media screen and (max-width: 767px) {
  .m-grid { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 479px) {
  .m-grid { grid-template-columns: repeat(1, 1fr); } }







							/* Contents */

picture { padding-bottom: 56.25%; }

.m-hero picture { padding-bottom: 42.85714285714286%; }
@media screen and (max-width: 767px) { .m-hero picture { padding-bottom: 100%; } }
@media screen and (max-width: 479px) { .m-hero picture { padding-bottom: 150%; } }
.m-hero > .m-responsive-container picture { padding-bottom: 37.5%; }
@media screen and (max-width: 767px) { .m-hero > .m-responsive-container picture { padding-bottom: 75%; } }
@media screen and (max-width: 479px) { .m-hero > .m-responsive-container picture { padding-bottom: 133.33333333333333%; } }

.m-container > picture, .m-responsive-container > picture { padding-bottom: 45%; }
@media screen and (max-width: 767px) { .m-container > picture, .m-responsive-container > picture { padding-bottom: 75%; } }
@media screen and (max-width: 479px) { .m-container > picture, .m-responsive-container > picture { padding-bottom: 100%; } }

.m-container > .m-inner-container+picture, .m-responsive-container > .m-inner-container+picture { padding-bottom: 45%; }
@media screen and (max-width: 767px) { .m-container > .m-inner-container+picture, .m-responsive-container > .m-inner-container+picture { padding-bottom: 75%; } }
@media screen and (max-width: 479px) { .m-container > .m-inner-container+picture, .m-responsive-container > .m-inner-container+picture { padding-bottom: 133.33333333333333%; } }

.highlight picture { padding-bottom: 75%; }

.visualizer picture { padding-bottom: 40%; }
@media screen and (max-width: 767px) { .visualizer picture { padding-bottom: 75%; } }


/* ================================================================================================= */

.c-content-wrapper {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  padding-right: 25%; }
@media screen and (max-width: 767px) {
  .c-content-wrapper {
    padding-right: 20%; } }

.c-text-wrapper {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.c-flex-space-8 {
  -webkit-flex: 1 0 8px; -ms-flex: 1 0 8px; flex: 1 0 8px; }
.c-flex-space-16 {
  -webkit-flex: 2 0 16px; -ms-flex: 2 0 16px; flex: 2 0 16px; }
.c-flex-space-24 {
  -webkit-flex: 3 0 16px; -ms-flex: 3 0 16px; flex: 3 0 24px; }
.c-flex-space-32 {
  -webkit-flex: 4 0 32px; -ms-flex: 4 0 32px; flex: 4 0 32px; }
.c-flex-space-48 {
  -webkit-flex: 6 0 48px; -ms-flex: 6 0 48px; flex: 6 0 48px; }

/* ================================================================================================= */

.c-micro-story-left {
  width: 50%;
  float: left;
  padding-right: 16px; }
@media screen and (max-width: 767px) {
  .c-micro-story-left {
    width: 100%;
    padding-right: 0; }
  .c-micro-story-left:last-child {
    margin-top: 32px; } }

.c-micro-story-right {
  width: 50%;
  float: right;
  padding-left: 16px; }
@media screen and (max-width: 767px) {
  .c-micro-story-right {
    width: 100%;
    padding-left: 0; }
  .c-micro-story-right:last-child {
    margin-top: 32px; } }

/* ================================================================================================= */

.c-mosaic-row {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
  -webkit-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }

.c-mosaic-column-1 {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%;
  -webkit-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }

.c-mosaic-column-3 {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  -webkit-flex: 3 1 0%; -ms-flex: 3 1 0%; flex: 3 1 0%;
  -webkit-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }

.c-mosaic-column-4 {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  -webkit-flex: 4 1 0%; -ms-flex: 4 1 0%; flex: 4 1 0%;
  -webkit-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }

.c-mosaic-row {
  margin: 4px 0; }
.c-mosaic-column-1, .c-mosaic-column-3, .c-mosaic-column-4 {
  margin: 0 4px; }
@media screen and (max-width: 767px) {
  .c-mosaic-row {
    margin: 2px 0; }
  .c-mosaic-column-1, .c-mosaic-column-3, .c-mosaic-column-4 {
    margin: 0 2px; } }

/* ================================================================================================= */

.c-technicaldata-header {
  margin-bottom: 48px; }

.c-technicaldata-body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 48px; }
@media screen and (max-width: 767px) {
  .c-technicaldata-body {
    grid-template-columns: repeat(2, 1fr); } }

.c-technicaldata-brief {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 48px; }
 
.c-technicaldata-group {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  gap: 8px; }

/* ================================================================================================= */

.c-cell {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.c-cell picture {
  margin-bottom: 28px; }

/* ================================================================================================= */

.c-link-group {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;
  gap: 16px; }

.c-btn-primary {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  font-size: var(--v-font-md);
  line-height: 44px;
  padding: 0 24px;
  border: 1px solid var(--v-color-theme);
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;
  background: var(--v-color-theme);
  color: var(--v-color-white); }
.c-btn-primary:hover {
  background: var(--v-color-black);
  border-color: var(--v-color-black);
  color: var(--v-color-white); }

.c-btn-outline {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  font-size: var(--v-font-md);
  line-height: 44px;
  padding: 0 24px;
  border: 1px solid var(--v-color-theme);
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;
  background: transparent;
  color: var(--v-color-theme); }
.c-btn-outline:hover {
  background: var(--v-color-black);
  border-color: var(--v-color-black);
  color: var(--v-color-white); }

.c-btn-icon {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;
  font-size: var(--v-font-md);
  width: 40px;
  height: 40px; }

.c-cta {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  font-size: var(--v-font-md);
  line-height: 44px;
  color: var(--v-color-theme); }
.c-cta span {
  margin-left: 8px; }

.c-link {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  font-size: inherit;
  line-height: inherit;
  color: var(--v-color-theme); }
.c-link span {
  margin-left: 8px; }

.theme-dark .c-btn-primary		{ color: var(--v-color-black); background: var(--v-color-white); border-color: var(--v-color-white); }
.theme-dark .c-btn-primary:hover	{ color: var(--v-color-white); background: var(--v-color-black); border-color: var(--v-color-black); }
.theme-dark .c-btn-outline		{ color: var(--v-color-white); background: transparent; border-color: var(--v-color-white); }
.theme-dark .c-btn-outline:hover	{ color: var(--v-color-white); background: var(--v-color-black); border-color: var(--v-color-black); }
.theme-dark .c-btn-icon			{ color: var(--v-color-white); }
.theme-dark .c-btn-icon:hover		{ color: var(--v-color-white-op); }
.theme-dark .c-cta			{ color: var(--v-color-white); }
.theme-dark .c-cta:hover		{ color: var(--v-color-white-op); }
.theme-dark .c-link			{ color: var(--v-color-white); }
.theme-dark .c-link:hover		{ color: var(--v-color-white-op); }

.link-inactivated.c-btn-primary,
.link-inactivated.c-btn-primary:hover	{ cursor: default; color: var(--v-color-white); background: var(--v-color-black-op); border-color: var(--v-color-black-op); }
.link-inactivated.c-btn-outline,
.link-inactivated.c-btn-outline:hover	{ cursor: default; color: var(--v-color-black-op); background: transparent; border-color: var(--v-color-black-op); }
.link-inactivated.c-btn-icon,
.link-inactivated.c-btn-icon:hover	{ cursor: default; color: var(--v-color-black-op); }
.link-inactivated.c-cta,
.link-inactivated.c-cta:hover		{ cursor: default; color: var(--v-color-black-op); }
.link-inactivated.c-link,
.link-inactivated.c-link:hover		{ cursor: default; color: var(--v-color-black-op); }

/* ================================================================================================= */

.c-heading-1 {
  font-size: 2.75rem;
  line-height: 1.125;
  font-weight: 500; }
@media screen and (max-width: 767px) {
  .c-heading-1 { font-size: 2rem; } }

.c-heading-2 {
  font-size: 2rem;
  line-height: 1.125;
  font-weight: 500; }
@media screen and (max-width: 767px) {
  .c-heading-2 { font-size: 1.5rem; } }

.c-heading-3 {
  font-size: 1.25rem;
  line-height: 1.125;
  font-weight: 500; }
@media screen and (max-width: 767px) {
  .c-heading-3 { font-size: 1.125rem; } }

.c-text-1 { font-size: var(--v-font-lg); }
.c-text-2 { font-size: var(--v-font-md); }
.c-text-3 { font-size: var(--v-font-sm); }
.c-disclaimer { font-size: var(--v-font-xs); }

/* ================================================================================================= */

.c-title { margin-bottom: 16px; }
@media screen and (max-width: 767px) {
  .c-title { margin-bottom: 16px; } }

.c-headline { margin-bottom: 40px; }
@media screen and (max-width: 767px) {
  .c-headline { margin-bottom: 32px; } }

article {
  margin: 0; }
article h1 {
  font-size: 2.75rem;
  margin-bottom: 48px; }
article h2 {
  font-size: 2rem;
  padding-top: 16px;
  margin-bottom: 32px; }
article h3 {
  font-size: 1.25rem;
  padding-top: 16px;
  margin-bottom: 24px; }
article p {
  margin-bottom: 16px; }
article ul {
  padding: 16px 0; }
article ul li {
  list-style: disc inside;
  margin-bottom: 16px; }
@media screen and (max-width: 767px) {
  article h1 {
    font-size: 2rem; }
  article h2 {
    font-size: 1.5rem; }
  article h3 {
    font-size: 1.125rem; } }

/* ================================================================================================= */

[class^="c-icon-"],
[class*=" c-icon-"] {
  font-family: FontAwesome;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

.c-icon-up:before {
  content: "\f106"; }
.c-icon-down:before {
  content: "\f107"; }
.c-icon-left:before {
  content: "\f104"; }
.c-icon-right:before {
  content: "\f105"; }
.c-icon-cart:before {
  content: "\f07a"; }
.c-icon-user:before {
  content: "\f007"; }
.c-icon-map:before {
  content: "\f041"; }
.c-icon-search:before {
  content: "\f002"; }
.c-icon-globe:before {
  content: "\f0ac"; }
.c-icon-plus:before {
  content: "\f067"; }
.c-icon-minus:before {
  content: "\f068"; }





							/* Styles */
[class^="s-ai-"],
[class*=" s-ai-"],
[class^="s-jc-"],
[class*=" s-jc-"] {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.s-ai-sm-start {
  -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; }
.s-ai-sm-end {
  -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.s-ai-sm-center {
  -webkit-align-items: center; -ms-align-items: center; align-items: center; }
.s-ai-sm-baseline {
  -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }
.s-ai-sm-stretch {
  -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.s-jc-sm-start {
  -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.s-jc-sm-end {
  -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.s-jc-sm-center {
  -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }
.s-jc-sm-between {
  -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

@media screen and (min-width: 768px) {
.s-ai-lg-start {
  -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; }
.s-ai-lg-end {
  -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.s-ai-lg-center {
  -webkit-align-items: center; -ms-align-items: center; align-items: center; }
.s-ai-lg-baseline {
  -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }
.s-ai-lg-stretch {
  -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.s-jc-lg-start {
  -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.s-jc-lg-end {
  -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.s-jc-lg-center {
  -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }
.s-jc-lg-between {
  -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } }


.s-ratio-sm-040 { padding-bottom: 40%; }			/* 5:2 */
.s-ratio-sm-042 { padding-bottom: 42.85714285714286%; }		/* 21:9 */
.s-ratio-sm-050 { padding-bottom: 50%; }			/* 2:1 */
.s-ratio-sm-056 { padding-bottom: 56.25%; }			/* 16:9 */
.s-ratio-sm-066 { padding-bottom: 66.66666666666666%; }		/* 3:2 */
.s-ratio-sm-075 { padding-bottom: 75%; }			/* 4:3 */
.s-ratio-sm-100 { padding-bottom: 100%; }			/* 1:1 */
.s-ratio-sm-133 { padding-bottom: 133.33333333333333%; }	/* 3:4 */

@media screen and (min-width: 768px) {
.s-ratio-lg-040 { padding-bottom: 40%; }
.s-ratio-lg-042 { padding-bottom: 42.85714285714286%; }
.s-ratio-lg-050 { padding-bottom: 50%; }
.s-ratio-lg-056 { padding-bottom: 56.25%; }
.s-ratio-lg-066 { padding-bottom: 66.66666666666666%; }
.s-ratio-lg-075 { padding-bottom: 75%; }
.s-ratio-lg-100 { padding-bottom: 100%; }
.s-ratio-lg-133 { padding-bottom: 133.33333333333333%; } }


.s-col-sm-1 { width: 16.66667%; }
.s-col-sm-2 { width: 33.33333%; }
.s-col-sm-3 { width: 50.00000%; }
.s-col-sm-4 { width: 66.66667%; }
.s-col-sm-5 { width: 83.33333%; }
.s-col-sm-6 { width: 100.0000%; }

@media screen and (min-width: 480px) {
.s-col-md-1 { width: 16.66667%; }
.s-col-md-2 { width: 33.33333%; }
.s-col-md-3 { width: 50.00000%; }
.s-col-md-4 { width: 66.66667%; }
.s-col-md-5 { width: 83.33333%; }
.s-col-md-6 { width: 100.0000%; } }

@media screen and (min-width: 768px) {
.s-col-lg-1 { width: 16.66667%; }
.s-col-lg-2 { width: 33.33333%; }
.s-col-lg-3 { width: 50.00000%; }
.s-col-lg-4 { width: 66.66667%; }
.s-col-lg-5 { width: 83.33333%; }
.s-col-lg-6 { width: 100.0000%; } }





							/* Footer */

footer {
  overflow: hidden;
  width: 100%;
  padding: 80px 0 48px 0;
  background: var(--v-color-light);
  font-size: var(--v-font-sm);
  color: inherit; }

footer a,
footer a:active,
footer a:focus {
  color: inherit; }

footer a:hover {
  text-decoration-color: inherit; }

/* ================================================================================================= */

.m-footer-nav {
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 64px; }
@media screen and (max-width: 767px) {
  .m-footer-nav {
    grid-template-columns: repeat(2, 1fr);} }

.c-footer-navheader {
  font-size: inherit;
  margin-bottom: 24px;
  color: var(--v-color-black-op); }

.c-footer-navgroup > ul {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  row-gap: 16px; }

.c-footer-navgroup > ul > li {
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

/* ================================================================================================= */

.m-footer-base {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
  -webkit-column-gap: 96px; -ms-column-gap: 96px; column-gap: 96px;
  -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

.c-footer-base-copyright {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-column-gap: 16px; -ms-column-gap: 16px; column-gap: 16px;
  -webkit-align-items: center; -ms-align-items: center; align-items: center; }

.c-footer-base-language .dropdown {
  padding: 12px; }

.c-footer-base-language .open {
  background-color: var(--v-color-white); }

.c-footer-base-language .dropdown-toggle {
  display: inline-block; }

.c-footer-base-language .dropdown-menu {
  margin: 0 !important;
  padding: 0 !important;
  left: 0;
  right: 0;
  min-width: 0 !important;
  font-size: inherit !important;
  background: var(--v-color-white) !important;
  border: none !important;
  border-bottom: 0 !important;
  -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important;
  -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }

.c-footer-base-language .dropdown-menu > li > a {
  padding: 12px 24px;
  font-weight: 500 !important;
  color: var(--v-color-black-op) !important;
  text-decoration: none; }

.c-footer-base-language .dropdown-menu > li > a:hover,
.c-footer-base-language .dropdown-menu > li > a:focus {
  color: inherit !important;
  text-decoration: none !important;
  background-color: transparent !important; }







							/* fh5co-toggle */



.fh5co-nav-toggle {
  cursor: pointer;
  text-decoration: none;
  position:relative;
  z-index: 21;
  display: none;
  height: 25px;
  width: 25px;
  border-bottom: none; }
@media screen and (max-width: 767px) {
  .fh5co-nav-toggle {
    display: block; } }

.fh5co-nav-toggle.active i::before,
.fh5co-nav-toggle.active i::after {
  background: var(--v-color-black); }

.fh5co-nav-toggle:hover,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none; }

.fh5co-nav-toggle i {
  display: -moz-inline-stack;
  display: block;
  zoom: 1;
  *display: inline;
  top: 11px;
  width: 25px;
  height: 3px;
  background: var(--v-color-black);
  transition: all .2s ease-out; }

.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 3px;
  background: var(--v-color-black);
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.fh5co-nav-toggle i::before {
  top: -7px; }

.fh5co-nav-toggle i::after {
  bottom: -7px; }

.fh5co-nav-toggle:hover i::before {
  top: -10px; }

.fh5co-nav-toggle:hover i::after {
  bottom: -10px; }

.fh5co-nav-toggle.active i {
  background: transparent; }

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }







							/* swiper */

.swiper {
  overflow: visible; }

.swiper-slide {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  height: auto; }

.swiper-slide picture {
  margin-bottom: 32px; }

.swiper-button-prev,
.swiper-button-next {
  margin-top: 0;
  font-size: 28px;
  color: var(--v-color-white);
  opacity: 1;
  top: calc(50%);
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1; }

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none; }

.swiper-button-prev:before {
  font-family: FontAwesome;
  font-size: 48px;
  content: "\F104"; }

.swiper-button-next:before {
  font-family: FontAwesome;
  font-size: 48px;
  content: "\F105"; }

.swiper-button-disabled {
  display: none; }

.swiper-pagination {
  position: relative;
  margin-top: 24px;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }

.swiper-pagination-lock {
  display: none; }

.swiper-pagination-bullet,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets .swiper-pagination-horizontal {
  bottom: 0; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 16px; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  background-color: var(--v-color-white-op);
  opacity: 1; }

.swiper-pagination-bullet-active {
  background-color: var(--v-color-black); }

/* ================================================================================================= */

.visualizer .swiper-slide {
  text-align: right; }

.visualizer-pagination {
  position: relative;
  width: 100%;
  margin-top: 16px;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;
  gap: 24px;
  z-index: 10; }

.visualizer-pagination-bullet {
  margin: 0;
  position: relative;
  -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
  cursor: pointer;
  width: 36px;
  height: 36px; }

.visualizer-pagination-bullet:before {
  content: "";
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  position: absolute;
  top: -4px;
  left: -4px;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
  background: transparent; }

.visualizer-pagination-bullet-active:before {
  border-color: inherit; }






							/* accordion */
.m-accordion {
  width: 100%; }

.c-accordion-unit.panel {
  margin: 0;
  background-color: inherit;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid var(--v-color-white-op); }

.c-accordion-unit-heading {
  padding: 0;
  margin: 0;
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }

.c-accordion-unit-heading a {
  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
  -webkit-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;
  width: 100%;
  line-height: 2.5; }

.c-accordion-unit-heading a i {
  font-size: var(--v-font-lg); }

.c-accordion-unit-body > div {
  padding-top: 32px;
  padding-bottom: 32px; }