#bartokr *, #bartokr::before, #bartokr::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.isUC .play-icon{
  display: none;
}
.ucshow{
  display: none;
}
#bartokr h2, #bartokr h3 {
  font-weight: 700;
  line-height: 1.25;
}

#bartokr p, #bartokr a, #bartokr li {
  line-height: 1.6;
}

#bartokr span {
  line-height: inherit;
  color: inherit;
}

#bartokr picture, #bartokr img, #bartokr svg, #bartokr video {
  display: block;
  width: 100%;
}

#bartokr svg {
  overflow: visible;
}

#bartokr sup {
  position: relative;
  z-index: 10;
  font-size: .6em;
  line-height: 0;
  cursor: pointer;
  color: inherit;
}

#bartokr .nowrap {
  white-space: nowrap;
}

#bartokr .sticky-wrapper {
  position: relative;
  z-index: 1;
}

#bartokr .sticky-content {
  position: sticky;
  top: var(--stickynav-height);
  width: 100%;
}

#bartokr.no-sticky .sticky-wrapper {
  height: auto !important;
  min-height: auto !important;
}

#bartokr.no-sticky .sticky-content {
  position: relative !important;
  top: 0 !important;
}

#bartokr.no-sticky .is-gradient {
  background-image: none !important;
}

#bartokr .row {
  display: flex;
  flex-wrap: wrap;
}

#bartokr .is-gradient {
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -webkit-text-fill-color: transparent;
}

#bartokr .is-gradient sup {
  position: static;
}

#bartokr .aspect-ratio, #bartokr .a18e {
  position: relative;
}

#bartokr .aspect-ratio::before, #bartokr .a18e::before {
  display: block;
  content: '';
}

#bartokr .aspect-ratio > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#bartokr .a18e img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#bartokr .inline-video {
  overflow: hidden;
}

#bartokr .inline-video .video-wrapper {
  width: 100%;
}

#bartokr .inline-video .video-fallback {
  display: none;
}

#bartokr.no-inline-video .inline-video video {
  display: none;
}

#bartokr.no-inline-video .inline-video .video-fallback {
  display: initial;
}

#bartokr .blur-up {
  transition: filter .4s;
  filter: blur(20px);
}

#bartokr .blur-up.lazyloaded {
  filter: blur(0);
}

#bartokr .lg-hide {
  display: none;
}

#bartokr .lg-show {
  display: block;
}

#bartokr .lg-show-flex {
  display: flex;
}

#bartokr .lg-show-inline {
  display: inline;
}

#bartokr .lg-show-inlineblock {
  display: inline-block;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .xs-hide {
    display: none;
  }
  #bartokr .xs-show {
    display: block;
  }
  #bartokr .xs-show-flex {
    display: flex;
  }
  #bartokr .xs-show-inline {
    display: inline;
  }
  #bartokr .xs-show-inlineblock {
    display: inline-block;
  }
}

html[dir=rtl] .fancybox-close {
  right: auto !important;
}

#bartokr .spacer {
  margin-top: 10.416667vw;
}

#bartokr .spacers {
  margin-top: 10.416667vw;
  margin-bottom: 10.416667vw;
}

#bartokr .section-content {
  margin-right: auto;
  margin-left: auto;
}

#bartokr .rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 1.041667vw;
}

#bartokr .full-width {
  width: 100%;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .spacer {
    margin-top: 22.222222vw;
  }
  #bartokr .spacers {
    margin-top: 22.222222vw;
    margin-bottom: 22.222222vw;
  }
  #bartokr .text-content {
    margin-right: auto;
    margin-left: auto;
  }
  #bartokr .rounded {
    border-radius: 5.555556vw;
  }
}

#bartokr .headline {
  font-size: 2.5vw;
}

#bartokr .headline.elevated {
  font-size: 6.25vw;
}

#bartokr .headline.reduced {
  font-size: 1.666667vw;
}

#bartokr .headline + .intro {
  margin-top: 1.5625vw;
}

#bartokr .intro {
  font-size: 1.145833vw;
}

#bartokr .intro.reduced {
  font-size: 1.041667vw;
}

#bartokr p {
  color: #868686;
}

#bartokr .signpost {
  font-weight: 700;
  color: #1e2022;
}

#bartokr .note {
  font-size: .833333vw;
  color: #868686;
  position: relative;
}

#bartokr .permalink {
  color: #4091ff;
}

#bartokr .sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .headline {
    font-size: 6.666667vw;
  }
  #bartokr .headline.elevated {
    font-size: 10.416667vw;
  }
  #bartokr .headline.reduced {
    font-size: 4.444444vw;
  }
  #bartokr .headline.xs-reduced {
    font-size: 4.444444vw;
  }
  #bartokr .headline + .intro {
    margin-top: 2.777778vw;
  }
  #bartokr .intro {
    font-size: 3.055556vw;
    font-size: 4.444444vw;
  }
  #bartokr .intro.reduced {
    font-size: 2.777778vw;
  }
  #bartokr .note {
    font-size: 2.222222vw;
  }
}

#bartokr .section-hero {
  position: relative;
  /* padding-top: 5.208333vw;
  padding-bottom: 1.302083vw; */
}

#bartokr .section-hero .hero-headline {
  position: absolute;
  z-index: 2;
  top: 21vw;
  top: 16vw;
  right: 0;
  width: 48.697917vw;
  width: 46.697917vw;
}

#bartokr .section-hero .hero-logo {
  width: 32.291667vw;
  margin-right: auto;
  margin-left: auto;
}

#bartokr .section-hero .hero-logo::before {
  padding-bottom: 9.26829%;
  padding-bottom: 9%;
}

#bartokr .section-hero .overview-features {
  margin-top: 1.041667vw;
  font-size: 1.145833vw;
  font-size: 1.25vw;
  text-align: center;
  color: #231815;
  width: 32.291667vw;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  height: 1.5em;
}
#bartokr .section-hero .overview-features::after {
  content: '';
  display: inline-block;
  width: 100%;
}
#bartokr .section-hero .hero-picture {
  width: 49.375vw;
  width: 100%;
  margin-right: auto;
  margin-left: 5.208333vw;
  margin-right: 0;
  margin-left: 0;
}

#bartokr .section-hero .hero-picture::before {
  padding-bottom: 79.00844%;
  padding-bottom: calc(960 / 1920 * 100%);
}

#bartokr .section-hero .hero-harmonyos {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 4.166667vw;
  display: block;
  width: 8.229167vw;
  left: auto;
  bottom: 5.5vw;
  right: 3vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-hero {
    padding-top: 22.222222vw;
    padding-bottom: 0;
  }
  #bartokr .section-hero .hero-headline {
    position: static;
    width: 100%;
  }
  #bartokr .section-hero .hero-logo {
    width: 75.277778vw;
    width: 74.166667vw;
  }
  #bartokr .section-hero .overview-features {
    margin-top: 2.5vw;
    margin-top: 4.166667vw;
    font-size: 2.777778vw;
    width: 74.166667vw;
    /* letter-spacing: .30vw; */
  }
  #bartokr .section-hero .hero-picture {
    width: 87.5vw;
    margin: 15.277778vw auto 0;
    margin: 13.888889vw auto 0;
  }
  #bartokr .section-hero .hero-picture::before {
    padding-bottom: 79.20635%;
    padding-bottom: calc(436 / 630 * 100%);
  }
  #bartokr .section-hero .hero-harmonyos {
    position: static;
    width: 15vw;
    margin: 17.361111vw 8.333333vw 0 auto;
    margin: 22.222222vw 4.444444vw 0 auto;
  }
}

#bartokr .section-top-features {
  padding-top: 10.416667vw;
}

#bartokr .section-top-features .features-list {
  justify-content: space-between;
  width: 68.75vw;
  margin: -1.041667vw auto 0;
}

#bartokr .section-top-features .feature-item {
  position: relative;
  height: 20.833333vw;
  margin-top: 1.041667vw;
  background-color: #fafbfd;
}

#bartokr .section-top-features .feature-item:hover .icon-marker {
  transform: translateY(50%);
}

#bartokr .section-top-features .feature-1 {
  width: 29.166667vw;
}

#bartokr .section-top-features .feature-papermatte {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 25vw;
}

#bartokr .section-top-features .frame {
  position: relative;
  z-index: 3;
  width: 100%;
}

#bartokr .section-top-features .frame::before {
  padding-bottom: 53.33333%;
}

#bartokr .section-top-features .wallpapper-wrapper {
  position: absolute;
  top: .46875vw;
  left: .416667vw;
  width: 20.052083vw;
}

#bartokr .section-top-features .wallpapper-2 {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  border-right: 1px solid #ff8e1d;
  will-change: width;
}

#bartokr .section-top-features .wallpapper-image {
  width: 20.052083vw;
}

#bartokr .section-top-features .intro-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#bartokr .section-top-features .feature-2 {
  width: 17.1875vw;
}

#bartokr .section-top-features .feature-3 {
  width: 20.3125vw;
}

#bartokr .section-top-features .feature-4 {
  width: 23.4375vw;
}

#bartokr .section-top-features .feature-5 {
  width: 22.395833vw;
}

#bartokr .section-top-features .feature-6 {
  width: 20.833333vw;
  background: linear-gradient(125deg, #fafffe 20%, #e7f7f3 100%);
}

#bartokr .section-top-features .feature-picture {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#bartokr .section-top-features .feature-copy {
  position: absolute;
  top: 1.927083vw;
  left: 2.083333vw;
}

#bartokr .section-top-features .feature-headline {
  font-size: 1.25vw;
}

#bartokr .section-top-features .feature-intro {
  margin-top: .520833vw;
  font-size: .833333vw;
}

#bartokr .section-top-features .anchor-marker {
  position: absolute;
  right: 1.041667vw;
  bottom: 1.041667vw;
  overflow: hidden;
  width: 2.395833vw;
  height: 2.395833vw;
  pointer-events: none;
  border-radius: 50%;
  background-color: rgba(239, 240, 244, 0.6);
}

#bartokr .section-top-features .icon-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform .8s ease;
}

#bartokr .section-top-features .anchor-cta {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-top-features {
    padding-top: 22.222222vw;
  }
  #bartokr .section-top-features .features-list {
    justify-content: space-between;
    width: 88.888889vw;
    margin: -2.777778vw auto 0;
  }
  #bartokr .section-top-features .feature-item {
    height: 48.611111vw;
    margin-top: 2.777778vw;
  }
  #bartokr .section-top-features .feature-1 {
    width: 100%;
    height: 62.5vw;
  }
  #bartokr .section-top-features .feature-papermatte {
    width: 76.388889vw;
  }
  #bartokr .section-top-features .frame::before {
    padding-bottom: 51.09091%;
  }
  #bartokr .section-top-features .wallpapper-wrapper {
    position: absolute;
    top: 1.25vw;
    left: 1.25vw;
    width: 59.861111vw;
  }
  #bartokr .section-top-features .wallpapper-image {
    width: 59.861111vw;
  }
  #bartokr .section-top-features .feature-2 {
    width: 41.666667vw;
  }
  #bartokr .section-top-features .feature-3 {
    width: 44.444444vw;
  }
  #bartokr .section-top-features .feature-4 {
    width: 100%;
    height: 55.555556vw;
  }
  #bartokr .section-top-features .feature-5 {
    width: 45.833333vw;
  }
  #bartokr .section-top-features .feature-6 {
    width: 40.277778vw;
  }
  #bartokr .section-top-features .feature-copy {
    top: 5.138889vw;
    left: 5.555556vw;
  }
  #bartokr .section-top-features .feature-headline {
    font-size: 3.611111vw;
  }
  #bartokr .section-top-features .feature-intro {
    margin-top: .972222vw;
    font-size: 2.777778vw;
  }
  #bartokr .section-top-features .anchor-marker {
    right: 2.777778vw;
    bottom: 2.777778vw;
    width: 5.555556vw;
    height: 5.555556vw;
  }
}

