@font-face {
  font-family: 'Avenir Next';
  src: url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Heavy.woff2") format("woff2"), url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Medium.woff2") format("woff2"), url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Bold.woff2") format("woff2"), url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Regular.woff2") format("woff2"), url("https://www.oakley.com/_ui/dist/fonts/AvenirNext/AvenirNext-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}

/* FIX CHARBOT ERROR */
.chatbot {
  display: none!important;
}

/* FOOTER FIX */
#lfooter .ampHybWrp {
  z-index: 0;
}

.countrySelector__outer.o21_bg6 {
  display: none !important;
}

.fake-header {
  height: 105px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 11111;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0px !important;
  background-color: #000000;
}
body.locked {
  overflow: hidden!important;
}
html.locked {
  overflow: hidden!important;
}

.trustpPilot {
  display: none;
}

.kato {
  font-family: 'Avenir Next';
  background-color: black;
  position: relative;
  z-index: 1;
}

.kato .button {
  padding: 15px 30px;
  margin-top: 50px;
  border-radius: 100px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: 'Avenir Next';
  font-weight: bold;
  font-display: optional;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  color: #000000;
  border: 0;
  border: solid 1px #000000;
  text-decoration: none;
  transition: all 0.5s ease;
  text-transform: uppercase;
  cursor: pointer;
}

.kato .button:hover, .kato .button:focus {
  background-color: #000000;
  border: solid 1px #ffffff;
  color: #ffffff;
}

.kato .button--transparent {
  background-color: transparent;
  color: white;
  border: solid 1px #ffffff;
}

.kato .button--transparent:hover, .kato .button--transparent:focus {
  background-color: white;
  color: black;
}

.kato h1 {
  font-size: 20px;
  letter-spacing: 1px;
  color: white;
}

@media screen and (max-width: 992px) {
  .kato h1 {
    font-size: 18px;
  }
}

.kato h2 {
  font-size: 90px;
  line-height: 0.9;
  letter-spacing: 1px;
  color: white;
}

@media screen and (max-width: 992px) {
  .kato h2 {
    font-size: 48px;
  }
}

.kato h2.katoSmall {
  font-size: 60px;
  line-height: 0.9;
  letter-spacing: 0.75px;
}

@media screen and (max-width: 992px) {
  .kato h2.katoSmall {
    font-size: 42px;
    padding-top: 100px;
    padding-bottom: 60px;
  }
}

.kato .h2PlaceHolder {
  font-size: 90px;
  line-height: 0.9;
  letter-spacing: 1px;
  color: white;
}

@media screen and (max-width: 992px) {
  .kato .h2PlaceHolder {
    font-size: 48px;
  }
}

.kato .h2PlaceHolder.katoSmall {
  font-size: 60px;
  line-height: 0.9;
  letter-spacing: 0.75px;
}

@media screen and (max-width: 992px) {
  .kato .h2PlaceHolder.katoSmall {
    font-size: 42px;
    padding-top: 100px;
    padding-bottom: 60px;
  }
}

