@font-face {
  font-family: gotham_thin;
  src: url(../font/copyfonts.com_gotham_thin.ttf);
}
@font-face {
  font-family: gotham_bold;
  src: url(../font/copyfonts.com_gotham_bold.ttf);
}
@font-face {
  font-family: gotham_ultra;
  src: url(../font/copyfonts.com_gotham_ultra.ttf);
}
@font-face {
  font-family: gotham_light;
  src: url(../font/copyfonts.com_gotham_light.ttf);
}
@font-face {
  font-family: gotham_book;
  src: url(../font/Gotham-Book.otf);
}
@font-face {
  font-family: gotham_medium;
  src: url(../font/GothamMediumRegular.ttf);
}
@font-face {
  font-family: sathonmedium;
  src: url(../font/DB\ Sathorn\ Medium\ X.ttf);
}
@font-face {
  font-family: sathon;
  src: url(../font/DB\ Sathorn\ X.ttf);
}
@font-face {
  font-family: kanit-regular;
  src: url(../font/Kanit-Regular.ttf);
}
@font-face {
  font-family: kanit-thin;
  src: url(../font/Kanit-Thin.ttf);
}
@font-face {
  font-family: kanit-light;
  src: url(../font/Kanit-Light.ttf);
}
@font-face {
  font-family: lato-black;
  src: url(../font/Lato-Black.ttf);
}
@font-face {
  font-family: lato-regular;
  src: url(../font/Lato-Regular.ttf);
}
@font-face {
  font-family: lato-bold;
  src: url(../font/Lato-Bold.ttf);
}
@font-face {
  font-family: helvethaica-thin;
  src: url(../font/DBHelvethaicaX-Thin.ttf);
}
@font-face {
  font-family: helvethaica;
  src: url(../font/DBHelvethaica-X.ttf);
}
@font-face {
  font-family: helvethaica-medium;
  src: url(../font/DBHelvethaicaX-Med.ttf);
}
@font-face {
  font-family: helvethaica-bd;
  src: url(../font/DBHelvethaicaX-Bd.ttf);
}
@font-face {
  font-family: helvethaica-li;
  src: url(../font/DBHelvethaicaX-Li.ttf);
}
@font-face {
  font-family: helvethaica-blk;
  src: url(../font/DBHelvethaicaX-Blk.ttf);
}
@font-face {
  font-family: sukhumvit-thin;
  src: url(../font/SukhumvitSet-Thin.ttf);
}
@font-face {
  font-family: sukhumvit-light;
  src: url(../font/SukhumvitSet-Light.ttf);
}
@font-face {
  font-family: sukhumvit-medium;
  src: url(../font/SukhumvitSet-Medium.ttf);
}
@font-face {
  font-family: sukhumvit;
  src: url(../font/SukhumvitSet-Text.ttf);
}
@font-face {
  font-family: sukhumvit-bold;
  src: url(../font/SukhumvitSet-Bold.ttf);
}


:root{
  --primary: #000000;
  --secondary: #a4a3a3;
  --text-color: #000000;
}



.page-item:last-child .page-link{
  display: none!important;
}
.page-item.active .page-link {
  z-index: 1;
  color: var(--primary);
  background-color: #fff;
  border-color: var(--primary);
  border-radius: unset;
}
.page-link {
  margin-right: 5px;
  padding: 10px 15px;
  color: #f0f0f0;
  background-color: #fff;
  border-color: #f0f0f0;
}
.page-link a{
  color: #adadad;
}


body,html{
  font-family:'gotham_light' !important;
  height: 100%;
  margin: 0;
}

.setbody {
  padding-right: 80px !important;
  padding-left: 80px !important;
  padding-bottom: 50px;
}
.title-page {
  letter-spacing: 3px;
  font-size: 27px;
  font-family: "gotham_bold";
  color: var(--primary);
  text-transform: uppercase;
}

/* header */

.close-menu {
  position: absolute;
  top: 3%;
  right: 13%;
}
#header-menu .dropdown-item.active, #header-menu .dropdown-item:active ,#mySidenavMoblie .dropdown-item.active ,#mySidenavMoblie .dropdown-item:active{
  color: #fff;
  background-color: var(--primary);
}

 #nav-second-desktop .container-fluid{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 70px !important;
  padding-left: 70px !important;
  position: relative;
  z-index: 99;
  background-color: #fff;
  opacity: 0.9;
}

#nav-first-desktop .container-fluid{
  background-color: var(--primary);
  color: #fff;
  font-family: 'gotham_medium';
  font-size: 14px;
  padding-top:  3px;
  padding-bottom: 3px;
  padding-right: 70px !important;
  padding-left: 70px !important;
}

#line-nav {
  color: #4467a1;
  padding-left: 6px;
  padding-right: 6px;
}
.language {
  float: right;
}
.language button {
  background-color: unset;
  color: var(--text-color);
  font-size: 14px;
  font-family: "gotham_medium";
}
.language .dropdown-item {
  color: var(--text-color);
  font-size: 13px;
  font-family: "gotham_medium";
}
.language .dropdown-item,
.language button{
     -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
     transition: all 0.25s ease;
}
.language .dropdown-item:hover,
.language button:hover{
      text-shadow: 1px 3px 5px #aaaa;
}
.language .btn:focus{
  box-shadow: unset;
}

