@font-face {
  font-family: 'DB Helvethaica X 75 Bd';
  src: url("../fonts/DBHelvethaicaX-75Bd.eot");
  src: url("../fonts/DBHelvethaicaX-75Bdd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/DBHelvethaicaX-75Bd.woff2") format("woff2"), url("../fonts/DBHelvethaicaX-75Bd.woff") format("woff"), url("../fonts/DBHelvethaicaX-75Bd.ttf") format("truetype");
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'DB Helvethaica X 65 Med';
  src: url("../fonts/DBHelvethaicaX-65Med.eot");
  src: url("../fonts/DBHelvethaicaX-65Medd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/DBHelvethaicaX-65Med.woff2") format("woff2"), url("../fonts/DBHelvethaicaX-65Med.woff") format("woff"), url("../fonts/DBHelvethaicaX-65Med.ttf") format("truetype");
  font-style: normal;
  font-display: swap; }
.font-bold, .text-stroke {
  font-family: 'DB Helvethaica X 75 Bd'; }

body,
p {
  font-family: 'DB Helvethaica X 65 Med';
  font-size: 1.5rem;
  line-height: 1.2; }
  @media screen and (min-width: 480px) {
    body,
    p {
      font-size: 1.8rem; } }
  @media screen and (min-width: 991px) {
    body,
    p {
      font-size: 1.8rem; } }
  @media screen and (min-width: 1441px) {
    body,
    p {
      font-size: 2rem; } }

.h1 {
  font-size: 4rem; }
  @media screen and (min-width: 480px) {
    .h1 {
      font-size: 4rem; } }
  @media screen and (min-width: 991px) {
    .h1 {
      font-size: 4rem; } }
  @media screen and (min-width: 1441px) {
    .h1 {
      font-size: 5rem; } }

h2,
.h2 {
  font-size: 2.45rem; }
  @media screen and (min-width: 480px) {
    h2,
    .h2 {
      font-size: 3.5rem; } }
  @media screen and (min-width: 991px) {
    h2,
    .h2 {
      font-size: 3.5rem; } }
  @media screen and (min-width: 1441px) {
    h2,
    .h2 {
      font-size: 4.375rem; } }

h3,
.h3 {
  font-size: 2.1rem; }
  @media screen and (min-width: 480px) {
    h3,
    .h3 {
      font-size: 3rem; } }
  @media screen and (min-width: 991px) {
    h3,
    .h3 {
      font-size: 3rem; } }
  @media screen and (min-width: 1441px) {
    h3,
    .h3 {
      font-size: 3.75rem; } }

h4,
.h4 {
  font-size: 1.75rem; }
  @media screen and (min-width: 480px) {
    h4,
    .h4 {
      font-size: 2.5rem; } }
  @media screen and (min-width: 991px) {
    h4,
    .h4 {
      font-size: 2.5rem; } }
  @media screen and (min-width: 1441px) {
    h4,
    .h4 {
      font-size: 3.125rem; } }

h5,
.h5 {
  font-size: 1.4rem; }
  @media screen and (min-width: 480px) {
    h5,
    .h5 {
      font-size: 2rem; } }
  @media screen and (min-width: 991px) {
    h5,
    .h5 {
      font-size: 2rem; } }
  @media screen and (min-width: 1441px) {
    h5,
    .h5 {
      font-size: 2.5rem; } }

h6,
.h6,
.news-title {
  font-size: 1.425rem; }
  @media screen and (min-width: 480px) {
    h6,
    .h6,
    .news-title {
      font-size: 1.5rem; } }
  @media screen and (min-width: 991px) {
    h6,
    .h6,
    .news-title {
      font-size: 1.5rem; } }
  @media screen and (min-width: 1441px) {
    h6,
    .h6,
    .news-title {
      font-size: 1.875rem; } }

main {
  overflow-x: hidden; }

.font-bold, .text-stroke {
  font-family: 'DB Helvethaica X 75 Bd'; }

