@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Worksans;
  src: url('../fonts/WorkSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/Syne-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/Syne-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/Syne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/Syne-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Syne;
  src: url('../fonts/Syne-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Round;
  src: url('../fonts/MaterialIconsRound-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Outlined;
  src: url('../fonts/MaterialIconsOutlined-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark: #101010;
  --white: white;
  --gold: #daa75c;
  --transparent: #fff0;
  --100vw: 100vw;
  --100vh: 100vh;
  --1080: 1080px;
  --1920: 1920px;
  --light-shadow: #0000004d;
  --90vh: 90vh;
  --886px: 886px;
  --gary: #efefef;
  --red: #e76464;
  --dark-shadow: #000c;
  --no-chosen: #fff6;
  --100: 100%;
  --dark-gold: #bc904f;
  --press-black: #3a3a3a;
  --press-gold: #bc8e49;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.heading-1-white {
  color: var(--white);
  text-align: center;
  letter-spacing: 8px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Syne, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
}

.heading-1-white.left-text {
  color: var(--gold);
  text-align: left;
  align-self: flex-start;
}

.heading-1-white.left-text.margin-top-h1 {
  margin-top: 96px;
}

.heading-1-white.left-text.gold {
  color: var(--gold);
  letter-spacing: 2px;
}

.heading-1-white.center {
  align-self: center;
  margin-top: 30vh;
  display: block;
}

.heading-1-white.center.gold {
  color: var(--gold);
  letter-spacing: 3px;
  margin-top: 25vh;
}

.text-normal-white {
  background-color: var(--transparent);
  color: var(--white);
  text-align: left;
  letter-spacing: 1px;
  flex-flow: column;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Worksans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
  display: flex;
}

.text-normal-white.center-layout {
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
}

.text-normal-white.center-layout.center {
  align-self: center;
}

.text-normal-white.remove-margin {
  margin-top: 10px;
  margin-bottom: 0;
}

.text-normal-white.menu-text {
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.text-normal-white.cover-limit {
  text-align: center;
  width: 500px;
}

.text-normal-white.cover-limit.down {
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.text-normal-white.cover-limit.down.transparent {
  color: var(--transparent);
}

.text-normal-white.gold {
  color: var(--gold);
}

.text-normal-white.gold.height {
  margin-top: 0;
}

.text-normal-white.page-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.text-normal-white.height {
  margin-top: 0;
}

.container {
  width: auto;
  max-width: 1248px;
}

.homepage-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: linear-gradient(270deg, var(--light-shadow) 26%, var(--transparent)), url('../images/首图扩展-1.png');
  background-position: 0 0, 50% 78%;
  background-size: auto, cover;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-1 {
  flex-flow: column;
  flex: 1;
  margin: 6% 25% auto 52%;
  display: flex;
}

.button-fill-gold {
  border: 1px solid var(--gold);
  background-color: var(--gold);
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 2px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 10px 24px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.button-fill-gold.button-text {
  font-family: Work Sans;
  font-size: 14px;
  font-weight: 300;
  line-height: 140%;
}

.button-fill-gold.left {
  align-self: flex-start;
}

.button-fill-gold.remove-top {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.button-fill-gold.remove-top.size {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.button-fill-gold.go-left {
  background-color: var(--gold);
  border-width: 2px;
  margin-left: 0;
  margin-right: 0;
}

.button-fill-gold.go-left.with-stroke {
  border-width: 1px;
  border-color: var(--gold);
  padding: 12px 24px;
  font-size: 16px;
}

.button-fill-gold.cover-page.left {
  letter-spacing: 1px;
  margin-left: 0;
}

.button-fill-gold.cover-page.left.hero-length, .button-fill-gold.cover-page.hero-length {
  padding-left: 48px;
  padding-right: 48px;
}

.button-fill-gold.same-length {
  text-align: center;
  width: 100%;
}

.button-stroke-white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1.5px solid var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  vertical-align: baseline;
  background-color: #fff0;
  background-clip: border-box;
  border-radius: 2px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 20px;
  padding: 10px 24px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: block;
}

.button-stroke-white.margin-top {
  margin-top: 20px;
}

.button-stroke-white.go-down {
  margin-top: auto;
  margin-left: 0;
}

.button-stroke-white.go-left {
  margin-left: 40px;
}

.div-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  display: flex;
}

.navbar {
  z-index: 9;
  width: var(--100vw);
  height: 60px;
  max-width: var(--1920);
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  top: 0;
}

.hero-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: linear-gradient(270deg, var(--light-shadow) 39%, var(--transparent));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 5%;
  display: block;
}

.nav-bar {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
  position: static;
}

.nav-bar.black-style-bar {
  height: 60px;
}

.white-logo {
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0% auto;
}

.link-block {
  background-image: url('../images/icon-letter.png');
  background-position: 50%;
  background-size: auto;
}

.link-block-2 {
  background-color: #ff2020;
}

.menu {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex: 0 auto;
  width: 5%;
  text-decoration: none;
  display: flex;
}

.section-2 {
  margin-top: 366px;
  margin-bottom: 366px;
}

.nav-text {
  color: var(--white);
  font-family: Syne, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.link {
  text-decoration: none;
}

.nav-link-text {
  color: var(--white);
  align-self: center;
  font-family: Syne, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}

.nav-link-text.black {
  color: var(--dark);
}

.text-block {
  text-decoration: none;
}

.slogan-section-black {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
  display: flex;
}

.heading-2 {
  color: var(--white);
  text-align: center;
  letter-spacing: 8px;
  margin-top: 0;
  font-family: Syne, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 100%;
}

.heading-2.go-left {
  text-align: left;
}

.heading-2.go-left.gold {
  color: var(--gold);
  margin-bottom: 0;
}

.heading-2.go-right {
  text-align: right;
  padding-right: 30px;
}

.heading-2.go-right.brand {
  line-height: 150%;
}

.heading-2.center {
  letter-spacing: 4px;
  align-self: center;
}

.car-section {
  width: var(--100vw);
  height: var(--100vh);
  background-color: var(--dark);
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  max-height: 900px;
  display: flex;
}

.car-section.car-background-1 {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: linear-gradient(#fff0 60%, #000000ba), linear-gradient(#0000009e, #fff0), url('../images/john-matychuk-FgTcokJpm9w-unsplash.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: center;
  align-items: flex-start;
}

.car-section.car-background-2 {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/car2.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
}

.car-section.car-background-3 {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/car3.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
}

.heading-3 {
  color: var(--white);
  text-align: left;
  letter-spacing: 2px;
  font-family: Worksans, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

.heading-3.gap-back {
  align-self: flex-start;
  margin-top: 0;
}

.heading-3.margin-top {
  color: var(--dark);
  align-self: flex-start;
  margin-top: 96px;
  display: block;
}

.heading-3.margin-top.center {
  align-self: center;
}

.heading-3.margin-top.left-margin {
  margin-left: 10px;
}

.heading-3.left, .heading-3.left.gold {
  color: var(--gold);
}

.heading-3.left-margin {
  margin-left: 15px;
}

.heading-3.gold {
  color: var(--gold);
}

.car-title {
  padding-top: 5vh;
}

.heading-1-black {
  color: var(--dark);
  text-align: center;
  letter-spacing: 8px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
}

.heading-1-black.gap {
  margin-top: 48px;
  margin-bottom: 32px;
}

.heading-1-black.gap.center {
  justify-content: center;
  align-self: center;
  align-items: flex-start;
}

.heading-1-black.gap.small {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-1-black.margin {
  letter-spacing: 4px;
  align-self: flex-start;
}

.heading-1-black.margin.left {
  text-align: left;
  margin-top: 0;
}

.heading-1-black.gold {
  color: var(--gold);
  display: block;
}

.button-stroke-black {
  color: var(--dark);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1.5px solid #000;
  border-radius: 2px;
  margin-top: 20px;
  padding: 10px 48px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.button-stroke-black.center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-stroke-black.center.size {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.series-section-nolink {
  width: var(--100vw);
  height: var(--90vh);
  max-height: var(--886px);
  max-width: var(--1920);
  background-color: var(--dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-side {
  object-fit: cover;
  align-self: flex-end;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  overflow: hidden;
}

.collection-container {
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 75%;
  max-width: none;
  height: 70%;
  margin: 96px 72px;
  display: flex;
}

.discover-link {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-decoration: none;
  display: flex;
}

.heading-4 {
  color: var(--white);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Worksans, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}

.heading-4.center {
  align-self: flex-start;
}

.heading-4.underline {
  border-bottom: 1px solid var(--white);
  padding-bottom: 12px;
}

.heading-4.gold {
  color: var(--gold);
}

.text-button {
  color: var(--white);
  letter-spacing: 1px;
  align-self: flex-start;
  font-family: Syne, sans-serif;
  font-size: 18px;
  line-height: 150%;
  text-decoration: none;
}

.text-button.black {
  color: var(--dark);
}

.text-button.page-link {
  align-self: flex-end;
  align-items: flex-end;
}

.block-left {
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 410.906px;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 4%;
  display: flex;
}

.arrow {
  align-self: center;
}

.block-right {
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 422.883px;
  margin-bottom: 0;
  margin-left: 4%;
  display: flex;
}

.news-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
  margin-bottom: 0;
}

.container-2 {
  float: left;
  max-width: 1280px;
  margin-top: 96px;
  margin-left: 64px;
  position: static;
}

.container-3 {
  padding-top: 124px;
  padding-bottom: 124px;
}

.image-3 {
  opacity: 0;
  display: block;
}

.tag {
  color: var(--white);
  background-color: #3c3c3c;
  border-radius: 2px;
  padding: 4px 8px;
}

.tag.sitemap-bold {
  font-family: Worksans, Arial, sans-serif;
}

.news-text-block {
  width: auto;
}

.tag-block {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  display: flex;
}

.sitemap-bold {
  color: var(--white);
  align-self: flex-start;
  font-family: Work Sans;
  font-weight: 600;
  line-height: 150%;
}

.sitemap-bold.go-left {
  text-align: left;
  align-self: flex-start;
  font-family: Worksans, Arial, sans-serif;
}

.sitemap-bold.center {
  align-self: center;
  font-family: Worksans, Arial, sans-serif;
}

.text-small {
  color: var(--white);
  font-family: Worksans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.text-small.text-fill-block {
  width: 100%;
}

.text-small.black {
  color: var(--dark);
  font-family: Worksans, Arial, sans-serif;
}

.text-small.limit {
  width: 400px;
}

.news-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  margin-left: -16px;
  display: flex;
}

._3-news-block {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  place-items: center start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 64px;
  font-weight: 400;
  display: block;
}

.read-more-link {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  width: 35%;
  text-decoration: none;
  display: flex;
}

.news-intro {
  float: none;
  object-fit: fill;
  width: 100%;
  padding-top: 0;
  padding-bottom: 60px;
  position: absolute;
  inset: auto auto 0% 5%;
}

.heading-2-1 {
  color: var(--white);
  letter-spacing: 2px;
  margin-top: -12px;
  padding-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 150%;
}

.sitemap-black {
  color: var(--dark);
  align-self: center;
  font-family: Worksans, Arial, sans-serif;
  font-weight: 600;
  line-height: 140%;
}

.sitemap-black.tag-light {
  background-color: var(--light-shadow);
  border-radius: 2px;
  padding: 4px 8px;
}

.div-block-4 {
  background-color: var(--dark);
  flex-flow: column;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 96px;
  display: flex;
}

.page-link {
  text-decoration: none;
  display: flex;
}

.page-link.pages {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  padding-right: 8px;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
  display: flex;
}

.pages {
  color: var(--white);
  letter-spacing: 1px;
  align-self: center;
  padding: 12px;
  font-family: Work Sans;
  font-weight: 400;
  text-decoration: none;
}

.pages.chosen-page {
  color: var(--white);
}

.sitemap-light {
  color: var(--white);
  letter-spacing: 0;
  font-family: Worksans, Arial, sans-serif;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.div-block-6 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.div-block-7 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.foot-block {
  clear: none;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.image-4 {
  background-image: url('../images/11620250111-13-54-24.png');
  background-position: 50%;
  background-size: cover;
  align-self: flex-start;
  padding-bottom: 12px;
}

.sitemap-information {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.columns {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 64px;
  padding-bottom: 48px;
  display: flex;
  position: static;
}

.container-standrad {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  display: flex;
}

.container-standrad.center {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  justify-content: center;
  align-items: center;
}

.column {
  flex: 0 auto;
  align-self: auto;
  padding-left: 96px;
  padding-right: 0;
  display: flex;
}

.column-2 {
  padding-left: 96px;
  padding-right: 0;
}

.column-right-align {
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 0;
  display: flex;
}

.social-media-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 20px;
  display: flex;
}

.flex-block {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.bottom-block-black {
  border-top: 1px solid var(--white);
  justify-content: space-between;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.container-5 {
  width: 90%;
  max-width: none;
  height: 120px;
}

.mars-cover-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: linear-gradient(106deg, var(--dark), var(--light-shadow) 0%, #000000ad 0%, var(--transparent) 102%), url('../images/mars-cover.jpg');
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
}

.conditioner-standrad {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  display: flex;
}

.conditioner-standrad.half-layout {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.container-6 {
  background-color: #df5858;
}

.div-block-10 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 381px;
  margin-left: 7%;
  margin-right: 7%;
  display: flex;
}

.section-3 {
  background-color: var(--dark);
}

.image-2-3 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.column-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-self: flex-start;
  display: flex;
}

.column-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  display: flex;
}

.column-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-self: flex-start;
  display: flex;
}

.container-7 {
  width: 96%;
  max-width: none;
}

.grid {
  grid-template: ". Area"
                 ". ."
                 / 1fr 1fr 1fr 1fr;
  width: 100%;
}

.image-6 {
  width: 100%;
}

.product-cell {
  background-color: var(--gary);
}

.grid-section {
  width: var(--100vw);
  max-width: var(--1920);
  padding-bottom: 124px;
}

.heading-2-black {
  color: var(--dark);
  text-align: center;
  letter-spacing: 8px;
  font-family: Syne, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 100%;
}

.text-normal-black {
  width: auto;
  color: var(--dark);
  text-align: left;
  letter-spacing: 1px;
  align-self: flex-start;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Worksans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

.text-normal-black.remove-margin {
  padding-bottom: 0;
}

.text-normal-black.remove-margin.margin.central {
  text-align: center;
}

.text-normal-black.center-v {
  align-self: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-normal-black.center-v.message {
  flex: none;
  width: 56px;
}

.text-normal-black.center {
  align-self: center;
  width: 90px;
  margin-top: 10px;
  display: block;
}

.text-normal-black.center.down {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.text-normal-black.red {
  color: var(--red);
}

.text-normal-black.down {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.text-normal-black.down.transparemt {
  color: var(--transparent);
}

.text-normal-black.down.more-margin {
  margin-bottom: 20px;
}

.text-normal-black.down.more-margin.middle {
  text-align: center;
  font-family: Worksans, Arial, sans-serif;
}

.text-normal-black.menu-text {
  color: var(--dark);
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Worksans, Arial, sans-serif;
  text-decoration: none;
}

.text-normal-black.central {
  text-align: center;
}

.list-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  display: flex;
}

.download-file-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding-top: 88px;
  padding-bottom: 48px;
  display: flex;
}

.heading-sub {
  color: var(--white);
  letter-spacing: 2px;
  font-family: Syne, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 120%;
}

.columns-2 {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  justify-content: space-between;
  display: flex;
}

.columns-3 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 44px;
  padding-bottom: 44px;
}

.list-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 70%;
  margin-bottom: 68px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.slogan-section-white {
  width: var(--100vw);
  max-width: var(--1920);
}

.news-title-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--white);
  margin-top: 84px;
}

.tag-blcok-white {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.heading-3-black {
  letter-spacing: 2px;
  margin-top: 0;
  font-family: Worksans, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

.heading-3-black.box-set {
  width: 323.797px;
}

.text-small-black {
  color: var(--dark);
  word-break: normal;
  font-family: Worksans, Arial, sans-serif;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.text-small-black.paragraph-spacing {
  margin-bottom: 20px;
  font-family: Worksans, Arial, sans-serif;
  text-decoration-style: solid;
}

.text-small-black.box-set {
  text-align: left;
  width: 100%;
}

.text-small-black.border {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.text-small-black.broder1 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.text-small-black.fade {
  color: var(--light-shadow);
}

.columns-4 {
  margin-top: 48px;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.image-gap-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.image-7 {
  width: 48%;
}

.columns-5 {
  margin-bottom: 64px;
  display: none;
}

.heading-4-black {
  color: var(--dark);
  letter-spacing: 2px;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.heading-4-black.left {
  align-self: flex-start;
}

.columns-6 {
  width: 100%;
}

.news-page-link-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  margin-left: -4px;
  padding: 4px 8px 4px 0;
  text-decoration: none;
  display: flex;
}

.text-block-2 {
  text-decoration: none;
  -webkit-text-decoration-color: var(--gary);
  text-decoration-color: var(--gary);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  align-self: center;
  text-decoration-style: dashed;
  display: block;
}

.div-block-11 {
  border: 1px solid #000;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 4px 12px;
  padding: 0;
  display: flex;
}

.news-page-link-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  margin-right: -4px;
  padding: 4px 0 4px 8px;
  text-decoration: none;
  display: flex;
}

.sitemap-section-black {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
}

.column-6 {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.last-one-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.page-change {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 96px;
  display: none;
}

.series-cover-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/titan4.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
}

.series-cover-section.spark {
  background-image: url('../images/spark2.png');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
}

.columns-7 {
  margin-top: 30vh;
  display: none;
}

.album-section {
  width: var(--100vw);
  height: var(--90vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-color: var(--white);
  margin-top: 124px;
  margin-bottom: 124px;
}

.image-8 {
  object-fit: cover;
  align-self: center;
  width: 100%;
  height: 95vh;
}

.half-slogan-section {
  width: var(--100vw);
  max-width: var(--1920);
  object-fit: cover;
}

.columns-8 {
  width: 100%;
  margin-right: 0;
  padding-top: 124px;
  padding-bottom: 48px;
}

._4tab-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.discription {
  width: 100%;
  margin-top: 32px;
  position: relative;
}

.discription.go-left {
  align-self: flex-start;
  position: static;
}

.heading-5 {
  color: var(--white);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}

.heading-5.no-chosen {
  color: var(--no-chosen);
}

.heading-5.left {
  color: var(--dark);
  text-align: left;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 0;
  text-decoration: none;
}

.heading-5.left.w--current {
  color: var(--dark);
}

.heading-5.left.language {
  letter-spacing: 2px;
}

.heading-5.left.language:lang(en) {
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
}

.heading-5.left.language.left-margin {
  padding-left: 4px;
}

.heading-5.cover-limit {
  text-align: left;
  letter-spacing: 2px;
  width: 500px;
  line-height: 120%;
}

.columns-9 {
  border-bottom: 2px solid var(--no-chosen);
  align-self: center;
  width: 100%;
  margin-top: 36%;
}

.chosen-column {
  border-bottom: 2px solid var(--white);
}

.column-7 {
  text-decoration: none;
}

.feature-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--white);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.design-a {
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
  margin-right: 0;
  display: flex;
}

.design-b {
  align-self: center;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
  margin-right: 0;
}

.design-c {
  align-self: center;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
}

.download-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-image: url('../images/book-background.png');
  background-position: 0 0;
  background-size: cover;
}

.blank-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: 864px;
  max-width: var(--1920);
  background-image: linear-gradient(180deg, var(--dark-shadow), var(--transparent) 51%), linear-gradient(180deg, var(--transparent) 60%, var(--dark-shadow)), url('../images/about-us-cover.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.welcome-block {
  width: var(--100vw);
  height: 320px;
  max-width: var(--1920);
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  display: flex;
}

.brands-section {
  width: var(--100vw);
  height: 40vh;
  max-height: 432px;
  max-width: var(--1920);
  background-image: linear-gradient(180deg, var(--dark-shadow), var(--transparent) 53%), url('../images/logo-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brands-section.hide {
  display: none;
}

.brand-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  order: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-content: stretch;
  align-self: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sitemap-bold-black {
  color: var(--dark);
  font-family: Worksans, Arial, sans-serif;
  font-weight: 600;
  line-height: 150%;
}

.sitemap-light-black {
  color: var(--dark);
  font-family: Worksans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.list-series-section {
  width: var(--100vw);
  height: 100vh;
  max-width: var(--1920);
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-intro-section {
  width: var(--100vw);
  height: 90vh;
  max-height: 886px;
  max-width: var(--1920);
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-intro-section.hide {
  display: none;
}

.service-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
}

.service-section.hide {
  display: none;
}

.paragraph-center {
  align-self: center;
  width: 60%;
}

.bottom-block-white {
  border-top: 1px solid var(--dark);
  justify-content: space-between;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.contact-section {
  width: var(--100vw);
  max-width: var(--1920);
  margin-top: 84px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.contact-icons {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  display: flex;
}

.contact-info {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.div-block-16 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 12px;
  display: flex;
}

.button-fill-black {
  background-color: var(--dark);
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  padding: 10px 48px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.button-fill-black.remove-top {
  margin-top: 0;
}

.button-fill-black.remove-top.size {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.button-fill-black.contact {
  margin-top: 0;
}

.dropdown-toggle {
  border: 1px solid #000;
  padding: 10px 96px 10px 10px;
  position: static;
}

.grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-items: stretch;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
}

.learn-more-link {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  margin-top: 22px;
  text-decoration: none;
  display: flex;
}

.heading-worksans {
  color: var(--dark);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Work Sans;
  font-size: 28px;
  font-weight: 400;
  line-height: 150%;
}

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

.div-block-17 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-top: 48px;
  display: flex;
}

.shop-section {
  height: 500px;
}

.message-modal {
  z-index: 12;
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-bg {
  width: var(--100vw);
  height: var(--100vh);
  background-color: var(--light-shadow);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  flex-flow: column;
  align-self: center;
  display: flex;
}

.modal-container {
  background-color: var(--white);
  width: 100%;
  max-width: 35rem;
  padding: 63px 84px 32px;
  display: block;
  position: absolute;
}

.name-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #000;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-left: 14px;
  display: flex;
}

.text-field-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-field-1.text-small-black {
  border: 0px solid var(--white);
  margin-top: 5px;
  margin-bottom: 5px;
}

.text-field-1.sitemap-bold-black {
  border: 1px solid var(--white);
  background-color: var(--transparent);
}

.text-field-1.sitemap-bold-black.email {
  flex: 1;
}

.email-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid #000;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 14px;
  display: flex;
}

.email-block.cn {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.text-field-2 {
  border: 1px solid var(--white);
  margin-top: 5px;
  margin-bottom: 5px;
}

.text-field-2.sitemap-bold-black {
  background-color: var(--transparent);
}

.form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.textarea {
  border: 1px solid var(--white);
  background-color: var(--transparent);
  display: flex;
  overflow: auto;
}

.textarea.sitemap-bold-black {
  height: 120px;
  margin-bottom: 0;
}

.form-block {
  margin-top: 32px;
}

.success-message {
  background-color: var(--white);
}

.error-message {
  background-color: var(--transparent);
  padding-top: 0;
  padding-bottom: 0;
}

.close-link {
  text-decoration: none;
  position: absolute;
  inset: 4% 4% auto auto;
}

.dropdown {
  z-index: 1;
}

.dropdown-list {
  background-color: var(--red);
}

.dropdown-list.w--open {
  background-color: var(--white);
}

.main-section {
  width: var(--100vw);
  max-width: var(--1920);
  margin-top: 84px;
}

.link-inside-text {
  color: var(--dark);
  font-weight: 400;
  text-decoration: none;
}

.container-for-policy {
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-left: 0;
  display: flex;
}

.hero-columns {
  align-self: center;
  width: 100%;
  margin-top: 20vh;
  display: flex;
}

.hero-columns.cn {
  margin-top: 30vh;
}

.div-block-18 {
  width: 20vw;
  margin-top: -49px;
}

.div-block-19 {
  width: 80%;
}

.slide-3 {
  background-image: url('../images/album3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider {
  width: 100%;
  height: 90vh;
}

.slide-2 {
  background-image: url('../images/titan7.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-1 {
  background-image: url('../images/titan5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.check-image-icon {
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.pic-changes {
  width: 100%;
}

.pic-large-block {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 90%;
  max-width: 1536px;
  height: 80%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-11 {
  vertical-align: baseline;
}

.image-large {
  height: 100%;
  max-height: 100%;
}

.close {
  margin-top: -37px;
  text-decoration: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.pic-bg {
  width: var(--100vw);
  height: var(--100vh);
  background-color: var(--dark-shadow);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  display: flex;
}

.div-block-20 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.column-9 {
  display: flex;
  overflow: hidden;
}

.modal2, .modal3 {
  z-index: 20;
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pic-2, .pic-3 {
  width: 100%;
}

.tabs {
  z-index: 3;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
  display: flex;
}

.w.w--current {
  border-bottom: 3px solid var(--white);
  padding-bottom: 10px;
  padding-left: 45px;
  padding-right: 45px;
}

.tab-link-tab-2 {
  padding-left: 45px;
  padding-right: 45px;
}

.tab-link-tab-2.heading-5.no-chosen.w--current {
  color: var(--white);
}

.tab {
  background-color: var(--transparent);
  color: var(--no-chosen);
  letter-spacing: 3px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}

.tab.w--current {
  border-bottom: 3px solid var(--white);
  background-color: var(--transparent);
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 18px;
}

.tab-link-tab-4 {
  padding-left: 45px;
  padding-right: 45px;
}

.text-block-3 {
  font-size: 18px;
  line-height: 100%;
}

.div-block-22 {
  background-image: url('../images/coverpics.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-23 {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
}

.pics-wrapper {
  width: 100vw;
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  object-fit: fill;
  justify-content: flex-start;
  align-items: stretch;
  display: none;
  position: absolute;
  overflow: hidden;
}

.picture-tab {
  width: var(--100);
  height: var(--100);
  background-image: url('../images/coverpics.jpg');
  background-position: 50%;
  background-size: cover;
}

.picture-tab._1 {
  width: var(--100vw);
  background-image: linear-gradient(#00000059, #fff0), url('../images/titan6.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  position: absolute;
}

.picture-tab._1.spark {
  background-image: linear-gradient(#00000059, #fff0), url('../images/spark5.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.picture-tab._2 {
  width: var(--100vw);
  background-image: linear-gradient(180deg, var(--light-shadow), var(--transparent)), url('../images/碳纤维.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.picture-tab._2.spark {
  background-image: linear-gradient(180deg, var(--light-shadow), #0000), url('../images/spark4.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.picture-tab._3 {
  width: var(--100vw);
  background-image: linear-gradient(180deg, var(--light-shadow), var(--transparent)), url('../images/4-压缩.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  position: absolute;
  left: 200%;
}

.picture-tab._3.spark {
  background-image: linear-gradient(180deg, var(--light-shadow), #0000), url('../images/spark-3.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.picture-tab._4 {
  width: var(--100vw);
  background-image: url('../images/4-压缩.png');
  position: absolute;
  left: 200%;
}

.picture-2 {
  background-image: url('../images/coverpics-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%;
}

.picture-3 {
  background-image: url('../images/album.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 200%;
}

.picture-4 {
  background-image: url('../images/coverpics-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 300%;
}

.section-5 {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/coverpics.jpg');
  background-position: 50%;
  background-size: cover;
  display: none;
}

.left-menu-block {
  z-index: 5;
  width: 30%;
  height: var(--100vh);
  background-color: var(--dark);
  display: block;
  position: absolute;
  inset: 0% auto 0% -30%;
}

.left-menu-block.auto {
  background-color: var(--dark-gold);
}

.container-for-menu {
  margin-left: 54px;
  display: block;
}

.home-box {
  margin-top: 40px;
  margin-bottom: 20px;
}

.menu-series, .series-2, .series-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-bottom: 20px;
  display: flex;
}

.last-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.close-link-2 {
  margin-top: 40px;
  text-decoration: none;
}

.menu-bg {
  z-index: 4;
  width: var(--100vw);
  height: var(--100vh);
  background-color: var(--light-shadow);
  display: none;
  position: fixed;
  inset: 0%;
}

.series-text {
  flex-flow: column;
  align-items: stretch;
  margin-top: -96px;
  display: flex;
}

.series-container {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
}

.heading-up {
  margin-top: 5vh;
}

.tab-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  display: flex;
}

.tab-section.titan {
  display: flex;
  position: relative;
}

.tabs-menu {
  border-bottom: 2px solid var(--no-chosen);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 5vh;
}

.arrowbox {
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrowback-box {
  display: none;
}

.gold-arrow {
  align-self: center;
  display: none;
}

.button-box {
  display: none;
}

.nav-section {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
}

.link-nav {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.image-12 {
  align-self: center;
}

.image-angle-wrapper {
  width: var(--100);
  height: var(--100);
  display: none;
}

.configure-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
}

.slider-360 {
  width: 100vw;
  height: 100%;
  position: absolute;
}

.slide-nav {
  display: none;
}

.angle-1 {
  opacity: 1;
  background-image: url('../images/21720250111-14-17-29.png');
  background-position: 50%;
  background-size: cover;
}

.angle-2 {
  background-image: url('../images/21820250111-14-19-28.png');
  background-position: 50%;
  background-size: cover;
}

.angle-3 {
  background-image: url('../images/20120250111-13-52-33.png');
  background-position: 50%;
  background-size: cover;
}

.angle-4 {
  background-image: url('../images/20220250111-13-54-22.png');
  background-position: 50%;
  background-size: cover;
}

.angle-5 {
  background-image: url('../images/20320250111-13-56-26.png');
  background-position: 50%;
  background-size: cover;
}

.angle-6 {
  background-image: url('../images/20420250111-13-58-23.png');
  background-position: 50%;
  background-size: cover;
}

.angle-7 {
  background-image: url('../images/20520250111-14-00-05.png');
  background-position: 50%;
  background-size: cover;
}

.angle-8 {
  background-image: url('../images/20620250111-14-01-38.png');
  background-position: 50%;
  background-size: cover;
}

.angle-9 {
  background-image: url('../images/20720250111-14-03-09.png');
  background-position: 50%;
  background-size: cover;
}

.angle-10 {
  background-image: url('../images/20820250111-14-04-42.png');
  background-position: 50%;
  background-size: cover;
}

.angle-11 {
  background-image: url('../images/20920250111-14-06-08.png');
  background-position: 50%;
  background-size: cover;
}

.angle-12 {
  background-image: url('../images/210.png');
  background-position: 50%;
  background-size: cover;
}

.angle-13 {
  background-image: url('../images/21120250111-14-08-21.png');
  background-position: 50%;
  background-size: cover;
}

.angle-14 {
  background-image: url('../images/21220250111-14-09-36.png');
  background-position: 50%;
  background-size: cover;
}

.angle-15 {
  background-image: url('../images/21320250111-14-11-02.png');
  background-position: 50%;
  background-size: cover;
}

.angle-16 {
  background-image: url('../images/21420250111-14-12-36.png');
  background-position: 50%;
  background-size: cover;
}

.angle-17 {
  background-image: url('../images/21520250111-14-14-09.png');
  background-position: 50%;
  background-size: cover;
}

.angle-18 {
  background-image: url('../images/21620250111-14-15-44.png');
  background-position: 50%;
  background-size: cover;
}

.icon {
  display: none;
}

.image-13 {
  object-fit: cover;
  height: 100%;
}

.left-arrow {
  width: 30%;
  display: flex;
}

.icon-2 {
  display: none;
}

.right-arrow {
  justify-content: flex-end;
  align-items: stretch;
  width: 30%;
  display: flex;
}

.large-menu {
  z-index: 5;
  background-color: var(--dark-shadow);
  justify-content: flex-end;
  align-items: flex-start;
  width: 20%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.container-inside {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 88%;
  margin-right: 8px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.list-image {
  border-radius: 0;
}

.list-images {
  border-radius: 40px;
}

.image-14 {
  border: 4px solid var(--light-shadow);
  border-radius: 4px;
}

.image-14.no-chosen {
  filter: brightness(80%);
}

.side-menu-arrow {
  align-self: center;
  height: 4%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-on-show {
  opacity: 1;
  border-radius: 4px;
}

.list-chosen {
  border: 4px solid var(--gold);
  border-radius: 4px;
}

.list-chosen.w--current {
  border-width: 4px;
}

.open-side-arrow {
  object-fit: cover;
}

.image-wrapper {
  width: 100vw;
  height: 100%;
  display: none;
  position: absolute;
  overflow: hidden;
}

.image-1 {
  opacity: 0;
  object-fit: cover;
  max-width: 100vw;
}

.arrowback1 {
  margin-top: -2px;
}

.image-2 {
  opacity: 0;
  background-image: url('../images/11520250111-13-53-08.png');
  background-position: 50%;
  background-size: cover;
}

.image-5 {
  background-image: url('../images/11120250111-13-48-18.png');
  background-position: 50%;
  background-size: cover;
}

.logo-pic {
  margin-left: -10px;
}

.container-for-nav {
  width: 90%;
  max-width: none;
  margin-bottom: 60px;
}

.columns-14 {
  justify-content: center;
  align-items: center;
  margin-top: 60vh;
  display: flex;
}

.model1 {
  z-index: 20;
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  display: none;
  position: fixed;
  inset: 0%;
}

.dropdown-toggle-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.dropdown-toggle-2.w--open {
  padding-right: 20px;
}

.code-embed {
  color: var(--white);
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
}

.code-embed.black {
  color: var(--dark);
}

.div-block-24 {
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
}

.letter-icon {
  text-decoration: none;
  display: flex;
}

.dropdown-list-2 {
  background-color: var(--gold);
}

.dropdown-list-2.w--open {
  background-color: var(--white);
}

.dropdown-list-2.black.w--open {
  background-color: var(--gary);
}

.menu-text {
  color: var(--white);
  align-self: flex-start;
}

.container-8 {
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.section-6, .section-7 {
  margin-top: 84px;
}

.container-9 {
  width: var(--100);
  max-width: var(--1920);
}

.auto-center-limit {
  width: var(--100vw);
  max-width: var(--1920);
  margin-left: auto;
  margin-right: auto;
}

.body-3 {
  background-color: var(--red);
}

.menu-box {
  width: 15%;
}

.nav-bg {
  width: 100%;
}

.title-block {
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 25vh;
  display: flex;
}

.dropdown-2 {
  margin-left: 0;
  margin-right: 0;
}

.homepage {
  margin-left: -4px;
}

.homepage.w--current {
  width: 100%;
  margin-left: 0;
}

.half-page-image-box {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.half-page-image-box.another {
  display: block;
}

.pic-change, .image-16 {
  width: 100%;
}

.tabs-content {
  flex-flow: column;
  width: 100%;
}

.tabs-content.new {
  width: 100%;
}

.div-block-28 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.right-slide {
  margin-left: auto;
  margin-right: 40px;
  font-size: 24px;
}

.grid-sitemap {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 64px;
  margin-bottom: 36px;
}

.keyword-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  display: flex;
}

.info-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-around;
  display: flex;
}

.div-block-32 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  width: 100%;
  display: flex;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 70vh;
  display: flex;
}

.div-block-33 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  display: none;
}

.icon-font {
  color: var(--white);
  font-family: Font Outlined, Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  display: block;
}

.icon-font.black {
  color: var(--dark);
  font-family: Font Outlined, Arial, sans-serif;
  display: block;
}

.icon-font.black.big {
  text-decoration: none;
  display: block;
}

.icon-font.black.margin-top {
  margin-top: 8px;
}

.icon-font.black.arrow-icon, .icon-font.black.arrow-button {
  display: none;
}

.icon-font.black.new-location {
  margin-left: -63px;
}

.icon-font.black.small {
  margin-top: 1px;
  font-size: 14px;
}

.icon-font.large {
  font-size: 32px;
}

.icon-font.arrow-icon {
  display: block;
}

.icon-font.small {
  display: none;
}

.text-block-7 {
  color: var(--white);
  font-family: Font Outlined, Arial, sans-serif;
  font-size: 18px;
}

.text-block-8 {
  color: var(--white);
  font-family: Font Outlined, Arial, sans-serif;
  font-size: 20px;
}

.text-block-9 {
  color: var(--white);
  font-family: Materialiconsround;
}

.text-block-10 {
  font-family: Materialiconsround;
}

.text-block-11 {
  color: var(--white);
  font-family: Font Outlined, Arial, sans-serif;
  font-size: 20px;
}

.div-block-35 {
  display: block;
}

.container-phone-white {
  display: none;
}

.right-arrow-2 {
  cursor: pointer;
  width: 40%;
  inset: 0% 0% 0% auto;
}

.left-arrow-2 {
  cursor: pointer;
  width: 40%;
}

.left-slide {
  cursor: pointer;
  margin-left: 40px;
  font-size: 24px;
}

.column-17 {
  padding-right: 0;
}

.column-18 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  display: flex;
}

.div-block-36, .div-block-37 {
  display: none;
}

.next-one-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-end;
  height: auto;
  display: flex;
}

.title-section {
  background-color: var(--dark);
  align-items: flex-end;
  width: 100vw;
  height: 20vh;
  display: flex;
}

.div-block-39 {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  align-items: flex-end;
  height: 120px;
  margin-bottom: 24px;
  margin-left: 60px;
  display: flex;
}

.icon-text {
  color: var(--white);
  align-self: flex-end;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: Font Outlined, Arial, sans-serif;
  font-size: 18px;
}

.icon-text.black {
  color: var(--dark);
  font-size: 20px;
}

.icon-text.discover {
  display: none;
}

.container-nav {
  width: 90%;
  max-width: 1728px;
}

.add-block {
  display: none;
}

.half-page-image-box-left, .half-page-image-box-right {
  height: 100%;
  overflow: hidden;
}

.add-new-title {
  display: flex;
}

.phone-list-section {
  display: none;
}

.container-14 {
  width: 10%;
  padding-right: 0;
}

.logo-container {
  width: 10%;
}

.language-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
  position: absolute;
  inset: auto auto 5% 15%;
}

.menu-title-block {
  display: flex;
}

.arrow-down {
  margin-top: 8px;
  font-family: Font Outlined, Arial, sans-serif;
  font-size: 20px;
}

.items {
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.block {
  position: absolute;
  inset: auto auto 5% 15%;
}

.new-car-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-color: var(--dark);
  background-image: url('../images/cover1dark.jpg'), url('../images/titan-cover.jpg');
  background-position: 0 0, 0 0;
  background-size: cover, cover;
  display: none;
}

.new-car-section.pic-2 {
  background-image: url('../images/火种-cover.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.new-car-section.pic-3 {
  background-image: url('../images/坦克cover.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-47 {
  display: none;
}

.div-block-48 {
  flex-flow: column;
  display: flex;
}

.bottom-block {
  width: 50%;
  margin-top: auto;
  position: absolute;
  inset: 60px 0% auto 5%;
}

.bottom-block._90vh {
  width: 70%;
  margin-bottom: 60px;
  bottom: 12%;
}

.story-section {
  width: var(--100vw);
  height: 70vh;
  max-height: var(--886px);
  max-width: var(--1920);
  background-color: var(--dark);
  background-image: url('../images/story-bg.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-us-columns {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.div-block-49 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.div-block-49.cn {
  width: 80%;
}

.logo-title {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20px;
  display: flex;
}

.container-phone-black {
  display: none;
}

.cover-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/bg-2.png');
  background-position: 0 0;
  background-size: cover;
}

.cover-section.hide {
  display: none;
}

.div-block-50 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 90%;
  margin-top: 70vh;
  display: flex;
  position: static;
  inset: auto auto 0% 0%;
}

.section-11 {
  width: var(--100vw);
  max-width: var(--1920);
  background-color: var(--dark);
  padding-bottom: 100px;
}

.page-change-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu-2 {
  justify-content: flex-end;
  align-items: stretch;
  height: 30px;
  display: none;
}

.tab-link-tab-1 {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}

.tab-link-tab-1.w--current {
  background-color: var(--transparent);
  color: var(--white);
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}

.tab-link-tab-1.underline.w--current {
  border-bottom: 1.5px solid var(--white);
}

.page-tab-link {
  background-color: var(--transparent);
  color: var(--white);
  padding-left: 0;
  padding-right: 0;
  font-family: Syne, sans-serif;
  font-weight: 400;
}

.tab-link-tab-3 {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  text-decoration: none;
}

.tab-link-tab-3.w--current {
  border-bottom: 1px solid var(--white);
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}

.tab-link-tab-4-2 {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  text-decoration: none;
}

.tab-link-tab-4-2.w--current {
  background-color: var(--transparent);
}

.tab-link-tab-5 {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  text-decoration: none;
}

.tab-link-tab-5.w--current {
  border-bottom: 1px solid var(--white);
  background-color: var(--transparent);
}

.tab-link-tab-6 {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  text-decoration: none;
}

.tab-link-tab-6.w--current {
  border-bottom: 1px solid var(--white);
  background-color: var(--transparent);
}

.tab-link-tab-2-2 {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  text-decoration: none;
}

.tab-link-tab-2-2.w--current {
  background-color: var(--transparent);
}

.tab-link-for-page {
  background-color: var(--transparent);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}

.tab-link-for-page.w--current {
  border-bottom: 1.5px solid var(--white);
  background-color: var(--transparent);
}

.tabs-2 {
  width: 100%;
}

.column-news {
  padding-left: 0;
  padding-right: 0;
}

.big-button-arrow-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.button-arrow {
  width: auto;
  margin-bottom: 14px;
  margin-left: -42px;
  display: none;
}

.button-arrow-white-for-stroke {
  margin-bottom: 14px;
  margin-left: 0;
  position: relative;
}

.limit-arrow-button {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 218px;
  display: flex;
  position: relative;
}

.arrow-button-1 {
  margin-left: -110px;
  display: block;
  position: relative;
  top: -14px;
  left: -22px;
}

.button {
  background-color: var(--gold);
  color: var(--dark);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 16px 48px;
  font-family: Syne, sans-serif;
  font-size: 18px;
}

.arrow-stroke-button {
  position: relative;
  bottom: 15px;
  left: -34px;
}

.div-block-51 {
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
}

.div-block-52 {
  position: relative;
  left: -38px;
}

.div-block-53 {
  display: flex;
}

.title-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: -96px;
  display: flex;
}

.div-block-54 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.titan-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-56 {
  position: relative;
  top: -36px;
  left: 75px;
}

.cover-arrow-block {
  margin-top: -35px;
  margin-left: 134px;
  position: relative;
}

.div-block-61 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-62 {
  position: relative;
  top: 9px;
  left: -225px;
}

.div-block-64 {
  position: relative;
  top: -34px;
  left: 182px;
}

.section-12 {
  width: var(--100vw);
  height: auto;
  max-width: var(--1920);
  display: none;
}

.phone-number {
  color: var(--dark);
  text-decoration: none;
}

.section-list {
  width: var(--100vw);
  background-color: var(--dark);
}

.columns-17 {
  width: 100%;
}

.column-37 {
  background-color: var(--press-black);
  margin-left: auto;
  margin-right: auto;
}

.column-38, .column-39 {
  background-color: var(--press-black);
}

.section-custom-list {
  background-color: var(--dark);
  background-image: url('../images/front-bg-2.png'), linear-gradient(180deg, var(--dark), #2c2c2c 41%, #2e2e2e 57%, #020202);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  display: none;
}

.columns-18 {
  width: 100%;
  margin-top: 96px;
  margin-bottom: 96px;
}

.grid-7 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pic-1 {
  width: 100%;
}

.pic-limit-box {
  width: 100%;
  height: 100%;
  overflow: clip;
}

.slide-4 {
  background-image: url('../images/album4.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5 {
  background-image: url('../images/album5.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/album1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mask-2 {
  aspect-ratio: auto;
}

.slide-7 {
  background-image: url('../images/album4.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.mist-block {
  background-color: #2e2e2e33;
  background-image: none;
  border: 1px solid #3b3b3b;
  border-radius: 20px;
  height: 100%;
  padding: 24px;
}

.heading-5-black {
  color: var(--dark);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.heading-5-black.left {
  text-align: left;
  width: 350px;
  margin-left: 0;
  margin-right: auto;
}

.section-list-2 {
  width: var(--100vw);
  background-color: var(--dark);
  background-image: linear-gradient(180deg, var(--dark), #2e2e2e61 54%, #1010101a), url('../images/front-bg-2.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  height: auto;
  display: block;
}

.grid-hori {
  margin-top: 63px;
  margin-bottom: 63px;
  display: flex;
}

.columns-horizontal {
  width: 100%;
  height: auto;
  margin-top: 85px;
  margin-bottom: 85px;
}

.columns-horizontal._2 {
  height: 375px;
  margin-top: 109px;
  margin-bottom: 109px;
}

.column-41, .column-42, .column-43, .column-44, .column-45, .column-46, .column-list {
  height: 100%;
}

.grid-for-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 164px;
}

.grid-9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 96px;
}

.grid-for-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 96px;
}

.div-block-65 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: row;
  display: flex;
}

._2part-column {
  width: var(--100vw);
  background-color: var(--dark);
  background-image: url('../images/front-bg.png');
  background-position: 100% 0;
  background-repeat: repeat-x;
  background-size: 100%;
  padding-top: 220px;
  padding-bottom: 100px;
}

._2part-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.column-47 {
  padding-left: 32px;
  padding-right: 32px;
}

.div-block-66 {
  display: flex;
}

.discover-box {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.tabs-content-2, .tabs-content-3 {
  margin-left: -10px;
}

.list-box {
  margin-bottom: 20px;
}

.modal4 {
  z-index: 20;
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: fixed;
  inset: 0%;
}

.pic-4 {
  width: 100%;
}

.car-section-left {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/titan1.jpg');
  background-position: 25%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: block;
}

.car-section-left.spark {
  background-image: url('../images/spark1.jpg');
  background-position: 50%;
  background-size: cover;
}

.car-section-left.mars {
  background-image: url('../images/坦克cover.jpg');
}

.homepage-cover {
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 30vw;
  margin-left: 5vw;
  padding-top: 38vh;
  display: flex;
}

.container-for-cover {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-stroke-gold {
  border: 1.5px solid var(--gold);
  background-color: var(--transparent);
  color: var(--gold);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  margin-top: 20px;
  padding: 10px 48px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.image-24 {
  object-fit: cover;
  width: 100%;
}

.quick-stack {
  grid-column-gap: 20px;
  grid-row-gap: 27px;
  margin-top: 60px;
  padding-left: 0;
  padding-right: 0;
}

.news-title-box {
  margin-top: 40px;
}

.news-wall {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  height: 100vh;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
}

.cell-4 {
  background-image: url('../images/Image-container-2.png');
  background-position: 0 0;
  background-size: cover;
}

.cell-5 {
  background-image: url('../images/Image-container-1.png');
  background-position: 0 0;
  background-size: cover;
}

.cell-6 {
  background-image: url('../images/new-pics.png');
  background-position: 50%;
  background-size: cover;
}

.cell-7 {
  background-image: url('../images/image-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cell-8 {
  background-image: url('../images/4-压缩.png');
  background-position: 0 0;
  background-size: cover;
}

.cell-9 {
  background-image: url('../images/3-压缩.JPG');
  background-position: 0 0;
  background-size: cover;
}

.cell-10 {
  background-image: url('../images/2-压缩.png');
  background-position: 0 0;
  background-size: cover;
}

.cell-11 {
  background-image: url('../images/9.jpg');
  background-position: 0 0;
  background-size: cover;
}

.list-pic-box {
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

._2pic {
  display: block;
}

.columns-for-2list {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-2pic {
  width: 100%;
}

.columns-for-2 {
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.columns-left {
  width: 100%;
  margin-top: 38vh;
}

.image-27 {
  aspect-ratio: auto;
  object-fit: cover;
}

.cell-big {
  background-image: url('../images/news3-1.png');
  background-position: 50%;
  background-size: cover;
}

.cell-big-1 {
  background-image: url('../images/news2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-small-1 {
  background-image: url('../images/news6.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-small-2 {
  background-image: url('../images/news6.png');
  background-position: 50%;
  background-size: cover;
}

.cell-small-3 {
  background-image: url('../images/news-5.png');
  background-position: 50%;
  background-size: cover;
}

.cell-small-4 {
  background-image: url('../images/news1.png');
  background-position: 50%;
  background-size: cover;
}

.video-container {
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.video-section {
  width: var(--100vw);
  height: var(--100vh);
  background-color: var(--dark);
  display: flex;
}

.heading-3-white {
  color: var(--white);
  letter-spacing: 2px;
  margin-top: 0;
  font-family: Worksans, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

.heading-3-white.box-set {
  width: 323.797px;
}

.heading-3-white.cover-limit {
  width: 600px;
}

.heading-5-white {
  color: var(--white);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}

.slide-1-spark {
  background-image: url('../images/spark6.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2-spark {
  background-image: url('../images/spark3.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3-spark {
  background-image: url('../images/spark-1.jpeg');
  background-position: 50%;
  background-size: cover;
}

.slide-4-spark {
  background-image: url('../images/火种-cover.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-5-spark {
  background-image: url('../images/spark-2.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.list-columns-news {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-bottom: 68px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.jimny-album {
  background-color: var(--dark);
}

.grid-mars {
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 220px;
  margin-bottom: 220px;
}

.jimny-image-box, .image-jimny {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.image-mars {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.grid-3-lines {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 220px;
  margin-bottom: 220px;
}

.section-coming {
  width: var(--100vw);
  background-color: var(--dark);
  height: 70vh;
}

.jimny-cover-section {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  background-image: url('../images/cover.jpg');
  background-position: 50%;
  background-size: cover;
}

.background-video {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.hero-cover-box {
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  padding: 0 15px 16px;
  display: flex;
}

.play-pause-button {
  inset: 0%;
}

.tab1-pic {
  width: 100vw;
}

.tab-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pic-wrapper {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-image {
  background-image: url('../images/titan6.png');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 100%;
  height: 100%;
}

.tab-image._2 {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--light-shadow), var(--transparent)), url('../images/titan5.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex: none;
  position: absolute;
  inset: 0%;
}

.tab-image._3 {
  background-image: linear-gradient(0deg, var(--light-shadow), var(--transparent)), url('../images/titan7.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex: none;
  position: absolute;
  inset: 0%;
}

.tab-image._1 {
  z-index: 2;
  background-image: linear-gradient(0deg, var(--light-shadow), var(--transparent)), url('../images/titan6.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex: none;
  position: absolute;
  inset: 0%;
}

.tab-image._4 {
  background-image: linear-gradient(0deg, var(--light-shadow), var(--transparent)), linear-gradient(180deg, var(--light-shadow), var(--transparent)), url('../images/spark5.png');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.tab-image._5 {
  background-image: linear-gradient(0deg, var(--light-shadow), var(--transparent)), linear-gradient(180deg, var(--light-shadow), var(--transparent)), url('../images/spark4.png');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.tab-image._6 {
  background-image: linear-gradient(0deg, var(--light-shadow), var(--transparent) 99%, white), linear-gradient(180deg, var(--light-shadow), var(--transparent)), url('../images/spark-3.png');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.tab-section1 {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
  display: none;
}

.tab-pic-1 {
  background-image: url('../images/titan6.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tab-pane-tab-1-new {
  width: 100vw;
  height: 100vh;
}

.tab-pic-2 {
  background-image: url('../images/titan5.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.tab-pic-3 {
  background-image: url('../images/titan7.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tab-pane-tab-2-new, .tab-pane-tab-3-new {
  width: var(--100vw);
  height: var(--100vh);
  max-height: var(--1080);
  max-width: var(--1920);
}

.slogan-black {
  width: var(--100vw);
  height: 38vh;
  max-width: var(--1920);
  background-color: var(--dark);
  display: flex;
}

.container-for-slogan {
  margin-top: auto;
  margin-bottom: auto;
}

.logo {
  align-self: center;
  width: 96px;
  margin-left: auto;
  margin-right: 0;
}

.footer-logo {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.footer-logo.white {
  border-bottom-color: var(--dark);
  padding-bottom: 48px;
}

.logo1 {
  margin-bottom: 20px;
  margin-right: 32px;
}

.contact-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  padding-left: 100px;
  display: flex;
}

.fill-in-section {
  width: var(--100vw);
  max-width: var(--1920);
}

.message-box {
  margin-top: 40px;
}

.contact-box {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.text-field-3 {
  width: 100%;
}

.text-field-4 {
  height: 100px;
}

.textarea-2 {
  padding-bottom: 40px;
}

.hero-block-for-ipad {
  display: none;
}

.placeholder {
  background-color: var(--no-chosen);
  text-align: center;
  width: 60%;
  height: 400px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}

.hideinpc, .showinphone {
  display: none;
}

.right-slide-effect {
  background-image: linear-gradient(270deg, var(--light-shadow), var(--transparent));
  width: 100%;
  height: 100%;
  display: block;
}

.left-slide-effect {
  background-image: linear-gradient(90deg, var(--light-shadow), var(--transparent));
  width: 100%;
  height: 100%;
}

.slide-icon, .slide-icon-left {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.container-16 {
  width: 100%;
  height: 100%;
}

.container-relative {
  width: 90%;
  max-width: none;
  position: relative;
}

.button-fill-white {
  background-color: var(--white);
  color: var(--dark);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  padding: 10px 24px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.button-fill-white.remove-top {
  margin-top: 0;
}

.button-fill-white.remove-top.size {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.button-fill-white.contact {
  margin-top: 0;
}

.sitemap-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
}

.shop-image {
  object-fit: scale-down;
  width: 56px;
}

.shop-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.menu-shop-image {
  width: 72px;
}

.button-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-left: 80px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button-text.no-chosen {
  color: var(--no-chosen);
}

.button-text.left {
  color: var(--dark);
  text-align: left;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 0;
  text-decoration: none;
}

.button-text.left.w--current {
  color: var(--dark);
}

.button-text.left.language {
  letter-spacing: 2px;
}

.button-text.left.language:lang(en) {
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
}

.button-text.left.language.left-margin {
  padding-left: 4px;
}

.button-text.cover-limit {
  text-align: left;
  letter-spacing: 2px;
  width: 500px;
  line-height: 120%;
}

.shop-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 1.5px solid var(--white);
  border-radius: 2px;
  align-items: center;
  height: 50px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-image {
  width: 72px;
  position: absolute;
}

.button-image-gold {
  opacity: 0;
  width: 72px;
  position: absolute;
}

.bold-text {
  font-weight: 500;
}

.mars-city-album-section {
  width: var(--100vw);
  background-color: var(--dark);
  padding-top: 140px;
  padding-bottom: 140px;
}

.quick-stack-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  width: 100%;
  height: 100vh;
  margin-top: 140px;
  margin-bottom: 140px;
}

.picc {
  aspect-ratio: auto;
}

.picc-cell-1 {
  background-image: url('../images/A5.JPG');
  background-position: 0 0;
  background-size: cover;
}

.picc-cell-2 {
  background-image: url('../images/mars1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.picc-cell-3 {
  background-image: url('../images/mars2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.pica-cell-1 {
  background-image: url('../images/A2.JPG');
  background-position: 50%;
  background-size: cover;
}

.pica-cell-2 {
  background-image: url('../images/A4.JPG');
  background-position: 50%;
  background-size: cover;
}

.section-13 {
  width: var(--100vw);
  height: var(--100vh);
}

.picb-cell-1 {
  background-image: url('../images/B3.JPG');
  background-position: 50%;
  background-size: cover;
}

.picb-cell-2 {
  background-image: url('../images/B4.JPG');
  background-position: 50%;
  background-size: cover;
}

.pica-cell-3 {
  background-image: url('../images/A1.JPG');
  background-position: 50%;
  background-size: cover;
}

.pica-cell-4 {
  background-image: url('../images/A3.JPG');
  background-position: 50%;
  background-size: cover;
}

.picb-cell-3 {
  background-image: url('../images/B6.JPG');
  background-position: 50%;
  background-size: cover;
}

.picb-cell-4 {
  background-image: url('../images/B1_new.jpg');
  background-position: 50%;
  background-size: cover;
}

.picb-cell-5 {
  background-image: url('../images/B2.JPG');
  background-position: 50%;
  background-size: cover;
}

.picb-cell-6 {
  background-image: url('../images/B5.JPG');
  background-position: 50%;
  background-size: cover;
}

.pica-cell-5 {
  background-image: url('../images/mars3.jpg');
  background-position: 50%;
  background-size: cover;
}

.pica-cell-6 {
  background-image: url('../images/mars4.png');
  background-position: 50%;
  background-size: cover;
}

.container-album {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  display: flex;
}

.container-album.center {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  justify-content: center;
  align-items: center;
}

.marscity_quickstuck {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  height: 160vh;
  padding: 0;
  overflow: hidden;
}

.cell_big {
  cursor: pointer;
  background-image: none;
  background-size: auto;
}

.cell_small, .cell_middle, .cell_small_2, .cell_middle_2, .cell_middle_3 {
  cursor: pointer;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.cell_middle_4 {
  cursor: pointer;
  background-image: url('../images/B5.JPG');
  background-size: cover;
}

.cell_big_2 {
  cursor: pointer;
  background-image: url('../images/mars1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell_small_3 {
  cursor: pointer;
  background-image: url('../images/mars4.png');
  background-position: 50%;
  background-size: cover;
}

.cell_small_4 {
  cursor: pointer;
  background-image: url('../images/mars3.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell_big_3 {
  cursor: pointer;
  background-image: url('../images/mars2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell_small_5 {
  cursor: pointer;
  background-image: url('../images/A1.JPG');
  background-position: 50%;
  background-size: cover;
}

.cell_small_6 {
  cursor: pointer;
  background-image: url('../images/A3.JPG');
  background-position: 50%;
  background-size: cover;
}

.cell_middle_5 {
  cursor: pointer;
  background-image: url('../images/B6.JPG');
  background-position: 50%;
  background-size: cover;
}

.cell_middle_6 {
  cursor: pointer;
  background-image: url('../images/B1_new.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell_pic {
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cell_pic_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cell_pic_small {
  object-fit: cover;
}

.cell_pic_box_small {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.lightbox_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lightbox_album {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.link-2 {
  text-decoration: none;
  -webkit-text-decoration-color: var(--dark);
  text-decoration-color: var(--dark);
  text-decoration-style: solid;
}

@media screen and (min-width: 1920px) {
  .heading-1-white {
    align-self: center;
    font-size: 72px;
  }

  .heading-1-white.center {
    margin-top: 25vh;
    font-size: 96px;
  }

  .heading-1-white.center.gold {
    color: var(--gold);
    font-size: 64px;
  }

  .text-normal-white {
    font-size: 18px;
  }

  .text-normal-white.center-layout {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }

  .text-normal-white.center.cover-block {
    font-size: 18px;
  }

  .homepage-section {
    max-width: var(--100vw);
  }

  .button-fill-gold {
    align-self: center;
  }

  .button-fill-gold.go-left {
    border-width: 1px;
    border-color: var(--gold);
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 18px;
  }

  .button-fill-gold.go-left.with-stroke {
    font-size: 18px;
  }

  .button-fill-gold.cover-page {
    margin-left: auto;
  }

  .button-fill-gold.cover-page.left {
    margin-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 20px;
  }

  .button-fill-gold.cover-page.left.hero-length {
    padding-left: 42px;
    padding-right: 42px;
    font-size: 18px;
  }

  .button-fill-gold.cover-page.hero-length {
    padding-left: 48px;
    padding-right: 48px;
  }

  .navbar {
    height: 100px;
    max-width: var(--100vw);
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
  }

  .hero-section {
    max-width: var(--100vw);
  }

  .nav-links {
    width: 5%;
    display: block;
  }

  .nav-bar, .nav-bar.black-style-bar {
    height: 100px;
  }

  .menu {
    width: 5%;
  }

  .slogan-section-black {
    max-width: var(--100vw);
  }

  .heading-2 {
    font-size: 46px;
  }

  .heading-2.top {
    margin-top: 20px;
  }

  .car-section.car-background-2, .car-section.car-background-3 {
    display: none;
  }

  .heading-3 {
    font-size: 42px;
  }

  .heading-3.gap-back {
    align-self: center;
  }

  .heading-3.margin-top.center {
    text-align: center;
    align-self: center;
    width: 1200px;
    margin-top: 200px;
    font-size: 42px;
  }

  .heading-3.left {
    margin-top: 40px;
  }

  .heading-1-black {
    letter-spacing: 16px;
    font-size: 82px;
  }

  .heading-1-black.gold {
    font-size: 64px;
  }

  .button-stroke-black.center.size {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .series-section-nolink {
    max-width: var(--100vw);
  }

  .image-side {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 750px;
    max-width: none;
    height: 100%;
  }

  .collection-container {
    max-width: 1500px;
    max-height: 500px;
  }

  .heading-4 {
    font-size: 30px;
  }

  .text-button.black {
    font-size: 22px;
  }

  .container-3 {
    width: 100%;
    max-width: 1400px;
  }

  .news-text-block {
    width: 100%;
    margin-top: 20px;
  }

  .sitemap-bold.go-left, .sitemap-bold.center {
    font-size: 16px;
  }

  .text-small, .text-small.text-fill-block {
    font-size: 18px;
  }

  .news-block {
    margin-left: -16px;
  }

  .news-intro {
    left: 15%;
  }

  .pages {
    border-width: 0;
  }

  .pages.chosen-page {
    background-color: var(--transparent);
    color: var(--white);
    border-width: 0;
  }

  .sitemap-light {
    font-size: 18px;
  }

  .sitemap-information {
    flex-flow: row;
  }

  .container-standrad {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 70%;
    height: auto;
  }

  .social-media-box {
    padding-top: 0;
  }

  .mars-cover-section {
    max-width: var(--100vw);
  }

  .conditioner-standrad {
    justify-content: center;
    align-items: center;
  }

  .grid-section {
    max-width: var(--100vw);
  }

  .heading-2-black {
    font-size: 48px;
  }

  .text-normal-black {
    font-size: 20px;
    text-decoration: none;
  }

  .text-normal-black.center-v.message, .text-normal-black.center {
    font-size: 20px;
  }

  .text-normal-black.down.more-margin {
    width: 700px;
    font-size: 20px;
  }

  .text-normal-black.menu-text {
    color: var(--dark);
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .list-section {
    max-width: var(--100vw);
  }

  .download-file-section {
    height: auto;
    max-width: var(--100vw);
    justify-content: center;
    align-items: center;
    padding-top: 140px;
    padding-bottom: 100px;
    display: flex;
  }

  .columns-3 {
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .list-columns {
    width: 100%;
    margin-bottom: 100px;
  }

  .slogan-section-white {
    max-width: var(--100vw);
  }

  .news-title-section {
    background-image: none;
    max-width: none;
  }

  .heading-3-black.box-set {
    font-size: 40px;
  }

  .text-small-black {
    font-size: 18px;
  }

  .text-small-black.box-set {
    font-size: 20px;
  }

  .image-gap-48 {
    width: 100%;
  }

  .heading-4-black.right {
    font-size: 28px;
  }

  .news-page-link-1 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    justify-content: space-between;
    height: 100%;
  }

  .news-page-link-2 {
    justify-content: space-between;
    width: auto;
  }

  .sitemap-section-black {
    max-width: var(--100vw);
  }

  .last-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    width: auto;
  }

  .series-cover-section {
    max-width: var(--100vw);
  }

  .columns-7 {
    margin-top: 25%;
  }

  .album-section, .half-slogan-section {
    max-width: var(--100vw);
  }

  .heading-5.left {
    width: auto;
    color: var(--dark);
    align-self: flex-start;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .heading-5.left.language {
    padding-bottom: 4px;
  }

  .heading-5.left.language:lang(en) {
    border-bottom: 2px solid #000;
  }

  .heading-5.left.shop {
    margin-bottom: 0;
  }

  .feature-section {
    max-width: var(--100vw);
    background-position: 100% 0;
    background-repeat: no-repeat;
  }

  .blank-section, .brands-section {
    max-width: var(--100vw);
  }

  .sitemap-bold-black, .sitemap-light-black {
    font-size: 20px;
  }

  .list-series-section, .collection-intro-section, .service-section, .contact-section {
    max-width: var(--100vw);
  }

  .button-fill-black.contact {
    padding: 12px 64px;
    font-size: 24px;
  }

  .message-modal {
    width: var(--100);
    height: var(--100);
    max-height: var(--100);
    max-width: var(--100vw);
    margin-left: auto;
    margin-right: auto;
    display: none;
    inset: 0%;
  }

  .modal-bg {
    width: var(--100);
    height: var(--100);
    max-height: 100%;
    max-width: var(--1920);
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .modal-container {
    justify-content: center;
    align-items: center;
  }

  .main-section {
    height: auto;
    max-height: none;
    max-width: var(--100vw);
  }

  .hero-columns {
    margin-top: 30vh;
  }

  .div-block-18 {
    margin-top: 0;
    display: block;
  }

  .div-block-19 {
    width: 100%;
  }

  .slider {
    max-height: 1000px;
  }

  .pic-changes {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .pic-large-block {
    justify-content: center;
    align-items: center;
  }

  .column-10 {
    object-fit: cover;
  }

  .modal2, .modal3 {
    max-width: var(--100vw);
    display: none;
  }

  .pic-2, .pic-3 {
    width: 100%;
    height: 100%;
  }

  .tabs {
    margin-top: -105vh;
  }

  .pics-wrapper {
    position: relative;
    overflow: visible;
  }

  .picture-tab._1 {
    flex: none;
    inset: 0%;
  }

  .picture-tab._2 {
    flex: none;
    inset: 0% 0% 0% 100%;
  }

  .picture-tab._3 {
    flex: none;
    inset: 0% 0% 0% 200%;
  }

  .picture-tab._4 {
    flex: none;
    inset: 0% 0% 0% 300%;
  }

  .left-menu-block {
    height: var(--1080);
    display: none;
    overflow: visible;
  }

  .left-menu-block.auto {
    background-color: #daa749;
    display: block;
  }

  .container-for-menu {
    height: var(--100vh);
    max-height: var(--1080);
    overflow: hidden;
  }

  .home-box._1920 {
    margin-top: 60px;
  }

  .menu-series {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    cursor: help;
  }

  .series-2, .series-3, .last-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .close-link-2 {
    text-decoration: none;
  }

  .menu-bg {
    display: none;
  }

  .series-text {
    display: flex;
  }

  .tab-section {
    max-width: var(--100vw);
    display: block;
    overflow: hidden;
  }

  .configure-section {
    max-width: var(--100vw);
  }

  .slider-360 {
    width: var(--100vw);
    height: var(--100vh);
    max-height: var(--1080);
    max-width: var(--100vw);
    overflow: hidden;
  }

  .list-images, .image-14.no-chosen, .image-on-show, .list-chosen.w--current {
    width: 100%;
  }

  .open-side-arrow {
    opacity: 0;
  }

  .image-wrapper {
    max-width: 100vw;
    display: none;
  }

  .image-1 {
    width: 100vw;
  }

  .columns-14 {
    width: 100%;
    margin-top: 45%;
  }

  .model1 {
    max-width: var(--100vw);
    display: none;
  }

  .container-8 {
    justify-content: center;
    width: 100%;
    position: absolute;
    inset: 0% 0% 0% -7%;
  }

  .auto-center-limit {
    width: var(--100);
    max-width: var(--100vw);
    overflow: hidden;
  }

  .div-block-25, .menu-box {
    width: 15%;
  }

  .nav-bg {
    width: 100%;
  }

  .title-block {
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    width: 100%;
    height: auto;
    max-height: 900px;
    margin-top: 30vh;
    display: flex;
  }

  .homepage {
    margin-left: 0;
  }

  .homepage.w--current {
    width: 100%;
  }

  .half-page-image-box {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 100%;
  }

  .half-page-image-box.another {
    display: block;
  }

  .pic-change {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .feature-box {
    width: 100%;
    height: 100%;
  }

  .image-16 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .container-10 {
    display: flex;
  }

  .grid-sitemap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .keyword-block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .info-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    margin-right: 0;
    display: flex;
  }

  .grid-4 {
    margin-top: 75vh;
  }

  .icon-font.black {
    color: var(--dark);
    align-self: center;
    font-family: Font Outlined, Arial, sans-serif;
    font-size: 26px;
    display: block;
  }

  .icon-font.black.big {
    align-self: center;
    padding-top: 8px;
    font-size: 24px;
    text-decoration: none;
  }

  .icon-font.black.margin-top {
    margin-top: 10px;
  }

  .icon-font.black.arrow-icon {
    display: block;
  }

  .icon-font.black.small {
    font-size: 20px;
  }

  .icon-font.large {
    font-size: 36px;
  }

  .icon-font.arrow-icon {
    font-size: 28px;
    display: none;
  }

  .icon-font.arrow-icon.black, .icon-font.small, .container-phone-white {
    display: none;
  }

  .column-18 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    display: flex;
  }

  .div-block-36, .div-block-37 {
    display: none;
  }

  .next-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-end;
    display: flex;
  }

  .div-block-39 {
    margin-left: 97px;
  }

  .icon-text.black {
    font-size: 30px;
  }

  .container-nav {
    max-width: none;
  }

  .add-block, .add-new-title, .phone-list-section {
    display: none;
  }

  .container-14 {
    align-self: center;
    width: 10%;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-container {
    width: 10%;
  }

  .logo-link, .logo-image {
    width: 100%;
  }

  .language-block {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    inset: 80% auto auto 10%;
  }

  .ch-font {
    font-family: Open Sans, sans-serif;
  }

  .menu-title-block {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    cursor: pointer;
    width: auto;
    display: flex;
  }

  .arrow-down {
    align-self: center;
    margin-top: 8px;
    padding-top: 2px;
    font-family: Font Outlined, Arial, sans-serif;
    font-size: 28px;
  }

  .items {
    flex-flow: column;
    display: flex;
    overflow: hidden;
  }

  .block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
    position: absolute;
    inset: auto auto 10% 10%;
  }

  .new-car-section {
    max-width: var(--100vw);
  }

  .new-car-section.pic-2 {
    width: var(--100vw);
    height: var(--100vh);
    max-width: var(--100vw);
    background-image: url('../images/火种-cover.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .new-car-section.pic-3 {
    width: var(--100vw);
    height: var(--100vh);
    background-image: url('../images/坦克cover.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bottom-block._90vh {
    margin-top: 20px;
    bottom: 23%;
  }

  .story-section {
    max-width: var(--100vw);
    background-position: 0 100%;
    background-repeat: repeat-y;
    background-size: cover;
  }

  .about-us-columns {
    width: 90%;
  }

  .logo-title {
    padding-top: 20px;
  }

  .cover-section {
    max-width: var(--100vw);
    background-image: linear-gradient(180deg, var(--transparent) 73%, var(--dark)), linear-gradient(180deg, var(--dark), var(--transparent) 32%), url('../images/bg-2.png');
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, cover;
  }

  .div-block-50 {
    margin-top: 64vh;
  }

  .section-11 {
    max-width: var(--100vw);
  }

  .tabs-menu-2 {
    height: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .tabs-2 {
    width: 100%;
  }

  .button-arrow {
    margin-bottom: 23px;
    margin-left: -56px;
    display: none;
  }

  .limit-arrow-button {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    position: static;
  }

  .arrow-button-1 {
    margin-left: 0;
    display: block;
    top: 0;
    left: 0;
  }

  .titan-block {
    margin-top: 16px;
  }

  .div-block-56 {
    top: -48px;
    left: 122px;
  }

  .cover-arrow-block {
    margin-top: -42px;
    margin-left: 170px;
  }

  .div-block-58 {
    position: relative;
    top: -46px;
    left: -69px;
  }

  .div-block-59 {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-60 {
    position: relative;
    top: -46px;
    left: -70px;
  }

  .div-block-61 {
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .div-block-62 {
    position: relative;
    top: 10px;
    left: -410px;
  }

  .div-block-63 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-64 {
    position: relative;
    top: 9px;
    left: -54px;
  }

  .section-12 {
    max-width: var(--100vw);
  }

  ._2part-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .discover-box {
    width: 30%;
  }

  .car-section-left {
    max-width: var(--100vw);
  }

  .homepage-cover {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
  }

  .news-title-box {
    align-self: flex-start;
  }

  .news-wall {
    margin-left: auto;
    margin-right: auto;
  }

  .list-pic-box, ._2pic {
    width: 100%;
  }

  .columns-for-2list {
    max-width: var(--1920);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .image-26 {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
  }

  .columns-for-2 {
    width: 100%;
  }

  .outer-box {
    position: fixed;
    inset: 0%;
  }

  .bg-gery {
    z-index: 1;
    background-color: var(--light-shadow);
    cursor: pointer;
    justify-content: flex-end;
    height: 100vh;
    display: none;
    position: absolute;
    inset: 0% 0% 0% 30%;
  }

  .columns-left {
    width: 100%;
    margin-top: 38vh;
  }

  .video-container {
    overflow: hidden;
  }

  .heading-3-white.box-set {
    font-size: 40px;
  }

  .list-columns-news {
    width: 100%;
    margin-bottom: 100px;
  }

  .jimny-cover-section {
    max-width: var(--100vw);
  }

  .pic-wrapper, .slogan-black {
    max-width: none;
  }

  .button-fill-white.contact {
    padding: 12px 64px;
    font-size: 24px;
  }

  .shop-image {
    width: 64px;
  }

  .shop-link {
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 10px;
  }

  .menu-shop-image {
    width: 80px;
  }

  .button-text {
    padding-left: 88px;
  }

  .button-text.left {
    width: auto;
    color: var(--dark);
    align-self: flex-start;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .button-text.left.language {
    padding-bottom: 4px;
  }

  .button-text.left.language:lang(en) {
    border-bottom: 2px solid #000;
  }

  .button-text.left.shop {
    margin-bottom: 0;
  }

  .shop-button {
    height: 50px;
  }

  .button-image, .button-image-gold {
    width: 80px;
  }

  .quick-stack-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .picc-cell-1, .picc-cell-2, .picc-cell-3 {
    cursor: pointer;
    background-position: 50%;
  }

  .pica-cell-1, .pica-cell-2, .picb-cell-1, .picb-cell-2, .pica-cell-3, .pica-cell-4, .picb-cell-3, .picb-cell-4, .picb-cell-5, .picb-cell-6, .pica-cell-5, .pica-cell-6 {
    cursor: pointer;
  }

  .container-album {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  .heading-1-white {
    margin-bottom: 0;
    font-size: 42px;
  }

  .heading-1-white.block-left {
    font-size: 36px;
  }

  .heading-1-white.left-text.gold {
    width: 60%;
  }

  .heading-1-white.left-text.black {
    color: var(--dark);
  }

  .heading-1-white.center {
    margin-top: 29vh;
  }

  .heading-1-white.center.gold {
    letter-spacing: 4px;
    font-size: 48px;
  }

  .text-normal-white, .text-normal-white.center-layout {
    font-size: 14px;
  }

  .text-normal-white.center-layout.more-margin {
    margin-bottom: 20px;
  }

  .text-normal-white.center.cover-block {
    font-size: 14px;
  }

  .text-normal-white.black {
    color: var(--dark);
  }

  .homepage-section {
    padding-top: 100px;
  }

  .div-block-1 {
    margin: 20px 18% auto;
  }

  .button-fill-gold {
    margin-top: 0;
    padding: 8px 28px;
    font-size: 16px;
  }

  .button-fill-gold.go-left.with-stroke {
    padding-left: 32px;
    padding-right: 32px;
  }

  .button-fill-gold.cover-page.left.hero-length {
    padding-left: 36px;
    padding-right: 36px;
  }

  .button-stroke-white {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
  }

  .button-stroke-white.black {
    border-color: var(--dark);
    color: var(--dark);
    font-size: 14px;
  }

  .div-block-2 {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .navbar {
    height: 60px;
  }

  .nav-links {
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    display: block;
  }

  .white-logo {
    width: 100%;
  }

  .heading-2 {
    letter-spacing: 6px;
    font-size: 32px;
  }

  .heading-3 {
    font-size: 28px;
  }

  .heading-3.margin-top {
    margin-top: 64px;
  }

  .heading-1-black {
    letter-spacing: 8px;
    margin-bottom: 0;
    font-size: 42px;
  }

  .heading-1-black.gap {
    font-size: 48px;
  }

  .heading-1-black.margin {
    letter-spacing: 2px;
    margin-bottom: 20px;
  }

  .button-stroke-black {
    margin-top: 12px;
    font-size: 14px;
  }

  .series-section-nolink {
    height: 70vh;
  }

  .heading-4 {
    font-size: 18px;
  }

  .text-button {
    font-size: 14px;
  }

  .text-button.black {
    align-self: center;
  }

  .container-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sitemap-bold {
    align-self: flex-start;
    font-size: 12px;
  }

  .text-small {
    text-align: left;
  }

  .news-block {
    width: 100%;
  }

  ._3-news-block {
    grid-column-gap: 6%;
    grid-row-gap: 6%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    height: 800px;
    display: grid;
  }

  .read-more-link {
    width: 50%;
  }

  .heading-2-1 {
    margin-top: 0;
    font-size: 28px;
  }

  .pages, .pages.chosen-page, .sitemap-light {
    font-size: 12px;
  }

  .foot-block {
    width: 80px;
  }

  .sitemap-information {
    flex-flow: row;
  }

  .social-media-box {
    padding-top: 10px;
  }

  .mars-cover-section {
    height: 80vh;
  }

  .heading-2-black {
    font-size: 32px;
  }

  .text-normal-black {
    font-size: 14px;
  }

  .list-section {
    padding-top: 40px;
    padding-bottom: 56px;
  }

  .download-file-section {
    background-position: 50% 0;
  }

  .heading-sub {
    font-size: 42px;
  }

  .columns-3 {
    flex-flow: column;
  }

  .list-columns {
    flex-flow: row;
    width: 100%;
    margin-bottom: 0;
  }

  .slogan-section-white {
    height: 40vh;
  }

  .heading-3-black {
    margin-top: 20px;
    font-size: 28px;
  }

  .text-small-black {
    font-size: 12px;
  }

  .text-small-black.box-set {
    width: 250px;
  }

  .heading-4-black {
    align-self: center;
    font-size: 14px;
    line-height: 100%;
  }

  .heading-4-black.right {
    display: block;
  }

  .news-page-link-1 {
    align-items: flex-start;
  }

  .news-page-link-2 {
    width: auto;
  }

  .last-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 30px;
  }

  .series-cover-section {
    background-position: 50%, 0 0, 0 0;
    background-size: cover, auto, auto;
  }

  .series-cover-section.spark {
    background-image: linear-gradient(180deg, var(--transparent) 70%, var(--dark-shadow)), linear-gradient(180deg, var(--light-shadow), var(--transparent) 46%), url('../images/spark2.png');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, cover;
  }

  .album-section {
    height: 65vh;
    margin-bottom: 0;
  }

  .heading-5.left {
    font-size: 16px;
  }

  .feature-section {
    background-position: 20% 0;
    background-size: 100vw;
  }

  .blank-section {
    height: var(--90vh);
  }

  .welcome-block {
    height: 240px;
  }

  .sitemap-bold-black, .sitemap-light-black {
    font-size: 12px;
  }

  .list-series-section {
    height: auto;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .collection-intro-section {
    height: 70vh;
  }

  .contact-icons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .contact-info {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div-block-16 {
    margin-bottom: 24px;
  }

  .button-fill-black {
    margin-top: 0;
    padding: 8px 28px;
    font-size: 16px;
  }

  .grid-2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .heading-worksans {
    font-size: 24px;
  }

  .modal-container {
    padding-top: 32px;
  }

  .textarea.sitemap-bold-black {
    margin-bottom: 0;
  }

  .hero-columns {
    margin-top: 20vh;
    display: none;
  }

  .slider {
    height: 450px;
  }

  .check-image-icon {
    display: none;
  }

  .tabs {
    flex-flow: column;
    justify-content: flex-end;
    height: 90vh;
    display: flex;
  }

  .tab.no-1 {
    width: 35vw;
  }

  .tab.no-1.w--current, .tab.no-2, .tab.no-4 {
    width: 35vw;
    height: 52px;
    display: flex;
  }

  .text-block-3 {
    line-height: 120%;
  }

  .left-menu-block.auto {
    width: 50%;
    left: -50%;
  }

  .series-text {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .series-container {
    display: none;
  }

  .tabs-menu {
    flex-flow: row;
    margin-top: auto;
    inset: auto 0% -2%;
  }

  .arrowbox {
    display: none;
  }

  .image-12 {
    font-size: 12px;
  }

  .configure-section, .slider-360 {
    height: 70vh;
  }

  .side-menu-arrow {
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    height: 4%;
    display: flex;
  }

  .close-side-arrow {
    object-fit: contain;
    height: 90%;
    display: block;
  }

  .open-side-arrow {
    object-fit: contain;
    height: 90%;
  }

  .image-1 {
    height: 100%;
  }

  .auto-center-limit {
    width: var(--100vw);
    max-width: 1440px;
  }

  .menu-box {
    width: 25%;
  }

  .title-block {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 20vh;
    padding-top: 0;
  }

  .homepage.w--current {
    width: 100%;
  }

  .tabs-content {
    position: absolute;
    inset: 9% 0% auto;
  }

  .div-block-27, .div-block-28 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .right-slide {
    margin-right: 20px;
    font-size: 20px;
  }

  .tab-title {
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    font-size: 14px;
    line-height: 120%;
  }

  .text-block-5, .text-block-6 {
    line-height: 120%;
  }

  .image-17, .image-18 {
    align-self: center;
  }

  .grid-sitemap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .keyword-block {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .div-block-31 {
    display: flex;
  }

  .info-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: auto;
    display: flex;
  }

  .div-block-32 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }

  .grid-4 {
    margin-top: 342px;
  }

  .icon-font.black.small {
    margin-top: 0;
  }

  .icon-font.page {
    font-size: 14px;
  }

  .icon-font.small {
    margin-top: 1px;
    font-size: 12px;
    display: block;
  }

  .div-block-35 {
    display: none;
  }

  .container-phone-white {
    flex-flow: column;
    width: 50%;
    display: none;
  }

  .right-arrow-2 {
    background-image: linear-gradient(270deg, var(--light-shadow), var(--transparent));
  }

  .left-arrow-2 {
    background-image: linear-gradient(90deg, var(--light-shadow), var(--transparent));
  }

  .left-slide {
    cursor: pointer;
    margin-left: 20px;
    margin-right: auto;
    font-size: 20px;
  }

  .next-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 30px;
  }

  .div-block-39 {
    margin-left: 40px;
  }

  .icon-text.discover {
    display: block;
  }

  .add-new-title {
    font-family: Syne, sans-serif;
    font-weight: 600;
    line-height: 100%;
  }

  .text-block-14 {
    font-family: Font Outlined, Arial, sans-serif;
  }

  .container-14 {
    padding-right: 102px;
  }

  .logo-container {
    width: 15%;
    max-width: none;
  }

  .logo-link, .logo-image {
    width: 100%;
  }

  .new-car-section {
    background-position: 50% 0;
    background-size: cover;
  }

  .new-car-section.pic-2, .new-car-section.pic-3 {
    background-size: cover;
  }

  .bottom-block {
    bottom: 25%;
  }

  .bottom-block._90vh {
    bottom: 16%;
  }

  .story-section {
    background-size: cover;
    height: auto;
    max-height: none;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container-phone-black {
    align-self: flex-start;
    width: 50%;
    display: block;
  }

  .cover-section {
    background-position: 50% 0;
    background-size: cover;
  }

  .section-11 {
    padding-bottom: 0;
  }

  .tabs-menu-2 {
    height: 25px;
  }

  .titan-block {
    margin-top: 16px;
  }

  .div-block-61 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-62 {
    display: none;
  }

  ._2part-column {
    padding-bottom: 0;
  }

  ._2part-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .car-section-left {
    background-image: url('../images/titan1.jpg');
    background-position: 40%;
    background-size: cover;
  }

  .car-section-left.spark {
    background-position: 40%;
    background-size: cover;
  }

  .car-section-left.mars {
    background-position: 40%;
  }

  .news-wall {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .video-container {
    padding-bottom: 0;
  }

  .video-section {
    height: 60vh;
    overflow: hidden;
  }

  .heading-3-white {
    margin-top: 20px;
    font-size: 28px;
  }

  .list-columns-news {
    margin-bottom: 0;
  }

  .grid-mars {
    margin-top: 100px;
    margin-bottom: 32px;
  }

  .grid-3-lines {
    margin-top: 100px;
    margin-bottom: 40px;
  }

  .jimny-cover-section {
    background-position: 50%;
    height: 80vh;
  }

  .background-video {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .hero-cover-box {
    justify-content: flex-start;
    align-items: center;
    width: 50%;
  }

  .slogan-black {
    height: 30vh;
  }

  .container-for-slogan {
    width: 90%;
  }

  .contact-column {
    padding-left: 40px;
  }

  .hero-block-for-ipad {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 10%;
  }

  .placeholder {
    width: 100%;
  }

  .slide-icon, .slide-icon-left {
    opacity: 100;
  }

  .button-fill-white {
    margin-top: 0;
    padding: 8px 28px;
    font-size: 16px;
  }

  .shop-image {
    width: 48px;
  }

  .menu-shop-image {
    width: 64px;
  }

  .button-text, .button-text.left {
    font-size: 16px;
  }

  .shop-button {
    height: 42px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-image, .button-image-gold {
    width: 70px;
  }

  .quick-stack-2 {
    grid-row-gap: 6px;
    height: 200vh;
  }

  .picc-cell-1, .picc-cell-2 {
    background-position: 50%;
  }

  .marscity_quickstuck {
    height: 400vh;
  }
}

@media screen and (max-width: 767px) {
  .heading-1-white {
    font-size: 36px;
  }

  .heading-1-white.left-text {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .heading-1-white.center.gold {
    font-size: 32px;
  }

  .text-normal-white.center-layout {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-normal-white.center-layout.more-margin {
    width: 100%;
    margin-top: 0;
    font-size: 12px;
  }

  .text-normal-white.cover-limit.down {
    width: 100%;
  }

  .homepage-section {
    padding-top: 93px;
  }

  .div-block-1 {
    margin-top: 11px;
    margin-left: 10%;
    margin-right: 10%;
  }

  .button-fill-gold {
    align-self: flex-start;
    margin-top: 0;
    margin-right: 0;
  }

  .button-fill-gold.cover-page.left {
    margin-left: 0;
  }

  .button-fill-gold.gap-top {
    margin-top: 95px;
  }

  .button-stroke-white {
    border-width: 1px;
    flex: 0 auto;
    margin-right: 40%;
    padding-left: 55px;
    padding-right: 55px;
    display: flex;
  }

  .div-block-2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-top: 0;
    display: flex;
  }

  .hero-section {
    justify-content: flex-start;
    align-items: center;
  }

  .heading-2 {
    padding-left: 0;
    font-size: 28px;
  }

  .car-section.car-background-1, .car-section.car-background-2, .car-section.car-background-3 {
    height: 320px;
    max-height: none;
  }

  .heading-3.margin-top {
    width: 75%;
    padding-left: 10px;
    font-size: 24px;
  }

  .heading-3.margin-top.center {
    text-align: center;
  }

  .heading-1-black {
    text-align: left;
    font-size: 36px;
  }

  .heading-1-black.margin {
    margin-bottom: 20px;
  }

  .series-section-nolink {
    height: 360px;
    max-height: none;
  }

  .image-side {
    aspect-ratio: auto;
    object-fit: cover;
    height: 100%;
  }

  .heading-4 {
    font-size: 18px;
  }

  .heading-4.center {
    align-self: center;
  }

  .block-right {
    margin-left: 5%;
  }

  .sitemap-bold.center {
    align-self: center;
  }

  .text-small {
    align-self: flex-start;
    font-size: 12px;
  }

  .heading-2-1 {
    font-size: 24px;
  }

  .columns {
    padding-top: 0;
  }

  .container-standrad {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .social-media-box {
    padding-bottom: 0;
  }

  .bottom-block-black {
    margin-top: 26px;
  }

  .image-2-3 {
    align-self: center;
  }

  .column-3 {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    align-items: stretch;
    padding: 0 0 48px;
  }

  .column-4 {
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-section {
    max-width: none;
  }

  .heading-2-black {
    letter-spacing: 6px;
  }

  .text-normal-black {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .text-normal-black.remove-margin.margin {
    margin-left: 43px;
    margin-right: 43px;
  }

  .text-normal-black.down.more-margin {
    width: 100%;
    margin-top: 0;
    font-size: 12px;
  }

  .text-normal-black.menu-text {
    margin-left: 0;
  }

  .download-file-section {
    height: 50vh;
  }

  .heading-sub {
    font-size: 32px;
  }

  .columns-3 {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .list-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-self: center;
    width: 100%;
    display: flex;
  }

  .image-7 {
    object-fit: cover;
  }

  .heading-4-black {
    color: var(--dark);
  }

  .heading-4-black.right {
    width: auto;
    color: var(--dark);
    letter-spacing: 1px;
    align-self: flex-end;
    display: block;
  }

  .heading-4-black.right.trans {
    display: block;
  }

  .news-page-link-1 {
    flex: none;
    width: auto;
  }

  .last-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    height: auto;
  }

  .columns-7 {
    margin-top: 20vh;
  }

  .feature-section {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .design-a {
    flex-flow: wrap;
  }

  .welcome-block {
    height: auto;
  }

  .collection-intro-section {
    height: 60vh;
  }

  .paragraph-center.text-normal-white {
    width: 75%;
  }

  .contact-icons {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
  }

  .button-fill-black {
    margin-top: 95px;
  }

  .button-fill-black.phone {
    background-color: var(--white);
    color: var(--dark);
  }

  .button-fill-black.contact {
    margin-top: 0;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .message-modal {
    display: none;
  }

  .modal-container {
    width: 80%;
  }

  .container-for-policy {
    width: 100%;
  }

  .hero-columns, .div-block-18 {
    margin-top: 0;
  }

  .slider {
    height: 300px;
  }

  .pic-changes {
    display: inline-block;
  }

  .column-9 {
    flex-flow: wrap;
  }

  .column-10 {
    display: none;
  }

  .tab {
    padding-left: 18px;
    padding-right: 18px;
  }

  .left-menu-block.auto {
    width: 70%;
    left: -70%;
  }

  .series-text {
    display: block;
  }

  .series-container {
    display: none;
  }

  .tabs-menu {
    margin-top: 60vh;
  }

  .configure-section {
    height: 320px;
    max-height: none;
  }

  .slider-360 {
    height: 320px;
  }

  .container-inside {
    margin-right: 4px;
  }

  .half-page-image-box {
    aspect-ratio: auto;
    object-fit: contain;
    width: 560px;
  }

  .half-page-image-box.another {
    display: block;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-29 {
    margin-top: 48px;
  }

  .columns-15 {
    width: 100%;
  }

  .keyword-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .info-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .image-19 {
    margin-top: 8px;
  }

  .image-20 {
    margin-top: -7px;
  }

  .column-13 {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-14 {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 290px;
  }

  .div-block-33 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 200%;
  }

  .icon-font.black.gap {
    margin-top: 8px;
    margin-bottom: -10px;
  }

  .icon-font.page {
    font-size: 14px;
  }

  .icon-font.small {
    margin-top: 0;
  }

  .div-block-35 {
    display: none;
  }

  .container-phone-white {
    align-self: flex-end;
    align-items: flex-start;
    width: 60%;
    margin-bottom: 48px;
    margin-left: 5%;
    display: block;
  }

  .div-block-36 {
    display: block;
  }

  .next-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: flex-end;
    width: auto;
    height: auto;
  }

  .div-block-39 {
    margin-left: 29px;
  }

  .add-new-title {
    letter-spacing: 1px;
    display: block;
  }

  .grid-6 {
    grid-template-rows: auto auto auto auto;
  }

  .logo-container {
    width: 20%;
  }

  .new-car-section {
    height: var(--90vh);
    background-position: 50%, 0 0, 0 0;
    background-size: cover, auto, auto;
  }

  .bottom-block._90vh {
    width: 57%;
  }

  .story-section {
    height: auto;
  }

  .about-us-columns {
    flex-flow: column;
  }

  .column-25 {
    display: none;
  }

  .container-phone-black {
    display: none;
    position: relative;
    inset: auto auto -48% -20%;
  }

  .tabs-menu-2 {
    height: 20px;
  }

  .grid-for-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .columns-for-2 {
    flex-flow: column;
  }

  .video-section {
    height: auto;
  }

  .list-columns-news {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-self: center;
    width: 100%;
    display: flex;
  }

  .hero-cover-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 60%;
    margin-top: 0;
    display: flex;
  }

  .slogan-black {
    height: 60vh;
  }

  .hero-block-for-ipad {
    width: 100%;
    inset: auto 0% 6%;
  }

  .hideinpc {
    display: block;
  }

  .button-fill-white {
    margin-top: 95px;
  }

  .button-fill-white.phone {
    background-color: var(--white);
    color: var(--dark);
  }

  .button-fill-white.contact {
    margin-top: 0;
  }

  .container-album {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .body {
    background-color: var(--dark);
  }

  .heading-1-white.left-text {
    text-align: left;
    margin-top: 10px;
    font-size: 28px;
  }

  .heading-1-white.left-text.margin-top-h1 {
    margin-top: 8px;
    font-size: 36px;
  }

  .heading-1-white.left-text.large {
    font-size: 56px;
  }

  .heading-1-white.center {
    width: 256px;
  }

  .heading-1-white.center.gold {
    width: 80%;
    color: var(--gold);
    letter-spacing: 4px;
    text-shadow: 0 1px 4px #5e5e5e33;
  }

  .heading-1-white.center.gold.shadow {
    text-shadow: 0 1px #5c5c5c33;
  }

  .text-normal-white {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .text-normal-white.center-layout {
    text-align: center;
    width: auto;
    margin-top: 40px;
    padding-top: 0;
    font-size: 12px;
  }

  .text-normal-white.center-layout.more-margin {
    margin-top: 24px;
  }

  .text-normal-white.remove-margin {
    width: 100%;
  }

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

  .text-normal-white.center.cover-block {
    width: 100%;
    margin-top: 0;
  }

  .homepage-section {
    height: var(--100vh);
    background-position: 50%;
  }

  .button-fill-gold {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: 0;
    margin-right: auto;
    font-size: 14px;
    display: inline-block;
  }

  .button-fill-gold.left {
    justify-content: center;
    align-items: center;
  }

  .button-fill-gold.go-left {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 27px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
  }

  .button-fill-gold.go-left.with-stroke {
    width: 100%;
    margin-right: auto;
    padding: 7px 30px;
  }

  .button-fill-gold.cover-page {
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    display: block;
  }

  .button-fill-gold.cover-page.left {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .button-fill-gold.cover-page.left.hero-length {
    padding-left: 34px;
    padding-right: 34px;
  }

  .button-fill-gold.cover-page.hero-length {
    margin-left: auto;
    margin-right: auto;
  }

  .button-fill-gold.gap-top.remove-top {
    margin-top: 20px;
  }

  .button-fill-gold.center {
    margin-left: auto;
  }

  .button-stroke-white {
    border-width: 1px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-right: auto;
    padding: 7px 32px;
    font-size: 14px;
  }

  .div-block-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-section {
    margin-top: -40px;
  }

  .nav-links {
    width: 5%;
  }

  .nav-bar.black-style-bar {
    justify-content: space-between;
    align-items: center;
  }

  .white-logo {
    width: 100%;
  }

  .menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 6%;
    display: block;
  }

  .nav-link-text {
    display: none;
  }

  .heading-2 {
    letter-spacing: 6px;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    font-size: 22px;
    line-height: 120%;
    display: flex;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .heading-2.go-right {
    margin-top: 32px;
    padding-right: 0;
  }

  .heading-2.go-right.brand {
    padding-right: 0;
  }

  .heading-2.center {
    justify-content: center;
    align-items: center;
  }

  .car-section.car-background-1 {
    background-image: linear-gradient(180deg, #fff0 48%, var(--dark) 68%), linear-gradient(180deg, #0000009e, #fff0), url('../images/john-matychuk-FgTcokJpm9w-unsplash.jpg');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, 160vw;
    height: 90vh;
  }

  .car-section.car-background-2 {
    background-image: linear-gradient(180deg, #fff0 54%, var(--dark) 58%), url('../images/car2.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-x;
    background-size: auto, 140vw;
    height: 90vh;
  }

  .car-section.car-background-3 {
    background-image: linear-gradient(180deg, var(--transparent) 55%, var(--dark) 64%), url('../images/car3.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-x;
    background-size: auto, 120vw;
    background-attachment: scroll, scroll;
    height: 90vh;
  }

  .heading-3 {
    text-align: center;
    width: 100%;
    font-size: 24px;
  }

  .heading-3.margin-top {
    align-self: center;
  }

  .heading-3.margin-top.center {
    margin-top: 128px;
  }

  .heading-3.left {
    color: var(--white);
    text-align: left;
  }

  .heading-3.left-margin {
    margin-left: 0;
  }

  .car-title {
    padding-top: 0;
  }

  .heading-1-black {
    color: var(--dark);
  }

  .heading-1-black.gap.small {
    font-size: 32px;
  }

  .heading-1-black.white {
    color: var(--white);
    letter-spacing: 8px;
  }

  .heading-1-black.margin {
    margin-bottom: 24px;
  }

  .series-section-nolink {
    height: 90vh;
  }

  .series-section-nolink.second {
    margin-top: -72px;
  }

  .image-side {
    object-fit: cover;
    overflow: hidden;
  }

  .collection-container {
    flex-flow: column;
    width: 80%;
  }

  .text-button.page-link.small {
    font-size: 12px;
  }

  .block-left {
    align-self: flex-start;
    width: 100%;
    margin: 32px auto 0;
    padding-top: 0;
  }

  .block-left.bottom {
    margin-bottom: 32px;
  }

  .arrow {
    width: 90%;
  }

  .block-right {
    width: auto;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
  }

  .block-right.bottom {
    margin-bottom: 32px;
  }

  .news-section {
    height: auto;
  }

  .container-3 {
    width: 80%;
  }

  .sitemap-bold {
    align-self: flex-start;
  }

  .text-small {
    letter-spacing: 1px;
    align-self: flex-start;
    width: 100%;
  }

  .text-small.for-phone {
    width: auto;
  }

  .text-small.limit {
    width: 300px;
  }

  .news-block {
    margin-left: 0;
  }

  ._3-news-block {
    grid-template-columns: 1fr;
    height: 1200px;
    margin-bottom: 36px;
  }

  .news-intro {
    padding-top: 81px;
  }

  .heading-2-1 {
    color: var(--gold);
    margin-top: 0;
  }

  .div-block-5 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .pages {
    padding: 8px 10px;
    font-size: 10px;
    display: block;
  }

  .pages.chosen-page {
    font-size: 10px;
    display: block;
  }

  .pages.page-hide {
    display: none;
  }

  .sitemap-light {
    text-decoration: none;
  }

  .div-block-6 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .foot-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .sitemap-information {
    flex-flow: column;
  }

  .container-standrad {
    align-items: flex-start;
    padding-top: 0;
  }

  .container-standrad.sitemap {
    width: 90%;
    padding-top: 10px;
  }

  .social-media-box {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .flex-block {
    flex-flow: column;
    margin-top: 40px;
  }

  .bottom-block-black {
    flex-flow: column;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .mars-cover-section {
    background-position: 0 0, 50% 0;
    background-size: auto, auto 100%;
    height: 90vh;
  }

  .conditioner-standrad {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 90%;
  }

  .conditioner-standrad.half-layout {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .container-7 {
    width: 90%;
  }

  .grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-normal-black {
    width: auto;
    font-size: 12px;
  }

  .text-normal-black.remove-margin.margin {
    margin-left: 0;
    margin-right: 0;
  }

  .text-normal-black.center-v.message {
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
  }

  .text-normal-black.center {
    width: auto;
  }

  .text-normal-black.down.more-margin {
    color: var(--white);
    margin-top: 24px;
  }

  .text-normal-black.left {
    align-self: flex-start;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .text-normal-black.menu-text {
    width: auto;
    margin-left: 0;
    font-size: 16px;
  }

  .download-file-section {
    height: auto;
  }

  .list-columns {
    flex-flow: column;
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
    display: flex;
  }

  .slogan-section-white {
    height: auto;
  }

  .tag-blcok-white {
    margin-bottom: 10px;
  }

  .heading-3-black {
    text-align: left;
    margin-top: 20px;
    font-size: 24px;
  }

  .heading-3-black.box-set {
    width: 100%;
  }

  .columns-4 {
    display: none;
  }

  .heading-4-black {
    width: 110%;
    color: var(--dark);
    text-align: left;
    align-self: flex-start;
    font-size: 12px;
    line-height: 150%;
  }

  .heading-4-black.right {
    text-align: left;
    width: auto;
    font-size: 14px;
    line-height: 120%;
  }

  .heading-4-black.right.trans {
    text-align: right;
  }

  .news-page-link-1 {
    justify-content: flex-start;
    width: auto;
    height: 30px;
    padding-left: 0;
  }

  .news-page-link-2 {
    justify-content: flex-end;
    width: auto;
    height: 30px;
  }

  .last-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-self: flex-start;
    align-items: flex-start;
    width: 240px;
  }

  .page-change {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    margin-bottom: 0;
  }

  .series-cover-section {
    background-image: linear-gradient(180deg, var(--transparent) 70%, var(--dark-shadow)), linear-gradient(180deg, var(--dark-shadow), var(--transparent) 46%), url('../images/titan4.png');
    background-position: 0 0, 0 0, 50% 0;
    background-size: auto, auto, cover;
    height: 100dvh;
  }

  .series-cover-section.spark {
    background-image: linear-gradient(180deg, var(--transparent) 70%, var(--dark-shadow)), linear-gradient(180deg, var(--light-shadow), var(--transparent) 46%), url('../images/spark2.png');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto 100%;
  }

  .album-section {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .discription {
    width: 100%;
  }

  .heading-5 {
    letter-spacing: 1px;
    margin-top: 25vh;
    font-size: 12px;
    line-height: 150%;
  }

  .heading-5.left {
    color: var(--dark);
  }

  .heading-5.cover-limit {
    letter-spacing: 1px;
    width: 300px;
    margin-top: 20vh;
  }

  .feature-section {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .blank-section {
    background-position: 0 0, 0 0, 80%;
  }

  .brands-section {
    height: 200px;
  }

  .collection-intro-section {
    height: 600px;
  }

  .paragraph-center.text-normal-white {
    width: 100%;
  }

  .bottom-block-white {
    flex-flow: column;
  }

  .contact-section {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-icons {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    margin-top: 2px;
  }

  .button-fill-black {
    width: 100%;
    margin-top: 20px;
  }

  .button-fill-black.phone {
    margin-top: 20px;
    font-size: 14px;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .heading-worksans.center {
    width: 100%;
    font-size: 20px;
  }

  .message-modal {
    display: none;
  }

  .modal-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-field-1.sitemap-bold-black {
    margin-top: 0;
    margin-bottom: 0;
  }

  .email-block {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
  }

  .textarea.sitemap-bold-black {
    height: 60px;
    margin-bottom: 0;
  }

  .close-link {
    text-decoration: none;
    top: 2%;
  }

  .hero-columns {
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-top: -26vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hero-columns.cn {
    margin-top: -20vh;
  }

  .div-block-18 {
    margin-top: 0%;
  }

  .slide-3 {
    background-size: cover;
  }

  .slider {
    height: 400px;
  }

  .slide-2 {
    background-size: cover;
  }

  .slide-1 {
    object-fit: cover;
    background-size: cover;
  }

  .pic-large-block {
    height: auto;
  }

  .image-large {
    width: 100%;
    height: auto;
  }

  .column-11 {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs {
    flex-flow: column;
    flex: none;
    justify-content: flex-end;
    align-self: center;
    align-items: stretch;
    height: 90vh;
    display: flex;
    bottom: 25px;
  }

  .tab.no-1.w--current, .tab.no-2, .tab.no-3, .tab.no-4 {
    width: auto;
  }

  .left-menu-block.auto {
    background-color: #daa749;
    width: 100vw;
    left: -100%;
  }

  .close-link-2 {
    text-decoration: none;
  }

  .series-text {
    margin-top: 0;
    display: block;
  }

  .series-container {
    display: none;
  }

  .tab-section {
    overflow: hidden;
  }

  .tab-section.titan {
    height: 100dvh;
  }

  .tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
  }

  .configure-section {
    height: 200px;
  }

  .slider-360 {
    height: auto;
  }

  .large-menu {
    display: none;
  }

  .container-for-nav {
    margin-bottom: 0;
  }

  .model1 {
    display: none;
  }

  .dropdown-toggle-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .letter-icon {
    display: none;
  }

  .container-8 {
    position: static;
    inset: 0% auto auto 0%;
  }

  .auto-center-limit {
    max-width: var(--100vw);
    overflow: hidden;
  }

  .menu-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 15%;
  }

  .nav-bg {
    justify-content: center;
    align-items: center;
    height: 60px;
    display: flex;
  }

  .nav-bg.black {
    background-color: var(--dark);
  }

  .title-block {
    justify-content: center;
    align-items: flex-start;
    margin-top: auto;
    padding-top: 20vh;
  }

  .dropdown-2 {
    margin-right: 0;
    display: block;
  }

  .homepage, .homepage.w--current {
    width: 80px;
  }

  .half-page-image-box {
    width: 100%;
    display: block;
  }

  .half-page-image-box.another {
    display: none;
  }

  .right-slide {
    margin-right: 10px;
  }

  .tab-title {
    text-align: center;
    letter-spacing: 1px;
    width: 30vw;
  }

  .grid-sitemap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .keyword-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    width: 100%;
    display: grid;
  }

  .info-block {
    flex-flow: row;
    margin-top: 48px;
  }

  .image-20 {
    margin-top: -10px;
  }

  .column-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-4 {
    margin-top: 69px;
  }

  .div-block-33 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 150%;
    margin-top: 20vh;
  }

  .image-21, .div-block-34 {
    width: 100%;
  }

  .icon-font.black {
    color: var(--dark);
    text-decoration: none;
  }

  .icon-font.black.gap {
    align-self: flex-start;
  }

  .icon-font.black.margin-top {
    margin-top: 8px;
  }

  .text-block-7.black, .text-block-8.black {
    color: var(--dark);
  }

  .column-15 {
    display: none;
  }

  .div-block-35 {
    width: 100%;
    height: 100%;
    display: block;
  }

  .text-block-12, .text-block-13 {
    display: none;
  }

  .container-phone-white {
    align-self: flex-end;
    width: 80%;
    margin-bottom: 56px;
    margin-left: auto;
    display: block;
  }

  .right-arrow-2 {
    width: 20%;
  }

  .left-arrow-2 {
    width: 40px;
  }

  .left-slide {
    margin-left: 10px;
    font-size: 20px;
  }

  .column-16, .column-17 {
    padding-left: 0;
  }

  .column-18 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-37 {
    margin-bottom: 32px;
    display: block;
  }

  .column-19, .column-20, .column-21 {
    padding-left: 0;
    padding-right: 0;
  }

  .next-one-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .div-block-38 {
    width: 100%;
    height: 100%;
    margin-top: 48px;
  }

  .title-section {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100vw;
    height: 20vh;
    display: flex;
  }

  .div-block-39 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 80%;
    height: 80px;
    margin-left: 19px;
  }

  .icon-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
  }

  .icon-text.black {
    font-size: 20px;
  }

  .mask {
    height: auto;
  }

  .container-11 {
    scrollbar-color: #292929 #0e0e0e;
    width: 90%;
    height: 100%;
    display: block;
    overflow: auto;
  }

  .section {
    width: var(--100vw);
    background-color: var(--dark);
    height: 300px;
    padding-top: 24px;
    overflow: hidden;
  }

  .grid-5 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: 0;
    margin-right: 4px;
    display: grid;
    position: relative;
  }

  .div-block-40 {
    background-color: var(--transparent);
    height: 100%;
  }

  .div-block-41 {
    background-color: #2c2c2c;
    border-radius: 16px;
    height: 70%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-12 {
    width: 10px;
  }

  .list {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-right: 4px;
    list-style-type: none;
    display: grid;
  }

  .container-13 {
    width: 90%;
    overflow: visible;
  }

  .div-block-42 {
    width: 92%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
  }

  .column-22 {
    padding-left: 0;
  }

  .link-block-3, .link-block-4 {
    width: 80px;
  }

  .column-23 {
    padding-left: 0;
  }

  .add-block {
    width: 100%;
    height: 100%;
    display: block;
  }

  .half-page-image-box-left, .half-page-image-box-right {
    display: none;
  }

  .add-new-title {
    text-align: right;
    line-height: 120%;
  }

  .phone-list-section {
    background-color: var(--dark);
    width: 100vw;
    height: 320px;
    padding-top: 24px;
    display: block;
  }

  .section-8 {
    width: 100vw;
    height: 400px;
  }

  .div-block-43 {
    margin-top: -42px;
  }

  .logo-container {
    width: 30%;
  }

  .language-block {
    left: 18%;
  }

  .arrow-down {
    font-size: 16px;
    font-weight: 400;
  }

  .section-9 {
    width: var(--100vw);
    height: 90vh;
    max-width: var(--1920);
    background-color: var(--dark);
  }

  .container-15 {
    width: 80%;
  }

  .image-23 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .div-block-44 {
    background-image: linear-gradient(180deg, var(--transparent) 60%, var(--dark-shadow)), linear-gradient(180deg, var(--dark-shadow), var(--transparent) 47%), url('../images/john-matychuk-FgTcokJpm9w-unsplash.jpg');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, cover;
    width: 100%;
    height: 50vh;
    margin-top: 6vh;
  }

  .div-block-45 {
    margin-top: 24px;
  }

  .section-10 {
    width: var(--100vw);
    height: 90vh;
    max-width: var(--1920);
    background-color: var(--dark);
    background-image: linear-gradient(180deg, var(--transparent) 66%, black), linear-gradient(180deg, var(--dark) 27%, var(--transparent) 60%), url('../images/john-matychuk-FgTcokJpm9w-unsplash.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, 160vw;
  }

  .div-block-46 {
    width: 70%;
    margin-bottom: 375px;
  }

  .new-car-section {
    width: var(--100vw);
    height: 90vh;
    max-width: var(--1920);
    background-color: var(--dark);
    background-image: linear-gradient(180deg, var(--transparent) 61%, black 77%), url('../images/titan1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 100%;
    display: flex;
  }

  .new-car-section.pic-2 {
    background-image: linear-gradient(180deg, var(--transparent) 61%, black 77%), url('../images/spark1.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .new-car-section.pic-3 {
    background-image: url('../images/坦克cover.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bottom-block {
    width: 80%;
    bottom: 13%;
    left: 10%;
  }

  .bottom-block._90vh {
    width: 70%;
  }

  .story-section {
    height: auto;
  }

  .about-us-columns {
    flex-flow: column;
  }

  .div-block-49 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .div-block-49.cn {
    width: 100%;
  }

  .logo-title {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .column-26, .column-27, .column-28 {
    display: none;
  }

  .column-29 {
    display: block;
  }

  .column-30 {
    display: none;
  }

  .column-31 {
    padding-left: 0;
  }

  .cover-section {
    width: var(--100vw);
    height: var(--90vh);
    background-image: url('../images/bg-2.png');
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: cover;
  }

  .div-block-50 {
    width: 100%;
    margin-top: 50vh;
  }

  .column-32, .column-33 {
    display: none;
  }

  .section-11, .tab-link-for-page {
    padding-bottom: 0;
  }

  .tabs-2 {
    width: 100%;
  }

  .column-news, .column-35, .column-36 {
    padding-left: 0;
    padding-right: 0;
  }

  .big-button-arrow-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-61 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
  }

  .slide-4, .slide-6 {
    background-size: cover;
  }

  .heading-5-black {
    letter-spacing: 2px;
    margin-top: 35vh;
    font-size: 12px;
  }

  .heading-5-black.left {
    margin-top: 0;
  }

  .section-list-2 {
    height: auto;
  }

  .columns-horizontal {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .columns-horizontal._2 {
    height: auto;
    margin-top: 0;
  }

  ._2part-column {
    background-position: 50% 0;
    background-size: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._2part-list {
    padding-left: 0;
    padding-right: 0;
  }

  .car-section-left {
    display: none;
  }

  .news-title-box {
    margin-top: 0;
  }

  .news-wall {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 120vh;
    margin-top: 0;
  }

  .cell-4, .cell-5 {
    background-image: none;
  }

  .cell-6 {
    background-image: none;
    display: flex;
  }

  .columns-for-2list {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .columns-for-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    display: flex;
  }

  .column-48, .column-49 {
    display: none;
  }

  .column-50, .column-51, .column-52, .column-for-phone {
    padding-left: 0;
    padding-right: 0;
  }

  .image-27 {
    width: 100%;
  }

  .video-container {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .video-section {
    height: auto;
    min-height: auto;
  }

  .heading-3-white {
    text-align: left;
    margin-top: 20px;
    font-size: 24px;
  }

  .heading-3-white.box-set {
    width: 100%;
  }

  .heading-3-white.cover-limit {
    width: 400px;
  }

  .heading-5-white {
    letter-spacing: 2px;
    margin-top: 24vh;
    font-size: 12px;
  }

  .slide-1-spark {
    object-fit: cover;
    background-size: cover;
  }

  .slide-2-spark, .slide-3-spark, .slide-4-spark {
    background-size: cover;
  }

  .list-columns-news {
    flex-flow: column;
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
    display: flex;
  }

  .jimny-album {
    width: var(--100vw);
    height: auto;
  }

  .grid-mars {
    grid-template-columns: 1fr;
    margin-top: 100px;
    margin-bottom: 32px;
  }

  .image-jimny {
    width: 100%;
  }

  .grid-3-lines {
    grid-template-columns: 1fr 1fr;
    margin-top: 100px;
    margin-bottom: 32px;
  }

  .jimny-cover-section {
    background-image: url('../images/6.jpg');
    background-position: 50% 0;
    background-size: auto 100%;
    height: 90vh;
  }

  .background-video {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .hero-cover-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    max-width: 360px;
    margin-top: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-cover-box.cn {
    margin-top: 393px;
  }

  .body-in-dark {
    background-color: var(--dark);
  }

  .body-in-white {
    background-color: var(--white);
  }

  .play-pause-button {
    inset: 0%;
  }

  .slogan-black {
    height: 45vh;
  }

  .logo, .footer-logo.w--current {
    margin-left: 0;
    margin-right: auto;
  }

  .contact-column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-block-for-ipad {
    display: none;
  }

  .placeholder {
    height: 250px;
  }

  .hideinpc {
    display: block;
  }

  .hideinphone {
    display: none;
  }

  .showinphone {
    display: block;
  }

  .right-slide-effect, .left-slide-effect {
    display: none;
  }

  .button-fill-white {
    width: 100%;
    margin-top: 20px;
  }

  .button-fill-white.phone {
    margin-top: 20px;
    font-size: 14px;
  }

  .menu-shop-image {
    margin-bottom: 4px;
  }

  .button-text {
    padding-left: 72px;
    font-size: 14px;
    line-height: 150%;
  }

  .button-text.left {
    color: var(--dark);
  }

  .button-text.cover-limit {
    letter-spacing: 1px;
    width: 300px;
    margin-top: 20vh;
  }

  .shop-button {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button-image, .button-image-gold {
    width: 64px;
  }

  .mars-city-album-section {
    padding-bottom: 80px;
  }

  .container-album {
    align-items: flex-start;
    padding-top: 0;
  }

  .container-album.sitemap {
    width: 90%;
    padding-top: 10px;
  }

  .marscity_quickstuck {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 200vh;
    padding: 0;
  }
}

#w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f0e-948f2f0b {
  justify-self: start;
}

#w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f18-948f2f0b, #w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f1f-948f2f0b {
  justify-self: end;
}

#w-node-acf7ca1e-3ee3-b763-8e66-62c09f3a8798-ddedf8a6 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_269a0c63-7de3-2d5d-212b-18a2ee7a4967-ddedf8a6, #w-node-bc221c74-9bbf-9343-b680-981eb70a3363-ddedf8a6 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_8250d845-4f5d-5184-d8a7-ff6ba0647330-eb6bf69d, #w-node-db9e88b6-d4a5-1009-a5fc-ea19ad079980-eb6bf69d, #w-node-d39cda75-db4d-4b81-ee87-d95adb76a4f8-eb6bf69d, #w-node-_12fff6f5-b1c3-e5c1-65fe-ee6c10c74d6f-eb6bf69d, #w-node-e8b4e10d-5d04-0e50-1a9d-a1fed5d82084-eb6bf69d, #w-node-_16ac938b-3efa-1203-0f04-eb4b2dcad9e7-eb6bf69d, #w-node-_7807e00a-a60c-6f14-3771-7c5c1a137a19-eb6bf69d, #w-node-_7d7410fb-e3b9-66c6-9b32-f1a52947ed28-eb6bf69d {
  place-self: center;
}

#w-node-_14cf529e-396a-6ec3-172e-f99cc2ff8d49-c2ff8d46 {
  justify-self: start;
}

#w-node-_14cf529e-396a-6ec3-172e-f99cc2ff8d53-c2ff8d46, #w-node-_14cf529e-396a-6ec3-172e-f99cc2ff8d5a-c2ff8d46 {
  justify-self: end;
}

#w-node-_8250d845-4f5d-5184-d8a7-ff6ba0647330-2f9972ff, #w-node-db9e88b6-d4a5-1009-a5fc-ea19ad079980-2f9972ff, #w-node-d39cda75-db4d-4b81-ee87-d95adb76a4f8-2f9972ff, #w-node-_12fff6f5-b1c3-e5c1-65fe-ee6c10c74d6f-2f9972ff, #w-node-e8b4e10d-5d04-0e50-1a9d-a1fed5d82084-2f9972ff, #w-node-_16ac938b-3efa-1203-0f04-eb4b2dcad9e7-2f9972ff, #w-node-_7807e00a-a60c-6f14-3771-7c5c1a137a19-2f9972ff, #w-node-_7d7410fb-e3b9-66c6-9b32-f1a52947ed28-2f9972ff {
  place-self: center;
}

#w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc24-43d1bc24 {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc25-43d1bc24 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc2b-43d1bc24, #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc2e-43d1bc24, #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc34-43d1bc24, #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc37-43d1bc24 {
  grid-row: span 2 / span 2;
}

#w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc3a-43d1bc24, #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc43-43d1bc24 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc46-43d1bc24, #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc49-43d1bc24 {
  grid-row: span 2 / span 2;
}

#w-node-acf7ca1e-3ee3-b763-8e66-62c09f3a8798-b7c12efe {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_269a0c63-7de3-2d5d-212b-18a2ee7a4967-b7c12efe, #w-node-bc221c74-9bbf-9343-b680-981eb70a3363-b7c12efe {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f78-46d76f76 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7b-46d76f76 {
  grid-row: span 2 / span 2;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7c-46d76f76 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7d-46d76f76 {
  grid-row: span 2 / span 2;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7e-46d76f76 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f81-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f82-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f83-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f84-46d76f76 {
  grid-row: span 2 / span 2;
}

#w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f85-46d76f76 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f26-948f2f0b {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-acf7ca1e-3ee3-b763-8e66-62c09f3a8798-ddedf8a6 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_269a0c63-7de3-2d5d-212b-18a2ee7a4967-ddedf8a6, #w-node-bc221c74-9bbf-9343-b680-981eb70a3363-ddedf8a6 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc24-43d1bc24 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc25-43d1bc24 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc2b-43d1bc24, #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc2e-43d1bc24 {
    grid-row: span 2 / span 2;
  }

  #w-node-acf7ca1e-3ee3-b763-8e66-62c09f3a8798-b7c12efe {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_269a0c63-7de3-2d5d-212b-18a2ee7a4967-b7c12efe, #w-node-bc221c74-9bbf-9343-b680-981eb70a3363-b7c12efe {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f78-46d76f76 {
    grid-template-rows: 126px 200px auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7b-46d76f76 {
    grid-row: span 6 / span 6;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7c-46d76f76 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7d-46d76f76 {
    grid-row: span 8 / span 8;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7e-46d76f76 {
    grid-area: span 13 / span 2 / span 13 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7f-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f80-46d76f76 {
    grid-row: span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f81-46d76f76 {
    grid-row: span 4 / span 4;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f82-46d76f76 {
    grid-row: span 10 / span 10;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f83-46d76f76 {
    grid-row: span 6 / span 6;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f84-46d76f76 {
    grid-row: span 4 / span 4;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f85-46d76f76 {
    grid-area: span 5 / span 2 / span 5 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f86-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f87-46d76f76 {
    grid-row: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f0e-948f2f0b {
    justify-self: center;
  }

  #w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f0f-948f2f0b {
    justify-self: start;
  }

  #w-node-_0f99420e-7180-fa7b-62a2-5d7d948f2f18-948f2f0b {
    justify-self: center;
  }

  #w-node-acf7ca1e-3ee3-b763-8e66-62c09f3a8798-ddedf8a6 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_269a0c63-7de3-2d5d-212b-18a2ee7a4967-ddedf8a6, #w-node-bc221c74-9bbf-9343-b680-981eb70a3363-ddedf8a6 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_14cf529e-396a-6ec3-172e-f99cc2ff8d49-c2ff8d46 {
    justify-self: center;
  }

  #w-node-_14cf529e-396a-6ec3-172e-f99cc2ff8d4a-c2ff8d46 {
    justify-self: start;
  }

  #w-node-_14cf529e-396a-6ec3-172e-f99cc2ff8d53-c2ff8d46 {
    justify-self: center;
  }

  #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc24-43d1bc24 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_846f979b-c4ef-484d-cbbc-b95b43d1bc31-43d1bc24 {
    grid-column: span 1 / span 1;
  }

  #w-node-acf7ca1e-3ee3-b763-8e66-62c09f3a8798-b7c12efe {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_269a0c63-7de3-2d5d-212b-18a2ee7a4967-b7c12efe, #w-node-bc221c74-9bbf-9343-b680-981eb70a3363-b7c12efe {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f78-46d76f76 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7b-46d76f76 {
    grid-row: span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7c-46d76f76 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7d-46d76f76 {
    grid-row: span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7e-46d76f76 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f7f-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f80-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f81-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f82-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f83-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f84-46d76f76 {
    grid-row: span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f85-46d76f76 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f86-46d76f76, #w-node-_160cad11-3444-e0b0-0c3d-9a8c46d76f87-46d76f76 {
    grid-row: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Worksans';
  src: url('../fonts/WorkSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('../fonts/Syne-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Round';
  src: url('../fonts/MaterialIconsRound-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Outlined';
  src: url('../fonts/MaterialIconsOutlined-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}