.field--name-color-body {
  display: none;
}

body.path-checkout.page-node-type-page-builder #block-mess-checkout-progress {
  display: none;
}

section {
  overflow: hidden;
  position: relative;
}
section.basic-section {
  background-color: var(--secondary-color);
}
section > .field--name-field-background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 1;
}
section > .field--name-field-background-image .media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
section > .field--name-field-background-image .media span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-size: cover;
  background-position: center;
}
section > .inner {
  position: relative;
  z-index: 1;
}
section.header {
  z-index: 0;
}
section.header .basic-item {
  height: 100vh;
  min-height: 640px;
}
section.header .basic-item:before {
  display: none;
}
section.header .basic-media {
  height: 100%;
}
section.header .basic-media h1 {
  text-shadow: 0px 0px 20px var(--secondary-color), 0px 0px 10px var(--secondary-color), 0px 1px 1px var(--secondary-color), 1px 0px 1px var(--secondary-color);
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}
.logo-appears section.header .basic-media h1 {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
section.header .media.picture {
  height: 100%;
}
section.header .media.picture span span {
  background-attachment: fixed;
  background-position: center;
}
section.header .inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
section.header .inner > h2, section.header .inner > h3, section.header .inner > .text-formatted {
  width: 100%;
  height: auto;
}
section.header .basic-video video {
  position: fixed;
  top: 0;
  left: 0;
}
section.header .basic-video.video-autoplay .top h2 {
  position: relative;
}
section.header .basic-video.video-autoplay .top h2:before {
  content: "M";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
section.header .basic-video.video-autoplay .top h2:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: transparent;
  -webkit-text-stroke: 1px var(--primary-color);
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
  font-size: 144px;
  margin: 0 0 24px;
}
@media (min-width: 640px) {
  section.header .basic-video.video-autoplay .top h2:before {
    font-size: 156px;
  }
}
@media (min-width: 1024px) {
  section.header .basic-video.video-autoplay .top h2:before {
    font-size: 174px;
  }
}
@media (min-width: 1280px) {
  section.header .basic-video.video-autoplay .top h2:before {
    font-size: 192px;
  }
}
@media (min-width: 640px) {
  section.header .basic-video.video-autoplay .top h2:before {
    margin: 0 0 26px;
  }
}
@media (min-width: 1024px) {
  section.header .basic-video.video-autoplay .top h2:before {
    margin: 0 0 29px;
  }
}
@media (min-width: 1280px) {
  section.header .basic-video.video-autoplay .top h2:before {
    margin: 0 0 32px;
  }
}
section.border-site {
  padding: 48px;
}
@media (min-width: 640px) {
  section.border-site {
    padding: 52px;
  }
}
@media (min-width: 1024px) {
  section.border-site {
    padding: 58px;
  }
}
@media (min-width: 1280px) {
  section.border-site {
    padding: 64px;
  }
}
section.border-site .basic-text:only-child .text-formatted {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 640px;
}
section.border-site.border-block, section.border-block {
  padding: 24px;
}
@media (min-width: 640px) {
  section.border-site.border-block, section.border-block {
    padding: 26px;
  }
}
@media (min-width: 1024px) {
  section.border-site.border-block, section.border-block {
    padding: 29px;
  }
}
@media (min-width: 1280px) {
  section.border-site.border-block, section.border-block {
    padding: 32px;
  }
}
section.border-site.border-block .basic-item, section.border-block .basic-item {
  padding: 24px;
}
@media (min-width: 640px) {
  section.border-site.border-block .basic-item, section.border-block .basic-item {
    padding: 26px;
  }
}
@media (min-width: 1024px) {
  section.border-site.border-block .basic-item, section.border-block .basic-item {
    padding: 29px;
  }
}
@media (min-width: 1280px) {
  section.border-site.border-block .basic-item, section.border-block .basic-item {
    padding: 32px;
  }
}
section.white-section {
  color: var(--section-white-txt);
  background-size: 960px;
}
section.white-section a {
  color: var(--section-white-link);
}
section.white-section .link .field--type-link {
  border: 1px solid var(--btntxt2);
  color: var(--btntxt2);
  background-color: transparent;
  -webkit-text-fill-color: var(--btntxt2);
}
section.white-section .link .field--type-link input, section.white-section .link .field--type-link:before, section.white-section .link .field--type-link:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.white-section .link .field--type-link input {
  border: 1px solid var(--btntxt2);
}
section.white-section .link .field--type-link:before, section.white-section .link .field--type-link:after {
  background-color: transparent !important;
}
section.white-section .link .field--type-link:hover {
  background-color: var(--btnbg1h);
  border: 1px solid var(--btnbg1h);
  color: var(--btntxt1);
}
section.white-section .link .field--type-link:hover .link-title,
section.white-section .link .field--type-link:hover input, section.white-section .link .field--type-link:hover:before, section.white-section .link .field--type-link:hover:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
section.white-section .link .field--type-link:active {
  background-color: var(--btnbg1);
  border: 1px solid var(--btnbg1);
  color: var(--btntxt1);
}
section.white-section .link .field--type-link:active .link-title,
section.white-section .link .field--type-link:active input, section.white-section .link .field--type-link:active:before, section.white-section .link .field--type-link:active:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
section.white-section .basic-video .content {
  background: rgba(0, 0, 0, 0.5);
}
section.white-section .link .field {
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
  min-height: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 24px;
  letter-spacing: 0.1em;
  font-family: "Saira Light", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0 48px;
  line-height: 1;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  white-space: break-spaces;
  border: 1px solid var(--btntxt1);
  color: var(--btntxt1);
  background-color: transparent;
  -webkit-text-fill-color: var(--btntxt1);
}
@media (min-width: 640px) {
  section.white-section .link .field {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  section.white-section .link .field {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  section.white-section .link .field {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  section.white-section .link .field {
    min-height: 52px;
  }
}
@media (min-width: 1024px) {
  section.white-section .link .field {
    min-height: 58px;
  }
}
@media (min-width: 1280px) {
  section.white-section .link .field {
    min-height: 64px;
  }
}
@media (min-width: 640px) {
  section.white-section .link .field {
    padding: 0 26px;
  }
}
@media (min-width: 1024px) {
  section.white-section .link .field {
    padding: 0 29px;
  }
}
@media (min-width: 1280px) {
  section.white-section .link .field {
    padding: 0 32px;
  }
}
section.white-section .link .field .link-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
section.white-section .link .field .link-title {
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  section.white-section .link .field .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  section.white-section .link .field .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  section.white-section .link .field .link-title {
    font-size: 1rem;
  }
}
section.white-section .link .field .link-url a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
section.white-section .link .field input, section.white-section .link .field:before, section.white-section .link .field:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
section.white-section .link .field input {
  border: 1px solid var(--btntxt1);
  background-color: transparent;
}
section.white-section .link .field:before, section.white-section .link .field:after {
  background-color: transparent !important;
}
section.white-section .link .field:hover {
  background-color: var(--btnbg2h);
  border: 1px solid var(--btnbg2h);
  color: var(--btntxt2);
}
section.white-section .link .field:hover .link-title,
section.white-section .link .field:hover input, section.white-section .link .field:hover:before, section.white-section .link .field:hover:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.white-section .link .field:active {
  background-color: var(--btnbg2);
  border: 1px solid var(--btnbg2);
  color: var(--btntxt2);
}
section.white-section .link .field:active .link-title,
section.white-section .link .field:active input, section.white-section .link .field:active:before, section.white-section .link .field:active:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.black-section {
  color: var(--section-black-txt);
  background-size: 960px;
}
section.black-section a {
  color: var(--section-black-link);
}
section.black-section .link .field--type-link {
  border: 1px solid var(--btntxt1);
  color: var(--btntxt1);
  background-color: transparent;
  -webkit-text-fill-color: var(--btntxt1);
}
section.black-section .link .field--type-link input, section.black-section .link .field--type-link:before, section.black-section .link .field--type-link:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
section.black-section .link .field--type-link input {
  border: 1px solid var(--btntxt1);
  background-color: transparent;
}
section.black-section .link .field--type-link:before, section.black-section .link .field--type-link:after {
  background-color: transparent !important;
}
section.black-section .link .field--type-link:hover {
  background-color: var(--btnbg2h);
  border: 1px solid var(--btnbg2h);
  color: var(--btntxt2);
}
section.black-section .link .field--type-link:hover .link-title,
section.black-section .link .field--type-link:hover input, section.black-section .link .field--type-link:hover:before, section.black-section .link .field--type-link:hover:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.black-section .link .field--type-link:active {
  background-color: var(--btnbg2);
  border: 1px solid var(--btnbg2);
  color: var(--btntxt2);
}
section.black-section .link .field--type-link:active .link-title,
section.black-section .link .field--type-link:active input, section.black-section .link .field--type-link:active:before, section.black-section .link .field--type-link:active:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.black-section .basic-video .content {
  background: rgba(0, 0, 0, 0.7);
}
section.black-section .link .field {
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
  min-height: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 24px;
  letter-spacing: 0.1em;
  font-family: "Saira Light", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0 48px;
  line-height: 1;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  white-space: break-spaces;
  border: 1px solid var(--btntxt2);
  color: var(--btntxt2);
  background-color: transparent;
  -webkit-text-fill-color: var(--btntxt2);
}
@media (min-width: 640px) {
  section.black-section .link .field {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  section.black-section .link .field {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  section.black-section .link .field {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  section.black-section .link .field {
    min-height: 52px;
  }
}
@media (min-width: 1024px) {
  section.black-section .link .field {
    min-height: 58px;
  }
}
@media (min-width: 1280px) {
  section.black-section .link .field {
    min-height: 64px;
  }
}
@media (min-width: 640px) {
  section.black-section .link .field {
    padding: 0 26px;
  }
}
@media (min-width: 1024px) {
  section.black-section .link .field {
    padding: 0 29px;
  }
}
@media (min-width: 1280px) {
  section.black-section .link .field {
    padding: 0 32px;
  }
}
section.black-section .link .field .link-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
section.black-section .link .field .link-title {
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  section.black-section .link .field .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  section.black-section .link .field .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  section.black-section .link .field .link-title {
    font-size: 1rem;
  }
}
section.black-section .link .field .link-url a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
section.black-section .link .field input, section.black-section .link .field:before, section.black-section .link .field:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.black-section .link .field input {
  border: 1px solid var(--btntxt2);
}
section.black-section .link .field:before, section.black-section .link .field:after {
  background-color: transparent !important;
}
section.black-section .link .field:hover {
  background-color: var(--btnbg1h);
  border: 1px solid var(--btnbg1h);
  color: var(--btntxt1);
}
section.black-section .link .field:hover .link-title,
section.black-section .link .field:hover input, section.black-section .link .field:hover:before, section.black-section .link .field:hover:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
section.black-section .link .field:active {
  background-color: var(--btnbg1);
  border: 1px solid var(--btnbg1);
  color: var(--btntxt1);
}
section.black-section .link .field:active .link-title,
section.black-section .link .field:active input, section.black-section .link .field:active:before, section.black-section .link .field:active:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
section.webform-section .wrapper-submit {
  background-color: var(--btnbg2);
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.webform-section .wrapper-submit input, section.webform-section .wrapper-submit:before, section.webform-section .wrapper-submit:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.webform-section .wrapper-submit input {
  background-color: var(--btnbg2);
}
section.webform-section .wrapper-submit:before, section.webform-section .wrapper-submit:after {
  background-color: transparent !important;
}
section.webform-section .wrapper-submit:active {
  background-color: var(--btnbg2h);
}
section.webform-section .wrapper-submit:active input, section.webform-section .wrapper-submit:active:before, section.webform-section .wrapper-submit:active:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.webform-section .wrapper-submit:hover {
  background-color: var(--btnbg2h);
}
section.webform-section .wrapper-submit:hover input, section.webform-section .wrapper-submit:hover:before, section.webform-section .wrapper-submit:hover:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
section.webform-section .wrapper-submit:after {
  content: "\e90b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
section.webform-section .wrapper-submit:after {
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15.984px;
  line-height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit:after {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit:after {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit:after {
    height: 64px;
  }
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit:after {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit:after {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit:after {
    width: 64px;
  }
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit:after {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit:after {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit:after {
    line-height: 64px;
  }
}
section.webform-section .wrapper-submit input {
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
  min-height: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 24px;
  letter-spacing: 0.1em;
  font-family: "Saira Light", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0 48px;
  line-height: 1;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  white-space: break-spaces;
  padding-right: 48px;
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit input {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit input {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit input {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit input {
    min-height: 52px;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit input {
    min-height: 58px;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit input {
    min-height: 64px;
  }
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit input {
    padding: 0 26px;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit input {
    padding: 0 29px;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit input {
    padding: 0 32px;
  }
}
section.webform-section .wrapper-submit input .link-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
section.webform-section .wrapper-submit input .link-title {
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit input .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit input .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit input .link-title {
    font-size: 1rem;
  }
}
section.webform-section .wrapper-submit input .link-url a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
@media (min-width: 640px) {
  section.webform-section .wrapper-submit input {
    padding-right: 52px;
  }
}
@media (min-width: 1024px) {
  section.webform-section .wrapper-submit input {
    padding-right: 58px;
  }
}
@media (min-width: 1280px) {
  section.webform-section .wrapper-submit input {
    padding-right: 64px;
  }
}
section .media {
  position: relative;
}
section .media span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section .media span span {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
section .link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.basic-item.white-section {
  color: var(--section-white-txt);
  background-size: 960px;
}
.basic-item.white-section a {
  color: var(--section-white-link);
}
.basic-item.white-section .link .field--type-link {
  border: 1px solid var(--btntxt2);
  color: var(--btntxt2);
  background-color: transparent;
  -webkit-text-fill-color: var(--btntxt2);
}
.basic-item.white-section .link .field--type-link input, .basic-item.white-section .link .field--type-link:before, .basic-item.white-section .link .field--type-link:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
.basic-item.white-section .link .field--type-link input {
  border: 1px solid var(--btntxt2);
}
.basic-item.white-section .link .field--type-link:before, .basic-item.white-section .link .field--type-link:after {
  background-color: transparent !important;
}
.basic-item.white-section .link .field--type-link:hover {
  background-color: var(--btnbg1h);
  border: 1px solid var(--btnbg1h);
  color: var(--btntxt1);
}
.basic-item.white-section .link .field--type-link:hover .link-title,
.basic-item.white-section .link .field--type-link:hover input, .basic-item.white-section .link .field--type-link:hover:before, .basic-item.white-section .link .field--type-link:hover:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
.basic-item.white-section .link .field--type-link:active {
  background-color: var(--btnbg1);
  border: 1px solid var(--btnbg1);
  color: var(--btntxt1);
}
.basic-item.white-section .link .field--type-link:active .link-title,
.basic-item.white-section .link .field--type-link:active input, .basic-item.white-section .link .field--type-link:active:before, .basic-item.white-section .link .field--type-link:active:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
.basic-item.white-section .basic-video .content {
  background: rgba(0, 0, 0, 0.5);
}
.basic-item.black-section {
  color: var(--section-black-txt);
  background-size: 960px;
}
.basic-item.black-section a {
  color: var(--section-black-link);
}
.basic-item.black-section .link .field--type-link {
  border: 1px solid var(--btntxt1);
  color: var(--btntxt1);
  background-color: transparent;
  -webkit-text-fill-color: var(--btntxt1);
}
.basic-item.black-section .link .field--type-link input, .basic-item.black-section .link .field--type-link:before, .basic-item.black-section .link .field--type-link:after {
  color: var(--btntxt1);
  -webkit-text-fill-color: var(--btntxt1);
}
.basic-item.black-section .link .field--type-link input {
  border: 1px solid var(--btntxt1);
  background-color: transparent;
}
.basic-item.black-section .link .field--type-link:before, .basic-item.black-section .link .field--type-link:after {
  background-color: transparent !important;
}
.basic-item.black-section .link .field--type-link:hover {
  background-color: var(--btnbg2h);
  border: 1px solid var(--btnbg2h);
  color: var(--btntxt2);
}
.basic-item.black-section .link .field--type-link:hover .link-title,
.basic-item.black-section .link .field--type-link:hover input, .basic-item.black-section .link .field--type-link:hover:before, .basic-item.black-section .link .field--type-link:hover:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
.basic-item.black-section .link .field--type-link:active {
  background-color: var(--btnbg2);
  border: 1px solid var(--btnbg2);
  color: var(--btntxt2);
}
.basic-item.black-section .link .field--type-link:active .link-title,
.basic-item.black-section .link .field--type-link:active input, .basic-item.black-section .link .field--type-link:active:before, .basic-item.black-section .link .field--type-link:active:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
.basic-item.black-section .basic-video .content {
  background: rgba(0, 0, 0, 0.7);
}

.basic-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.basic-text .field {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.basic-media {
  position: relative;
}
.basic-media .field--type-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.basic-media .field--type-image * {
  height: 100%;
  width: 100%;
}
.basic-media .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.basic-media .text-formatted {
  margin: 0 0 48px;
}
@media (min-width: 640px) {
  .basic-media .text-formatted {
    margin: 0 0 52px;
  }
}
@media (min-width: 1024px) {
  .basic-media .text-formatted {
    margin: 0 0 58px;
  }
}
@media (min-width: 1280px) {
  .basic-media .text-formatted {
    margin: 0 0 64px;
  }
}
.basic-media .text-formatted h1,
.basic-media .text-formatted h2,
.basic-media .text-formatted h3,
.basic-media .text-formatted h4 {
  margin: 0;
}
.basic-media .link {
  position: relative;
}
.basic-media .link .link-title {
  transition: 0.15s ease-in-out color;
}
.basic-media.ratio-16-9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.basic-media.ratio-9-16::before {
  content: "";
  display: block;
  padding-top: 177.7777777778%;
}
.basic-media.ratio-16-10::before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
.basic-media.ratio-10-16::before {
  content: "";
  display: block;
  padding-top: 160%;
}
.basic-media.ratio-4-5::before {
  content: "";
  display: block;
  padding-top: 125%;
}
.basic-media.ratio-5-4::before {
  content: "";
  display: block;
  padding-top: 80%;
}
.basic-media.ratio-4-3::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.basic-media.ratio-3-4::before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
}
.basic-media.ratio-21-9::before {
  content: "";
  display: block;
  padding-top: 42.8571428571%;
}
.basic-media.ratio-9-21::before {
  content: "";
  display: block;
  padding-top: 233.3333333333%;
}
.basic-media.ratio-7-5::before {
  content: "";
  display: block;
  padding-top: 71.4285714286%;
}
.basic-media.ratio-5-7::before {
  content: "";
  display: block;
  padding-top: 140%;
}
.basic-media.ratio-1-1::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.basic-video.ratio-16-9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.basic-video.ratio-9-16::before {
  content: "";
  display: block;
  padding-top: 177.7777777778%;
}
.basic-video.ratio-16-10::before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
.basic-video.ratio-10-16::before {
  content: "";
  display: block;
  padding-top: 160%;
}
.basic-video.ratio-4-5::before {
  content: "";
  display: block;
  padding-top: 125%;
}
.basic-video.ratio-5-4::before {
  content: "";
  display: block;
  padding-top: 80%;
}
.basic-video.ratio-4-3::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.basic-video.ratio-3-4::before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
}
.basic-video.ratio-21-9::before {
  content: "";
  display: block;
  padding-top: 42.8571428571%;
}
.basic-video.ratio-9-21::before {
  content: "";
  display: block;
  padding-top: 233.3333333333%;
}
.basic-video.ratio-7-5::before {
  content: "";
  display: block;
  padding-top: 71.4285714286%;
}
.basic-video.ratio-5-7::before {
  content: "";
  display: block;
  padding-top: 140%;
}
.basic-video.ratio-1-1::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.basic-video {
  position: relative;
}
.basic-video .media,
.basic-video .field--type-image,
.basic-video .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.basic-video .play {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 96px;
  width: 96px;
}
@media (min-width: 640px) {
  .basic-video .play {
    height: 104px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play {
    height: 116px;
  }
}
@media (min-width: 1280px) {
  .basic-video .play {
    height: 128px;
  }
}
@media (min-width: 640px) {
  .basic-video .play {
    width: 104px;
  }
}
@media (min-width: 1024px) {
  .basic-video .play {
    width: 116px;
  }
}
@media (min-width: 1280px) {
  .basic-video .play {
    width: 128px;
  }
}
.basic-video .play span {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  height: 100%;
  width: 100%;
}
.basic-video .play span span {
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.1rem;
}
.basic-video .play span span:before {
  content: "\e92b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
@media (min-width: 640px) {
  .basic-video .play span span {
    font-size: 2.4rem;
  }
}
@media (min-width: 1024px) {
  .basic-video .play span span {
    font-size: 2.7rem;
  }
}
@media (min-width: 1280px) {
  .basic-video .play span span {
    font-size: 2.7rem;
  }
}
.basic-video .content {
  padding: 48px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 640px) {
  .basic-video .content {
    padding: 52px;
  }
}
@media (min-width: 1024px) {
  .basic-video .content {
    padding: 58px;
  }
}
@media (min-width: 1280px) {
  .basic-video .content {
    padding: 64px;
  }
}
.basic-video .top,
.basic-video .bottom {
  padding: 48px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  max-width: 1024px;
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;
  margin: auto;
}
@media (min-width: 640px) {
  .basic-video .top,
  .basic-video .bottom {
    padding: 52px;
  }
}
@media (min-width: 1024px) {
  .basic-video .top,
  .basic-video .bottom {
    padding: 58px;
  }
}
@media (min-width: 1280px) {
  .basic-video .top,
  .basic-video .bottom {
    padding: 64px;
  }
}
.basic-video .top {
  top: 0;
  bottom: auto;
  justify-content: flex-end;
}
.basic-video .top h2 {
  margin-top: 0;
  font-size: 1.2rem;
}
@media (min-width: 640px) {
  .basic-video .top h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .basic-video .top h2 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1280px) {
  .basic-video .top h2 {
    font-size: 1.8rem;
  }
}
.logo-appears .basic-video .top h2:before {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.basic-video .top h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}
@media (min-width: 640px) {
  .basic-video .top h3 {
    font-size: 1.1rem;
  }
}
@media (min-width: 1024px) {
  .basic-video .top h3 {
    font-size: 1.1rem;
  }
}
@media (min-width: 1280px) {
  .basic-video .top h3 {
    font-size: 1.2rem;
  }
}
.basic-video .bottom {
  top: auto;
  bottom: 0;
}
.basic-video .bottom .text {
  margin: 24px 0;
}
@media (min-width: 640px) {
  .basic-video .bottom .text {
    margin: 26px 0;
  }
}
@media (min-width: 1024px) {
  .basic-video .bottom .text {
    margin: 29px 0;
  }
}
@media (min-width: 1280px) {
  .basic-video .bottom .text {
    margin: 32px 0;
  }
}
.basic-video .bottom .link {
  margin: 12px 0 0;
}
@media (min-width: 640px) {
  .basic-video .bottom .link {
    margin: 13px 0 0;
  }
}
@media (min-width: 1024px) {
  .basic-video .bottom .link {
    margin: 14.5px 0 0;
  }
}
@media (min-width: 1280px) {
  .basic-video .bottom .link {
    margin: 16px 0 0;
  }
}
.basic-video .bottom div.field--type-link {
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
  min-height: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 24px;
  letter-spacing: 0.1em;
  font-family: "Saira Light", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0 48px;
  line-height: 1;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  white-space: break-spaces;
}
@media (min-width: 640px) {
  .basic-video .bottom div.field--type-link {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .basic-video .bottom div.field--type-link {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  .basic-video .bottom div.field--type-link {
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  .basic-video .bottom div.field--type-link {
    min-height: 52px;
  }
}
@media (min-width: 1024px) {
  .basic-video .bottom div.field--type-link {
    min-height: 58px;
  }
}
@media (min-width: 1280px) {
  .basic-video .bottom div.field--type-link {
    min-height: 64px;
  }
}
@media (min-width: 640px) {
  .basic-video .bottom div.field--type-link {
    padding: 0 26px;
  }
}
@media (min-width: 1024px) {
  .basic-video .bottom div.field--type-link {
    padding: 0 29px;
  }
}
@media (min-width: 1280px) {
  .basic-video .bottom div.field--type-link {
    padding: 0 32px;
  }
}
.basic-video .bottom div.field--type-link .link-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
.basic-video .bottom div.field--type-link .link-title {
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .basic-video .bottom div.field--type-link .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .basic-video .bottom div.field--type-link .link-title {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  .basic-video .bottom div.field--type-link .link-title {
    font-size: 1rem;
  }
}
.basic-video .bottom div.field--type-link .link-url a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.basic-video .field--type-image {
  z-index: 1;
}
.basic-video .content {
  z-index: 2;
}
.basic-video .webm {
  z-index: 0;
  display: none;
}
.basic-video .media {
  z-index: 0;
}
.basic-video .webm,
.basic-video .media {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.basic-video video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.basic-video .content,
.basic-video .field--name-field-video-thumbnail {
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}
.basic-video .text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* Limits to 4 lines */
  overflow: hidden;
  text-overflow: ellipsis;
}
.basic-video.active .content,
.basic-video.active .field--name-field-video-thumbnail {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.basic-video.active .content {
  pointer-events: all !important;
}
.basic-video.video-autoplay .play,
.basic-video.video-autoplay .field--type-image {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.basic-video.video-autoplay .top {
  padding-bottom: 0;
}
.basic-video.video-autoplay .bottom {
  padding-top: 0;
}

.basic-text {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.basic-text .text-formatted {
  width: 100%;
  margin: auto;
  padding: 48px;
  max-width: 1152px;
  margin: auto;
}
@media (min-width: 640px) {
  .basic-text .text-formatted {
    padding: 52px;
  }
}
@media (min-width: 1024px) {
  .basic-text .text-formatted {
    padding: 58px;
  }
}
@media (min-width: 1280px) {
  .basic-text .text-formatted {
    padding: 64px;
  }
}
@media (min-width: 1280px) {
  .basic-text .text-formatted {
    max-width: 1152px;
  }
}

section.faq-section {
  padding: 48px;
}
@media (min-width: 640px) {
  section.faq-section {
    padding: 52px;
  }
}
@media (min-width: 1024px) {
  section.faq-section {
    padding: 58px;
  }
}
@media (min-width: 1280px) {
  section.faq-section {
    padding: 64px;
  }
}
section.faq-section .viewport {
  max-width: 1024px;
  margin: auto;
}
section.faq-section .viewport > h2 {
  margin: 0;
}
section.faq-section .viewport > h2 .field {
  padding: 4.8px 60px 4.8px 0;
  line-height: 38.4px;
  min-height: 48px;
}
@media (min-width: 640px) {
  section.faq-section .viewport > h2 .field {
    padding: 5.2px 65px 5.2px 0;
  }
}
@media (min-width: 1024px) {
  section.faq-section .viewport > h2 .field {
    padding: 5.8px 72.5px 5.8px 0;
  }
}
@media (min-width: 1280px) {
  section.faq-section .viewport > h2 .field {
    padding: 6.4px 80px 6.4px 0;
  }
}
@media (min-width: 640px) {
  section.faq-section .viewport > h2 .field {
    line-height: 41.6px;
  }
}
@media (min-width: 1024px) {
  section.faq-section .viewport > h2 .field {
    line-height: 46.4px;
  }
}
@media (min-width: 1280px) {
  section.faq-section .viewport > h2 .field {
    line-height: 51.2px;
  }
}
@media (min-width: 640px) {
  section.faq-section .viewport > h2 .field {
    min-height: 52px;
  }
}
@media (min-width: 1024px) {
  section.faq-section .viewport > h2 .field {
    min-height: 58px;
  }
}
@media (min-width: 1280px) {
  section.faq-section .viewport > h2 .field {
    min-height: 64px;
  }
}
section.faq-section .faq-title {
  overflow: hidden;
  cursor: pointer;
}
section.faq-section .faq-item {
  margin-bottom: 1px;
}
section.faq-section .faq-question,
section.faq-section .faq-answer {
  overflow: hidden;
}
section.faq-section .faq-question p,
section.faq-section .faq-answer p {
  font-size: 14px;
  line-height: 18px;
  margin: 15px 0;
}
@media (min-width: 640px) {
  section.faq-section .faq-question p,
  section.faq-section .faq-answer p {
    margin: 16px 0;
  }
}
@media (min-width: 1024px) {
  section.faq-section .faq-question p,
  section.faq-section .faq-answer p {
    margin: 19px 0;
  }
}
@media (min-width: 1280px) {
  section.faq-section .faq-question p,
  section.faq-section .faq-answer p {
    margin: 22px 0;
  }
}
@media (min-width: 640px) {
  section.faq-section .faq-question p,
  section.faq-section .faq-answer p {
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 1024px) {
  section.faq-section .faq-question p,
  section.faq-section .faq-answer p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 1280px) {
  section.faq-section .faq-question p,
  section.faq-section .faq-answer p {
    font-size: 16px;
    line-height: 20px;
  }
}
section.faq-section .faq-question {
  cursor: pointer;
  position: relative;
  background: var(--tertiary-color);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  padding: 0 60px 0 12px;
}
@media (min-width: 640px) {
  section.faq-section .faq-question {
    padding: 0 65px 0 13px;
  }
}
@media (min-width: 1024px) {
  section.faq-section .faq-question {
    padding: 0 72.5px 0 14.5px;
  }
}
@media (min-width: 1280px) {
  section.faq-section .faq-question {
    padding: 0 80px 0 16px;
  }
}
section.faq-section .faq-question p {
  font-family: "Open Sans ExtraBold", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Arial Black", sans-serif;
}
section.faq-section .faq-question .toggler {
  position: absolute;
  width: 48px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: var(--primary-color);
  background-color: var(--tertiary-color);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
@media (min-width: 640px) {
  section.faq-section .faq-question .toggler {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  section.faq-section .faq-question .toggler {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  section.faq-section .faq-question .toggler {
    width: 64px;
  }
}
section.faq-section .faq-question .toggler:before {
  content: "y";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
section.faq-section .faq-question .toggler:after {
  content: "z";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
section.faq-section .faq-question .toggler:before, section.faq-section .faq-question .toggler:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.faq-section .faq-question .toggler:before {
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}
section.faq-section .faq-question .toggler:after {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
section.faq-section .faq-question:hover {
  background: var(--quaternary-color);
  color: var(--secondary-color);
}
section.faq-section .faq-question:hover .toggler {
  color: var(--secondary-color);
  background-color: var(--primary-color);
}
section.faq-section .faq-question:active {
  background: var(--quaternary-color);
  color: var(--secondary-color);
}
section.faq-section .faq-question:active .toggler {
  color: var(--secondary-color);
  background-color: var(--primary-color);
}
section.faq-section .faq-answer {
  display: none;
}
section.faq-section .faq-item.opened .faq-question .toggler:before {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
section.faq-section .faq-item.opened .faq-question .toggler:after {
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}
section.faq-section .faq-item.opened .faq-answer {
  display: block;
}/*# sourceMappingURL=basic-section.css.map */