.text-primary {
  color: #193290 !important; }

.text-secondary {
  color: #ec1d24 !important; }

.content {
  padding: 0 1.5rem; }

a:hover {
  text-decoration: none; }

header {
  background-image: url(../../img//bg_logo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #d93f2a;
  background-position:bottom center;
  border-bottom: 0 solid black; 
 }
 
header .header {
    position: relative;
    /*background-image: url(../images/container_header.jpg);*/
    background-repeat: no-repeat;
    background-size: 100% 100%; 
	height:70px;
}
header .logo {
    padding: 0 2.2rem;
    padding-top: 1rem; 
}
  header .link-back {
    position: absolute;
    top: 56%;
    left: 20px;
    transform: translate(0%, -50%); }

.cover-img-menu {
  position: relative;
  display: block; }
  .cover-img-menu::before {
    content: "";
    padding-top: 56%;
    display: block; }
  .cover-img-menu img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important; }

#section_menu {
  background-color: #242424; }

.slick-list {
  margin: 0 !important; }

.slick-menu {
  text-align: center;
  padding: 12px 0;
  color: white; }
  .slick-menu .slick-menu-items {
    margin: 8px;
    display: block;
    position: relative; }
    .slick-menu .slick-menu-items::before {
      content: "";
      padding-top: 100%;
      display: block; }
    .slick-menu .slick-menu-items img {
      border-radius: 16px;
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.2) !important; }
  .slick-menu .name-menu-item {
    margin-top: 1rem;
    font-size: smaller; }
    .slick-menu .name-menu-item a {
      display: block;
      line-height: 1;
      margin-top: 10px;
      color: white; }
      .slick-menu .name-menu-item a:hover {
        text-decoration: none;
        color: white; }
      .slick-menu .name-menu-item a:focus {
        outline: none; }
    .slick-menu .name-menu-item::before {
      width: 40%;
      height: 3px;
      position: relative;
      background-color: #cb252c;
      display: block;
      margin: 6px auto;
      content: ''; }
  .slick-menu:focus {
    outline: none; }

.slick-list-suggest .slick-menu .slick-menu-items {
  margin: .6rem; }

.slick-vdo {
  margin: 8px; }

.slick-vdo-items, .slick-vdo, .cover-vdo-main {
  display: block;
  position: relative; }
  .slick-vdo-items a img, .slick-vdo a img, .cover-vdo-main a img {
    border-radius: 16px; }
  .slick-vdo-items a:focus, .slick-vdo a:focus, .cover-vdo-main a:focus {
    outline: none; }

.slick-list-vdo {
  max-width: 1230px;
  margin: auto; 
 }
 
 .slick-list-vdo .slick-prev, .slick-list-vdo .slick-next {
    height: calc(100% - 2rem);
    top: 37%;
    width: 3rem;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 4px; 
}

  .slick-list-vdo .slick-prev {
    border-radius: 16px 0px 0px 16px;
	left: -60px;
  }
  .slick-list-vdo .slick-next {
    border-radius: 0px 16px 16px 0px;
	right: -60px;
  }

#section_activity {
    background-image: url(../images/BG_content.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#section_activity .container {
    background-image: url(../images/top-spender/bg-line-effect.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
}

#section_product,
#section_gallery,
#section_menu_detail {
  background-image: url(../images/BG_content.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
 
  }

#section_memu_suggest {
  border-top: 6px solid #cb252c;
  background-image: url(../images/BG_menu_suggest.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

#section_cover_product {
	margin-top:0 !important;
	background-color: #242424; 
}
#section_cover_product .container-fluid {
    background-image: url(../../img//bg_influencer.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
}

#section_cover_product .container-fluid .img-cover {
	position: relative; 
}

#section_cover_product .container-fluid .img-cover::before {
	content: "";
	background-image: url(../images/BG_prop00.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	left:15%;
}

#section_product {
  padding-top: 100px;
  margin-top: -100px; }
  #section_product .text-product {
    line-height: 1; }
  #section_product .content-text-product {
    position: relative; }
    #section_product .content-text-product::before {
      content: "";
      background-image: url(../images/BG_prop01.png);
      background-repeat: no-repeat;
      background-position: top right;
      width: 100%;
      height: 100%;
      right: 0;
      top: -35%;
      margin: auto;
      position: absolute; }
  #section_product .section-text-product {
    position: relative; }
    #section_product .section-text-product::after {
      content: "";
      background-image: url(../images/BG_prop02.png);
      background-repeat: no-repeat;
      background-position: left bottom;
      width: 100%;
      height: 100%;
      bottom: -20%;
      margin: auto;
      position: absolute; }
  #section_product .text-description {
    max-width: 80%;
    margin: auto; }