.kato section {
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .kato section .section__content {
    padding: 0 20px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 992px) {
  .kato section {
    box-sizing: border-box;
  }
}

.kato applet, .kato object, .kato iframe,
.kato h1, .kato h2, .kato h3, .kato h4, .kato h5, .kato h6, .kato p, .kato blockquote, .kato pre,
.kato a, .kato abbr, .kato acronym, .kato address, .kato big, .kato cite, .kato code,
.kato del, .kato dfn, .kato em, .kato img, .kato ins, .kato kbd, .kato q, .kato s, .kato samp,
.kato small, .kato strike, .kato strong, .kato sub, .kato sup, .kato tt, .kato var,
.kato b, .kato u, .kato i, .kato center,
.kato dl, .kato dt, .kato dd, .kato ol, .kato ul, .kato li,
.kato fieldset, .kato form, .kato label, .kato legend,
.kato table, .kato caption, .kato tbody, .kato tfoot, .kato thead, .kato tr, .kato th, .kato td,
.kato article, .kato aside, .kato canvas, .kato details, .kato embed,
.kato figure, .kato output, .kato ruby, .kato summary,
.kato time, .kato mark, .kato audio, .kato video {
  margin: 0;
  padding: 0;
}

.kato h1, .kato h2, .kato h3 {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  text-transform: uppercase;
}

.kato .h2PlaceHolder {
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #d8899e 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  position: absolute;
  top: 0;
  z-index: 2;
  text-transform: uppercase;
}

.kato .trigger--intro {
  width: 10px;
  height: 10px;
  position: relative;
}

.kato .trigger--beyond, .kato .trigger--beyondImg, .kato .trigger--carousel, .kato .trigger--spinner {
  position: relative;
  display: inline-block;
}

.kato .trigger--beyondImg2 {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
}

.kato .trigger--spinner {
  width: 100%;
  height: 3px;
  position: relative;
}

.kato .trigger--degree {
  width: 100%;
  height: 3px;
  position: relative;
}

.kato .trigger--carousel {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
}

.kato__backToTop {
  position: absolute;
  right: 30px;
  top: calc(100% - 100px);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .kato__backToTop {
    top: auto;
    right: auto;
    bottom: -60px;
  }
}

.kato__backToTop svg {
  width: 45px;
  margin-bottom: 10px;
}

.kato__backToTop span {
  font-size: 12px;
}

.kato__stripe {
  position: fixed;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  top: 0;
  /*top: -300px;
  opacity: 0;*/
  left: 0;
  margin-top: -10px;
  border-bottom: 1px solid white;
  z-index: 5000;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.30);
  backdrop-filter: blur(5px);
  transition: .3s linear;
  transition-delay: .05s;
}
.kato__stripe.upscroll-position {
  padding-top: 120px;
  height: auto;
}
.kato__stripe.downscroll-position {
  padding-top: 60px;
  height: auto;
}

.kato__stripe::before {
  content: '';
  display: block;
  position: absolute;
  /*top: -25%;*/
  width: 160%;
  height: 150%;
  -webkit-filter: blur(18px);
  filter: blur(18px);
  background-color: #000000;
  opacity: 0.64;
  left: -30%;
  z-index: 4;
}

.kato__stripe__row {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 13px 35px;
  color: white;
  position: relative;
  z-index: 5;
  font-size: 16px;
  box-sizing: border-box;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row {
    padding: 13px 10px;
    font-size: 12px;
    justify-content: center;
  }
}

.kato__stripe__row .toggleStripe {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row .toggleStripe {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    flex-grow: 1;
  }
}

