@font-face {
  font-family: 'Kanit';
  src: url("../fonts/Kanit-Regular.ttf");
}

@font-face {
  font-family: 'Kanit-b';
  src: url("../fonts/Kanit-SemiBold.ttf");
}

body {
  font-family: 'Kanit';
  font-size: 16px;
  background: #f8fbff;
  padding-top: 60px;
  color: #003A3C;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0px);
  }
}

footer {
  background: #a8a8a8;
}

p,
label {
  font-family: 'Kanit';
  color: unset;
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Kanit-b' !important;
  color: unset;
}

a:focus, a:hover {
  color: rgb(245 116 80);
}

hr {
  margin: 60px 0;
  padding: 0px;
  border-bottom: 1px solid rgb(245 116 80);
  border-top: 0px;
}

.badge {
  font-size: unset;
}

.contact-input-style label,
.contact-textarea-style label {
  font-size: 17px;
  font-weight: 400;
  text-transform: capitalize;
}

.contact-input-style input {
  border: 1px solid #a8a8a8;
  font-size: 15px;
  height: 46px;
  padding: 0 20px;
  width: 100%;
  line-height: 35px;
}

.contact-textarea-style textarea {
  border: 1px solid #a8a8a8;
  font-size: 25px;
  padding: 0 20px;
  width: 100%;
  height: 170px;
  line-height: 35px;
}

.slider-height-6 {
  min-height: auto;
}



.has-search .form-control {
  padding-left: 2.375rem;
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  box-sizing: border-box;
  border-radius: 10px;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.9;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.has-sort .form-control {
  background: #EFEFEF;
  border-radius: 10px;
  color: #F57450;
  height: 40px !important;
  padding: 3px;
  text-align: center;
}

button.kc_fab_main_btn {
  display: block !important;
}

@media (max-width: 991px) {
  .header-top-furniture .mean-container a.meanmenu-reveal {
    top: 15px;
    right: 11px;
    z-index: 9;
    border-radius: 20px;
    padding: 8px;
  }

  .mean-container a.meanmenu-reveal {
    border: 1px solid rgb(255 255 255);
  }

  .mean-container a.meanmenu-reveal span {
    background: rgb(255 255 255);
  }

  .mean-container .mean-nav ul li {
    border-top: 0px solid rgb(221 221 221) !important;
  }
}

.btn-primary {
  color: rgb(255 255 255);
  border-color: rgb(245 116 80);
  background: rgb(245 116 80);
  border-radius: 18px !important;
  padding: 5px 25px;
  height: auto;
}

.btn-primary:hover {
  border-color: rgb(245 116 80);
  background: rgb(171 55 23);
}

.btn-success {
  color: rgb(255 255 255);
  border-color: #1dc65e;
  background: #1dc65e;
  border-radius: 18px !important;
  padding: 5px 25px;
  height: auto;
}

.btn-success:hover {
  border-color: #17b227;
  background: #1dc65e;
}

.breadcrumb {
  padding: 10px 0;
  background-color: rgb(248 251 255);
  border-radius: 0;
  border-bottom: 1px solid rgb(204 204 204);
}

.modal .close {
  cursor: pointer !important;
  right: 0;
  top: 0;
  width: 50px;
  margin: 0;
  position: absolute;
  z-index: 9;
  color: rgb(245 116 80);
}
.container>h3 {
  color: unset;
}