.logo img {
  max-width: 179px;
  display: block;
}

#nav-second-desktop {
  /* border-bottom: 1px solid #e9e9e9; */
}

#nav-second-desktop .menu >li {
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 50px;
  text-transform:uppercase;
}
#nav-second-desktop .menu >li:hover {
  display: inline-block;
  position: relative;
  float: left;
  /* margin-right: 50px; */
  text-transform:uppercase;
}
#nav-second-desktop .menu a {
  color: var(--text-color);
  transition: all 0.25s ease;
}
#nav-second-desktop .menu a:hover ,  #nav-second-desktop .menu a.active{
  text-shadow: 1px 3px 5px #aaaa;
  text-decoration: none;
}
#nav-second-desktop .menu {
  font-size: 14px;
  /* float: right; */
  /* padding-left: 23px; */
  margin-bottom: 0;
  padding-top: 16px;
  font-family: "gotham_medium";
  font-weight: bold;

  text-transform:uppercase;
}
.menu li:last-child {
  margin-right: 0px !important;
}
.menu .dropdown-menu .dropdown-item {
  font-size: 13px;
}
.btn-contact {
  padding: 9px 27px 9px 27px;
  font-size: 14px;
  font-family: "gotham_medium";
  border-radius: 0.1rem;
  color: #fff;
  border: unset;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background: -webkit-linear-gradient(to right, var(--primary) 40%, var(--secondary));
  background:    -moz-linear-gradient(to right, var(--primary) 40%, var(--secondary));
  background:     -ms-linear-gradient(to right, var(--primary) 40%, var(--secondary));
  background:      -o-linear-gradient(to right, var(--primary) 40%, var(--secondary));
  background:         linear-gradient(to right, var(--primary) 40%, var(--secondary));
}
.btn-contact:hover, .btn-contact:focus{
  box-shadow: 2px 3px 6px #aaaa;
}
/* end home */

.control1{
  width: auto;
  z-index: 17;
}
.control6left{
  width: auto;
  z-index: 17;
  margin-left: -50px
}
.control6right{
  width: auto;
  z-index: 17;
  margin-right: -50px;
}


.header{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.pd-0{
  padding: 0 0 0 0;
}

.pd-10{
  padding: 10px 45px 10px 45px;
}
.mgt-ng-20{
  margin-top: -20px;
}
.mg-0{
  margin: 0 0 0 0;
}
.mglr-10{
  margin: 0 10px 0 10px;
}
.pdlr-0{
  padding-right: 0px;
  padding-left: 0px;
}
.pdl-0{
  padding-left: 0px;
}
.pdr-0{
  padding-right: 0px;
}
.pdlr-10{
  padding: 0 10px 0 10px;
}
.pdlr-20{
  padding: 0 20px 0 20px;
}
.mgt-10{
  margin: 10px 0 0 0;
}
.mgt-20{
  margin: 20px 0 0 0;
}
.mgt-50{
  margin-top: 50px;
}
.mgb-50{
  margin-bottom: 50px;
}
.mgt-30{
  margin-top: 30px;
}
.mgt-80{
  margin-top: 80px;
}
.mgt-100{
  margin-top: 100px;
}
.mgb-20{
  margin-bottom: 20px;
}
.mgb-50{
  margin-bottom: 50px;
}
.mgr-10{
  margin-right: 10px;
}
.mglr-50{
  margin-right: 50px;
  margin-left: 50px;
}
.mglr-80{
  margin-right: 80px;
  margin-left: 80px;
}
.mgl-down15{
  margin-left: -15px;
}
.mgl-80{
  margin-left: 80px;
}
.sidenav {
  padding-top: 60px;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  overflow-x: hidden;
  transition: 0.5s;
  background-color: var(--primary);
  color: #fff;
  top: 0;
  left: 0;
}
.sidenav a {
  font-size: 18px;
  color: #fff;
  padding: 12px 8px 12px 32px;
  font-family: "helvethaica";
  font-weight: bold;
}
.sidenav a.menu {
  padding: 12px 8px 12px 32px;
  font-family: "helvethaica";
  font-weight: bold;
}
.sidenav .dropdown-item {
  color: var(--primary);
}

@media screen and (max-height: 450px) {
  /* .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;} */
}

/* home */
#homeslide .carousel-control-prev:hover, .carousel-control-next:hover{
  background-color: #000b;
}
#homeslide .carousel-control-prev, .carousel-control-next {
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0.9;
  height: 15%;
  right: 0;
  top: 40%;
  background-color: #0006;
  transition: all 0.35s ease;
  width : 3% !important;
}
#homeslide .carousel-control-next-icon{
  background-image: url('../../image/medileen/arrow_right.webp') !important;
}
#homeslide .carousel-control-prev-icon{
  background-image: url('../../image/medileen/arrow_left.webp') !important;
}

.carousel-indicators .active {
  background-color: var(--primary) !important;
}
.carousel-indicators li{
  background-color: #c9caca;
}

