.body {
  color: #000;
  font-family: Fira Sans, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.top-box {
  background-image: url('../images/nk_cut.png');
  background-position: 50% 0;
  background-size: cover;
  height: 100vh;
  position: relative;
}

.logo_block {
  opacity: .76;
  text-align: right;
}

.up-logo {
  text-align: right;
  padding-top: 10px;
  padding-right: 20px;
}

.up-link-box {
  width: 120px;
}

.life_logo {
  padding-right: 20px;
}

.life-link {
  width: 128px;
}

.main-title-box {
  padding-top: 0;
  padding-left: 60%;
  position: absolute;
  inset: auto 0% 23%;
}

.subtitle-text {
  color: #fff;
  text-align: center;
}

.heading {
  color: #fed50d;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 64px;
  line-height: 135%;
}

.megabig-span {
  color: #fed50d00;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fed50d;
  font-size: 120px;
}

.pream_sec {
  padding-bottom: 60px;
}

.cont {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

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

.sp-box {
  padding-top: 60px;
}

.sp-text {
  color: #555;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
}

.preamright {
  padding-top: 60px;
}

.pream-text {
  margin-bottom: 0;
}

.pream-text2 {
  padding-top: 20px;
}

.zmist_sec {
  padding-bottom: 60px;
}

.in-zmist {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.zmist-item {
  display: flex;
}

.zmist-numb-text, .zmist-label-text {
  color: #000;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 600;
}

.zmist-link-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #c9c9c9;
  grid-template-rows: auto;
  grid-template-columns: 1fr 11.5fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  transition: all .555s;
  display: grid;
}

.zmist-link-item:hover {
  background-color: #c9c9c9;
}

.image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pro-sec {
  background-color: #e21a16;
  padding-bottom: 60px;
}

.pro-sec.white {
  background-color: #fff;
}

.pro-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  padding-top: 60px;
  display: grid;
}

.heading-2 {
  color: #fed50d;
  text-transform: uppercase;
  margin-top: 0;
  padding-right: 0%;
  line-height: 135%;
}

.heading-2.red {
  color: #e31a16;
}

.pro-text {
  color: #fff;
}

.pro-text.negre {
  color: #000;
}

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

.tret-item {
  border: 1px solid #fff;
  padding: 10px;
}

.tret-item.noirline {
  border-color: #d1d1d1;
}

.image-2 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tret-text {
  color: #fff;
  padding-top: 10px;
}

.tret-text.black {
  color: #000;
}

.tret-text1 {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}

.text-tret2 {
  color: #fffefe;
  text-align: right;
  padding-top: 10px;
  font-size: 14px;
  font-style: italic;
}

.trent-text3 {
  color: #fed50d;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.yel-span {
  color: #ffd50b;
}

.yel-span.rdt {
  color: #e41a16;
}

.photo-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lifehuck {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.life-stl {
  background-color: #fed50d;
}

.lifehuck-text1 {
  color: #e31a16;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  font-size: 40px;
  font-weight: 600;
  line-height: 150%;
}

.expl-ligehuck {
  border-top: 1px solid #ffd50b;
  border-bottom: 1px solid #ffd50b;
  border-right: 1px solid #ffd50b;
}

.lifehuck_expl {
  color: #fff;
  padding: 20px;
}

.lifehuck_expl.teri {
  color: #000;
}

.bottom {
  padding-bottom: 0;
}

.bot-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.bot-text {
  padding-bottom: 60px;
}

.image-4 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  display: block;
}

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

.fin-sec {
  background-color: #fed50d;
}

.fin-box {
  padding-top: 60px;
  padding-bottom: 60px;
}

.link {
  color: #e31a16;
  -webkit-text-stroke-color: #a50e0b;
  font-weight: 700;
}

.spanred-bolt {
  color: #e21a16;
  font-weight: 600;
}

@media screen and (min-width: 1280px) {
  .main-title-box {
    padding-top: 263px;
  }

  .subtitle-text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 40px;
    line-height: 150%;
  }

  .megabig-span {
    font-size: 180px;
  }

  .bold-text-2 {
    font-size: 76px;
  }
}

@media screen and (min-width: 1440px) {
  .main-title-box {
    padding-top: 0;
  }

  .subtitle-text {
    padding-left: 80px;
    padding-right: 80px;
    font-size: 32px;
    line-height: 150%;
  }

  .bold-text {
    font-size: 220px;
  }

  .bold-text-2 {
    font-size: 96px;
  }
}