#section_vdo {
  background-image: url(../images/BG_content.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  border-radius: 20px 20px 0 0; }
  #section_vdo .container {
    position: relative; }
    #section_vdo .container::before {
      content: "";
      background-image: url(../images/BG_prop03.png);
      background-repeat: no-repeat;
      background-position: right top;
      width: 100%;
      height: 100%;
      right: 0;
      top: -12%;
      margin: auto;
      position: absolute; }

.text-stroke {
  text-shadow: -4px -2px 0 #f7ee42, -4px -1px 0 #f7ee42, -4px 0px 0 #f7ee42, -4px 1px 0 #f7ee42, -4px 2px 0 #f7ee42, -3px -3px 0 #f7ee42, -3px -2px 0 #f7ee42, -3px -1px 0 #f7ee42, -3px 0px 0 #f7ee42, -3px 1px 0 #f7ee42, -3px 2px 0 #f7ee42, -3px 3px 0 #f7ee42, -2px -4px 0 #f7ee42, -2px -3px 0 #f7ee42, -2px -2px 0 #f7ee42, -2px -1px 0 #f7ee42, -2px 0px 0 #f7ee42, -2px 1px 0 #f7ee42, -2px 2px 0 #f7ee42, -2px 3px 0 #f7ee42, -2px 4px 0 #f7ee42, -1px -4px 0 #f7ee42, -1px -3px 0 #f7ee42, -1px -2px 0 #f7ee42, -1px -1px 0 #f7ee42, -1px 0px 0 #f7ee42, -1px 1px 0 #f7ee42, -1px 2px 0 #f7ee42, -1px 3px 0 #f7ee42, -1px 4px 0 #f7ee42, 0px -4px 0 #f7ee42, 0px -3px 0 #f7ee42, 0px -2px 0 #f7ee42, 0px -1px 0 #f7ee42, 0px 0px 0 #f7ee42, 0px 1px 0 #f7ee42, 0px 2px 0 #f7ee42, 0px 3px 0 #f7ee42, 0px 4px 0 #f7ee42, 1px -4px 0 #f7ee42, 1px -3px 0 #f7ee42, 1px -2px 0 #f7ee42, 1px -1px 0 #f7ee42, 1px 0px 0 #f7ee42, 1px 1px 0 #f7ee42, 1px 2px 0 #f7ee42, 1px 3px 0 #f7ee42, 1px 4px 0 #f7ee42, 2px -4px 0 #f7ee42, 2px -3px 0 #f7ee42, 2px -2px 0 #f7ee42, 2px -1px 0 #f7ee42, 2px 0px 0 #f7ee42, 2px 1px 0 #f7ee42, 2px 2px 0 #f7ee42, 2px 3px 0 #f7ee42, 2px 4px 0 #f7ee42, 3px -3px 0 #f7ee42, 3px -2px 0 #f7ee42, 3px -1px 0 #f7ee42, 3px 0px 0 #f7ee42, 3px 1px 0 #f7ee42, 3px 2px 0 #f7ee42, 3px 3px 0 #f7ee42, 4px -2px 0 #f7ee42, 4px -1px 0 #f7ee42, 4px 0px 0 #f7ee42, 4px 1px 0 #f7ee42, 4px 2px 0 #f7ee42;
  color: #27358c; }

.gallery-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: .25rem;
  -moz-column-gap: .25rem;
  column-gap: 15px;
  orphans: 1;
  widows: 1; }
  .gallery-columns .img {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px; }
  .gallery-columns .cover-img-gallery-01,
  .gallery-columns .cover-img-gallery-02,
  .gallery-columns .cover-img-gallery-03 {
    position: relative;
    display: block; }
    .gallery-columns .cover-img-gallery-01::before,
    .gallery-columns .cover-img-gallery-02::before,
    .gallery-columns .cover-img-gallery-03::before {
      content: "";
      padding-top: 110%;
      display: block; }
    .gallery-columns .cover-img-gallery-01 img,
    .gallery-columns .cover-img-gallery-02 img,
    .gallery-columns .cover-img-gallery-03 img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      border-radius: 16px; }
  .gallery-columns .cover-img-gallery-02::before {
    padding-top: 65%; }
  .gallery-columns .cover-img-gallery-03::before {
    padding-top: 150%; }