#bartokr .color-blue {
  color: #0a85ff;
}

#bartokr .color-gray {
  color: #919191;
}

#bartokr .color-green {
  color: #4fceb4;
  color: #1E232B;
}

#bartokr .color-orange {
  color: #ff8e1d;
}

#bartokr .section-headline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

#bartokr .section-headline .headline-image {
  position: relative;
}

#bartokr .section-headline .headline-image::after {
  position: absolute;
  right: 0;
  bottom: -.104167vw;
  left: 0;
  height: .208333vw;
  content: '';
  background-color: #fff;
}

#bartokr .section-headline .word-background {
  position: absolute;
  top: .104167vw;
  right: .104167vw;
  bottom: .104167vw;
  left: .104167vw;
}

#bartokr .section-headline .word-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}

#bartokr .section-headline .word-list {
  display: flex;
}

#bartokr .section-headline .word {
  width: 6.25vw;
  transform: translateY(150%);
}

#bartokr .section-headline .animated .word {
  transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: translateY(0%);
}

#bartokr .section-headline .animated .word-2 {
  transition-delay: .1s;
}

#bartokr .section-headline .animated .word-3 {
  transition-delay: .2s;
}

#bartokr .section-headline .animated .word-4 {
  transition-delay: .3s;
}

#bartokr .section-headline .word-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#bartokr .section-headline .headline {
  position: relative;
  z-index: 1;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-headline .headline-image::after {
    bottom: -.277778vw;
    height: .555556vw;
  }
  #bartokr .section-headline .word-background {
    top: .277778vw;
    right: .277778vw;
    bottom: .277778vw;
    left: .277778vw;
  }
  #bartokr .section-headline .word {
    width: 11.111111vw;
  }
}

#bartokr .headline-display .headline-image {
  width: 23.75vw;
  height: 11.458333vw;
  margin-right: -2.1875vw;
  margin-bottom: -.520833vw;
}

#bartokr .headline-display .word-background {
  background-color: #ffede6;
  background-color: #FFF6E2;
}

#bartokr .headline-display .word-list {
  margin-top: 2.552083vw;
  margin-left: 2.8125vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .headline-display .headline-image {
    width: 41.944444vw;
    height: 20.277778vw;
    margin-right: -3.541667vw;
    margin-bottom: 0;
  }
  #bartokr .headline-display .word-list {
    margin-top: 4.583333vw;
    margin-left: 5vw;
  }
}

#bartokr .headline-appearance .headline-image {
  width: 31.927083vw;
  height: 11.927083vw;
  margin-bottom: -.260417vw;
  margin-left: -4.0625vw;
  margin-left: -3.0625vw;
}

#bartokr .headline-appearance .word-background {
  background-color: #e3f4ff;
}

#bartokr .headline-appearance .word-list {
  margin-top: 2.760417vw;
  margin-left: 4.270833vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .headline-appearance .headline-image {
    width: 54.861111vw;
    height: 20.694444vw;
    margin-bottom: -.416667vw;
    margin-left: -6.25vw;
    margin-left: -5.25vw;
  }
  #bartokr .headline-appearance .word-list {
    margin-top: 4.444444vw;
    margin-left: 6.666667vw;
  }
}

/* s12 star */
#bartokr .section-design {
  margin: 10.416667vw 0 0;
  overflow: hidden;
}

#bartokr .section-design .content-wrap {
  width: 67.5vw;
  margin: 0 auto;
  padding-left: 1.71875vw;
}

#bartokr .section-design .s12-swiper {
  width: 67.5vw;
  width: 69.270833vw;
  margin: 2.916667vw auto 0;
  margin: 0 auto 0;
}

#bartokr .section-design .swiper12 {
  width: 100%;
}

#bartokr .section-design .swiper12 .swiper-slide {
  width: 33.125vw;
  width: 33.854167vw;
  height: 36.458333vw;
  overflow: hidden;
  border-radius: 1.302083vw;
  -webkit-border-radius: 1.302083vw;
  -moz-border-radius: 1.302083vw;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

#bartokr .section-design .swiper12 .swiper-slide:not(:last-child) {
  margin-right: 1.25vw;
  margin-right: 1.5625vw;
}

#bartokr .section-design .swiper12 .slide-img {
  position: relative;
}

#bartokr .section-design .swiper12 .card-descs {
  position: absolute;
  z-index: 2;
  top: 2.239583vw;
  left: 2.447917vw;
  top: 2.96875vw;
  top: auto;
  bottom: 1.5625vw;
  left: 2.083333vw;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

#bartokr .section-design .swiper12 .card-descs span {
  color: #ffffff;
  font-size: 0.9375vw;
  font-size: 1.145833vw;
  font-weight: 400;
  line-height: 1.25;
}

#bartokr .section-design .swiper12 .card-descs h4 {
  color: #ffffff;
  font-size: 1.458333vw;
  font-size: 1.666667vw;
  line-height: 1.6;
  font-weight: 400;
  margin-top: 0.520833vw;
  margin-top: .78125vw;
}

@media screen and (max-width:1280px) {
  #bartokr .section-design .swiper12 .card-descs span {
      font-size: 12px;
  }
}

#bartokr .section-design .swiper-control-wrap {
  margin: 2.083333vw auto 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#bartokr .section-design .swiper-control-wrap .swiper-scrollbar {
  display: none;
}

#bartokr .section-design .swiper-buttons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#bartokr .section-design .swiper-buttons>div {
  position: static;
  width: 2.8645834vw;
  height: 2.864583vw;
  outline: 0;
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0.4;
  padding: 1px;
}

#bartokr .section-design .swiper-buttons .btn-scale {
  transform: scale(0.875);
  -webkit-transform: scale(0.875);
  -moz-transform: scale(0.875);
}

@media screen and (min-width:1200px) {
  #bartokr .section-design .swiper-buttons>div:hover {
      opacity: 1;
  }

  #bartokr .section-design .swiper-buttons>div {
      cursor: pointer;
  }
}

@media screen and (max-width:1200px) {
  #bartokr .section-design .swiper-buttons>div {
      opacity: 1;
  }
}


#bartokr .section-design .swiper12-button-prev img {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}

#bartokr .section-design .swiper12-button-next {
  margin-left: 0.78125vw;
}

#bartokr .section-design .swiper12-button-prev.swiper-button-disabled,
#bartokr .section-design .swiper12-button-next.swiper-button-disabled {
  opacity: 0.1;
  cursor: auto;
  pointer-events: none;
}

@media screen and (max-aspect-ratio:11/10) {
  #bartokr .section-design {
      margin: 27.777778vw 0 0;
      margin: 22.222222vw 0 0;
      overflow: hidden;
  }

  #bartokr .section-design .content-wrap {
      width: 77.777778vw;
      padding-left: 0;
  }

  #bartokr .section-design .s12-swiper {
      width: 91.111111vw;
      width: 88.888889vw;
      margin: 7.777778vw auto 0;
      margin: 0 auto 0;
  }

  #bartokr .section-design .swiper12 .swiper-slide {
      width: 100%;
      height: 97.222222vw;
      border-radius: 2.777778vw;
      -webkit-border-radius: 2.777778vw;
      -moz-border-radius: 2.777778vw;
  }

  #bartokr .section-design .swiper12 .swiper-slide .slide-img {
      transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      transition: transform 0.6s ease;
      -webkit-transition: transform 0.6s ease;
      -moz-transition: transform 0.6s ease;
  }

  #bartokr .section-design .swiper12 .swiper-slide-active .slide-img {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
  }

  #bartokr .section-design .swiper12 .swiper-slide:not(:last-child) {
      margin-right: 4.583333333333333vw;
      margin-right: 5.555556vw;
  }

  #bartokr .section-design .swiper12 .card-descs {
      top: 8.333333vw;
      left: 8.333333vw;
      top: auto;
      bottom: 4.166667vw;
      left: 5.555556vw;
      opacity: 0;
      transition: all 0.6s linear;
      -webkit-transition: all 0.6s linear;
      -moz-transition: all 0.6s linear;
  }

  #bartokr .section-design .swiper12 .swiper-slide-active .card-descs {
      opacity: 1;
  }

  #bartokr .section-design .swiper12 .card-descs span {
      font-size: 3.611111vw;
      font-size: 3.055556vw;
  }

  #bartokr .section-design .swiper12 .card-descs h4 {
      font-size: 4.444444vw;
      margin-top: 1.388889vw;
      margin-top: 2.083333vw;
  }

  #bartokr .section-design .swiper-control-wrap {
      margin: 5.555556vw auto 0;
      margin: 4.166667vw auto 0;
      justify-content: space-between;
  }

  #bartokr .section-design .swiper-control-wrap .swiper-scrollbar {
      display: block;
      width: 33.333333vw;
      height: 4px;
      background: rgba(175, 175, 175, 0.3);
  }

  #bartokr .section-design .swiper-control-wrap .swiper-scrollbar-drag {
      top: -1px;
      top: 0;
      height: 4px;
      background: #505050;
  }

  #bartokr .section-design .swiper-buttons>div {
      width: 12.083333vw;
      height: 12.083333vw;
      width: 8.333333vw;
      height: 8.333333vw;
      opacity: 1;
      transition: transform 0.2s ease, opacity 0.6s ease;
      -webkit-transition: transform 0.2s ease, opacity 0.6s ease;
      -moz-transition: transform 0.2s ease, opacity 0.6s ease;
  }

  #bartokr .section-design .swiper12-button-next {
      margin-left: 3.333333vw;
      margin-left: 2.777778vw;
  }

  #bartokr .section-design .swiper12-button-prev.swiper-button-disabled,
  #bartokr .section-design .swiper12-button-next.swiper-button-disabled {
      opacity: 0.4;
  }
}

/* s12 end */

#bartokr .headline-method .full-width {
  margin-bottom: -1.041667vw;
}

#bartokr .headline-method .headline-image {
  width: 26.510417vw;
  width: 21.71875vw;
  height: 10.729167vw;
  height: 10.729167vw;
  margin-left: -3.489583vw;
  margin-left: -4.7vw;
}

#bartokr .headline-method .word-background {
  background-color: #e1f8f4;
  background-color: #FFF6E2;
}

#bartokr .headline-method .word-list {
  margin-top: 2.135417vw;
  margin-left: 3.75vw;
  margin-top: 2.3vw;
  margin-left: 4.8vw;
}
#bartokr .headline-method > span.headline{
  margin-left: 3.6vw;
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .headline-method > span.headline{
    margin-left: 0;
  }
  #bartokr .headline-method .full-width {
    margin-bottom: -1.666667vw;
  }
  #bartokr .headline-method .headline-image {
    width: 45.555556vw;
    height: 18.611111vw;
    width: 36.5vw;
    height: 17.5vw;
    margin-left: -5.833333vw;
    margin-top: -2vw;
  }
  #bartokr .headline-method .word-list {
    margin-top: 3.611111vw;
    margin-left: 6.666667vw;
  }
}

#bartokr .headline-education .full-width {
  margin-bottom: -1.041667vw;
}

#bartokr .headline-education .headline-image {
  width: 26.510417vw;
  height: 10.729167vw;
  margin-left: -3.489583vw;
}