.kato__stripe__row figure {
  max-width: 70px;
  margin-right: 30px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kato__stripe__row figure img {
  max-width: 100%;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row figure {
    max-width: 60px;
    margin-right: 15px;
  }
}

.kato__stripe__row__col {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  color: white;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__col__title {
    flex-flow: column;
    display: flex;
  }
}

.kato__stripe__row__col__icon {
  flex-flow: column;
  display: flex;
  margin-left: 20px;
  width: 24px;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__col__icon {
    width: 15px;
    display: flex;
    margin-left: auto;
    margin-right: 20px;
  }
}

.kato__stripe__row__col__icon svg {
  width: 100%;
  height: auto;
}

.kato__stripe__row__col--content {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__col--content {
    flex-flow: column;
  }
}

.kato__stripe__row__col--content strong {
  margin-right: 10px;
  border-right: 2px solid white;
  padding-right: 13px;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__col--content strong {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
  }
}

.kato__stripe__row__col--cta {
  display: flex;
  align-self: center;
  margin-left: auto;
  margin-right: 0;
  justify-content: center;
  align-items: center;
}

.kato__stripe__row__col--cta .button {
  padding: 12px 25px;
  font-size: 11px;
  margin-top: 0;
}

.kato__stripe__row__col__price {
  margin-right: 25px;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__col__price {
    margin-left: 0;
    display: none;
  }
}

.kato__stripe__row__wrapper {
  width: 90%;
  position: relative;
} 

@media screen and (max-width: 768px) {
  .kato__stripe__row__wrapper.swiper-container{
    display: flex;
    overflow: scroll;
    height: 100%;
  }
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__wrapper {
    width: 100%;
  }
}

.kato__stripe__row__wrapper__arrow {
  z-index: 1000;
}

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

.kato__stripe__row__wrapper__arrow.swiper-button-prev, .kato__stripe__row__wrapper__arrow .swiper-container-rtl .swiper-button-next {
  left: 35px !important;
  right: auto;
}

.kato__stripe__row__wrapper__arrow.swiper-button-next, .kato__stripe__row__wrapper__arrow .swiper-container-rtl .swiper-button-prev {
  right: 35px !important;
  left: auto;
}

@media screen and (max-width: 992px) {
  .kato__stripe__row__wrapper__arrow {
    display: none !important;
  }
}

.kato__stripe__row__wrapper__arrow--prev svg {
  transform: rotate(-90deg);
}

.kato__stripe__row__wrapper__arrow--next svg {
  transform: rotate(90deg);
}

.kato__stripe__row__slider {
  flex-wrap: wrap;
}
.kato__stripe__row__slider__slide {
  display: flex;
  /*flex-flow: column;*/
  justify-content: center;
  align-items: center;
}
.kato__stripe__row__slider__slide.swiper-slide {
  width: calc(100% / 4)!important;
  height: auto;
}
@media screen and (max-width: 992px) {
  .kato__stripe__row__slider__slide.swiper-slide {
    width: calc(100% / 3)!important;
  }
}
@media screen and (max-width: 768px) {
  .kato__stripe__row__slider__slide.swiper-slide {
    width: 50%!important;
  }
}

.kato__stripe__row__slider__slide__box {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 212px;
  height: 206px;
  padding: 10px 20px 20px 20px;
  cursor: pointer;
  position: relative;
  margin: 20px;
  border-radius: 20px;
  border: 1px solid #FFF;
}
@media screen and (max-width: 768px) {
  .kato__stripe__row__slider__slide__box {
    width: 100%;
    height: auto;
    margin: 0 8px 16px 8px;
    border: none;
  }
}
.kato__stripe__row__slider__slide__box .title strong,
.kato__stripe__row__slider__slide__box .title br {
  display: none;
}

.kato__stripe__row__slider__slide__box figure {
  margin: 10px 0 25px 0;
  max-width: 120px;
  max-height: 57px;
}

@media screen and (max-width: 768px) {
  .kato__stripe__row__slider__slide__box figure {
    max-width: 100px;
    max-height: 48px;
  }
}

.kato__stripe__row__slider__slide__box .title {
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}

.kato__stripe__row__slider__slide__box .price {
  font-size: 12px;
  display: flex;
  color: #FFF;

}

.kato__stripe__row__slider__slide__box .price .pstBadge {
  display: none;
}

.kato__stripe__row__slider__slide__box .stock {
  display: none;
}

.kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box .stripeButton {
  display: none;
}
@media screen and (max-width: 768px) {
  .kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box .stripeButton {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    font-size: 12px;
    background-color: #000;
    color: #FFF;
  }
}

.kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box:hover .stripeButton {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  font-size: 12px;
  background-color: #000;
  color: #FFF;
}
.kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box .stripeButton:hover {
  background-color: #fff;
  border: solid 1px #000000;
  color: #000000;
}

.kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box:hover {
  border-radius: 20px;
  background-color: #FFF;
}
.kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box:hover .title,
.kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box:hover .price {
  color: #000;
}

@media screen and (max-width: 768px) {
  .kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box {
    border-radius: 20px;
    background-color: #FFF;
  }
  .kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box .title,
  .kato__stripe__row__slider__slide .kato__stripe__row__slider__slide__box .price {
    color: #000;
  }
}

.kato__stripe__row__slider__slide.kato__outOfStock .stock {
  display: block;
  position: absolute;
  bottom: -10px;
  text-transform: uppercase;
  font-size: 11px;
  background: black;
  padding: 1px 2px;
  text-align: center;
}

.kato__stripe__row--carousel {
  display: none;
}

.kato__stripe--open {
  height: auto;
}

.kato__stripe--open .kato__stripe__row--carousel {
  display: flex;
  padding: 25px 0;
  border-top: 1px solid white;
}

@media screen and (max-width: 768px) {
  .kato__stripe--open .kato__stripe__row--carousel {
    height: calc(100dvh - 152px);
    /*height: calc(100dvh - 152px);*/
    padding: 16px 8px 16px 8px;
  }
}

.kato__teaser {
  width: 100%;
  height: 100vh;
  overflow: visible;
  justify-content: center;
  align-items: center;
  display: flex;
  background: black;
  z-index: 2;
}

.kato__teaser__content {
  color: white;
  z-index: 1000;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.kato__teaser__content__wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kato__teaser__content__wrap h2 {
  background-image: linear-gradient(to bottom, #c05a76, #681c30);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  text-align: center;
  animation: contentAppear 0.1s ease-in-out;
  opacity: 0;
  animation-fill-mode: forwards;
}

.kato__teaser__content__wrap .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #d8899e 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: center;
  animation: contentAppear 0.1s, textGradient 4s ease-in-out infinite;
  animation-delay: 1s;
  opacity: 0;
  animation-fill-mode: forwards;
}

.kato__teaser__content__wrap .button {
  animation: contentAppear 0.2s;
  animation-delay: 0.2s;
  opacity: 0;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 992px) {
  .kato__teaser__content__wrap .button {
    margin-top: 0;
  }
}

.kato__intro {
  width: 100%;
  height: 100vh;
  overflow: visible;
  z-index: 0;
  position: relative;
}

.kato__intro video {
  width: 100%;
}

@media screen and (max-width: 992px) {
  .kato__intro video {
    margin-top: -120px;
  }
}

.kato__intro__content {
  color: white;
  z-index: 1000;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0px, -15vh);
}

.kato__intro__content h1 {
  padding-top: 100px;
  margin-bottom: 15px;
}

@media screen and (max-width: 992px) {
  .kato__intro__content h1 {
    margin-bottom: 5px;
  }
}

.kato__intro__content h1 span.uno {
  animation: contentAppear 0.75s linear;
  animation-fill-mode: forwards;
}

.kato__intro__content h1 span.due {
  animation: contentAppear 0.75s linear;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}

.kato__intro__content h1 span.staggerTxt {
  opacity: 0;
}

.kato__intro__content__wrap {
  position: relative;
  opacity: 0;
}

.kato__intro__content__wrap h2 {
  background-image: linear-gradient(to bottom, #c05a76, #681c30);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  text-align: center;
}

.kato__intro__content__wrap .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #d8899e 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: center;
}

.kato__intro__content .icon--scroll {
  width: 28px;
  height: 50px;
  margin-top: 25px;
  position: relative;
}

.kato__intro__content .icon--scroll .bullet {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: white;
  position: absolute;
  top: 14px;
  left: 11px;
  animation: bulletMove 1s infinite;
}

.kato__intro__content .icon--scroll img {
  width: 100%;
}

.kato__break {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kato__break__content {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kato__break__content__wrap {
  position: relative;
}

@media screen and (max-width: 992px) {
  .kato__break__content__wrap {
    margin-bottom: 15px;
  }
}

.kato__break__content__wrap h2 {
  background-image: linear-gradient(to bottom, #c05a76, #681c30);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  text-align: center;
}

.kato__break__content__wrap .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #d8899e 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: center;
}

.kato__break__content__spinner {
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
}

.kato__break__content__spinner .word {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 80px;
  line-height: 0.85;
  letter-spacing: 1px;
  text-align: center;
  color: white;
  margin: 15px 0;
  display: block;
}

@media screen and (max-width: 992px) {
  .kato__break__content__spinner .word {
    font-size: 38px;
  }
}

.kato__break__content__spinner .word--placeholder {
  position: relative;
  color: black;
  opacity: 0;
}

.kato__break__content__spinner .word--1 {
  top: 0;
}

.kato__break__content__spinner .word--2 {
  top: 100%;
}

.kato__break__content__spinner .word--3 {
  top: 200%;
}

.kato__break__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  max-width: 726px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .kato__break__content p {
    font-size: 14px;
    margin-top: 25px;
  }
}

.kato__maskon {
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transform: translateY(-30vh);
  overflow: hidden;
}

.kato__maskon__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  z-index: 3;
}

.kato__maskon__content__col {
  width: 50%;
}

@media screen and (max-width: 992px) {
  .kato__maskon__content__col {
    width: 100%;
    margin-top: 140px;
  }
}

.kato__maskon__content__col * {
  opacity: 0;
}

.kato__maskon__content .stagger {
  opacity: 1;
}

.kato__maskon__content h2 {
  position: relative;
  background-image: linear-gradient(to bottom, #c05a76, #681c30);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
}

@media screen and (max-width: 992px) {
  .kato__maskon__content h2 {
    font-size: 40px;
    width: 80%;
  }
}

.kato__maskon__content .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #d8899e 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: left;
}

@media screen and (max-width: 992px) {
  .kato__maskon__content .h2PlaceHolder {
    font-size: 40px;
    width: 80%;
  }
}

.kato__maskon__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: left;
  color: #ffffff;
  margin-top: 30px;
}

