h1,
h2,
h3,
h4,
h5,
p {

  font-weight: 100;

}



body {

  font-family: 'Gotham-Book', 'Kanit-Regular';

}



h3,
.number-h3 {

  font-size: 0.875rem;

  font-family: 'Gotham-Medium', 'Kanit-Medium';

}



.kanit-r {

  font-family: 'Kanit-Regular';

}



h3::after {

  content: '';

  max-width: 40px;

  display: block;

  border-bottom: 3px solid #D09046;

  height: 0.75rem;

}



h5 {

  font-size: 3rem;

}



.long-line:after {

  content: '';

  max-width: 100px !important;

}



a:hover .box-food-detail.bg-primary {

  background-color: #D09046 !important;

}



a:hover .box-food-detail.bg-primary h3,
a:hover .box-food-detail.bg-primary p,
a:hover .box-food-detail.bg-primary div,
a:hover .box-food-detail.bg-primary .date-text {

  color: #271307;

}



a:hover .box-food-detail.bg-primary h3::after {

  content: '';

  border-bottom: 3px solid #271307 !important;

}



a:hover .box-food-detail.bg-secondary-color {

  background-color: #271307 !important;

}



a:hover .box-food-detail.bg-secondary-color h3,
a:hover .box-food-detail.bg-secondary-color p,
a:hover .box-food-detail.bg-secondary-color div {

  color: #fff;

}



a:hover .box-food-detail.bg-secondary-color .text-black {

  color: #D09046 !important;

}



a:hover .box-food-detail.bg-secondary-color h3::after {

  content: '';

  border-bottom: 3px solid #D09046 !important;

}



ul.dot-color {

  list-style: none;
  /* Remove HTML bullets */

  padding: 0;

  margin: 0;

}



ul.dot-color li:before {

  content: "•";

  padding-right: 16px;

  color: #D09046;
  /* Or a color you prefer */

}



ul.dot-colorli {

  padding-left: 16px;

}

.athelas-b {

  font-family: 'Athelas-Bold', 'Kanit-Medium';

}

hr {

  border-top: 1px solid #D09046;

}



.number-h3 {

  content: '';

  width: auto;

  display: block;

  border-bottom: 3px solid #D09046;

  height: 0.75rem;

}



h1 {

  font-size: 3.875rem;

  font-family: 'Athelas-Regular', 'Kanit-Regular';

}



b {

  font-family: 'Gotham-Medium', 'Kanit-Medium';

}



a {

  color: #000;

}



a:hover {

  color: #000;

  text-decoration: none;

}



footer {

  background-color: #271307;

  color: #fff;

}



.box:hover .link-primary::after {

  width: 100%;

}



.box:hover .link-primary {

  color: #D09046;

  text-decoration: none;

}



.btn-pro-detail {
  border: 2px solid #D09046;
  width: 100%;
  height: 40px;
  color: #D09046;
  background-color: #fff;
  font-size: 14px;
  outline: none;
}

.btn-pro-detail:hover {
  border: 2px solid #000000;
  color: #000000;
  background-color: #D09046;
}

.btn-cookie {
  border: 2px solid #D09046;
  width: 140px;
  height: 40px;
  color: #fff;
  background-color: #D09046;
  font-size: 14px;
  outline: none;
}

.btn-cookie:hover {
  border: 2px solid #D09046;
  color: #D09046;
  background-color: #000000;
}
.btn-cookie-detail {
  border: 2px solid #D09046;
  width: 140px;
  height: 40px;
  color: #D09046;
  background-color: #fff;
  font-size: 14px;
  outline: none;
}

.btn-cookie-detail:hover {
  border: 2px solid #000000;
  color: #000000;
  background-color: #D09046;
}

.text-primary {

  color: #D09046 !important;

}



.img-inspired {

  min-height: 1300px;

}



.btn-group>.btn:first-child {

  border-top-left-radius: 4px !important;

  border-bottom-left-radius: 4px !important;

}



.btn-group>.btn:last-child {

  border-top-right-radius: 4px !important;

  border-bottom-right-radius: 4px !important;

}



#inspired .slick-slide img {

  border: none;

}



a:hover.text-primary {

  color: #D09046 !important;

}



.link-primary {

  color: #000;

  display: inline-block;

}

.h-140 {

  height: 140px;

}



.overflow-hidden {

  overflow: hidden;

}



.link-primary::after {

  content: '';

  display: block;

  width: 0;

  height: 3px;

  background: #D09046;

  transition: width .3s;

}



.link-secondary,
.link-secondary-w-0 {

  display: inline-block;

}