#bartokr .headline-education .word-background {
  background-color: #e1f8f4;
}

#bartokr .headline-education .word-list {
  margin-top: 2.135417vw;
  margin-left: 3.75vw;
}
.educenter-swiper .swiper-button-prev:after,.educenter-swiper .swiper-container-rtl .swiper-button-next:after {
  content: '';
}
.educenter-swiper .swiper-button-next:after,.educenter-swiper .swiper-container-rtl .swiper-button-prev:after {
  content: '';
}
.educenter-swiper .swiper-button-next,.educenter-swiper .swiper-button-prev{
  position: relative;
  width: 1.666667vw;
  height: 1.666667vw;
  width: 2.083333vw;
  height: 2.083333vw;
  margin: 0;
}
.educenter-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto;
}
.educenter-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0px;
  left: auto;
  margin-left: 1.041667vw;
  transform: rotate(180deg);
}
#bartokr .educenter-swiper .swiper-button-center{
  display: flex;
  margin-left: 2.2%;
  margin-top: -1vw;
  position: relative;
  z-index: 9;
}
#bartokr .educenter-swiper .swiper-slide .icon01{
  position: absolute;
  top: -3.125vw;
  left: -3.4375vw;
  z-index: 3;
}
#bartokr .educenter-swiper .swiper-slide .icon02{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16.614583vw;
  margin-right: -5.208333vw;
  padding-top: .260417vw;
  transform: translateY(100%);
}
#bartokr .educenter-swiper .swiper-slide1 .icon01{
  width: 11.25vw;
}
#bartokr .educenter-swiper .swiper-slide2 .icon01{
  width: 12.864583vw;
}
#bartokr .section-educenter .educenter-swiper {
  overflow: visible;
}
#bartokr  .swiper-slide .icon01,#bartokr  .swiper-slide .icon01,#bartokr  .swiper-slide .icon02,#bartokr  .swiper-slide .icon02{
  opacity: 0;
}
#bartokr  .swiper-slide-active .icon01,#bartokr  .swiper-slide-active .icon01,#bartokr  .swiper-slide-active .icon02,#bartokr  .swiper-slide-active .icon02{
  opacity: 1;
}
#bartokr .section-educenter .educenter-swiper .sec-video{
  width: 31.25vw;
  height: 24.635417vw;
  height: 24.5vw;
  overflow: hidden;
}
#bartokr .section-educenter .educenter-swiper .sec-video video{
  width: 100%;
  height: 100%;
  width: 101%;
  height: 101%;
  object-fit: cover;
  object-position: center;
  width: 102%;
  height: 102%;
  transform: translate(-1%, -1%);
}
#bartokr .section-educenter .educenter-swiper .play-icon{
  position: absolute;
  top: 50%;
  left: 49%;
  transform: translate(-50%,-50%);
  z-index: 9;
  width: 3.645833vw;
  height: 3.645833vw;
  /* opacity: .7; */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#bartokr .section-educenter .educenter-swiper .play-icon svg{
  width: 99%;
  height: 99%;
}
#bartokr .section-educenter .educenter-swiper .picture{
  padding-bottom: calc(473 / 600 * 100%);
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .educenter-swiper .swiper-button-center{
    margin-top: 1.388889vw;
  }
  #bartokr .section-educenter .educenter-swiper .play-icon{
    top: 57%;
    left: 49%;
    width: 9.722222vw;
    height: 9.722222vw;
  }
  #bartokr .section-educenter .educenter-swiper .sec-video{
    width: 76.388889vw;
    height: 60.138889vw;
    height: 60.138889vw;
  }
  #bartokr .educenter-swiper .swiper-slide .icon01{
    margin-left: -6.25vw;
    margin-bottom: 2.777778vw;
    position: relative;
    left: 0;
    top: 0;
  }
  #bartokr .educenter-swiper .swiper-slide .icon02{
    width: 44.722222vw;
    margin-right: -6.25vw;
    padding-top: 2.777778vw;
  }
  #bartokr .educenter-swiper .swiper-slide1 .icon01{
    width: 30.555556vw;
  }
  #bartokr .educenter-swiper .swiper-slide2 .icon01{
    width: 25vw;
  }
  .educenter-swiper .swiper-button-next,.educenter-swiper .swiper-button-prev{
    width: 6.944444vw;
    height: 6.944444vw;
    width: 7.222222vw;
    height: 7.222222vw;
  }
  .educenter-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    margin-left: 2.777778vw;
  }
  #bartokr .headline-education .full-width {
    margin-bottom: -1.666667vw;
  }
  #bartokr .headline-education .headline-image {
    width: 45.555556vw;
    height: 18.611111vw;
    margin-left: -5.833333vw;
  }
  #bartokr .headline-education .word-list {
    margin-top: 3.611111vw;
    margin-left: 6.666667vw;
  }
}

#bartokr .headline-performance .full-width {
  margin-bottom: -.833333vw;
}

#bartokr .headline-performance .headline-image {
  width: 25.416667vw;
  height: 11.09375vw;
  margin-right: -3.125vw;
  margin-bottom: -.9375vw;
  margin-left: -3.125vw;
}

#bartokr .headline-performance .word-background {
  background-color: #fff6e2;
  background-color: #E3F4FF;
}

#bartokr .headline-performance .word-list {
  margin-top: 2.083333vw;
  margin-left: 3.385417vw;
}
#bartokr .section-performance .headline + .intro {
  margin-top: 1.041667vw;
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-performance .headline + .intro {
    margin-top: 2.083333vw;
  }
  #bartokr .headline-performance .full-width {
    margin-bottom: -1.388889vw;
  }
  #bartokr .headline-performance .headline-image {
    width: 43.75vw;
    height: 19.166667vw;
    margin-right: -5.555556vw;
    margin-left: -6.111111vw;
  }
  #bartokr .headline-performance .word-list {
    margin-top: 3.333333vw;
    margin-left: 5vw;
  }
}

#bartokr .section-display .section-content {
  align-items: flex-end;
  justify-content: space-between;
  width: 72.916667vw;
}

#bartokr .section-display .copy {
  width: 35.416667vw;
  margin-left: 2.083333vw;
}

#bartokr .section-display .headline {
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
}

#bartokr .section-display .picture {
  margin-top: 3.125vw;
}

#bartokr .section-display .picture::before {
  padding-bottom: 38.92857%;
  padding-bottom: calc(546 / 1400 * 100%);
}

#bartokr .section-display .badge-wrap {
  justify-content: center;
  margin-right: 2.083333vw;
}

#bartokr .section-display .badge + .badge {
  margin-left: 3.645833vw;
}

#bartokr .section-display .badge-value {
  width: auto;
  height: 3.333333vw;
}

#bartokr .section-display .badge-caption {
  margin-top: .416667vw;
  font-size: .833333vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-display .section-content {
    align-items: center;
    flex-direction: column;
    width: 91.666667vw;
  }
  #bartokr .section-display .copy {
    width: 88.888889vw;
    margin-left: 0;
  }
  #bartokr .section-display .picture {
    margin-top: 8.333333vw;
  }
  #bartokr .section-display .picture::before {
    padding-bottom: 38.93939%;
  }
  #bartokr .section-display .badge-wrap {
    order: 3;
    margin-top: 4.166667vw;
    margin-right: 0;
  }
  #bartokr .section-display .badge + .badge {
    margin-left: 8.333333vw;
  }
  #bartokr .section-display .badge-value {
    height: 8.888889vw;
  }
  #bartokr .section-display .badge-caption {
    margin-top: 1.111111vw;
    font-size: 2.222222vw;
  }
}

#bartokr .section-papermatte .section-content {
  width: 68.75vw;
}

#bartokr .section-papermatte .headline-wrapper {
  text-align: center;
}

#bartokr .section-papermatte .headline {
  color: #6f7aff;
  background-image: linear-gradient(90deg, #6f7aff 0%, #7bf 120%);
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
}

#bartokr .section-papermatte .picture {
  margin-top: 3.125vw;
}

#bartokr .section-papermatte .picture::before {
  padding-bottom: 53.0303%;
}

#bartokr .section-papermatte .intro {
  margin-top: 1.5625vw;
  text-align: center;
}

#bartokr .section-papermatte .badge-wrap {
  align-items: center;
  justify-content: center;
  margin-top: 1.5625vw;
}

#bartokr .section-papermatte .badge {
  align-items: center;
}

#bartokr .section-papermatte .badge + .badge {
  margin-left: 3.125vw;
  padding-left: 3.125vw;
  border-left: 1px solid #a0a0a0;
}

#bartokr .section-papermatte .badge-icon {
  width: 3.75vw;
  height: 3.75vw;
}

#bartokr .section-papermatte .icon-sgs {
  width: 8.020833vw;
  width: 3.75vw;
  height: 3.75vw;
}

#bartokr .section-papermatte .badge-caption {
  margin-left: 1.041667vw;
  font-size: .833333vw;
  color: #1e2022;
}

#bartokr .section-papermatte .note {
  margin-top: 1.5625vw;
  text-align: center;
}
#bartokr .section-papermatte .sec-video{
  width: 68.75vw;
  height: 36.458333vw;
  margin-top: 3.125vw;
  border-radius: 1.041667vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}
#bartokr .section-papermatte .sec-video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-papermatte .section-content {
    width: 100%;
  }
  #bartokr .section-papermatte .picture {
    margin-top: 8.333333vw;
  }
  #bartokr .section-papermatte .sec-video{
    width: 100%;
    height: 90vw;
    height: 56.25vw;
    margin-top: 8.333333vw;
    border-radius: 0;
  }
  #bartokr .section-papermatte .picture::before {
    padding-bottom: 83.33333%;
  }
  #bartokr .section-papermatte .intro {
    width: 88.888889vw;
    margin: 8.333333vw auto 0;
    margin: 2.777778vw auto 0;
    letter-spacing: -.03vw;
  }
  #bartokr .section-papermatte .badge-wrap {
    justify-content: space-between;
    /* width: 88.888889vw; */
    margin: 4.166667vw auto 0;
    margin: 8.333333vw auto 0;
    margin: 8.333333vw 5.555556vw 0 9.722222vw;
  }
  #bartokr .section-papermatte .badge {
    flex-direction: column;
    text-align: center;
  }
  #bartokr .section-papermatte .badge + .badge {
    margin-left: 0;
    padding-left: 3.125vw;
    padding-left: 0;
    border-left: 0;
  }
  #bartokr .section-papermatte .badge:nth-child(2){
    margin-left: 6.25vw;
  }
  #bartokr .section-papermatte .badge-icon {
    width: 10vw;
    height: 10vw;
  }
  #bartokr .section-papermatte .icon-sgs {
    width: 21.388889vw;
    width: 10vw;
    height: 10vw;
  }
  #bartokr .section-papermatte .badge-caption {
    margin-top: 2.5vw;
    margin-left: 0;
    font-size: 2.5vw;
  }
  #bartokr .section-papermatte .note {
    width: 69.722222vw;
    margin: 4.166667vw auto 0;
  }
}


#bartokr .section-colors{
  margin-top: 12.34375vw;
}
#bartokr .section-colors .section-content{
  width: 68.75vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
#bartokr .section-colors .section-content .text-content{
  width: 23.697917vw;
  margin-top: 5.208333vw;
}
#bartokr .section-colors .section-content .text-content .intro{
  margin-top: 2.083333vw;
}
#bartokr .section-colors .section-content .colors-imgs{
  width: 31.25vw;
  margin-right: 3.125vw;
  margin-left: auto;
  display: flex;
  position: relative;
  margin-bottom: 33.177083vw;
}
#bartokr .section-colors .section-content .colors-imgs .picture-1{
  position: relative;
  z-index: 2;
  /* transform: translate(0) rotate(-61deg); */
  transition: transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