#modal-menu .modal-dialog {
  margin: 1.5rem;
  min-height: calc(100% - 3rem); }
  #modal-menu .modal-dialog .modal-img-menu {
    position: relative;
    display: block; }
    #modal-menu .modal-dialog .modal-img-menu::before {
      content: "";
      padding-top: 110%;
      display: block; }
    #modal-menu .modal-dialog .modal-img-menu img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      border-radius: 16px 16px 0 0; }
  #modal-menu .modal-dialog .modal-content {
    border-radius: 16px; }
    #modal-menu .modal-dialog .modal-content .btn-close-modal {
      position: absolute;
      right: -28px;
      top: -18px;
      z-index: 99;
      border-radius: 50px;
      padding: 4px 13px; }
      #modal-menu .modal-dialog .modal-content .btn-close-modal .close {
        opacity: 1;
        font-size: 3.5rem;
        display: contents;
        line-height: 0.5; }
      #modal-menu .modal-dialog .modal-content .btn-close-modal span {
        color: white; }
#modal-menu .modal-body .line-height {
  line-height: 1; }

.profile-icon {
  font-size: 36.8px; }
  .profile-icon img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50px; }

ol.center {
  list-style-position: inside;
  padding-left: 0; }

.hr-secondary {
  border-top: 3px solid #ec1d24; }

.table-ingredients {
  text-align: left; }
  .table-ingredients th {
    padding: 0;
    vertical-align: top;
    font-weight: 500; }
  .table-ingredients tr td {
    padding: 0;
    vertical-align: top;
    font-weight: 500; }
    .table-ingredients tr td:nth-child(3) {
      text-align: center;
      min-width: 31px; }

.slick-prev,
.slick-next {
  z-index: 9999;
  width: 32px;
  height: 32px; }

.slick-prev:before {
  content: "";
  opacity: 1;
  display: block;
  background: url(../../img/icon_prev.png) no-repeat center;
  background-size: 100%;
  width: 34px;
  height: 49px;
  margin: 0; }

.slick-next:before {
  content: "";
  opacity: 1;
  display: block;
   background: url(../../img/icon_next.png) no-repeat center;
  background-size: 100%;
  width: 34px;
  height: 49px;
  margin: 0; }

footer {
  background-image: url(../images/BG_footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
  color: white;
  margin-top: -8px; }
  footer a {
    display: inline-block; }

.icon-back {
  display: block;
  background-image: url(../images/icon-back.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: auto;
  width: 30px;
  height: 34px; }

.icon-facebook {
  display: block;
  background-image: url(../images/i-facebook.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: auto;
  width: 32px;
  height: 32px; }

.icon-times {
  display: block;
  background-image: url(../images/i-times.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: auto;
  width: 38px;
  height: 38px; }

.embed-responsive {
  border-radius: 20px; }

@media (min-width: 991px) {
  .container {
    max-width: 1036px; }

  .gallery-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }

  footer {
    margin-top: -12px; }

  #section_vdo {
    position: relative; }
    #section_vdo .container::before {
      top: -10%; }

  #section_cover_product .container .img-cover::before {
    bottom: 0; } }
@media (max-width: 991px) {
  #section_product .content-text-product::before {
    top: 0%; }
  #section_product .section-text-product::after {
    bottom: 22%;
    left: -5%; } }