@media screen and (max-width: 992px) {
  .kato__maskon__content p {
    font-size: 14px;
    padding-top: 40vh;
  }
}

.kato__maskon__content button {
  opacity: 1;
}

.kato__maskon__content__image {
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%) rotate(-20deg);
  max-width: 600px;
  width: 100%;
  height: auto;
  transform-origin: right center;
  opacity: 0;
}

@media screen and (max-width: 992px) {
  .kato__maskon__content__image {
    right: -60px;
    top: 60%;
    max-width: 350px;
    height: auto;
  }
}

.kato__beyond {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  padding-bottom: 50vh;
}

.kato__beyond__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  width: 100%;
}

.kato__beyond__content__wrapper {
  position: relative;
}

.kato__beyond__content h2 {
  position: relative;
  background-image: linear-gradient(to bottom, #c05a76, #681c30);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.kato__beyond__content .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #d8899e 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: center;
}

.kato__beyond__content p {
  position: absolute;
  bottom: auto;
  top: 130%;
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  max-width: 726px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: center;
  color: #ffffff;
  margin-top: 30px;
}

@media screen and (max-width: 992px) {
  .kato__beyond__content p {
    font-size: 14px;
    margin-top: 25px;
    bottom: auto;
    top: 100%;
  }
}

@media screen and (max-width: 992px) and (min-height: 667px) {
  .kato__beyond__content p {
    top: 120%;
  }
}

.kato__beyond__image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  transform-origin: center center;
  margin-top: 100px;
}