#bartokr .section-colors .section-content .colors-imgs .picture-2{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  /* transform: translate(0,13.541667vw) rotate(-50deg); */
  transition: transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
#bartokr .section-colors .section-content .colors-imgs .picture-3{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  /* transform: translate(0,26.354167vw) rotate(-36deg); */
  transition: transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
#bartokr .section-colors .section-content .colors-imgs .picture-4{
  position: absolute;
    top: -5.885417vw;
    top: -27.51%;
    right: -11.145833vw;
    right: -35.666%;
    z-index: 8;
    width: 13.958333vw;
    width: 44.83%;
    opacity: 0;
}

#bartokr .section-colors .section-content .color-items{
  display: flex;
}
#bartokr .section-colors .section-content .color-items .color-item{
  width: 3.125vw;
  height: 3.125vw;
  border: .15625vw solid #fff;
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}
#bartokr .section-colors .section-content .color-items .color-item-1{
  background-color: #9899A5;
}
#bartokr .section-colors .section-content .color-items .color-item-2{
  margin-left: -.9375vw;
  background-color: #E2E2E2;
}
#bartokr .section-colors .section-content .color-items .color-item-3{
  margin-left: -.9375vw;
  background-color: #C8E2F2;
}
#bartokr .section-colors .badge{
  margin-top: 2.8125vw;
}
#bartokr .section-colors .badge-content + .badge-content {
  margin-left: 3.125vw;
}

#bartokr .section-colors .badge-caption {
  font-size: 1.041667vw;
}

#bartokr .section-colors .badge-value {
  width: auto;
  height: 3.229167vw;
  margin-top: .833333vw;
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-colors{
    margin-top: 8.333333vw;
  }
  #bartokr .section-colors .section-content{
    width: 100%;
    flex-direction: column;
  }
  #bartokr .section-colors .section-content .text-content{
    width: 88.888889vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }
  #bartokr .section-colors .section-content .text-content .intro{
    margin-top: 4.166667vw;
  }
  #bartokr .section-colors .section-content .colors-imgs{
    width: 64.166667vw;
    margin-right: auto;
    margin-top: 27.777778vw;
    margin-left: 11.666667vw;
    margin-bottom: 69vw;
  }
  #bartokr .section-colors .section-content .colors-imgs .picture-4{
    right: -15.367%;
    right: -19.166667vw;
    top: -15.972222vw;
  }
  
  #bartokr .section-colors .section-content .color-items .color-item{
    width: 8.75vw;
    height: 8.75vw;
    border: .416667vw solid #fff;
  }
  #bartokr .section-colors .section-content .color-items .color-item-2{
    margin-left: -2.5vw;
  }
  #bartokr .section-colors .section-content .color-items .color-item-3{
    margin-left: -2.5vw;
  }
  #bartokr .section-colors .badge {
    margin-top: 4.166667vw;
    justify-content: center;
    text-align: center;
  }
  #bartokr .section-colors .badge-content + .badge-content {
    margin-left: 8.333333vw;
  }
  #bartokr .section-colors .badge-caption {
    font-size: 2.777778vw;
  }
  #bartokr .section-colors .badge-footnote {
    top: 3.194444vw;
    width: 1.111111vw;
  }
  #bartokr .section-colors .badge-value {
    height: 8.611111vw;
    margin-top: 2.222222vw;
  }
}
#bartokr .section-appearance .section-content {
  width: 68.75vw;
}

#bartokr .section-appearance .copy {
  align-items: center;
  justify-content: space-between;
  transition: opacity .2s;
}

#bartokr .section-appearance .copy.faded {
  opacity: 0;
}

#bartokr .section-appearance .badge-content + .badge-content {
  margin-left: 3.125vw;
}

#bartokr .section-appearance .badge-caption {
  font-size: 1.041667vw;
}

#bartokr .section-appearance .badge-value {
  width: auto;
  height: 3.229167vw;
  margin-top: .833333vw;
}

#bartokr .section-appearance .gallery {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 31.25vw;
  margin-top: 3.125vw;
  padding-bottom: 4.6875vw;
  background-color: #fafbfd;
}

#bartokr .section-appearance .picture-wrapper {
  position: absolute;
  top: 6.25vw;
  left: 0;
  display: flex;
  align-items: flex-start;
  width: 125vw;
  height: 125vw;
  margin-left: -28.125vw;
  transition: transform .8s;
}

#bartokr .section-appearance .gallery-item {
  flex-shrink: 0;
  width: 41.666667vw;
}

#bartokr .section-appearance .item-1 {
  transform: rotate(-25deg);
  transform-origin: bottom right;
}

#bartokr .section-appearance .item-3 {
  transform: rotate(25deg);
  transform-origin: bottom left;
}

#bartokr .section-appearance .picture {
  transition: opacity .8s, transform .8s;
  transform: scale(0.875);
  transform-origin: bottom center;
  opacity: .2;
}

#bartokr .section-appearance .caption-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  transition: transform .8s;
}

#bartokr .section-appearance .picture-caption {
  width: 7.291667vw;
  transition: opacity .8s;
  opacity: 0;
}

#bartokr .section-appearance [data-active='1'] .picture-wrapper {
  transform: translate(16.1%, 3.55%) rotate(25deg);
}

#bartokr .section-appearance [data-active='1'] .picture-1 {
  transform: scale(1);
  opacity: 1;
}

#bartokr .section-appearance [data-active='1'] .caption-wrapper {
  transform: translateX(33.33333%);
}

#bartokr .section-appearance [data-active='1'] .caption-1 {
  opacity: 1;
}

#bartokr .section-appearance [data-active='2'] .picture-wrapper {
  transform: translate(0%, 0%) rotate(0deg);
}

#bartokr .section-appearance [data-active='2'] .picture-2 {
  transform: scale(1);
  opacity: 1;
}

#bartokr .section-appearance [data-active='2'] .caption-wrapper {
  transform: translateX(0%);
}

#bartokr .section-appearance [data-active='2'] .caption-2 {
  opacity: 1;
}

#bartokr .section-appearance [data-active='3'] .picture-wrapper {
  transform: translate(-16.1%, 3.55%) rotate(-25deg);
}

#bartokr .section-appearance [data-active='3'] .picture-3 {
  transform: scale(1);
  opacity: 1;
}

#bartokr .section-appearance [data-active='3'] .caption-wrapper {
  transform: translateX(-33.33333%);
}

#bartokr .section-appearance [data-active='3'] .caption-3 {
  opacity: 1;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-appearance .section-content {
    width: 100%;
    text-align: center;
  }
  #bartokr .section-appearance .copy {
    flex-direction: column-reverse;
    justify-content: center;
    width: 88.888889vw;
    margin-right: auto;
    margin-left: auto;
  }
  #bartokr .section-appearance .badge {
    margin-top: 4.166667vw;
  }
  #bartokr .section-appearance .badge-content + .badge-content {
    margin-left: 8.333333vw;
  }
  #bartokr .section-appearance .badge-caption {
    font-size: 2.777778vw;
  }
  #bartokr .section-appearance .badge-footnote {
    top: 3.194444vw;
    width: 1.111111vw;
  }
  #bartokr .section-appearance .badge-value {
    height: 8.611111vw;
    margin-top: 2.222222vw;
  }
  #bartokr .section-appearance .gallery {
    height: 69.444444vw;
    margin-top: 8.333333vw;
    padding-bottom: 13.888889vw;
    border-radius: 0;
  }
  #bartokr .section-appearance .picture-wrapper {
    top: 16.666667vw;
    width: 208.333333vw;
    height: 208.333333vw;
    margin-left: -54.166667vw;
  }
  #bartokr .section-appearance .gallery-item {
    width: 69.444444vw;
  }
  #bartokr .section-appearance .picture {
    transform: scale(0.875);
  }
  #bartokr .section-appearance .picture-caption {
    width: 19.444444vw;
  }
  #bartokr .section-appearance [data-active='1'] .picture-wrapper {
    transform: translate3d(16.1%, 3.55%, 0%) rotate(25deg);
  }
  #bartokr .section-appearance [data-active='2'] .picture-wrapper {
    transform: translate3d(0%, 0%, 0%) rotate(0deg);
  }
  #bartokr .section-appearance [data-active='3'] .picture-wrapper {
    transform: translate3d(-16.1%, 3.55%, 0%) rotate(-25deg);
  }
}


#bartokr .section-educenter .section-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 68.75vw;
}

#bartokr .section-educenter .headline {
  display: inline-block;
  background-image: linear-gradient(90deg, #4bd0b5 0%, #81b0ff 170%);
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
}

#bartokr .section-educenter .badges {
  width: 109%;
  margin-top: 1.302083vw;
  margin-top: 3.645833vw;
  margin-left: -2.083333vw;
}

#bartokr .section-educenter .badge {
  display: flex;
  align-items: center;
  margin-top: 1.041667vw;
  margin-left: 2.083333vw;
}

#bartokr .section-educenter .badge-icon {
  width: 1.666667vw;
  height: 1.666667vw;
}

#bartokr .section-educenter .badge-caption {
  margin-left: .520833vw;
  font-size: .833333vw;
}

#bartokr .section-educenter .educenter-swiper {
  flex-shrink: 0;
  width: 31.25vw;
  /* height: 26.197917vw; */
  margin-right: 0;
}

#bartokr .section-educenter .educenter-bullets {
  display: flex;
  justify-content: center;
  margin-top: 1.041667vw;
  padding-bottom: 2px;
}

#bartokr .section-educenter .bullet {
  position: relative;
  overflow: hidden;
  width: 1.041667vw;
  height: 1.041667vw;
  cursor: pointer;
  transition: .5s;
  transform: scale(0.65);
  border-radius: 50%;
  outline: 0;
  background-color: #efefef;
}

#bartokr .section-educenter .bullet + .bullet {
  margin-left: .520833vw;
}

#bartokr .section-educenter .bullet.active {
  transform: scale(1);
  background-color: #7bc5b6;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-educenter{
    overflow: hidden;
    padding-bottom: 4vw;
  }
  #bartokr .section-educenter .section-content {
    display: block;
    width: 88.888889vw;
  }
  #bartokr .section-educenter .text-content {
    width: 100%;
  }
  #bartokr .section-educenter .badges {
    width: 100%;
    justify-content: space-between;
    margin-top: 4.166667vw;
    margin-left: 0;
  }
  #bartokr .section-educenter .badge {
    margin-top: 4.166667vw;
    margin-left: 0;
  }
  #bartokr .section-educenter .badge-icon {
    width: 7.222222vw;
    height: 7.222222vw;
  }
  #bartokr .section-educenter .badge-caption {
    margin-left: 2.777778vw;
    font-size: 3.055556vw;
  }
  #bartokr .section-educenter .educenter-swiper {
    width: 76.388889vw;
    margin-top: 8.333333vw;
    margin-right: auto;
  }
  #bartokr .section-educenter .educenter-bullets {
    margin-top: 4.166667vw;
  }
  #bartokr .section-educenter .bullet {
    width: 2.777778vw;
    height: 2.777778vw;
  }
  #bartokr .section-educenter .bullet + .bullet {
    margin-left: 1.388889vw;
  }
}
#bartokr .section-mobile-guardian{
  margin-top: 10.416667vw;
  margin-bottom: -3vw;
}
#bartokr .section-mobile-guardian .section-content {
  width: 68.75vw;
  text-align: center;
}
#bartokr .section-mobile-guardian .section-content .note{
  transform: translateY(-3.2vw);
}
#bartokr .section-mobile-guardian .headline {
  color: #468cff;
  background-image: linear-gradient(90deg, #468cff 0%, #42ebdf 200%);
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
}