.text-banner {
  font-family: "gotham_bold";
  position: absolute;
  top: 20%;
  color: #fff;
  left: 6%;
  text-transform:uppercase;
}
.text-banner .text-title {
  font-size: 32px;
  margin-bottom: 0px;
  width: 50%;
  text-transform:uppercase;
}
.text-banner .text-new-event {
  font-size:15px;
  letter-spacing: 5px;
}
.text-banner a.btn-viewdetail {
  color: #fff;
  font-family: "gotham_book";
  font-size: 10px;
  letter-spacing: 5px;
  display: inline-block;


}
.text-banner a.btn-viewdetail:hover{
  text-decoration: none;
}
.banner .image {
  display: block;
  width: 100%;
  height: auto;
}

.banner .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000a;
}

.banner:hover .overlay {
  opacity: 0.9;
}


#feature-mb .title-feature-product {
  letter-spacing: 2px;
  display: inline-block;
  background-color: var(--primary);
  font-family: "gotham_book";
  color: #fff;
  padding: 5px 19px 2px 19px;
  font-size: 14px;
}
#feature-mb-slide .title-product {
  font-size: 30px;
  font-family: "gotham_book";
  color: var(--primary);
}
#feature-mb-slide .short-des {
  font-size: 15px;
  font-family: 'sukhumvit-thin';
  color: #313139;
}
#feature-mb-slide a.btn-viewdetail {
  color: #000;
  font-family: "gotham_book";
  font-size: 9px;
  letter-spacing: 5px;
  display: inline-block;
  border-bottom: 1px solid #d3d3d5;
  padding-bottom: 3px;
}
#feature-mb-slide.owl-theme .owl-dots .owl-dot.active span, #feature-mb-slide.owl-theme .owl-dots .owl-dot:hover span
{
  background: var(--primary);
}
#feature-mb-slide a.btn-viewdetail:hover {
  text-decoration: none;
}

#feature-product .title-feature-product {
  letter-spacing: 3px;
  display: inline-block;
  background-color: var(--primary);
  font-family: "gotham_bold";
  color: #fff;
  padding: 5px 19px;
  margin-top: 98px;
  font-size: 15px;
}
#feature-product .title-product {
  padding-right: 45px;
  font-size: 53px;
  font-family: "gotham_book";
  color: var(--text-color);
}
#feature-product .short-des {
  padding-right: 45px;
  font-size: 20px;
  font-family: 'sukhumvit-thin';
  color: var(--text-color);
}
#feature-product a.btn-viewdetail {
  color: #000;
  font-family: "gotham_book";
  font-size: 12px;
  letter-spacing: 5px;
  display: inline-block;
  border-bottom: 1px solid #d3d3d5;
  padding-bottom: 3px;
}
#feature-product a.btn-viewdetail:hover {
  text-decoration: none;
}
#feature-product .border-img-small.active{
  border: 1px solid #728eb6;
}
#feature-product .border-img-small{
  margin-left: 40px;
  margin-right: 40px;
}
#bestseller {
  background-color: #f2f2f2;
}
#bestseller a:hover{
  text-decoration: none;
}
#bestseller .title-bestseller {
  letter-spacing: 3px;
  font-size: 27px;
  font-family: "gotham_bold";
  color: #a4a3a3;
  margin-bottom: 0px;
}
#bestseller .title-bestseller span {
  color: var(--text-color);
  margin-bottom: 0px;
}
#bestseller .container-fulid{
  padding-right: 70px !important;
  padding-left: 70px !important;
}
#bestseller .card-title {
  font-family: "gotham_medium";
  color: #9da0a5;
  font-size: 16px;
}
#bestseller .card img {
  border-bottom: 1px solid #f2f2f2;
}
#bestseller .card  {
  border: unset;
  transition: all 0.25s ease;
  border-radius: unset;
}
#bestseller .card-text {
  font-family: "gotham_light";
  color: var(--text-color);
  font-size: 15px;
}
#bestseller .card:hover{
  /* border-bottom: 2px solid var(--primary); */
  box-shadow: 0 2px 0 0 var(--primary);
}

#distributor .title-distributor {
  letter-spacing: 3px;
  font-size: 27px;
  font-family: "gotham_bold";
  color: var(--primary);
  margin-bottom: 0px;
}
.swiper-button-next, .swiper-button-prev {
  background-color: #e0e0e0;
  opacity: 0.9;
  top: 40% !important;
  background-image: none !important;
}
#distributor .card {
  border: unset;
}
#distributor .owl-prev {
  padding: 24px 15px !important;
  background-color: #0006;
  position: absolute;
  top: 35%;
  left: -12%;
  border-radius: unset;
  transition: all 0.35s ease;
}
#distributor .owl-next {
  padding: 24px 15px !important;
  background-color: #0006;
  position: absolute;
  top: 36%;
  right: -12%;
  border-radius: unset;
  transition: all 0.35s ease;
}
#distributor .owl-prev:hover,#distributor .owl-next:hover{
  background-color: #000b;
}
#distributor .distributor-name {
  font-size: 16px;
  margin-bottom: 0px;
  margin-top: 15px;
  text-transform: uppercase;
  font-family: "gotham_bold";
  color: #000;
}
#distributor .distributor-code {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'gotham_book';
  color: #aaadb1;
}

.distributor-img .image {
  display: block;
  width: 100%;
  height: auto;
}