.kato__beyond__image__mask {
  margin-top: 150px;
  width: 750px;
  z-index: 4;
}

.kato__beyond__spinner {
  position: absolute;
  overflow: hidden;
  height: auto;
  height: 100vh;
  width: 100%;
  z-index: 1000;
  top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

@media screen and (max-width: 992px) {
  .kato__beyond__spinner {
    height: 200vh;
  }
}

.kato__beyond__spinner .word {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 0.93;
  letter-spacing: 0.88px;
  text-align: center;
  color: white;
  margin: 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 600px;
}

.kato__beyond__spinner .word img {
  margin-bottom: 60px;
  width: 288px;
  height: auto;
}

@media screen and (max-width: 992px) {
  .kato__beyond__spinner .word {
    font-size: 26px;
  }
}

.kato__beyond__spinner .word--placeholder {
  position: relative;
  color: black;
  opacity: 0;
}

.kato__beyond__spinner .word--1 {
  top: 100%;
}

.kato__beyond__spinner .word--2 {
  top: 200%;
}

.kato__beyond__spinner .word--3 {
  top: 300%;
}

.kato__radius {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.kato__radius__content {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 992px) {
  .kato__radius__content {
    transform: none;
    max-width: 100%;
  }
}

.kato__radius__content h2 {
  position: relative;
  background-image: linear-gradient(to bottom, #dc2b2b, #470121 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
}

.kato__radius__content .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #ff6868 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: left;
}

.kato__radius__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  max-width: 420px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: left;
  color: #ffffff;
  margin-top: 30px;
}

@media screen and (max-width: 992px) {
  .kato__radius__content p {
    font-size: 14px;
    max-width: 90%;
  }
}

.kato__radius video {
  max-width: 1000px;
  height: auto;
  left: 0;
  position: relative;
  z-index: 2;
  top: -10vh;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .kato__radius video {
    top: 0;
  }
}

.kato__wind {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kato__wind__content {
  display: flex;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  justify-content: center;
  align-items: flex-end;
}

.kato__wind__content__title {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  top: 70px;
  z-index: 100;
}

.kato__wind__content h2 {
  position: relative;
  background-image: linear-gradient(to bottom, #dc2b2b, #470121 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: right;
}

.kato__wind__content .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #ff6868 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: right;
}

.kato__wind__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  max-width: 440px;
  margin: 40px 0;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: right;
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .kato__wind__content p {
    font-size: 14px;
  }
}

.kato__wind__content--paragraph {
  position: relative;
  top: -25vh;
}

@media screen and (max-width: 992px) {
  .kato__wind__content--paragraph {
    top: 0;
  }
}

.kato__wind video {
  width: 100%;
  height: auto;
  transform: translateY(-10vh);
}

@media screen and (max-width: 992px) {
  .kato__wind video {
    transform: translateY(0vh);
    margin-top: 130px;
  }
}

.kato__shades {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.kato__shades__content {
  display: flex;
  flex-flow: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 100px 0;
}

.kato__shades__content__title {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
}

.kato__shades__content h2 {
  position: relative;
  background-image: linear-gradient(to bottom, #dc2b2b, #470121 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.kato__shades__content .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #ff6868 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: center;
}

.kato__shades__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  max-width: 872px;
  margin: 26px 78px 46px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .kato__shades__content p {
    font-size: 14px;
  }
}

.kato__shades__content video {
  width: 100%;
  height: auto;
}

.kato__carousel {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}

.kato__carousel__content {
  display: flex;
  flex-flow: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
  .kato__carousel__content {
    padding-bottom: 70px !important;
  }
}

.kato__carousel__content__title {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 40px;
}

.kato__carousel__content h2 {
  position: relative;
  background-image: linear-gradient(to bottom, #dc2b2b, #470121 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.kato__carousel__content .h2PlaceHolder {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  background: linear-gradient(50deg, transparent 0%, transparent 45%, #ff6868 50%, transparent 60%, transparent 100%);
  background-size: 300%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textGradient 4s ease-in-out infinite;
  text-align: center;
}

.kato__carousel__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  width: 100%;
  max-width: 872px;
  margin: 26px 78px 46px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .kato__carousel__content p {
    font-size: 14px;
  }
}

.kato__carousel__slider {
  width: 100%;
  height: 100%;
  overflow: visible !important;
  padding: 10px 0 !important;
}

.kato__carousel__slider__slide {
  display: block;
  transition-property: transform;
  transition-duration: 0.5s;
  transform: scale(0.8);
}

@media screen and (max-width: 992px) {
  .kato__carousel__slider__slide {
    transform: scale(1);
  }
}

.kato__carousel__slider__slide figure {
  width: 98%;
}

.kato__carousel__slider__slide figure img {
  display: flex;
  width: 100%;
  height: auto;
}

.kato__carousel__slider__slide.swiper-slide-active {
  transform: scale(1);
}

.kato__carousel__slider__slide.swiper-slide-active figure {
  box-shadow: 0px 0px 5px #dc2b2b7d;
}

.kato__carousel__slider__pagination.swiper-pagination {
  position: relative;
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  height: 2px;
  border-radius: 2px;
  background-color: #eeeeee;
}

.kato__carousel__slider__pagination.swiper-pagination .swiper-pagination-bullet {
  width: 25%;
  height: 3px;
  border-radius: 0;
  background-color: transparent;
  flex-grow: 0;
}

.kato__carousel__slider__pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 2px;
  background-color: #c83430;
  height: 6px;
  width: 25%;
}

.kato__details {
  background: white;
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 130px 0 70px 0;
}

@media screen and (max-width: 992px) {
  .kato__details {
    padding: 70px 0 0px 0;
  }
}

.kato__details__content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 96%;
}