#bartokr .section-mobile-guardian .intro {
  width: 37.5vw;
  width: 46.354167vw;
  width: 48.354167vw;
  margin-left: auto;
  margin-right: auto;
}

#bartokr .section-mobile-guardian .badges {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.34375vw;
  margin-top: 3.645833vw;
  margin-left: -4.166667vw;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

#bartokr .section-mobile-guardian .badge:not(:first-child) {
  margin-left: 4.166667vw;
  margin-left: 14.0625vw;
}

#bartokr .section-mobile-guardian .badge-icon {
  width: 2.34375vw;
  width: 4.166667vw;
  height: 4.166667vw;
  margin-right: auto;
  margin-left: auto;
}

#bartokr .section-mobile-guardian .badge-caption {
  margin-top: .520833vw;
  font-size: .833333vw;
  font-size: 1.145833vw;
}

#bartokr .section-mobile-guardian .picture {
  margin-top: 3.125vw;
}

#bartokr .section-mobile-guardian .picture::before {
  padding-bottom: 51.51515%;
  padding-bottom: calc(731 / 1305 * 100%);
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-mobile-guardian{
    margin-bottom: 0;
    margin-top: 18.222222vw;
  }
  #bartokr .section-mobile-guardian .section-content {
    width: 100%;
  }
  #bartokr .section-mobile-guardian .text-content {
    width: 88.888889vw;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }
  #bartokr .section-mobile-guardian .intro {
    width: 100%;
  }
  #bartokr .section-mobile-guardian .badges {
    justify-content: space-between;
    width: 81.944444vw;
    width: 83.333333vw;
    margin: 5.555556vw auto 0;
  }
  #bartokr .section-mobile-guardian .badge {
    margin-left: 0;
  }
  #bartokr .section-mobile-guardian .badge:not(:first-child) {
    margin-left: 0;
}
  #bartokr .section-mobile-guardian .badge-icon {
    width: 6.944444vw;
    height: 6.944444vw;
  }
  #bartokr .section-mobile-guardian .badge-caption {
    margin-top: 1.388889vw;
    font-size: 3.055556vw;
  }
  #bartokr .section-mobile-guardian .picture {
    margin-top: 8.333333vw;
    width: 88.888889vw;
    margin-right: auto;
    margin-left: auto;
  }
  #bartokr .section-mobile-guardian .picture::before {
    padding-bottom: 55.55556%;
  }
  #bartokr .section-mobile-guardian .note{
    width: 69.444444vw;
    margin-left: auto;
    margin-right: auto;
  }
  #bartokr .section-mobile-guardian .section-content .note{
    transform: translateY(0);
  }
}

#bartokr .section-emoji .section-content{
  width: 68.75vw;
  margin-left: auto;
  margin-right: auto;
}
#bartokr .section-emoji .section-content .row{
  justify-content: space-between;
  align-items: flex-start;
}
#bartokr .section-emoji .section-content .ico-tit{
  align-items: center;
}
#bartokr .section-emoji .section-content .ico-tit h3{
  color: #468CFF;
  background-image: linear-gradient(90deg, #468CFF 0%, #42EBDF 180%);
}

#bartokr .section-emoji .section-content .ico-tit img{
  width: 5.9375vw;
  height: 5.9375vw;
  margin-right: 1.041667vw;
}
#bartokr .section-emoji .section-content .picture{
  margin-top: 3.125vw;
  width: 56.979167vw;
  margin-left: auto;
  margin-right: auto;
}
#bartokr .section-emoji .section-content .picture::before {
  padding-bottom: calc(650 / 1094* 100%);
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-emoji .section-content{
    width: 100%;
  }
  #bartokr .section-emoji .section-content .copy{
    width: 88.888889vw;
    margin-right: auto;
    margin-left: auto;
  }
  #bartokr .section-emoji .section-content .row{
    flex-direction: column;
  }
  #bartokr .section-emoji .section-content .ico-tit{
    flex-direction: column;
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 2.777778vw;
  }
  #bartokr .section-emoji .section-content .ico-tit img{
    width: 16.666667vw;
    height: 16.666667vw;
    margin-bottom: 5.555556vw;
    margin-left: 0;
  }
  #bartokr .section-emoji .section-content .picture{
    margin-top: 8.333333vw;
    width: 88.888889vw;
  }
  #bartokr .section-emoji .section-content .picture::before {
    padding-bottom: calc(650 / 1094* 100%);
  }
}

#bartokr .section-m-pencil .section-content{
  text-align: center;
}
#bartokr .section-m-pencil .picture::before {
  padding-bottom: calc(610 / 752* 100%);
}
#bartokr .section-m-pencil .picture-3::before {
  padding-bottom: calc(195 / 306* 100%);
}
#bartokr .section-m-pencil .icon-items{
  width: 57.083333vw;
  width: 64.0625vw;
  margin-left: 21.458333vw;
  margin-right: auto;
  margin-top: 4.166667vw;
  margin-bottom: 2.083333vw;
  display: flex;
  flex-wrap: wrap;
}
#bartokr .section-m-pencil .icon-items .icon-item{
  /* margin-left: 11.5625vw; */
  font-size: 1.145833vw;
  line-height: 1.6;
  display: flex;
  align-items: center;
  flex: 1 0 33.33%;
}

#bartokr .section-m-pencil .icon-items .icon-item:nth-child(n+4){
  margin-top: 2.083333vw;
}
#bartokr .section-m-pencil .icon-items .icon-item img{
  width: 4.166667vw;
  height: 4.166667vw;
  margin-right: 1.041667vw;
}
#bartokr .section-m-pencil .section-content .pencil-imgs{
  margin-top: 3.125vw;
  margin-top: 5.208333vw;
  width: 36.276042vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#bartokr .section-m-pencil .section-content .picture-1{
  width: 33.333333vw;
  margin-left: 3.072917vw;
  width: 91.95%;
  margin-left: 8.04%;
  position: relative;
  z-index: 6;
}
#bartokr .section-m-pencil .section-content .picture-2{
  position: absolute;
  width: 33.333333vw;
  left: 3.072917vw;
  width: 91.95%;
  left: 8.04%;
  top: 0;  
  z-index: 3;
}
#bartokr .section-m-pencil .section-content .picture-3{
  position: absolute;
  width: 15.9375vw;
  top: 2.291667vw;
  width: 43.919%;
  top: 9.087%;
  left: 0;
  z-index: 9;
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-m-pencil .section-content{
    text-align: left;
    width: 88.888889vw;
  }
  #bartokr .section-m-pencil .section-content .note{
    text-align: center;
    width: 69.444444vw;
    margin-left: auto;
    margin-right: auto;
  }
  #bartokr .section-m-pencil .section-content .pencil-imgs{
    width: 76.111111vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16.666667vw;
  }
  #bartokr .section-m-pencil .icon-items{
    width: 88.888889vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19.5vw;
    margin-bottom: 5.555556vw;
  }
  #bartokr .section-m-pencil .icon-items .icon-item{
    flex: 1 0 33.33%;
    margin-left: 0;
    font-size: 3.055556vw;
    display: flex;
    flex-direction: column;
  }
  #bartokr .section-m-pencil .icon-items .icon-item:nth-child(6){
    margin-left: 0;
  }
  #bartokr .section-m-pencil .icon-items .icon-item:nth-child(3n-2){
    margin-left: 0;
  }
  #bartokr .section-m-pencil .icon-items .icon-item:nth-child(n+4){
    margin-top: 5.555556vw;
  }
  #bartokr .section-m-pencil .icon-items .icon-item img{
    width: 8.333333vw;
    height: 8.333333vw;
    margin-right: 0;
    margin-bottom: 2.361111vw;
  }
}

#bartokr .section-huawei-notes {
  margin-top: 5.208333vw;
}

#bartokr .section-huawei-notes .section-content {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-left: 12.864583vw;
}

#bartokr .section-huawei-notes .text-content {
  width: 25.260417vw;
}

#bartokr .section-huawei-notes .headline {
  color: #6cc155;
  background-image: linear-gradient(90deg, #6cc155 0%, #efd103 120%);
}

#bartokr .section-huawei-notes .note {
  margin-top: 1.5625vw;
}

#bartokr .section-huawei-notes .picture {
  width: 45.520833vw;
}

#bartokr .section-huawei-notes .picture::before {
  padding-bottom: 85.81236%;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-huawei-notes {
    margin-top: 22.222222vw;
  }
  #bartokr .section-huawei-notes .section-content {
    display: block;
    padding-left: 0;
  }
  #bartokr .section-huawei-notes .text-content {
    width: 88.888889vw;
    margin-right: auto;
    margin-left: auto;
  }
  #bartokr .section-huawei-notes .note {
    margin-top: 4.166667vw;
  }
  #bartokr .section-huawei-notes .picture {
    width: 100%;
    margin-top: 8.333333vw;
  }
  #bartokr .section-huawei-notes .picture::before {
    padding-bottom: 84.72222%;
  }
}

#bartokr .section-superhub .section-content {
  align-items: center;
  padding-left: 15.625vw;
}

#bartokr .section-superhub .text-content {
  width: 22.5vw;
}

#bartokr .section-superhub .headline {
  color: #ff6a3b;
  background-image: linear-gradient(90deg, #ff6a3b 0%, #ffcc40 150%);
}

#bartokr .section-superhub .picture {
  width: 51.822917vw;
}

#bartokr .section-superhub .picture::before {
  padding-bottom: 60.1005%;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-superhub .section-content {
    display: block;
    padding-left: 0;
  }
  #bartokr .section-superhub .text-content {
    width: 88.888889vw;
  }
  #bartokr .section-superhub .picture {
    width: 100%;
    margin-top: 8.333333vw;
  }
  #bartokr .section-superhub .picture::before {
    padding-bottom: 70.83333%;
  }
}

#bartokr .section-multi-window .section-content {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-left: 12.864583vw;
}

#bartokr .section-multi-window .text-content {
  width: 24.21875vw;
}

#bartokr .section-multi-window .headline {
  color: #e08216;
  background-image: linear-gradient(90deg, #e08216 0%, #a9f094 200%);
}

#bartokr .section-multi-window .picture {
  width: 48.697917vw;
}

#bartokr .section-multi-window .picture::before {
  padding-bottom: 71.5508%;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-multi-window .section-content {
    display: block;
    padding-left: 0;
  }
  #bartokr .section-multi-window .text-content {
    width: 88.888889vw;
  }
  #bartokr .section-multi-window .picture {
    width: 100%;
    margin-top: 8.333333vw;
  }
  #bartokr .section-multi-window .picture::before {
    padding-bottom: 71.5508%;
  }
}

#bartokr .section-harmonyos .headline-wrapper {
  transition: opacity .2s;
  text-align: center;
}

#bartokr .section-harmonyos .headline-wrapper.faded {
  opacity: 0;
}

#bartokr .section-harmonyos .headline.is-gradient {
  padding-bottom: 3.125vw;
  color: #468cff;
  background-image: linear-gradient(90deg, #468cff 0%, #42ebdf 215%);
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
}

#bartokr .section-harmonyos .sticky-wrapper {
  height: 250vh;
}

#bartokr .section-harmonyos .sticky-content {
  overflow: hidden;
}