.item button {

  background-color: transparent;

  border: navajowhite;

  cursor: pointer;

}



.item:hover .bg-primary {

  background-color: #D09046 !important;

  opacity: 1;

}



.item:hover .text-white,
.item:hover .text-primary {

  color: #212529 !important;

}



.item:hover .btn-outline-secondary {

  border-color: #271307;

  color: #271307;

}



.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid {

  padding-left: 1rem !important;

  padding-right: 1rem !important;

}



.item:hover h3::after,
.item:hover button::after {

  content: '';

  border-bottom: 3px solid #212529 !important;

}



.bg-secondary-color {

  background-color: #D09046;

}



.link-secondary::after {

  content: '';

  display: block;

  width: 20%;

  min-width: 40px;

  height: 3px;

  background: #D09046;

  transition: width .3s;

}



.link-secondary-w-0::after {

  content: '';

  display: block;

  width: 0;

  height: 3px;

  background: #D09046;

  transition: width .3s;

}



.link-secondary:hover,
.link-secondary-w-0:hover {

  color: #D09046 !important;

}



.link-secondary:hover::after,
.link-secondary-w-0:hover::after {

  width: 100%;

}





.w-auto {

  width: auto !important;

}



.athelas-r {

  font-family: 'Athelas-Regular', 'Kanit-Regular';

}



.athelas-b {

  font-family: 'Athelas-Bold', 'Kanit-Medium';

}



.text-total-q {

  margin-top: 20px;

}

.bottle-detail {

  height: 500px;

}

.text-16 {

  font-size: 1rem;

  line-height: 1.2;

}



.text-14 {

  font-size: 0.875rem;

  line-height: 1;

}



.text-20 {

  font-size: 1.25rem;

  line-height: 1.2;

}



.text-24 {

  font-size: 1.5rem;

  line-height: 1.2;

}



.text-32 {

  font-size: 2rem;

}



.text-42 {

  font-size: 2.625rem;

}



.slick-arrow {

  display: none !important;

}



.text-124 {

  font-size: 7.5rem;

  line-height: 1;

}



.text-100 {

  font-size: 6.25rem;

  line-height: 1;

}



.text-reponsive {

  line-height: 1;

}



.bg-primary {

  background-color: #271307 !important;

}



.btn-outline-secondary {

  color: #D09046;

  background-color: transparent;

  background-image: none;

  border-color: #D09046;

}



.btn-outline-secondary:hover {

  background-color: #D09046;

  border-color: #D09046;

}



.btn-outline-secondary:hover button {

  color: #fff !important;

}



.navbar {

  padding: 1rem 0;

}



.navbar-dark .navbar-nav .nav-link span {

  border-left: 1px solid #D09046;

  letter-spacing: 1.2px;

  font-size: 14px;

}



.navbar-dark .navbar-nav .nav-item:first-child .nav-link span {

  border-left: none;

}



.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {

  color: #D09046;

}



.navbar .form-inline .btn {

  font-size: .75rem;

  padding: .125rem 1rem;

}



.opacity-80 {

  opacity: 0.8;

}



.flex-centered {

  position: absolute;

  top: 50%;

  left: 40%;

  transform: translate(-50%, -50%);

}



.carousel-indicators li {

  width: 8px;

  height: 8px;

  border-radius: 8px;

  background-color: #fff;

}



.carousel-indicators .active {

  background-color: #D09046;

}



.box img {

  margin-right: 0;

  margin-left: 0;

  width: 75px;

}



.box .line::after {

  content: '';

  max-width: 40px;

  display: block;

  border-bottom: 3px solid #D09046;



}



.navbar-dark .navbar-toggler-icon {

  margin-right: -3px;

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(208,144,70, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}



.navbar-dark .navbar-toggler {

  border: none;

  padding: 0;

}

.fix-box-header {

  height: 46px;

  display: block;

}



.fix-box-main {

  height: 92px;

  overflow: hidden;

}

.box {

  padding: 15px auto;

  cursor: pointer;

}



.bottle {

  z-index: 0;

}

.top-0 {

  top: 0;

}



.shadow {

  z-index: -2;

  transform: translateY(-20px) scale(1.2);
  ;

}



.shadow,
.bottle {

  transition: all .5s;

  position: relative;

}



.box:hover .bottle {

  transform: translateY(-15px);

}



.box:hover .shadow {

  transform: translateY(-20px) scale(1);

  opacity: .5;

}



.center-horizontal-block {

  left: 50%;

  transform: translateX(-50%);

}



.center-all-block {

  left: 50%;

  top: 46%;

  transform: translate(-50%, -50%);

}



.form-control:focus {

  color: #495057;

  background-color: #fff;

  border-color: #D09046;

  outline: 0;

  box-shadow: 0 0 0 0.2rem rgba(208, 144, 70, .3);

}



.bg-box {

  border-radius: 8px;

  border: 2px solid #D09046;

}

.logo-banner {

  height: 58px;

}



.box-fix {

  height: 194px;

}



.fixed-top .navbar-collapse {

  max-height: 80vh;

  overflow-y: auto;

}





.navbar-dark .navbar-nav .nav-sub-item .nav-link {

  padding: 1.5rem 2rem 0 !important;

}



.navbar-dark .navbar-nav .nav-sub-item .nav-link:last-child {

  padding-bottom: 1.5rem !important;



}



#inspired-way .img-inspired {

  height: 1100px;

  min-height: 0;

}