.kato__details__content h2 {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  font-size: 60px;
  line-height: 0.97;
  letter-spacing: 0.6px;
  text-align: center;
  color: #222222;
}

@media screen and (max-width: 992px) {
  .kato__details__content h2 {
    font-size: 36px;
  }
}

.kato__details__content p {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  max-width: 870px;
  margin: 20px 0 40px 0;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: center;
  color: #222222;
}

@media screen and (max-width: 992px) {
  .kato__details__content p {
    font-size: 14px;
  }
}

.kato__details__content__row {
  background: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-flow: row;
}

.kato__details__content__row__col {
  width: 49%;
  display: flex;
  justify-content: center;
}

.kato__details__content__row__col figure {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.kato__details__content__row__col figure img {
  position: absolute;
  width: 80%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}

.kato__products {
  background: white;
  width: 100%;
  padding-bottom: 100px;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  overflow-x: hidden;
}

.kato__products__content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 96%;
  position: relative;
}

@media screen and (max-width: 992px) {
  .kato__products__content {
    padding-bottom: 80px !important;
  }
}

.kato__products__content__box {
  max-width: 33.3%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  /*margin-top: 40px;*/
}

@media screen and (max-width: 992px) {
  .kato__products__content__box {
    width: 100%;
    max-width: 100%;
  }
}