#bartokr .section-harmonyos .section-content {
  /* width: 54.166667vw; */
}

#bartokr .section-harmonyos .gallery-slide {
  display: flex;
  transition: transform .8s;
}

#bartokr .section-harmonyos .slide-item {
  flex-shrink: 0;
  width: 100%;
}

#bartokr .section-harmonyos .slide-item + .slide-item {
  margin-left: 7.291667vw;
}

#bartokr .section-harmonyos .picture::before, #bartokr .section-harmonyos .inline-video::before {
  padding-bottom: 62.5%;
}

#bartokr .section-harmonyos .video-item {
  position: relative;
}

#bartokr .section-harmonyos .video-item::after {
  position: absolute;
  z-index: 2;
  top: -.104167vw;
  right: -.104167vw;
  bottom: -.104167vw;
  left: -.104167vw;
  content: '';
  pointer-events: none;
  border: .208333vw solid #fff;
}

#bartokr .section-harmonyos .flat-picture {
  display: none;
}

#bartokr .section-harmonyos .gallery-flat {
  position: relative;
  z-index: 3;
  display: flex;
}

#bartokr .section-harmonyos .flat-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  transition: opacity .8s;
  opacity: 0;
}

#bartokr .section-harmonyos .flat-item + .flat-item {
  margin-left: -100%;
}

#bartokr .section-harmonyos .caption {
  position: relative;
  z-index: 1;
  margin-top: -3.125vw;
  padding-left: 5.46875vw;
}

#bartokr .section-harmonyos [data-active='1'] .gallery-slide {
  transform: translate3d(0, 0, 0);
}

#bartokr .section-harmonyos [data-active='1'] .item-1 {
  z-index: 2;
  opacity: 1;
}

#bartokr .section-harmonyos [data-active='2'] .gallery-slide {
  transform: translate3d(-61.45833vw, 0, 0);
}

#bartokr .section-harmonyos [data-active='2'] .item-2 {
  z-index: 2;
  opacity: 1;
}

#bartokr .section-harmonyos [data-active='3'] .gallery-slide {
  transform: translate3d(-122.91667vw, 0, 0);
}

#bartokr .section-harmonyos [data-active='3'] .item-3 {
  z-index: 2;
  opacity: 1;
}
#bartokr .section-harmonyos .note{
  text-align: center;
  margin-top: 4.895833vw;
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-harmonyos .note{
    width: 69.444444vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16.666667vw;
  }
  #bartokr .section-harmonyos .sticky-wrapper {
    height: auto;
    margin-top: 8.333333vw;
  }
  #bartokr .section-harmonyos .sticky-content {
    position: relative;
    top: 0;
  }
  #bartokr .section-harmonyos .section-content {
    width: 100%;
  }
  #bartokr .section-harmonyos .headline.is-gradient {
    padding-bottom: 8.333333vw;
  }
  #bartokr .section-harmonyos .gallery-slide {
    display: none;
  }
  #bartokr .section-harmonyos .gallery-flat, #bartokr .section-harmonyos .flat-picture {
    display: block;
  }
  #bartokr .section-harmonyos .flat-item {
    transition: none;
    opacity: 1;
  }
  #bartokr .section-harmonyos .flat-item + .flat-item {
    margin-top: 16.666667vw;
    margin-left: 0;
  }
  #bartokr .section-harmonyos .picture::before, #bartokr .section-harmonyos .inline-video::before {
    padding-bottom: 59.72222%;
  }
  #bartokr .section-harmonyos .video-item::after {
    display: none;
  }
  #bartokr .section-harmonyos .caption {
    display: block;
    width: 100%;
    margin: -1.111111vw auto 0;
    padding-left: 13.888889vw;
  }
}

#bartokr.no-sticky .section-harmonyos .sticky-wrapper {
  height: auto;
  margin-top: 3.125vw;
}

#bartokr.no-sticky .section-harmonyos .section-content {
  position: relative;
  top: 0;
  width: 55.208333vw;
}

#bartokr.no-sticky .section-harmonyos .gallery-slide {
  display: none;
}

#bartokr.no-sticky .section-harmonyos .gallery-flat, #bartokr.no-sticky .section-harmonyos .flat-picture {
  display: block;
}

#bartokr.no-sticky .section-harmonyos .flat-item {
  transition: none;
  opacity: 1;
}

#bartokr.no-sticky .section-harmonyos .flat-item + .flat-item {
  margin-top: 10.416667vw;
  margin-left: 0;
}

#bartokr .section-performance .section-content {
  justify-content: space-between;
  width: 68.75vw;
  margin-top: -1.041667vw;
}

#bartokr .section-performance .subsection {
  width: 33.854167vw;
  min-height: 31.25vw;
  margin-top: 1.041667vw;
}

#bartokr .section-performance .text-top {
  padding-top: 2.916667vw;
  padding-left: 3.125vw;
}

#bartokr .section-performance .full-width {
  width: 100%;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-performance .section-content {
    display: block;
    width: 88.888889vw;
    margin-top: -2.777778vw;
    text-align: center;
  }
  #bartokr .section-performance .subsection {
    width: 100%;
    min-height: 97.222222vw;
    margin-top: 2.777778vw;
  }
  #bartokr .section-performance .text-top {
    padding-top: 10.555556vw;
    padding-left: 0;
  }
}

#bartokr .subsection-1, #bartokr .subsection-5 {
  background-image: linear-gradient(130deg, #fffcf7 0%, #fff3d8 100%);
}

#bartokr .subsection-2, #bartokr .subsection-4 {
  background-image: linear-gradient(120deg, #fafdff 0%, #e2f0ff 100%);
}

#bartokr .subsection-3 {
  background-image: linear-gradient(130deg, #fafffe 0%, #ebfdf9 100%);
  background: #FAFBFD;
}

#bartokr .subsection-1 .picture {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#bartokr .subsection-2 .bar-caption {
  margin-top: 1.822917vw;
  font-size: 1.145833vw;
}

#bartokr .subsection-2 .caption-2 {
  color: #16c038;
}

#bartokr .subsection-2 .bar-value {
  width: auto;
  height: 2.083333vw;
  margin-top: .729167vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .subsection-2 .bar-caption {
    margin-top: 8.333333vw;
    margin-left: 8.333333vw;
    font-size: 3.055556vw;
    text-align: left;
  }
  #bartokr .subsection-2 .bar-value {
    height: 5.555556vw;
    margin-top: 1.944444vw;
    margin-left: 8.333333vw;
  }
}

#bartokr .subsection-3 {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

#bartokr .subsection-3 .text-content {
  position: relative;
  z-index: 1;
  margin-left: -1.458333vw;
}

#bartokr .subsection-3 .picture {
  width: 39.84375vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .subsection-3 {
    display: block;
  }
  #bartokr .subsection-3 .text-content {
    width: 100%;
    margin-left: 0;
    padding-top: 7.777778vw;
    padding-top: 10.555556vw;
  }
  #bartokr .subsection-3 .picture {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

#bartokr .subsection-4 .picture {
  margin-top: 4.166667vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .subsection-4 .picture {
    margin-top: 13.888889vw;
  }
}

#bartokr .subsection-5 .picture-wrapper {
  position: relative;
  margin-top: 4.947917vw;
}

#bartokr .subsection-5 .picture-2 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 0;
}

#bartokr .subsection-5 .animated .picture-2 {
  height: 100%;
  transition: height .8s;
}

#bartokr .subsection-5 .animated .image-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .subsection-5 .picture-wrapper {
    margin-top: 18.055556vw;
  }
}

#bartokr .subsection-6 {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  background-color: #fafbfd;
}

#bartokr .subsection-6 .picture {
  width: 41.145833vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .subsection-6 {
    display: block;
  }
  #bartokr .subsection-6 .text-content {
    width: 100%;
    padding-top: 7.777778vw;
  }
  #bartokr .subsection-6 .picture {
    width: 100%;
    margin-top: 2.777778vw;
  }
}

.no-touch #bartokr .icon {
  transition: transform .6s ease;
}

.no-touch #bartokr .cta:hover .icon {
  transform: translateX(3px);
}

#bartokr .subsection-7 {
  align-items: center;
  background-color: #fafbfd;
}

#bartokr .subsection-7 .text-content {
  margin-left: 10.9375vw;
}

#bartokr .cta {
  display: inline-flex;
  align-items: center;
  margin-top: .833333vw;
  font-size: .833333vw;
}

#bartokr .icon {
  width: .364583vw;
  margin-left: .260417vw;
}

#bartokr .subsection-7 .picture {
  width: 26.770833vw;
  margin-left: 3.125vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .subsection-7 {
    display: block;
  }
  #bartokr .subsection-7 .text-content {
    width: 100%;
    margin-left: 0;
    padding-top: 7.777778vw;
  }
  #bartokr .cta {
    margin-top: 2.222222vw;
    font-size: 2.5vw;
  }
  #bartokr .icon {
    width: .972222vw;
    margin-left: .694444vw;
  }
  #bartokr .subsection-7 .picture {
    width: 100%;
    margin-top: 5.555556vw;
    margin-left: 0;
  }
}

#bartokr .section-footnote .section-content {
  width: 68.75vw;
  padding-left: 1.75em;
  font-size: .625vw;
  list-style-type: decimal;
}

@media (max-width: 1920px) and (min-aspect-ratio: 11 / 10) {
  #bartokr .section-footnote .section-content {
    font-size: 12px;
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-footnote .section-content {
    width: 83.333333vw;
    font-size: 3.333333vw;
  }
}

#bartokr .section-footnote li {
  font-size: inherit;
  color: #868686;
}

#bartokr .section-footnote li.current {
  color: #000;
}

#bartokr .section-footnote .footnote-asterisk {
  list-style-type: '*  ';
}

#bartokr .section-footnote .footnote-copy {
  list-style-type: none;
}

@media (min-aspect-ratio: 11 / 10) and (max-width: 1440px) {
  #bartokr .section-top-features .feature-intro, #bartokr .section-display .badge-caption, #bartokr .section-papermatte .badge-caption, #bartokr .note, #bartokr .cta {
    font-size: 12px;
  }
  #bartokr .section-papermatte .note{
    font-size: .833333vw;
  }
}



/* 926 -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#bartokr .section-reasons {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 8.3333vw;
  padding-top: 8.333333vw;
  z-index: 3;
  /* background: #000000; */
}

@media screen and (min-aspect-ratio: 11/10) {
  #bartokr .section-reasons .swiper-wrapper {
      transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

}

#bartokr .section-reasons .swiper-slide {
  width: 67.5vw;
  margin: auto 1.6666vw;
  border-radius: 0.8333vw;
  transition: none;
}
#bartokr .section-reasons .swiper-slide picture::before {
  padding-bottom: calc(730 / 1320 * 100%);
}
#bartokr .section-reasons .swiper-slide .s2-con {
  position: relative;
  width: 100%;
  height: 100%;
}

#bartokr .section-reasons .swiper-slide .reasons-title {
  width: 80%;
  /* font-weight: bold; */
  position: absolute;
  top: 2.0833vw;
  left: 2.5vw;
  top: 2.8125vw;
  left: 4.166667vw;
  will-change: transform;
  transform: translateZ(1px);
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  -o-transform: translateZ(1px);
}

