* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



.video-emag video {
    width: 100%;
    max-width: 100%;
}



@font-face {
  font-family: "Noto Serif";
  src: url("../fonts/Noto/NotoSerif.eot");
  src: url("../fonts/Noto/NotoSerif.eot?#iefix") format("embedded-opentype"), url("../fonts/Noto/NotoSerif.woff2") format("woff2"), url("../fonts/Noto/NotoSerif.woff") format("woff"), url("../fonts/Noto/NotoSerif.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif";
  src: url("../fonts/Noto/NotoSerif-Bold.eot");
  src: url("../fonts/Noto/NotoSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Noto/NotoSerif-Bold.woff2") format("woff2"), url("../fonts/Noto/NotoSerif-Bold.woff") format("woff"), url("../fonts/Noto/NotoSerif-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/monts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/monts/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/monts/Montserrat-Light.woff2") format("woff2"), url("../fonts/monts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/monts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/monts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/monts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/monts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriad";
  src: url("../fonts/Noto/MyriadPro-Semibold.woff2") format("woff2"), url("../fonts/Noto/MyriadPro-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/Noto/Barlow-MediumItalic.woff2") format("woff2"), url("../fonts/Noto/Barlow-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/Noto/Barlow-Medium.woff2") format("woff2"), url("../fonts/Noto/Barlow-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  box-sizing: border-box;
  font-size: 17px;
  line-height: 1.65;
  position: relative;
  font-weight: normal;
  overflow-x: hidden;
  font-family: "Noto Serif";
  background-image: url('https://channel.mediacdn.vn/428462621602512896/2025/10/22/bg-17610995867271814633773.jpg');
}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body label, body ul, body li, body .card, body a {
  text-decoration: none !important;
  outline: none !important;
}

main {
  margin-top: 44px;
}

div#mingid_comments_content {
  display: none !important;
}

.emag-center {
  text-align: center;
}

img {
  max-width: 100%;
}

.adm-emag {
  padding: 0 0 40px 0;
  position: relative;
  overflow-x: hidden;
}
.adm-emag img {
  max-width: 100% !important;
  width: auto;
  display: inline;
}

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

.cover-emag {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.cover-emag .bn-cover-emag img {
  width: 100%;
}
.cover-emag .emag-cover-light {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  mix-blend-mode: color-dodge;
  opacity: 0.5;
}
.cover-emag .emag-cover-light img {
  width: 100%;
}
.cover-emag .emag-light-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.cover-emag .cover-emag-abs {
  position: absolute;
}
.cover-emag .cover-emag-abs img {
  width: 100%;
}
.cover-emag .abs-1 {
    top: 10%;
    width: 39%;
    left: 28%;
    z-index: 9;
}
.cover-emag .abs-2 {
    top: 34%;
    width: 31%;
    left: 54%;
    z-index: 8;
}
.cover-emag .abs-3 {
    top: 53%;
    width: 15%;
    left: 16%;
}
.cover-emag .abs-4 {
    left: 23%;
    bottom: 35%;
    z-index: 5;
    width: 40%;
}

.cover-emag .abs-5 {
    left: 28%;
    bottom: 20%;
    z-index: 5;
    width: 44%;
}

.italic-p{
  font-style:italic !important;
}



.cloud.cloud-1 {
    right: 0;
    max-width: 110%;
    animation: cloud 7s infinite;
}
.cloud.cloud-2 {
    left: -5%;
    width: 110%;
    animation: cloud-2 15s infinite;
}

.cloud.cloud-3 {
    right: 0;
    max-width: 113%;
    animation: cloud 7s infinite;
    top: 38%;
}
.cloud.cloud-4 {
    left: -5%;
    width: 110%;
    animation: cloud-2 15s infinite;
    top: 38%;
}


.cloud {
    position: absolute;
    bottom: 0;
}

.i-light {
    position: absolute;
    z-index: 2;
    mix-blend-mode: color-dodge;
}

.light-1 {
    top: 4.5%;
    left: 41.5%;
    animation: mymove 3s infinite;
}

.light-2 {
    top: 7.5%;
    left: 57.5%;
    animation: mymove 4s infinite;
}

.light-3 {
    top: 12.5%;
    left: 32.5%;
    animation: mymove 5s infinite;
}

.light-4 {
    top: 16.5%;
    left: 42.5%;
    animation: mymove 4s infinite;
}

.light-5 {
    top: 13.5%;
    left: 55.5%;
    animation: mymove 7s infinite;
}

.light-6 {
    top: 17.5%;
    left: 64.5%;
    animation: mymove 6s infinite;
}

.light-7 {
    top: 38.5%;
    left: 56.7%;
    animation: mymove 4s infinite;
}
.light-8 {
  top: 35%;
  left: 58%;
    animation: mymove 4s infinite;
}
.light-9 {
  top: 44.5%;
  left: 34.7%;
  animation: mymove 5s infinite;
}
.light-10 {
  top: 50.5%;
  left: 61.7%;
  animation: mymove 6s infinite;
}



@keyframes cloud {
    0% {
        transform: translateX(0px);
    }
    10% {
        transform: translateX(30px);
    }
    30% {
        transform: translateX(60px);
    }
    60% {
        transform: translateX(30px);
    }
    100% {
        transform: translateX(0px);
    }
}
@keyframes cloud-2 {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(-5%);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes mymove {
    0%   {
        opacity: 0;
        transform: rotate(0deg) scale(0);
    }
    10%   {
        opacity: 1;
        transform: rotate(1deg) scale(1.0);
    }
    100%   {
        opacity: 0;
        transform: rotate(360deg) scale(0);
    }
}




@media (max-width: 1200px) {
  .cover-emag .content-cover {
    padding: 32px 10%;
  }
}
.cover-emag .content-cover .top {
  margin-bottom: 32px;
}
.cover-emag .title-cover {
  line-height: initial;
}

.sapo-desc {
  margin-bottom: 100px;
}

.title-emag {
  margin-bottom: 30px;
}

.text-emag {
  max-width: 660px;
  margin: 0 auto 30px auto;
}
.text-emag p {
  font-family: "Noto Serif";
  margin-bottom: 20px;
}
.text-emag p:last-child {
  margin-bottom: 0;
}

.detail-emag {
  margin: 0 auto 45px auto;
  position: relative;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .detail-emag {
    padding: 0 40px;
  }
}

.credit-emg {
  max-width: 660px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.credit-emg ul {
  list-style: none;
  line-height: 1;
  border-left: 5px solid #ff6a03;
  padding-left: 20px;
  font-weight: 600;
}
.credit-emg ul li {
  margin-bottom: 10px;
}
.credit-emg ul li:last-child {
  margin-bottom: 0;
}

.video-eamg {
  padding: 24px 0;
}
.video-eamg video {
  width: 100%;
  height: auto;
}

.gallery-emag {
  max-width: 980px;
  margin: 0 auto 30px auto;
}
.gallery-emag img {
  width: 100%;
}
.gallery-emag a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: zoom-in;
}
.gallery-emag ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
.gallery-emag.gall-6{
  max-width: 80% !important;
}
.gallery-emag.gall-6 ul li {
  padding: 30px 10px;
}
.gallery-emag ul li {
  padding: 2px;
}
.gallery-emag.gall-2 ul {
  flex-wrap: wrap;
}
.gallery-emag.gall-2 li {
  flex: 0 0 50%;
  max-width: 50%;
}
.gallery-emag.gall-3, .gallery-emag.gall-4 {
  max-width: 100%;
}
.gallery-emag.gall-5 {
    max-width: 90%;
}

.item-detail {
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-detail img {
  width: 100%;
}

.slide-emag .slick-dots {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 32px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 32px;
}
.slide-emag .slick-dots li {
  margin-right: 6px;
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 100%;
}
.slide-emag .slick-dots li.slick-active {
  background: #fff;
}
.slide-emag .slick-dots li:last-child {
  margin-right: 0;
}
.slide-emag button {
  display: none !important;
}
.slide-emag .slick-arrow {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-emag .slick-arrow.arr-left {
  right: 90px;
  transform: rotate(180deg);
}

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

.phaohoa {
  position: absolute;
  top: 32%;
  left: 0;
  mix-blend-mode: color-dodge;
  max-width: 28%;
}
.phaohoa img {
  width: 100%;
}

.phaohoa1 {
  position: absolute;
  top: 20%;
  right: -10%;
  mix-blend-mode: color-dodge;
  max-width: 25%;
}
.phaohoa1 img {
  width: 100%;
}

.phao-abs {
  opacity: 0;
}
.phao-abs.active {
  opacity: 1;
}

.detail-4 .detail-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.detail-4 .detail-flex .item-detail-flex {
  padding: 0 20px;
  margin-bottom: 100px;
  position: relative;
}
.detail-4 .detail-flex .item-detail-flex:last-child {
  margin-bottom: 0;
  margin-top: -20%;
}
.detail-4 .detail-flex .item-detail-flex:nth-child(2) {
  margin-top: 24%;
}
.detail-4 .detail-flex .item-detail-flex:nth-child(3) {
  margin-top: -15%;
}
.detail-4 .detail-flex .item-detail-flex:nth-child(2n+1) {
  flex: 0 0 65%;
  max-width: 65%;
}
.detail-4 .detail-flex .item-detail-flex:nth-child(2n) {
  flex: 0 0 35%;
  max-width: 35%;
}
.detail-4 .detail-flex .item-detail-flex img {
  width: 100%;
}

/*# sourceMappingURL=style.css.map */

.pd-t-b-50 {
    padding: 50px 0px;
}

.text-info {
    font-weight: 600;
    color: #e87824;
    font-size: 20px;
}

.slide-emag-scroll {
    background: #e87722;
    padding: 38px 0;
    margin-bottom: 65px;
}

.flex-slide {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.left-icon {
    flex: 0 0 200px;
    padding-right: 20px;
    max-width: 200px;
    text-align: right;
}
.slide-right {
    flex: 0 0 calc(100% - 200px);
    position: relative;
    max-width: calc(100% - 200px);
}
.content-slide-right {
  margin: 0 -8px;
}
.content-slide-right .item-slide {
  padding: 0 8px;
}
.content-slide-right img {
  width: 100%;
}


.color-change {
  filter: grayscale(100%) brightness(90%) contrast(110%);
  opacity: 0.8;
  transform: scale(0.97);
  transition: 
    filter 7.8s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 7.5s ease-out,
    transform 7.2s ease-out;
  will-change: filter, opacity, transform;
}

.color-change.visible {
  filter: grayscale(0%) brightness(100%) contrast(100%);
  opacity: 1;
  transform: scale(1);
}


.butterfly {
      position: absolute;
      width: 220px;
      height: 220px;
      user-select: none;
      pointer-events: none;
}