@media (min-width: 1440px) {
  .container {
    max-width: 1198px; }

  #section_product .text-product p {
    font-size: 2.4rem; }

  .slick-menu .name-menu-item {
    font-size: inherit; } }
@media (min-width: 576px) {
  #modal-menu .modal-dialog {
    margin: auto;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }

  .slick-list-menu .slick-list {
    width: calc(100% - 64px);
    margin: auto !important; }

  .content {
    padding: 0; } }
@media (min-width: 767px) {
  .slick-prev,
  .slick-next {
    top: 45%; } }
@media (max-width: 767px) {
  #section_product .content-text-product {
    position: relative; }
    #section_product .content-text-product::after {
      content: "";
      top: -32%; }

  .slick-list-menu .slick-prev,
  .slick-list-menu .slick-next {
    width: 28px;
    height: 28px; }
  .slick-list-menu .slick-prev:before,
  .slick-list-menu .slick-next:before {
    width: 28px;
    height: 28px; }

  #section_product {
    padding-top: 89px;
    margin-top: -89px; }

  #section_product .content-text-product::before {
    right: -17%;
    top: -10%; }
  #section_product .section-text-product::after {
    bottom: 22%;
    left: -5%; } }
@media (max-width: 576px) {
  .container {
    padding: 0; }

  header .link-back img {
    width: 50%; }

  .content {
    padding: 0 1rem; }

  .slick-menu .slick-menu-items {
    margin: 6px; }

  .gallery-columns {
    column-gap: 10px; }
    .gallery-columns .img {
      margin-bottom: 10px; }

  #section_product {
    padding-top: 17.5%;
    margin-top: -17.5%; }
    #section_product .text-description {
      max-width: 100%; }

  .icon-facebook {
    width: 26px; }

  .profile-icon {
    font-size: 32.8px; }
    .profile-icon img {
      width: 32px;
      height: 32px; } }
@media (max-width: 480px) {
  #modal-menu .modal-dialog .modal-content .btn-close-modal {
    right: -22px;
    top: -12px;
    padding: 2px 9px; }
    #modal-menu .modal-dialog .modal-content .btn-close-modal .icon-times {
      width: 36px;
      height: 36px; }

  #section_vdo .container::before {
    top: -16%;
    right: -26%; }

  #section_cover_product .container .img-cover::before {
    bottom: -6%;
    left: -26%; }

  #section_product .content-text-product::before {
    right: -17%;
    top: -10%; }
  #section_product .section-text-product::after {
    bottom: 22%;
    left: -5%; } }

.img-footer {
    width: 100px;
}
/*# sourceMappingURL=stylesheet.css.map */


.img-menu-sealect{
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:300px;
	height:300px;
	border-radius:15px;
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background-size:cover;
}
.img-menu-sealect-yellow{
	border:5px solid #fff400;
}
.img-menu-sealect-red{
	border:5px solid #ff0000;
}
.name-menu-item , 
.name-menu-item a{
	color:#000;
}

.slick-vdo-yellow img{
	border:5px solid #fff400;
}
.slick-vdo-red img{
	border:5px solid #ff0000;
}

.img-menu-sealect-div{
	width:100%;
}
.plf-5{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
}

.readmore{
	margin:0 auto;
	margin-top:50px;
	padding:5px 0;
	width:100px;
	color:#fff;
	text-align:center;
	font-size:34px;
	border-radius:30px;
	border:3px solid #fff400;
	background-color:#0e278b;
}

.text-list{
	display:block;
	text-align:center;
	margin:0 auto;
	margin-bottom:30px;
}
.text-list a{
	color:#0e278b;
	font-size:38px;
	vertical-align: middle;
	font-weight:bold;
}
.text-list span{
	font-size:66px;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
}


@media (max-width: 480px) {
	.name-menu-item{
		margin-bottom:30px;
	}
	.text-list{
		padding-left:10px;
		padding-right:10px;
	}
	.text-list a {
		font-size: 20px;
	}
	.text-list span{
		font-size: 20px;
	}
	.img-menu-sealect{
		height:150px;
	}
}