#bartokr .section-reasons .swiper-slide .reasons-title p:first-child {
  font-size: 1.66666vw;
  font-size: 2.5vw;
  font-weight: bold;
  line-height: 1.25;
}
#bartokr .section-reasons .swiper-slide.swiper-slide0 .reasons-title p {
  color: #FF8E1D;
}
#bartokr .section-reasons .swiper-slide.swiper-slide1 .reasons-title p {
  background-image: linear-gradient(90deg, #A586DE 0, #6380FF 100%);
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
#bartokr .section-reasons .swiper-slide.swiper-slide2 .reasons-title p {
  color: #919191;
}
#bartokr .section-reasons .swiper-slide.swiper-slide3 .reasons-title p {
  color: #74C250;
}
#bartokr .section-reasons .swiper-slide.swiper-slide4 .reasons-title p {
  color: #0A85FF;
}
#bartokr .section-reasons .swiper-slide.swiper-slide5 .reasons-title p {
  color: #4FCEB4;
}

#bartokr .section-reasons .swiper-slide .reasons-title p.dark-des{
  font-size: 1.145833vw;
  line-height: 1.6;
  margin-top: .833333vw;
  color: #868686;
  display: block;
}
#bartokr .section-reasons .swiper-slide .txt-color-grey {
  color: #1E2022 !important;
}

#bartokr .section-reasons .swiper-slide .s2-wrap {
  width: 67.5vw;
  /* height: 38vw; */
  overflow: hidden;
  position: relative;
  border-radius: 0.8333vw;
  border-radius: .833333vw;
  border-radius: .838542vw;
}

#bartokr .section-reasons .swiper-slide4 {
  background-color: #161617;
  background: #fff;
}

#bartokr .section-reasons .swiper-slide4 .s2-wrap .s2-img {
  width: 29.010416vw;
  height: auto;
  position: absolute;
  left: 18.75vw;
  bottom: 6.666666vw;

}

#bartokr .section-reasons .swiper-slide4 .s2-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#bartokr .section-reasons .swiper-slide4 .s2-left {
  left: 3.90625vw;
}

#bartokr .section-reasons .swiper-slide4 .s2-right {
  left: 50.95833vw;
}

#bartokr .section-reasons .swiper-slide4 .s2-inline-p {
  font-size: 0.833333vw;
  color: #86868B;
  width: 100%;
}

#bartokr .section-reasons .swiper-slide4 .s2-inline-center {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

#bartokr .section-reasons .swiper-slide4 .s2-left .s2-inline-center-headline {
  font-size: 6.25vw;
  line-height: 1.25;
  color: #EBEBEB;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #EBEBEB 0%, #92918E 100%);
  background-size: 100% 100%;
}

#bartokr .section-reasons .swiper-slide4 .s2-left .s2-inline-center-text {
  color: #EBEBEB;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #EBEBEB 0%, #92918E 100%);
  background-size: 100% 100%;
}

#bartokr .section-reasons .swiper-slide4 .s2-right .s2-inline-center-headline {
  font-size: 6.25vw;
  line-height: 1.25;
  color: #FFF4DD;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #FFF4DD 0%, #948063 100%);
  background-size: 100% 100%;
}

#bartokr .section-reasons .swiper-slide4 .s2-right .s2-inline-center-text {
  color: #FFF4DD;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to bottom, #FFF4DD 0%, #948063 100%);
  background-size: 100% 100%;
}

#bartokr .section-reasons .swiper-slide4 .s2-inline-center-text {
  font-size: 1.666666vw;
}

#bartokr .section-reasons .swiper-slide4 .s2-inline-center-img {
  width: auto;
  height: 4.611979vw;
  margin-right: 0.921875vw;
}

#bartokr .section-reasons .swiper-slide video {
  width: 100%;
  height: 38vw;
  border-radius: 0.8333vw;
  overflow: hidden;
  object-fit: cover;
}

#bartokr .section-reasons .swiper-slide-prev {
  cursor: pointer;
}

#bartokr .section-reasons .swiper-slide-next {
  cursor: pointer;
}

#bartokr .section-reasons .swiper-button-center {
  width: 15.625vw;
  margin: 0 auto;
  height: 3.33vw;
  background-color: #242425;
  background-color: #F7F8FA;
  border-radius: 1.66vw;
  position: relative;
  margin-top: 2.08333vw;
}

#bartokr .section-reasons .swiper-button-center .swiper-pagination {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#bartokr .section-reasons .swiper-button-center .swiper-pagination-bullet {
  width: 0.52vw;
  height: 0.52vw;
  margin: auto 0.26vw;
  background: #ffffff;
  background: #B3B5B7;
  background: #C6C6C8;
  transition: all 1s;
  opacity: .3;
}

#bartokr .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
  background-color: #ffffff;
  background-color: #000;
  opacity: .8;
  transition: all 1s;
}

#bartokr .section-reasons .swiper-button-center .swiper-button-prev {
  left: 1.8vw;
}

#bartokr .section-reasons .swiper-button-center .swiper-button-next {
  right: 1.8vw;
}

#bartokr .section-reasons .swiper-button-center .swiper-button-prev,
#bartokr .section-reasons .swiper-button-center .swiper-button-next {
  color: #FFFFFF;
  width: 0.7364583vw;
  font-weight: bold;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}

#bartokr .section-reasons .swiper-button-center .swiper-button-prev:hover,
#bartokr .section-reasons .swiper-button-center .swiper-button-next:hover {
  opacity: .5;
}

#bartokr .section-reasons .swiper-button-center .swiper-button-prev:active,
#bartokr .section-reasons .swiper-button-center .swiper-button-next:active {
  opacity: 1;
}