.distributor-img .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #000a;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.distributor-img:hover .overlay {
  opacity: 0.9;
}
.distributor-img .fa {
  color: #fff;
  font-size: 19px;
}
#distributor .ditributor-contact {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: -moz-center !important;
}
#distributor .ditributor-contact img {
  width: 19px;
}
#distributor .ditributor-contact a {
  text-align: -webkit-center;
  /* display: block; */
}
#banner-center a {
  color: #fff;
}
#banner-center a:hover {
  text-decoration: none;
}

/* end home */

/* about */

#about-us {
  background-color: #fff;
  position: absolute;
  right: 9%;
  margin-top: 82px;
  padding: 81px 45px;
}
.lineabout {
  color: #fff;
  border-top: 4px solid var(--primary);
  display: inline;
}
#about-us .title , #about-us-mb .title{
  font-family: 'sukhumvit-medium';
  color: var(--primary);
  font-size: 16px;
}
#about-us .title span, #about-us-mb .title span {
  color: #a1a1a1;
  font-size: 16px;
}

.title-about {
  font-family: 'gotham_book';
  color: var(--primary);
  font-size: 20px;
}
.img-about-dr {
  /* border-bottom: 2px solid #19428a; */
}
.title-dr {
  font-size: 35px;
  font-family: 'gotham_medium';
  color: var(--primary);
}
.des-dr {
  font-family: 'gotham_medium';
  color: var(--primary);
  font-size: 16px;
}
.detail-dr {
  font-family: 'sukhumvit';
  color: #a1a1a1;
  font-size: 15px;
}

/* end about */

/* research */
#research .title , #articles .title{
  font-family: 'sukhumvit';
  color: #000;
  font-size: 20px;
  text-align: center;
}

#research .date , #articles .date{
  font-family: 'gotham_book';
  color: #adadad;
  font-size: 14px;
  text-align: center;
}

#research .mask-rearch {
  background-color: #1fb6bc;
  color: #fff;
  font-family: 'gotham_medium';
  text-transform: uppercase;
  position: absolute;
  top: 70%;
  right: 41%;
  letter-spacing: 2px;
  font-size: 12px;
  padding: 5px 16px;
}

#articles .mask-articles {
  background-color: var(--primary);
  color: #fff;
  font-family: 'gotham_medium';
  text-transform: uppercase;
  position: absolute;
  top: 73%;
  right: 41%;
  letter-spacing: 2px;
  font-size: 12px;
  padding: 5px 16px;
}
.research-title {
  font-family: 'gotham_bold';
  color: #000;
  font-size: 14px;
}
.research-title:hover {
  color: #000;
  text-decoration: none;
  font-size: 15px;
}

.research-list {
  /* border-top: 2px solid #e5e5e5; */
}
.research-list a:hover , .articles-list a:hover ,#research a:hover ,#articles a:hover {
  text-decoration: none;
}
.research-list a:hover .title , #research a:hover .title{
  color: #1fb6bc;
}
.articles-list a:hover .title , #articles a:hover .title {
  color: #2361d2;
}

#research-tab {
  border-top: 2px solid #e5e5e5;
  padding-top: 24px;
}
#articles-tab {
  border-top: 2px solid #e5e5e5;
  padding-top: 24px;
}
.research-list .border-date {
  border-left: 4px solid #1fb6bc;
  font-family: 'helvethaica';
  color: #adadad;
  font-size: 20px;
  padding: 0px 9px;
}
.research-list .title , .articles-list .title {
  font-family: 'sukhumvit';
  color: #000;
  font-size: 15px;
}

.articles-list .border-date {
  border-left: 4px solid var(--primary);
  font-family: 'helvethaica';
  color: #adadad;
  font-size: 20px;
  padding: 0px 9px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #fff;
  color: #19428a;
  border: 1px solid #19428a;
}
.nav-pills .nav-link {
  border-radius: unset;
  border: 1px solid #adadad;
  color: #adadad;
  margin-right: 7px;
}

/* end research */

/* research detail */
#research-detail .btn-back {
  font-family: 'helvethaica';
  letter-spacing: 2px;
  font-size: 20px;
  color: #afafaf;
}
#research-detail .btn-back:hover {
  text-decoration: none;
}
#research-detail .title {
  font-family: 'sukhumvit';
  color: var(--primary);
  font-size: 30px;
}

#research-detail .date{
  font-family: 'gotham_book';
  color: #adadad;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
#research-detail .detail {
  padding: 20px 0px;
  font-family: 'sukhumvit-light' !important;
  color: #767676;
  font-size: 14px;
}
.header-recommend {
  font-family: 'gotham_medium';
  color: var(--primary);
  border-bottom: 2px solid var(--primary);
  font-size: 17px;
  text-transform: uppercase;
}
 .border-date{
  border-left: 4px solid var(--primary);
  font-family: 'gotham_book';
  color: #adadad;
  font-size: 14px;
  padding: 0px 9px;
}
 .recommend-title {
   padding-top: 5px;
   font-family: 'sukhumvit';
   color: #000;
   font-size: 16px;
}
  .recommend-title:hover {
    color: var(--secondary);
    text-decoration: none;
  }
/* end research detail */

/* productlist */