.kato__products__content .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible !important;
}

.kato__products__content .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transform: scale(0.7);
  transition-property: transform;
  transition-duration: 0.5s;
}

.kato__products__content .swiper-slide.swiper-slide-active {
  transform: scale(1.1);
}

.kato__products__content .swiper-pagination {
  position: relative;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  .kato__products__content .swiper-pagination {
    margin: 40px 0 20px 0;
  }
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  margin: 6px;
  cursor: pointer;
  background-color: transparent;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .kato__products__content .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
  }
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet::before {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px solid white;
  left: 0px;
  top: 0px;
  border-radius: 100%;
  content: '';
  box-sizing: content-box;
}

@media screen and (max-width: 768px) {
  .kato__products__content .swiper-pagination .swiper-pagination-bullet::before {
    width: 26px;
    height: 26px;
  }
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet::after {
  position: absolute;
  width: 34px;
  height: 34px;
  border: solid 1px #dbdbdb;
  left: -1px;
  top: -1px;
  border-radius: 100%;
  content: '';
  border: solid 1px transparent;
  box-sizing: content-box;
}

@media screen and (max-width: 768px) {
  .kato__products__content .swiper-pagination .swiper-pagination-bullet::after {
    width: 30px;
    height: 30px;
  }
}


.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background-image: linear-gradient(to bottom, #ff6124, #8f2561);
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active::after {
  border: solid 1px #dc2b2b;
}


.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background-image: linear-gradient(to bottom, #2e9adc, #a25adc 100%);
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active::after {
  border: solid 1px #2e9adc;
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background-image: linear-gradient(to bottom, transparent, #000000);
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active::after {
  border: solid 1px #000000;
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  background-image: linear-gradient(to bottom, #F3D94D, #BC8A1E);
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active::after {
  border: solid 1px #F3D94D;
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
  background-image: linear-gradient(to bottom, #E55456, #C5406D);
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active::after {
  border: solid 1px #E55456;
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
  background: #7B5661;
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active::after {
  border: solid 1px #7B5661;
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
  background-image: linear-gradient(to bottom, #A74C43, #774541);
}

.kato__products__content .swiper-pagination .swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active::after {
  border: solid 1px #A74C43;
}

.kato__products__content h3 {
  font-family: 'Avenir Next';
  font-weight: 900;
  font-display: optional;
  font-size: 30px;
  letter-spacing: 1px;
  text-align: center;
  color: #222222;
  width: 100%;
  margin-bottom: 100px;
}

.kato__products__content figure {
  width: 100%;
  position: relative;
}

.kato__products__content figure img {
  width: 100%;
  height: auto;
}

.kato__products__content span {
  font-family: 'Avenir Next';
  font-weight: normal;
  font-display: optional;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 1.29px;
  text-align: center;
  color: #3b3b3b;
}

.kato__products__content__box .kato__products__slider__pagination {
  order: 1;
}
.kato__products__content__box span.title {
  order: 2;
  margin-bottom: 15px;
  margin-top: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.kato__products__content span.price {
  order: 3;
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  font-size: 20px;
  color: #222222;
  letter-spacing: 1.43px;
  line-height: 1;
}

.kato__products__content .stockLevel {
  order: 4;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 14px;
}

.kato__products__content .button {
  margin: 30px 0 20px 0;
  padding: 15px 40px;
}

.kato__products__content__box .kato__products__cta {
  order: 5;
  background-color: #000000;
  color: #FFF;
}

.kato__products__content__box .kato__products__cta:hover {
  background-color: #FFF;
  color: #000000;
  border-color: #000;
}

.kato__products__content__box .kato__products__cta_discover_all {
  order: 6;
  margin-top: 0;
  margin-bottom: 70px;
}

.kato__products__content p {
  order: 7;
  font-family: 'Avenir Next';
  font-weight: 500;
  font-display: optional;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 1.14px;
  text-align: center;
  color: #222222;
}

.kato .offerPrice {
  color: #c83430;
  margin: 0 5px 0 0;
}

.kato .pstPrice {
  text-decoration: line-through;
}

.kato .pstBadge {
  font-size: 12px;
  font-weight: 500;
  color: #c83430;
  background-color: transparent;
  border: 1px solid #c83430;
  padding: 0 8px;
  top: -2px;
  border-radius: 12.5px;
  margin: 0 0 0 3px;
  position: relative;
}

.kato .kato__stripe__row .offerPrice {
  color: white;
}

.kato .kato__stripe__row .pstBadge {
  color: white;
  border: 1px solid white;
  margin: 0 5px;
}

@keyframes contentAppear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes textGradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes bulletMove {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(18px);
    opacity: 0;
  }
}

@media screen and (max-width: 992px) {
  html[lang=de] .kato h1,
  html[lang=es] .kato h1,
  html[lang=es_mx] .kato h1,
  html[lang=fr] .kato h1,
  html[lang=it] .kato h1,
  html[lang=nl] .kato h1,
  html[lang=no] .kato h1,
  html[lang=pt] .kato h1,
  html[lang=pt_br] .kato h1 {
    font-size: 16px;
    text-align: center;
  }
}

@media screen and (max-width: 992px) {
  html[lang=de] .kato h2,
  html[lang=es] .kato h2,
  html[lang=es_mx] .kato h2,
  html[lang=fr] .kato h2,
  html[lang=it] .kato h2,
  html[lang=nl] .kato h2,
  html[lang=no] .kato h2,
  html[lang=pt] .kato h2,
  html[lang=pt_br] .kato h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 992px) {
  html[lang=de] .kato h2.katoSmall,
  html[lang=es] .kato h2.katoSmall,
  html[lang=es_mx] .kato h2.katoSmall,
  html[lang=fr] .kato h2.katoSmall,
  html[lang=it] .kato h2.katoSmall,
  html[lang=nl] .kato h2.katoSmall,
  html[lang=no] .kato h2.katoSmall,
  html[lang=pt] .kato h2.katoSmall,
  html[lang=pt_br] .kato h2.katoSmall {
    font-size: 26px;
  }
}

@media screen and (max-width: 992px) {
  html[lang=de] .kato .h2PlaceHolder,
  html[lang=es] .kato .h2PlaceHolder,
  html[lang=es_mx] .kato .h2PlaceHolder,
  html[lang=fr] .kato .h2PlaceHolder,
  html[lang=it] .kato .h2PlaceHolder,
  html[lang=nl] .kato .h2PlaceHolder,
  html[lang=no] .kato .h2PlaceHolder,
  html[lang=pt] .kato .h2PlaceHolder,
  html[lang=pt_br] .kato .h2PlaceHolder {
    font-size: 38px;
  }
}

@media screen and (max-width: 992px) {
  html[lang=de] .kato .h2PlaceHolder.katoSmall,
  html[lang=es] .kato .h2PlaceHolder.katoSmall,
  html[lang=es_mx] .kato .h2PlaceHolder.katoSmall,
  html[lang=fr] .kato .h2PlaceHolder.katoSmall,
  html[lang=it] .kato .h2PlaceHolder.katoSmall,
  html[lang=nl] .kato .h2PlaceHolder.katoSmall,
  html[lang=no] .kato .h2PlaceHolder.katoSmall,
  html[lang=pt] .kato .h2PlaceHolder.katoSmall,
  html[lang=pt_br] .kato .h2PlaceHolder.katoSmall {
    font-size: 26px;
  }
}