@charset "UTF-8";
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

#maincontent #pink-smiles {
  max-width: unset;
  margin: 0 auto;
}
#maincontent #pink-smiles > .container > .row > .col-12 {
  padding: 0;
}
#maincontent #pink-smiles > .container > .row > .col-12 > .experience-component > .editorialRichText-component-container > .row > .col-12 {
  padding: 0;
}

#pink-smiles-container {
  background-color: #ffc7e6;
  padding-bottom: 70px;
}
#pink-smiles-container #pink-smiles {
  font-family: "mukta-medium", sans-serif;
}
#pink-smiles-container #pink-smiles h1 {
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  color: #e13d81;
  margin: 0 0 18px 0;
  padding: 42px 16px 0 16px;
}
#pink-smiles-container #pink-smiles h2 {
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  color: #e13d81;
  margin: 0 0 18px 0;
  padding: 32px 16px 0 16px;
}
#pink-smiles-container #pink-smiles h3 {
  font-family: "mukta-bold", sans-serif;
  font-size: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: 43px;
}
#pink-smiles-container #pink-smiles h3 span {
  font-family: "mukta-medium", sans-serif;
  font-size: 20px;
  display: block;
}
#pink-smiles-container #pink-smiles img {
  width: 100%;
  height: auto;
  display: block;
}
#pink-smiles-container #pink-smiles p {
  margin: 0;
}
#pink-smiles-container #pink-smiles .pk-paragraph {
  text-align: center;
  font-size: 20px;
}
#pink-smiles-container #pink-smiles .pk-link-button {
  display: flex;
  text-decoration: none;
  color: #fff;
  background-color: #e13d81;
  padding: 3px 0;
  font-size: 22px;
  height: 64px;
  font-family: "mukta-medium", sans-serif;
  align-items: center;
  justify-content: center;
}
#pink-smiles-container #pink-smiles .pk-link-button_white {
  color: #e13d81;
  background-color: #fff;
}
#pink-smiles-container #pink-smiles .mobile-only {
  display: block;
}
#pink-smiles-container #pink-smiles .desktop-only {
  display: none;
}
#pink-smiles-container #pink-smiles .hero-banner {
  background-color: #FFC8E6;
}
#pink-smiles-container #pink-smiles .hero-banner video {
  padding: 10px 0;
  background-color: #fff;
}
#pink-smiles-container #pink-smiles .hero-banner__texts {
  padding: 48px 24px 64px;
}
#pink-smiles-container #pink-smiles .hero-banner__texts .pk-link-button {
  margin-bottom: 64px;
}
#pink-smiles-container #pink-smiles .main-section {
  background-color: #FFC8E6;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-accordion {
  scroll-snap-align: start;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail {
  position: relative;
  cursor: pointer;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-icon {
  width: 57px;
  height: 57px;
  position: absolute;
  bottom: 28px;
  right: 5%;
  z-index: 2;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail .show-icon {
  display: block;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-overlay {
  display: none;
  position: absolute;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail:hover::before,
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .active.pk-thumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail.pink-overlay:hover::before,
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .active.pk-thumbnail.pink-overlay::before {
  background: rgba(225, 63, 130, 0.7);
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail::before {
  background: unset;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-overlay {
  display: none;
}
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail:hover .pk-thumbnail-overlay,
#pink-smiles-container #pink-smiles .main-section .thumbnails-container .active.pk-thumbnail .pk-thumbnail-overlay {
  display: block;
  top: 15%;
  left: 9%;
  z-index: 2;
  width: 80%;
}
#pink-smiles-container #pink-smiles .main-section__content {
  padding: 24px 24px 72px;
  margin-top: 96px;
  margin-bottom: 54px;
  background-color: #e13d81;
  color: #fff;
}
#pink-smiles-container #pink-smiles .main-section__content p {
  margin: 86px 0;
  text-align: center;
}
#pink-smiles-container #pink-smiles .main-section__content .top-block .main-section__title {
  font-family: "mukta-bold", sans-serif;
  font-size: 67px;
  line-height: 64px;
  text-transform: uppercase;
  text-align: center;
  margin: 108px 0 32px;
}
#pink-smiles-container #pink-smiles .main-section__content .top-block .main-section__title span {
  font-family: "mukta-medium", sans-serif;
  font-size: 30px;
  line-height: 36px;
  display: block;
}
#pink-smiles-container #pink-smiles .sustainability-section {
  padding-bottom: 10px;
}
#pink-smiles-container #pink-smiles .sustainability-section .sustainability-content .pk-paragraph {
  padding: 24px 40px;
}
#pink-smiles-container #pink-smiles .final-section__images a {
  display: flex;
  flex-direction: column;
}
#pink-smiles-container #pink-smiles .final-section__texts {
  padding: 48px 24px 38px;
}
#pink-smiles-container #pink-smiles .final-section__texts .pk-paragraph {
  margin-bottom: 48px;
}
@media screen and (max-width: 582px) {
  #pink-smiles-container #pink-smiles .main-section__title,
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail:hover .pk-thumbnail-overlay,
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .active.pk-thumbnail .pk-thumbnail-overlay {
    font-size: 32px;
  }
}
@media screen and (min-width: 769px) {
  #pink-smiles-container #pink-smiles {
    max-width: 1920px;
    margin: 0 auto;
  }
  #pink-smiles-container #pink-smiles h2,
  #pink-smiles-container #pink-smiles h1 {
    font-size: 48px;
    line-height: 80px;
    padding-top: 32px;
    margin-top: unset;
  }
  #pink-smiles-container #pink-smiles .pk-link-button {
    margin: 0 auto 48px;
    width: 314px;
    height: 30px;
    font-size: 18px;
  }
  #pink-smiles-container #pink-smiles .pk-paragraph {
    font-size: 20px;
  }
  #pink-smiles-container #pink-smiles .hero-banner__images a,
  #pink-smiles-container #pink-smiles .final-section__images a {
    flex-direction: row;
  }
  #pink-smiles-container #pink-smiles .hero-banner__images img,
  #pink-smiles-container #pink-smiles .final-section__images img {
    width: 33.33%;
  }
  #pink-smiles-container #pink-smiles .hero-banner__texts,
  #pink-smiles-container #pink-smiles .final-section__texts {
    max-width: 1518px;
    margin: 0 auto 40px;
  }
  #pink-smiles-container #pink-smiles .mobile-only {
    display: none;
  }
  #pink-smiles-container #pink-smiles .desktop-only {
    display: block;
  }
  #pink-smiles-container #pink-smiles .main-section .mobile-only {
    display: none;
  }
  #pink-smiles-container #pink-smiles .main-section .desktop-only {
    display: block;
  }
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container {
    flex-direction: row;
    overflow-y: unset;
    scroll-snap-type: unset;
  }
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-accordion {
    scroll-snap-align: unset;
  }
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail .pk-thumbnail-icon {
    bottom: 5%;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content {
    padding: 97px 5% 97px 7%;
    margin-top: 68px;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .pk-paragraph {
    font-size: 26px;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .top-block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: space-between;
    max-height: 950px;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .top-block .main-section-title-container {
    width: 44%;
    margin-top: 0;
    order: 1;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .top-block .main-section-title-container .main-section__title {
    font-family: "mukta-bold", sans-serif;
    font-size: 84px;
    line-height: 100px;
    text-align: unset;
    margin-top: 64px;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .top-block .collage-image {
    order: 3;
    width: 44%;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .top-block .pk-paragraph {
    order: 2;
    width: 44%;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .bottom-block {
    display: flex;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .bottom-block > a {
    width: 56%;
    padding-right: 10%;
  }
  #pink-smiles-container #pink-smiles .main-section .main-section__content .bottom-block .article__texts {
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block {
    max-height: 950px;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block .main-section-title-container {
    order: 2;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block .collage-image {
    order: 1;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block .pk-paragraph {
    order: 3;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .bottom-block > a {
    order: 2;
    padding-right: 0;
    padding-left: 10%;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .bottom-block .article__texts {
    order: 1;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse.long-text .top-block {
    max-height: 1000px;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse.long-text .top-block .collage-image {
    margin-bottom: 300px;
  }
  #pink-smiles-container #pink-smiles .sustainability-section {
    padding-bottom: 58px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1290px) {
  #pink-smiles-container #pink-smiles .main-section .main-section__content .pk-paragraph {
    font-size: 18px;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block {
    max-height: 615px;
  }
}
@media screen and (min-width: 769px) {
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail:hover .pk-thumbnail-overlay,
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .active.pk-thumbnail .pk-thumbnail-overlay {
    top: 27%;
  }
}
@media screen and (min-width: 1240px) {
  #pink-smiles-container #pink-smiles .main-section .inverse.long-text .top-block {
    max-height: 1125px;
  }
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .pk-thumbnail:hover .pk-thumbnail-overlay,
  #pink-smiles-container #pink-smiles .main-section .thumbnails-container .active.pk-thumbnail .pk-thumbnail-overlay {
    top: 27%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1495px) {
  #pink-smiles-container #pink-smiles .main-section .main-section__content .top-block .main-section-title-container .main-section__title {
    font-size: 54px;
  }
  #pink-smiles-container #pink-smiles .inverse .top-block {
    max-height: 615px;
  }
}
@media screen and (min-width: 1496px) {
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block {
    max-height: 800px;
  }
}
@media screen and (min-width: 1290px) {
  #pink-smiles-container #pink-smiles .top-block .main-section-title-container .main-section__subtitle {
    font-size: 30px;
    line-height: unset;
  }
  #pink-smiles-container #pink-smiles .top-block .main-section-title-container .main-section__title {
    font-size: 112px;
    line-height: 100px;
  }
  #pink-smiles-container #pink-smiles .top-block .main-section-title-container .main-section__title span {
    font-size: 61px;
    line-height: 60px;
  }
  #pink-smiles-container #pink-smiles .top-block .main-section .inverse .top-block {
    max-height: 800px;
  }
  #pink-smiles-container #pink-smiles .main-section .inverse .top-block .collage-image {
    margin-bottom: 93px;
  }
}
#pink-smiles-container #pink-smiles .pk-accordion-content,
#pink-smiles-container #pink-smiles .main-section .desktop-articles-container .main-section__content.pk-accordion-content {
  display: none;
}
#pink-smiles-container #pink-smiles .show-content,
#pink-smiles-container #pink-smiles .main-section .desktop-articles-container .main-section__content.pk-accordion-content.show-content {
  display: block;
}
#pink-smiles-container #pink-smiles .pk-accordion-trigger {
  position: relative;
}
#pink-smiles-container #pink-smiles .active.pk-accordion-trigger::after {
  content: "·········";
  font-size: 84px;
  position: absolute;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: -109px;
  line-height: 0;
  top: 67%;
  right: 50%;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  #pink-smiles-container #pink-smiles .active.pk-accordion-trigger::after {
    top: 37%;
  }
}
#pink-smiles-container #pink-smiles .less-info-icon {
  display: none;
}
#pink-smiles-container #pink-smiles .active.pk-accordion-trigger .less-info-icon {
  display: block;
}
#pink-smiles-container #pink-smiles .pk-accordion-trigger .more-info-icon {
  display: block;
}
#pink-smiles-container #pink-smiles .pk-accordion-trigger:hover .more-info-icon {
  display: none;
}
#pink-smiles-container #pink-smiles .pk-accordion-trigger:hover .more-info-icon-hover {
  display: block;
}
#pink-smiles-container #pink-smiles .active.pk-accordion-trigger .more-info-icon, #pink-smiles-container #pink-smiles .active.pk-accordion-trigger .more-info-icon-hover {
  display: none;
}
#pink-smiles-container #pink-smiles .pink-overlay.pk-accordion-trigger::after {
  color: #fff;
}/*# sourceMappingURL=pink-smiles.css.map */