#productlist .card-title {
  font-family: "gotham_medium";
  color: #9da0a5;
  font-size: 17px;
}
#productlist .card {
  border: unset;
  border-radius: unset;
  transition: all 0.35s ease;
}
#productlist .card-text {
  font-family: "gotham_light";
  color: var(--primary);
  font-size: 15px;
}
#productlist .card:hover{
  box-shadow: 0 2px 0 var(--primary);
}
#productlist a:hover{
  text-decoration: none;
}



/* end productlist */

/* product detail */

.product-bg {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;

  /* height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
}

#product-des {
  position: absolute;
  z-index: 99;
}

.btn-back:hover {
  text-decoration: none;
}
.btn-back {
  font-family: 'helvethaica';
  color: #000;
  font-size: 19px;
  letter-spacing: 3px;
}


#productdetail .product-name {
  color: var(--primary);
  font-family: 'gotham_medium';
  font-size: 35px;
  /* margin-bottom: 0px; */
}

#productdetail .sell-price {
  font-family: 'gotham_light';
  color: var(--primary);
  font-size: 25px;
  /* margin-bottom: 0px; */
}
#productdetail .sell-price  span{
  font-family: 'gotham_thin';
  color: var(--primary);
  font-size: 22px;
}

#productdetail .btn-buy {
  display: inline-block;
  padding: 8px 24px;
  font-size: 16px;
  font-family: "gotham_bold";
  color: #fff;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  /* margin-bottom: 0px; */
}
#productdetail .btn-buy img{
  padding-bottom: 5px;
  padding-right: 14px;
  width: 25%;
}
#productdetail .text-short {
  font-family: 'sukhumvit-light';
  color: var(--primary);
  font-size: 21px;
}

#productdetail .text-des {
  font-family: 'sukhumvit-light';
  color: #878787;
  font-size: 16px;
}

#productContent .card ,#productContentMobile .card{
  border: unset;
  font-family: 'sukhumvit-light';
  font-size: 16px;
  background-color: transparent;
}
#productContent .card p, #productContent .card  span, #productContentMobile .card p, #productContentMobile .card  span {
  font-family: 'sukhumvit-light' !important;
  font-size: 16px !important;
}

#productContent .card-header, #productContentMobile .card-header {
  background-color: transparent;
  border-bottom : 1px solid #c5d1e1;
}
#productContent a.btn-content, #productContentMobile a.btn-content {
  font-size: 18px;
  color: var(--primary);
}

.collapse.show .card-body {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.title-review {
  letter-spacing: 3px;
  font-size: 27px;
  font-family: "gotham_bold";
  color: var(--primary);
}


#review .owl-prev {
  padding: 24px 15px !important;
  background-color: #0006;
  position: absolute;
  top: 30%;
  left: -8%;
  border-radius: unset;
  transition: all 0.35s ease;
}
#review .owl-next {
  padding: 24px 15px !important;
  background-color: #0006;
  position: absolute;
  top: 30%;
  right: -8%;
  border-radius: unset;
  transition: all 0.35s ease;
}
#review .owl-next:hover, #review .owl-prev:hover{
  background-color: #000b;
}
#product-detail {
  font-family: 'sukhumvit-light' !important;
  font-size: 16px !important;
}

#review .review-des {
  color: #999999;
  font-size: 13px;
}
#related-products {
  background-color: #f2f2f2;
}

#related-products .title {
  letter-spacing: 3px;
  font-size: 27px;
  font-family: "gotham_bold";
  color: var(--primary);
}
#related-products .title span{
  letter-spacing: 3px;
  font-size: 33px;
  font-family: "helvethaica";
  font-weight: bold;
  color: #a4a3a3;
}
#related-products .card-title {
  font-family: "gotham_medium";
  color: #9da0a5;
  font-size: 16px;
}
#related-products .card-text {
  font-family: "gotham_light";
  color: var(--primary);
  font-size: 15px;
}
#related-products .card{
  transition: all 0.35s ease;
  border-radius: 0;
  border: 0;
}
#related-products .card:hover {
  box-shadow: 0 2px 0 var(--primary);
}
#related-products .card img {
    border-bottom: 1px solid #f2f2f2;
}
#related-products a:hover {
  text-decoration: unset;
}
/* end product detail */

/* skin center */

.title-skincenter {
  color: var(--primary);
  font-family: 'gotham_medium';
  font-size: 28px;
  margin-bottom: 0px;
}

#detail-skincenter {
  background-color: #fff;
  position: absolute;
  right: 9%;
  font-family: 'sukhumvit-light';
  color: #a0a0a0;
  font-size: 16px;
}
#detail-skincenter-mb {
  background-color: #fff;
  font-family: 'sukhumvit-light';
  color: #a0a0a0;
  font-size: 16px;
}

#skin-center .owl-prev {
  padding: 24px 15px !important;
  background-color: #f4f4f4;
  opacity: 0.9;
  position: absolute;
  top: 30%;
  left: -2%;
  border-radius: unset;
}
#skin-center .owl-next {
  padding: 24px 15px !important;
  background-color: #f4f4f4;
  opacity: 0.9;
  position: absolute;
  top: 30%;
  right: -2%;
  border-radius: unset;
}
.btn-booknow {
  font-family: "gotham_bold";
  color: var(--primary);
  border: 1px solid var(--primary);
  padding: 19px 29px;
  transition: all 0.25s ease;
  font-size: 16px;
}
.btn-booknow:hover{
  color: var(--primary);
  text-shadow: 1px 2px 3px #aaab;
  box-shadow: 2px 3px 6px #aaaa;
}
.btn-booknow img {
    filter: brightness(0);
}