#inspired-way .center-all-block {

  top: 140px;

  transform: translateX(-50%);

}



.border-primary {

  border-radius: 16px;

  border: #D09046 2px solid !important;

}



button.link-secondary-w-0 {

  padding-right: 0;

  padding-left: 0;

}



.opacity-80.mobile-border {

  opacity: 1;

}



.form-inline .dropdown button {

  min-width: 70px;

  text-align: left;

}



.form-inline .dropdown.show button {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



.form-inline .dropdown.show .wid-btn-drop {

  min-width: 0;

  background-color: #271307;

  border-color: #D09046;

}



.form-inline .dropdown.show .wid-btn-drop li {

  margin: 4px 0;

  padding: 0;

}



.form-inline .dropdown.show .wid-btn-drop li.active,
.form-inline .dropdown.show .wid-btn-drop li:hover {

  background-color: #D09046;

}



.form-inline .dropdown.show .wid-btn-drop a {

  padding: .125rem 1rem;

  font-size: .75rem;

  color: #ffffff;

  text-align: center;

}





.btn-outline-secondary button {

  border: none;

  outline: none;

  background: transparent;

}



@media (max-width: 1590px) {

  .text-124 {

    font-size: 6rem;

    line-height: 1;

  }

}



@media (min-width: 1440px) {

  .container {

    max-width: 1344px !important;

  }

}



@media (max-width: 1440px) {

  .text-reponsive.text-124 {

    font-size: 3.875rem;

  }





  .carousel-caption .text-24 {

    font-size: 1rem
  }

}



@media (max-width: 1200px) {



  h1 {

    font-size: 3.5rem;

  }



  .logo-banner {

    height: 40px;

  }



  #inspired-way .center-all-block {

    top: 108px;

    transform: translateX(-50%);

  }



  .navbar {

    padding: 7px 0;

  }



  .social-ig img {

    width: 48px;

    height: 48px;

  }



  .text-42 {

    font-size: 2.25rem;

  }



  .navbar-dark .navbar-toggler.mt-3 {

    margin-top: 0 !important;

  }



  .text-reponsive.text-24 {

    font-size: 1.2rem;

    line-height: 1.2;

  }

  .img-inspired {

    min-height: 1500px;

  }

  .box-fix {

    height: 186px;

  }

  .center-all-block {

    top: 46%;

  }



  .navbar-nav {

    margin-top: 0rem !important;

  }



  .navbar-dark .navbar-nav .nav-item {

    border-bottom: 1px solid #D09046;

  }



  .navbar-dark .navbar-nav .nav-link {

    padding: 1.5rem 0 !important;

    color: #fff !important;

  }



  .navbar-dark .navbar-nav .nav-link span {

    padding-left: 0 !important;

    padding-right: 0 !important;

    border-left: none;

  }



  .navbar-dark .navbar-nav .btn-group {

    display: block;

  }

  .navbar-dark .navbar-nav .btn-group .btn {

    border-radius: .25rem;

  }



  .mar-top-header {

    margin-top: 64px !important;

  }

}



@media (max-width: 1420px) {

  #inspired-way .img-inspired {

    min-height: 1600px;

  }

}



@media (max-width: 1200px) {

  #inspired-way .img-inspired {

    min-height: 1300px;

  }

}