@media screen and (min-width: 1920px) {
  .up-link-box {
    width: 160px;
  }

  .life_logo {
    padding-top: 10px;
  }

  .life-link {
    width: 178px;
  }

  .main-title-box {
    padding-top: 542px;
  }

  .subtitle-text {
    padding-left: 60px;
    padding-right: 60px;
  }

  .bold-text {
    font-size: 320px;
  }

  .bold-text-2 {
    font-size: 120px;
  }
}

@media screen and (max-width: 991px) {
  .top-box {
    background-position: 50%;
    position: relative;
  }

  .main-title-box {
    padding-top: 0;
    padding-bottom: 5%;
    padding-left: 0%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .subtitle-text {
    font-size: 20px;
  }

  .megabig-span {
    line-height: 100%;
  }

  .pream_sec {
    background-color: #f5f5f5;
  }

  .cont {
    max-width: 700px;
  }

  .zmist_sec {
    padding-top: 40px;
  }

  .in-zmist {
    grid-template-columns: 1fr;
  }

  .zmist-item {
    padding-left: 10px;
  }

  .zmist-numb-text {
    padding-left: 0;
  }

  .zmist-label-text {
    text-align: right;
    padding-left: 0;
    padding-right: 10px;
  }

  .zmist-link-item.ttt {
    border-bottom-style: none;
  }

  .pro-title {
    grid-template-columns: 1fr;
  }

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

@media screen and (max-width: 767px) {
  .pream_sec {
    padding-bottom: 40px;
  }

  .cont {
    max-width: none;
    margin-left: 5%;
    margin-right: 5%;
  }

  .pream_box {
    grid-template-columns: 1fr;
  }

  .sp-box {
    padding-top: 40px;
  }

  .sp-text, .date-text {
    text-align: center;
  }

  .preamright {
    padding-top: 0;
  }

  .zmist_sec {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .zmist-numb-text {
    padding-left: 0;
  }

  .zmist-label-text {
    text-align: left;
    padding-left: 10px;
    padding-right: 0;
  }

  .pro-title {
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .treite {
    grid-template-columns: 1fr;
  }

  .photo-grid {
    grid-template-columns: 1fr 1fr;
  }

  .lifehuck {
    grid-template-columns: 1fr;
  }

  .expl-ligehuck {
    border-top-style: none;
    border-left: 1px solid #ffd50b;
  }

  .bot-box {
    grid-template-columns: 1fr;
  }

  .bot-text {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .up-link-box {
    width: 100px;
  }

  .life-link {
    width: 108px;
  }

  .subtitle-text {
    padding-left: 15%;
    padding-right: 15%;
    font-size: 18px;
    line-height: 150%;
  }

  .heading {
    margin-bottom: 0;
  }

  .bold-text-2 {
    line-height: 100%;
  }

  .sp-box {
    padding-top: 20px;
  }

  .sp-text {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .zmist-numb-text {
    padding-left: 0;
  }

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

  .photo-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .lifehuck-text1 {
    font-size: 24px;
  }
}

#w-node-_1c21f926-21aa-9272-8291-cfe47ad31ee8-4c53c58e {
  place-self: center;
}

#w-node-f5c284a0-9cf6-778b-9c7e-01175cfed95d-4c53c58e {
  align-self: center;
}

#w-node-_2f6fc4aa-19ba-61dc-4b2b-bb84e126f8ab-4c53c58e {
  place-self: auto;
}

#w-node-_23cb567c-ea79-679f-0b67-614a665cfab3-4c53c58e {
  align-self: center;
}

#w-node-eb1a1820-8740-7c46-f8e5-3cf2419478e0-4c53c58e {
  place-self: auto;
}

#w-node-a338a79f-ace3-463d-4f67-ff02004b2907-4c53c58e {
  align-self: center;
}

#w-node-a338a79f-ace3-463d-4f67-ff02004b294c-4c53c58e {
  place-self: auto;
}

#w-node-ad811376-1489-a743-4d42-3eb641f87758-4c53c58e {
  align-self: center;
}

#w-node-ad811376-1489-a743-4d42-3eb641f87796-4c53c58e {
  place-self: auto;
}

#w-node-_894ff246-a22f-2691-474b-91cb87044aa6-4c53c58e {
  align-self: center;
}

#w-node-_894ff246-a22f-2691-474b-91cb87044aeb-4c53c58e {
  place-self: auto;
}

#w-node-cd5b9fbb-dbc6-bdfb-d5f4-45cbb60c2ee5-4c53c58e {
  place-self: center start;
}

@media screen and (max-width: 991px) {
  #w-node-_1c21f926-21aa-9272-8291-cfe47ad31ee8-4c53c58e {
    place-self: start stretch;
  }
}