/* end skin center */

/* promotion */

#profile-fb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 100%;
  transition: .5s ease;
}
#profile-fb .profile-layout {
  position: relative;
  top: 40%;
  transform: translateY(-50%);
  left: 2%;
  margin-top: -3px;
}
#profile-fb p {
  font-size: 15px;
  /* display: inline-block; */
  color: #fff;
  font-family: 'sukhumvit-medium';
  border: 1px solid #fff;
  text-align: -webkit-center;
  padding: 6px 0px;
  border-radius: 21px;
}
#profile-fb img {
  /* margin-bottom: 10px; */
  /* border-radius: 100%; */
  padding: 5px;
  width: 160px;
  border: 2px solid #fff;
}
.promotion-name {
  font-family: 'sukhumvit-medium';
  font-size: 36px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.fb-btn {
  background-color: #4167b2;
  display: inline-block;
  color: #fff;
  font-family: 'sukhumvit-medium';
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 16px;
}
.fb-btn .fa-facebook-square {
  font-size: 18px;
}

#facebook {
  font-size: 18px;
  font-family: 'sukhumvit-medium';
}
#facebook .control-label {
  color: #194687;
  text-align: right;
}
.annotate {
  font-family: 'sukhumvit-medium';
  font-size: 17px;
  color: #d42525;
  font-weight: 900;
}
.promotion-code {
  font-family: gotham_bold;
  letter-spacing: 2px;
  color: #fff;
  font-size: 28px;
  display: inline-block;
  padding: 3px 33px;
  background-color: #194687;
}
#promotionDetail {
  background-color: #fff;
}
.btn-download {
  /* font-family: 'gotham_book';
  letter-spacing: 2px;
  color: #000;
  border-color: #000;
  font-size: 23px;
  display: inline-block;
  padding: 3px 33px;
  background-color: #fff; */
  font-family: gotham_bold;
  letter-spacing: 2px;
  color: #fff;
  font-size: 28px;
  display: inline-block;
  padding: 3px 33px;
  background-color: #194687;
}
.btn-exclusive {
  font-family: sukhumvit-medium;
  letter-spacing: 2px;
  color: #fff;
  font-size: 20px;
  display: inline-block;
  padding: 7px 27px 5px 27px;
  background-color: #194687;
  border-radius: 5px;
}
.btn-exclusive:hover{
  text-decoration: none;
}
#cuslist ,#form-user{
  font-family: 'sukhumvit-light';
}


/* end promotion */

/* distributor */

.search-distributor {
  font-family: 'sukhumvit-light';
  font-size: 17px;
}
.search-distributor .btn{
  font-family: "gotham_bold";
  background-color: #878e93;
  color: #fff;
  font-size: 16px;
  letter-spacing: 3px;
  border-radius: unset;
}
#distributorlist {
  background-color: #eef1f6;
}
#distributorlist .distributor {
  padding-bottom: 30px;
}
#distributorlist .card {
  background-image: url("../../image/medileen/bg-distributor.webp");
}
#distributorlist .bg-img {
  background-image: url("../../image/medileen/bg-distributor.webp");
  height: 180px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

}
.bg-img .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #878e93ea;
}
/* .bg-img:hover .ditributor-contact  ,.bg-img:focus .ditributor-contact {
  display: block !important;
} */
.bg-img:hover .overlay ,.bg-img:focus .overlay{
  opacity: 1;
}

#distributorlist .distributor-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#distributorlist .card-body {

}
#distributorlist .code {
  font-family: "gotham_bold";
  color: var(--primary);
  font-size: 16px;
  letter-spacing: 2px;
}
#distributorlist .name {
  font-family: 'sukhumvit-medium';
  color: #000;
  font-size: 16px;
}
#distributorlist .des {
  font-family: 'sukhumvit-light';
  color: #383737;
  font-size: 15px;
}
#distributorlist .ditributor-contact a{
  padding: 25px 18px 8px 18px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
}
#distributorlist .ditributor-contact {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


/* end distributor */

/* exclusive */

#head-exclusive {
  font-family: 'sukhumvit-thin';
  color: var(--primary);
  font-size: 36px;
  margin-bottom: 0px;
}

#text-exclusive {
  font-family: 'sukhumvit-thin';
  color: #aeaeae;
  font-size: 36px;
  margin-bottom: 0px;
}

#text-exclusive span{
  font-family: 'sukhumvit-thin';
  color: var(--primary);
  font-size: 29px;
}

#exclusivelist {
  background-color: #eef1f6;
}

#exclusivelist .card {
  border: unset;
}
#exclusivelist .owl-prev {
  padding: 24px 15px !important;
  background-color: #bbcadc;
  position: absolute;
  top: 35%;
  left: -12%;
  border-radius: unset;
}
#exclusivelist .owl-next {
  padding: 24px 15px !important;
  background-color: #bbcadc;
  position: absolute;
  top: 36%;
  right: -12%;
  border-radius: unset;
}
#exclusivelist .distributor-name {
  font-size: 15px;
  margin-bottom: 0px;
  margin-top: 15px;
  text-transform: uppercase;
  font-family: "gotham_bold";
  color: #000;
}
#exclusivelist .distributor-code {
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'gotham_book';
  color: #aaadb1;
}