@media (max-width: 991px) {

  .box img {

    margin: 0 auto;

    display: block;

  }



  /*.mobile-footer-img {

		float: right;

	    margin-bottom: 10px;

	    margin-right: -5px;

	}*/



  .text-reponsive.text-124 {

    font-size: 5.25rem;

  }



  .text-reponsive.text-24 {

    font-size: 1.2rem;

    line-height: 1.5;

  }



  #carouselCaptions.carousel {

    overflow-y: hidden;

    /*max-height: 100vh;*/

  }



  #carouselCaptions .flex-centered {

    top: 40%;

    width: calc(100% - 4rem);

    left: 50%;

  }



  .navbar {

    padding: 0.937rem 0;

  }

  .logo-banner {

    height: 40px;

  }

  .mobile-border {

    transition: all 2s;

  }

  .mobile-border::before {

    content: '';

    /* width: calc(100% + 72px); */

    display: block;

    border-bottom: 2px solid #D09046;

    position: absolute;

    left: 0;

    right: 0;

    top: 80px;

    margin: 0 -36px 0;

  }



  .bg-primary.position-absolute.w-100.h-100.opacity-80 {

    opacity: 1;

  }

  .navbar-toggler.mt-3 {

    margin-top: 0.5rem !important;

  }

}



@media (max-width: 767px) {

  h1 {

    font-size: 2.875rem;

  }



  .carousel-caption .text-24 {

    font-size: 1rem;

  }



  .navbar-expand-xl>.container,
  .navbar-expand-xl>.container-fluid {

    padding-left: 2rem !important;

    padding-right: 2rem !important;

  }



  #carouselCaptions .flex-centered {

    top: 85px;

    width: 80%;

    left: 36px;

  }

  .flex-centered {

    position: absolute;

    top: auto;

    left: auto;

    transform: none;



  }

  .athelas-r.text-reponsive.text-124 {

    font-size: 3.375rem;

  }

  .text-reponsive.text-24 {

    font-size: 0.875rem;

  }



  #product .center-horizontal-block img {

    height: auto;



  }



  .box img {

    width: 100px;

    translate: all 2s;

  }



  #owl-carousel.owl-carousel .owl-stage-outer {

    margin: 0 -2rem;

    padding: 0 2rem;

  }



  .container {

    padding-right: 2rem;

    padding-left: 2rem;

    max-width: 100%;

  }



  .moblie-social {

    margin-top: 36px;

  }



  .moblie-social img {

    width: 40px;

  }



  .moblie-social .text-42 {

    font-size: 2rem;

  }



  .moblie-social .bg-white {

    height: 186px !important;

  }



  .slick-list.draggable {

    margin: 0px -2rem;

    padding: 0px calc(2rem - 10px) !important;

  }



  .img-inspired {

    min-height: 1750px;

  }



  footer p {

    font-size: 12px;

  }

}



@media(min-width: 1200px) {

  .bd-banner .carousel-item .d-lg-block {

    display: block !important;

  }

  .bd-banner .carousel-item .d-xl-block {

    display: none !important;

  }

}



@media(min-width: 1440px) {



  .bd-banner .carousel-item .d-xl-none {

    display: none !important;

  }

  .bd-banner .carousel-item .d-xl-block {

    display: block !important;

  }

}





@media (min-width:0px) {

  .mt-sm-2 {

    margin-top: .5rem !important;

  }

}



@media (min-width: 768px) {

  .mt-md-0 {

    margin-top: 0 !important;

  }

}

.cookie-policy {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  color: #000;
  border-top: 2px solid #D09046;
}
.modal-dialog.modal-lg {
	width: 600px;
	max-width: 100%;
}
.modal-dialog.modal-lg .modal-content {
	color: #000;
}
.modal-dialog.modal-lg .modal-body {
	font-weight: 100;
}
.modal-dialog.modal-lg h6.modal-title {
	font-size: 2rem;
}
.panel-group.cookie .panel.panel-default .panel-heading{
	background-color: #f2f2f2;
	padding: .5rem;
	margin-top: 1rem;
	border-radius: 5px;
}
.panel-group.cookie .panel.panel-default .panel-body{
	background-color: #fff;
	padding: .5rem;
	margin-bottom: 1rem;
}
.panel-group.cookie .panel.panel-default .panel-title {
	font-size: 1.25rem;
	margin-bottom : 0;
}
.cookie-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cookie-alway {
	font-size: 1rem;
	color: #D09046;
	line-height: 1;
}

.cookie-form .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
	margin-bottom: 0;
}

.cookie-form .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.cookie-form .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.cookie-form .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.cookie-form input:checked + .slider {
  background-color: #D09046;
}

.cookie-form input:focus + .slider {
  box-shadow: 0 0 1px #D09046;
}

.cookie-form input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.cookie-form .slider.round {
  border-radius: 34px;
}

.cookie-form .slider.round:before {
  border-radius: 50%;
}