#bartokr .section-reasons .swiper-button-center .swiper-button-next:after,
#bartokr .section-reasons .swiper-button-center .swiper-button-prev:after {
  font-size: 1.2625vw;
  content: '';
}
@media (max-aspect-ratio: 11 / 10) {
  #bartokr .section-reasons {
    padding-top: 22.222222vw;
  }

  #bartokr .section-reasons .swiper-button-center .swiper-button-next,
  #bartokr .section-reasons .swiper-button-center .swiper-button-prev {
      width: 2.601388vw;
  }

  #bartokr .section-reasons .swiper-button-center .swiper-button-next {
      right: 6.819444vw;
      width: 2.601388vw;
  }

  #bartokr .section-reasons .swiper-button-center .swiper-button-prev {
      left: 6.819444vw;
      width: 2.601388vw;
  }

  #bartokr .section-reasons .swiper-button-center .swiper-button-next:after,
  #bartokr .section-reasons .swiper-button-center .swiper-button-prev:after {
      content: '';
  }

  #bartokr .section-reasons .swiper-button-center .swiper-button-prev:hover,
  #bartokr .section-reasons .swiper-button-center .swiper-button-next:hover {
      opacity: 1;
  }

  #bartokr .section-reasons .swiper-button-center .swiper-button-prev.swiper-button-disabled,
  #bartokr .section-reasons .swiper-button-center .swiper-button-next.swiper-button-disabled,
  #bartokr .section-reasons .swiper-button-center .swiper-button-prev:active,
  #bartokr .section-reasons .swiper-button-center .swiper-button-next:active  {
      opacity: .3;
  }

  #bartokr .section-reasons .swiper-slide {
      position: relative;
      width: 83.333333vw;
      width: 88.888889vw;
      margin: auto 2.222222vw;
      margin: auto 5.555556vw;
      height: 125vw;
      height: 111.111111vw;
      border-radius: 2.222222vw;
      overflow: hidden;
  }

  #bartokr .section-reasons .swiper-slide picture::before {
    padding-bottom: calc(1600 / 1280 * 100%);
  }
  #bartokr .section-reasons .swiper-slide .s2-con {
      position: relative;
      transition: none;
  }

  #bartokr .section-reasons .swiper-slide video,
  #bartokr .section-reasons .swiper-slide .s2-wrap {
      height: 100%;
  }

  #bartokr .section-reasons .swiper-slide .s2-wrap {
      position: relative;
      width: 83.333333vw;
      width: 88.888889vw;
      border-radius: 2.222222vw;
      transition: none;
      filter: blur(0px) !important;
      -webkit-filter: blur(0px) !important;
  }


  #bartokr .section-reasons .swiper-slide .reasons-title {
      width: 100%;
      top: 5.833333vw;
      top: 10.416667vw;
      left: 0;
      right: 0;
      z-index: 4;
      will-change: transform;
      transform: translateZ(1px);
      -webkit-transform: translateZ(1px);
      -moz-transform: translateZ(1px);
      -ms-transform: translateZ(1px);
      -o-transform: translateZ(1px);
      text-align: center;
  }
  #bartokr .section-reasons .swiper-slide.swiper-slide0 .reasons-title {
    top: 6.25vw;
}

  #bartokr .section-reasons .swiper-slide .reasons-title p {
      font-size: 5vw;
      line-height: 1.25;
  }
  #bartokr .section-reasons .swiper-slide .reasons-title p:first-child {
    font-size: 5.555556vw;
  }
  #bartokr .section-reasons .swiper-slide .reasons-title p.dark-des{
    font-size: 3.333333vw;
    margin-top: 3.611111vw;
  }
  #bartokr .section-reasons .swiper-slide4 .s2-wrap .s2-img {
      width: 100%;
      left: 0;
      bottom: 0;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-content {
      position: relative;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-content>.s2-inline-p {
      color: #fff;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-wrap {
      width: 100%;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-p {
      font-size: 3.333333vw;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-center {
      width: 50%;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-center-img {
      height: 12.298611vw;
      margin-right: 2.736111vw;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-left .s2-inline-center-headline,
  #bartokr .section-reasons .swiper-slide4 .s2-right .s2-inline-center-headline {
      font-size: 11.666666vw;
      line-height: 1.25;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-left,
  #bartokr .section-reasons .swiper-slide4 .s2-right {
      width: 93%;
      left: 6.666666vw;
      top: auto;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-left {
      margin-top: 15.166666vw;
      transform: translate(0, 0);
  }

  #bartokr .section-reasons .swiper-slide4 .s2-right {
      margin-top: 4.763888vw;
      transform: translate(0, 0);
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-wrap {
      display: flex;
      flex-wrap: wrap;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-p {
      display: inline-block;
  }

  #bartokr .section-reasons .swiper-slide4 .s2-inline-center-text {
      font-size: 4.444444vw;
      line-height: 1.25;
  }

  #bartokr .section-reasons .swiper-button-center {
      width: 62.222222vw;
      height: 13.333333vw;
      border-radius: 12.222222vw;
      margin-top: 8.416666vw;
      margin-top: 5.555556vw;
  }

  #bartokr .section-reasons .swiper-button-center .swiper-pagination-bullet {
      width: 2.222222vw;
      height: 2.222222vw;
      margin: 0 1.666666vw;
  }

}



.harmonyos-container{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-left: 9.375%;
  margin-left: 15.625%;
  margin-left: 15.625vw;
  /* width: 80.1%; */
  box-sizing: border-box;
}
.harmonyos-image{
  width: 63.043%;
  width: 53.4375vw;
  height: 35.79vw;
  height: 37vw;
  margin-right: auto;
  margin-top: 2vw;
}
.harmonyos-image p{
  width: 38.020833vw;
  width: 38.720833vw;
  width: 40vw;
  margin-left: 10.260417vw;
  margin-top: 1.197917vw;
}
.harmonyos-image-item{
  width: 100%;
  position: relative;
  overflow: hidden;
}
#bartokr .harmonyos-image-item p{
  font-size: 1.145833vw;
}
.harmonyos-enhance-after{
  width: 34.15vw;
  position: relative;
}
.harmonyos-enhance-after-text{
  position: absolute;
  left: 1.25vw;
  bottom: 1.25vw;
  transition: opacity 0s ease-out .4s;
}
.harmonyos-enhance-before{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: width 0s linear .4s;
}
.harmonyos-enhance-before-text{
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  white-space: nowrap;
}
.harmonyos-enhance-before-image{
  position: absolute;
  top: 0;
  right: 0;
  width: 34.45vw;
}
.harmonyos-enhance-line{
  position: absolute;
  top: 0;
  right: 110%;
  height: 100%;
  width: 2.808333vw;
  transform: translateX(50%);
  opacity: 1;
  transition: right 0s linear .4s,opacity 0s ease-out .4s;
}
.harmonyos-enhance-line img{
  height: 100%;
  width: auto;
}
.swiper-slide-active .harmonyos-enhance-before{
  width: 0%;
  transition: width 1.5s linear .45s;
}
.swiper-slide-active .harmonyos-enhance-after-text{
  opacity: 0;
  transition: opacity .2s ease-out 1.95s;
}
.swiper-slide-active .harmonyos-enhance-line{
  opacity: 0;
  right: -10%;
  transition: right 1.8s linear .3s,opacity .2s ease-out 1.95s;
  will-change: right;
}
.harmonyos-image-swiper{
  height: 100%;
}
.harmonyos-image-swiper .swiper-slide{
  display: flex;
  align-items: center;
}
.harmonyos-content-container{
  /* margin-left: 6.25vw; */
  position: relative;
  width: 34.35%;
  width: calc(414vw*100/1920);
}
.harmonyos-text-container{
  display: flex;
  margin-top: 2.447vw;
  position: relative;
}
.harmonyos-text-container .swiper {
  margin-left: 0;
}
.harmonyos-text-progress-line-container{
  margin-right: 2.73vw;
  margin-right: 3.125vw;
}
.harmonyos-text-progress-line{
  background-color: #C9C9C9;
  width: 2px;
  height: 15vw;
  height: 100%;
}
.harmonyos-text-progress-line .swiper-scrollbar-drag{
  background-color: #B8E522;
  background-color: #1D2958;
  border-radius: 3px;
  margin-left: -.5px;
  width: 3px;
}
.harmonyos-text-row{
  overflow: initial;
}
.harmonyos-text-row .swiper-wrapper{
  flex-direction: column;
}
.harmonyos-text-title{
  font-size: 1.666667vw;
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: 1.5625vw;
  margin-bottom: 0;
}
.harmonyos-text-title-2{
  font-size: 1.458333vw;
  color: #868686;
  line-height: 1.25;
}
.harmonyos-text.active .harmonyos-text-title{
  font-size: 2.5vw;
  margin-bottom: .520833vw;
  margin-bottom: .260417vw;
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.harmonyos-text{
  cursor: pointer;
  height: auto;
  opacity: .3;
  opacity: .2;
  transition: opacity .3s ease,margin .3s ease;
  will-change: transform;
  margin-bottom: 3.125vw;
}
.harmonyos-text.active{
  opacity: 1;
}
.harmonyos-text:first-child{
  margin-top: .67vw;
  /* margin-bottom: 1.7825vw; */
}
.harmonyos-text:last-child{
  margin-bottom: .67vw;
}
.harmonyos-text .harmonyos-text-detail{
  opacity: 0;
  transition: opacity .6s ease;
}
.harmonyos-text p{
  height: 0;
  opacity: 0;
  transition: height .3s ease,opacity .3s ease;
  will-change: height;
}
.harmonyos-text:first-child p{
  display: block;
}
.harmonyos-text.active:first-child{
  margin-bottom: 3.5625vw;
  margin-bottom: 3.125vw;
}
.harmonyos-text.active p{
  /* height: 3.2em; */
  opacity: 1;
  /* height: auto; */
}
.harmonyos-text .harmonyos-text-title-2{
  height: 0;
  opacity: 0;
  transition: height .3s ease,opacity .3s ease;
  will-change: height;
  font-size: 1.458333vw;
}
.harmonyos-text.active .harmonyos-text-title-2{
  height: 1em;
  opacity: 1;
  line-height: 1.6;
}
.harmonyos-text[data-id="1"].active p{
  height: 3.2em;
  height: auto;
}
.harmonyos-text.active .harmonyos-text-detail{
  opacity: 1;
}
.screen-ai-function-item{
  background: linear-gradient(to bottom,#D9EAFD 0,#F5EDF6 45%,#F3F5FB 85%,#E8F0FD 100%);
  border-radius: 1.04vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  will-change: transform;
}
.screen-ai-function-item-content{
  position: absolute;
  top: 33.5%;
  left: 7.78%;
  width: 43%;
  z-index: 2;
  will-change: transform;
  transform: rotateZ(0.1deg);
}
.screen-ai-function-item-content-image{
  margin-left: 58%;
  width: 34.815%;
  padding: 4.166vw 0;
}
.screen-ai-function-item-title{
  font-size: 1.6667vw;
  line-height: 1.25;
  margin-bottom: 1.5625vw;
}
.screen-ai-function-item-text p{
  font-size: 1.1458vw;
}
.screen-ai-function-swiper-btn-container{
  display: flex;
  justify-content: flex-end;
  margin-top: 2.08%;
  margin-right: 15%;
}
.screen-ai-function-swiper-btn-container>div {
  cursor: pointer;
  opacity: 1;
  transition: opacity .3s ease;
}
.screen-ai-function-swiper-prev-btn {
  margin-right: 1.3vw;
}
.screen-ai-function-swiper-btn-container .btn-disable {
  cursor: default;
  opacity: .3;
}
.screen-ai-function-swiper-btn-container svg {
  width: 2.6vw;
  height: 2.6vw;
}
.screen-ai-function-disclaimer{
  margin: .97vw 0 0 9.43vw;
}
.harmonyos-text-nav-container{
  display: none;
}
@media (max-aspect-ratio: 11 / 10){
  .harmonyos-container{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.harmonyos-image{
    margin: 0 auto;
    width: 88%;
    width: 100%;
    height: auto;
}
.harmonyos-content-container{
    margin: 7.66% auto 0;
    width: 86.11%;
}
.harmonyos-text-row{
    overflow: hidden;
}
.harmonyos-text-container{
    display: block;
    margin-top: 0;
}
.harmonyos-text-nav-container{
    box-sizing: border-box;
    color: #1D1D1F;
    display: flex;
    font-size: 4.166vw;
    justify-content: space-between;
    margin: 0 auto;
    /* width: 82.67%;
    padding: 0 10.8vw; */
}
.harmonyos-text-nav{
  /* flex: 1 0 25%; */
  letter-spacing: -.5vw;
}
.harmonyos-text-title{
    font-size: 4.166vw;
    font-size: 4.444444vw;
    opacity: .3;
    /* transition: all .5s ease; */
}
.harmonyos-text-nav-container[data-index="1"] .harmonyos-text-nav:nth-of-type(1) .harmonyos-text-title{
    /* transform: scale(1.26); */
    opacity: 1;
    color: #ff7562;
    background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.harmonyos-text-nav-container[data-index="2"] .harmonyos-text-nav:nth-of-type(2) .harmonyos-text-title{
    /* transform: scale(1.26); */
    opacity: 1;
    color: #ff7562;
    background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.harmonyos-text-nav-container[data-index="3"] .harmonyos-text-nav:nth-of-type(3) .harmonyos-text-title{
  /* transform: scale(1.26); */
  opacity: 1;
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.harmonyos-text-nav-container[data-index="4"] .harmonyos-text-nav:nth-of-type(4) .harmonyos-text-title{
  /* transform: scale(1.26); */
  opacity: 1;
  color: #ff7562;
  background-image: linear-gradient(90deg, #ff7562 0%, #ffbc36 180%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.harmonyos-text-progress-line-container{
    margin: 1.38vw auto 0;
    margin: 5.555556vw auto 0;
    /* width: 82.67%; */
}
.harmonyos-text-progress-line{
    height: 1px;
    height: 4px;
    width: 100%;
    border-radius: 4px;
}
.harmonyos-text-progress-line::before{
    background-color: #B8E522;
    background-color: #1D2958;
    border-radius: 4px;
    content: "";
    display: block;
    margin-left: 0;
    height: 3px;
    height: 4px;
    top: -1px;
    top: 0;
    width: 40%;
    width: 23.611111vw;
    transition: transform .5s ease,width .5s ease;
    position: relative;
    overflow: hidden;
}
.harmonyos-text-progress-line[data-index="1"]::before{
    transform: translateX(0vw);
    /* width: 35%; */
}
.harmonyos-text-progress-line[data-index="2"]::before{
    transform: translateX(22vw);
    /* width: 48%; */
}
.harmonyos-text-progress-line[data-index="3"]::before{
  transform: translateX(44.5vw);
  /* width: 48%; */
}
.harmonyos-text-progress-line[data-index="4"]::before{
  transform: translateX(62.5vw);
  /* width: 48%; */
}
.harmonyos-text-row .swiper-wrapper{
    margin: 5.55vw auto 0;
    text-align: center;
    height: 25vw;
}
.harmonyos-text{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    margin-bottom: 0;
}
#bartokr .harmonyos-text p{
  color: #aaa;
}
.harmonyos-text:first-child{
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}
.harmonyos-text.active:first-child{
    margin-bottom: 0;
}
.harmonyos-text:last-child{
    margin-bottom: 0;
}
.harmonyos-text.active{
    opacity: 1;
    pointer-events: all;
}
.harmonyos-text .harmonyos-text-title-2{
  font-size: 4.444444vw;
  margin-bottom: 5.833333vw;
}
.harmonyos-text p{
    height: 4.8em;
    height: 6.2em;
    text-align: center;
    font-size: 3.055556vw;
}

.replay-btn{
    right: 5.55vw;
    bottom: 5.55vw;
}
.replay-btn-svg svg{
    width: 6.11vw;
    height: 6.11vw;
}
.screen-ai-function-item{
    border-radius: 2.777vw;
}
.screen-ai-function-item-content{
    top: 6.944vw;
    left: 9.09%;
    width: 81.82%;
    transform: translateY(0);
}
.screen-ai-function-item-content-image{
    margin: 0 auto;
    width: 36.9%;
    padding: 39.9vw 0 5.18vw;
}
.screen-ai-function-item-title{
    font-size: 6.666vw;
    margin-bottom: 4.16vw;
}
.screen-ai-function-item-text p{
    font-size: 3.88vw;
}
.screen-ai-function-swiper-btn-container{
    margin-right: 0;
}
.screen-ai-function-disclaimer{
    margin: 2.58vw 0 0 8.6vw;
}
}



#bartokr .huawei-product-buy-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}
#bartokr .huawei-product-buy-btn-price {
  color: #000;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
}
#bartokr .huawei-product-buy-btn-price sup{
  font-size: unset;
  vertical-align: baseline;
}
#bartokr .huawei-product-buy-btn-price span {
  font-size: 0.677083vw;
  font-weight: 500;
}
#bartokr .huawei-product-buy-btn {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 10px 26px;
  border: 2px solid #000;
  background-color: #000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}
#bartokr .huawei-product-buy-btn:hover {
  opacity: .8;
}
#bartokr .kv-content-price-container {
  margin-top: 3.90625vw;
}
#bartokr .price {
  list-style: none;
  position: relative;
}
#bartokr .price::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  /* padding-right: .2em; */
}
@media (max-aspect-ratio: 11/10) {
  #bartokr .kv-content-price-container {
    margin-top: 16.666666vw;
    margin-top: 6.6666666666vw;
  }
  #bartokr .huawei-product-buy-btn-price {
    font-size: 5.56vw;
  }
  #bartokr .huawei-product-buy-btn-price span {
    font-size: 3.611111111vw;
  }
}