#exclusivelist .ditributor-contact {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#exclusivelist .ditributor-contact img {
  width: 19px;
}
#exclusivelist .ditributor-contact a {
  text-align: -webkit-center;
}
.margin-img {
  margin-right: 3.1rem !important;
}
.shop-link img {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -oz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.shop-link:hover img {
  transform: translateY(-5px);
  filter: drop-shadow(2px 5px 5px #aaaa);
}
/* end exclusive */

/* news */

#newslist .date {
  font-family: 'gotham_book';
  color: #adadad;
  font-size: 13px;
}
#newslist .title {
  font-family: 'sukhumvit';
  color: #000;
  font-size: 16px;
}
#newslist a:hover {
  text-decoration: none;
}

/* end news */

/* news detail */
#news-detail .btn-back {
  font-family: 'helvethaica';
  letter-spacing: 2px;
  font-size: 20px;
  color: #afafaf;
}
#news-detail .btn-back:hover {
  text-decoration: none;
}
#news-detail .title {
  font-family: 'sukhumvit';
  color: var(--primary);
  font-size: 30px;
}

#news-detail .date{
  font-family: 'gotham_book';
  color: #adadad;
  font-size: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
#news-detail .detail {
  padding: 20px 0px;
  font-family: 'gotham_light' !important;
  color: #767676;
  font-size: 16px;
}
#news-detail .detail p ,#news-detail .detail span, #news-detail .detail div{
  font-family: 'gotham_light' !important;
  font-size: 16px;
}
.recommend-news  .date{
 font-family: 'helvethaica';
 color: #adadad;
 font-size: 19px;
 padding-top: 10px !important;
 padding-left: 0px!important;
 padding-right: 0px !important;
 padding-bottom: 0px !important;
}
/* end news detail */

/* contact */

.name-contact {
  font-family: 'gotham_bold';
  color: #000;
  font-size: 19px;
}
.address-contact {
  font-family: 'gotham_book';
  color: #a1a1a1;
  font-size: 16px;
}
.tel-contact {
  font-family: "gotham_medium";
  color: #a1a1a1;
  font-size: 14px;
}
.map-contact {
  font-family: 'gotham_book';
  color: var(--primary);
  font-size: 15px;
}
.map-contact:hover,#social-contact a:hover,.btn-booknow:hover {
  text-decoration: none;
}

#social-contact {
  background-color: #f2f2f2;
}
#social-contact .title {
  font-family: "gotham_bold";
  color: var(--primary);
  font-size: 18px;
}

#social-contact .detail{
  font-family: 'sukhumvit-light';
  color: var(--primary);
  font-size: 16px;
}

#social-contact .border-right {
  border-right: 1px solid #dbe4ed !important;
}

/* end contact */

/* foorter */
a.btn-top:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-4px);
}
.btn-top {
  letter-spacing: 3px;
  padding: 10px 34px 10px 34px;
  position: absolute;
  bottom: 1%;
  right: 1%;
  z-index: 999;
  background-color: #536270;
  color: #fff;
  border-radius: 40px;
  font-family: "gotham_bold";
  font-size: 14px;
  margin-bottom: 26px;
  transition: all 0.35s ease;
}
footer {
  color: #fff;
  background-color: var(--primary);
  padding-left: 35px;
  padding-right: 35px;
}
.footer-title {
  font-size: 14px;
  font-family: "gotham_bold";
}
.footer-des {
  font-size: 13px;
  font-family: 'gotham_book';
}

#footer2 {
  font-size: 14px;
  border-top: 1px solid #9999;
  font-family: 'gotham_book';
}
#footer2 .list-inline > li {
  display: inline-block;
  padding-right: 25px;
}
#footer2 li a {
  color: #fff;
  font-size: 20px;
}
/* end footer */

/* admin */
.button-default.xlsx {
  font-family: 'gotham_book';
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  padding: 11px;
  font-size: 15px;
  border-radius: 4px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 1px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

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

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

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

#confirm-delete .btn-ok {
  color: #fff;
}
.line-contact {
  border-bottom: 2px solid #4c4b4b;
  margin-bottom: 32px;
  margin-top: 30px;
  color: #4c4b4b;
}
.hidden {
  display: none;
}

/* mobile */
#mySidenavMoblie .dropdown-menu {
  position: static!important;
    transform: none !important;
}
@media (max-width: 1200px) {
  .setbody {
    padding-right: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 20px;
  }
  #nav-second-desktop .container-fluid {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  #nav-second-desktop .menu >li {
    margin-right: 30px;
  }
}
@media (min-width: 769px) and (max-width: 1200px){
  #profile-fb img {
    width: 106px;
    margin-bottom: 6px;
  }
  #profile-fb p {
    font-size: 12px;
    margin-bottom: 8px;
  }

  #detail-skincenter {
    margin-top: 16px !important;
    font-size: 18px;
    padding-left: 38px!important;
    padding-right: 0px!important;
  }
  #feature-product .border-img-small {
    margin-left: 25px;
    margin-right: 25px;
  }
  #feature-product .title-product {
    font-size: 40px;
    margin-bottom: 0px;
    padding-right: 0px;
  }
  #feature-product .short-des {
    padding-right: 0px;
    margin-bottom: 0px;
    font-size: 20px;
  }
  #feature-product .title-feature-product {
    font-size: 17px;
  }
  #feature-product a.btn-viewdetail {
    font-size: 13px;
  }
  .margin-img {
    margin-right: 2.3rem !important;
  }
  #articles .mask-articles {
    top: 66% !important;
  }
  #feature-product .title-feature-product {
    margin-top: 15px;
  }
  .text-banner .text-title {
    font-size: 36px;
    margin-bottom: 0px;
  }
  #distributor .owl-prev{
    padding: 18px 9px !important;
    top: 23%;
    left: -5%;
  }
  #distributor .owl-next{
    padding: 18px 9px !important;
    top: 23%;
    right: -5%;
  }
}
@media (min-width: 767px) and (max-width: 991px){
  .btn-download{
    font-size: 20px;
  }
  #homeslide .carousel-control-prev, .carousel-control-next {
    display: grid;
  }
  #homeslide .carousel-control-next-icon , #homeslide .carousel-control-prev-icon {
    width: 8px;
    height: 16px;
  }

  #distributor .owl-prev{
    padding: 18px 9px !important;
    top: 39%;
    left: -2%;
  }
  #distributor .owl-next{
    padding: 18px 9px !important;
    top: 39%;
    right: -2%;
  }
  .logo-mobile {
    width: 30% !important;
    padding-top: 0px !important;
  }
  .text-banner .text-title {
    font-size: 70px;
  }
  .text-banner a.btn-viewdetail {
    font-size: 27px;
  }
  .text-banner .text-new-event{
    font-size: 25px;
  }
  #feature-mb .title-feature-product {
    font-size: 31px;
  }
  #feature-mb-slide .short-des {
    font-size: 30px;
  }
  #feature-mb-slide a.btn-viewdetail {
    font-size: 20px;
  }
  #feature-mb-slide img {
    padding-left: 75px;
    padding-right: 75px;
    width: 70% !important;
    margin-left: auto;
    margin-right: auto;
  }

  #bestseller .card-title ,#productlist .card-title,  #related-products .card-title {
    font-size: 16px;
  }
  #distributor .distributor-name , #distributor .distributor-code{
    font-size: 18px;
  }

}
@media (max-width: 500px) {
  .btn-download{
    font-size: 16px;
  }
  #profile-fb img {
    width: 83px;
    margin-bottom: 3px;
  }
  #profile-fb p {
    padding: 4px 0px;
    font-size: 9px;
    margin-bottom: 8px;
  }
  #homeslide .carousel-control-prev, .carousel-control-next {
    display: grid;
  }
  #homeslide .carousel-control-next-icon , #homeslide .carousel-control-prev-icon {
    width: 6px;
    height: 10px;
  }
  #feature-mb-slide img {
    width: 60% !important;
    margin-left: auto;
    margin-right: auto;
  }
  #distributor .owl-prev{
    padding: 9px 5px !important;
    top: 23%;
    left: -5%;
  }
  #distributor .owl-next img , #distributor .owl-prev img{
    width: 50% !important;
  }
  #distributor .owl-next{
    padding: 9px 5px !important;
    top: 23%;
    right: -5%;
  }
  .text-banner .text-title {
    font-size: 36px;
    margin-bottom: 0px;
  }
  #bestseller .card-title ,#productlist .card-title,  #related-products .card-title {
    font-size: 13px;
  }
  #distributor .distributor-name , #distributor .distributor-code{
    font-size: 13px;
  }
}
@media (max-width: 992px) {

  .setbody {
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 20px;
  }
  #feature-product .title-feature-product {
    margin-top: 18px !important;
  }
  #feature-product .title-product {
    padding-right: 0px !important;
    font-size: 28px !important;
    font-family: "gotham_book";
  }
  .title-page {
    font-size: 19px;
  }
  .title-dr {
    font-size: 35px;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
  }
  #social-contact .border-right {
    border-right: none !important;
  }
  #head-exclusive{
    font-size: 24px !important;
  }
  #text-exclusive {
    font-size: 19px !important;
  }
  #text-exclusive span {
    font-size: 19px !important;
  }
  .margin-img {
    margin-right: 0px !important;
  }
  #exclusivelist .distributor-img .fa {
    font-size: 31px;
  }
  #exclusivelist .ditributor-contact img{
    width: 28px;
  }
  #bestseller .container-fulid {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #bestseller .title-bestseller, #distributor .title-distributor {
    font-size: 19px;
  }
  #bestseller .card-text , #productlist .card-text {
    font-size: 13px;
  }

  #distributor .ditributor-contact p {
    margin-bottom: 0px;
  }
  #distributor .distributor-img .fa {
    font-size: 16px;
  }
  #distributor .ditributor-contact img{
    width: 15px;
    padding-bottom: 5px;
  }

  #news-detail .title , #research-detail .title {
    font-size: 33px;
  }
  footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-title ,.footer-des{
    font-size: 18px;
  }
  .product-bg {
    background-image: none !important;
  }
  #productdetail .product-name {
    font-size: 28px;
  }
  #bestseller .card-body , #related-products .card-body #researchlist .card-body{
    padding: 10px;
  }


}