/**
 */
/*Variable*/
/**
 * Created by OBDEV-03 on 8/3/2561.
 */
/*breakpoints RF.bootstrap*/
/*light theme*/
/*######### palette 1 #############*/
/*######### palette 2 #############*/
/*######### palette 3 #############*/
/*######### palette 4 #############*/
/*######### palette 5 #############*/
/*######### palette 6 #############*/
/*######### palette 7 #############*/
/*######### palette 8 #############*/
/*######### palette 9 #############*/
/*######### palette 10 #############*/
/*######### palette 11 #############*/
/*######### palette 12 #############*/
/*######### palette 13 #############*/
/*######### palette 14 #############*/
/*######### palette 15 #############*/
/*######### palette 16 #############*/
/*######### palette 17 #############*/
/*######### palette 18 #############*/
/*######### palette 19 #############*/
/*######### palette 20 #############*/
/*######### palette 20 #############*/
/*dark theme*/
/*######### palette 21 #############*/
/*######### palette 22 #############*/
/*######### palette 23 #############*/
/*######### palette 24 #############*/
/*######### palette 25 #############*/
/*######### palette 26 #############*/
/*######### palette 27 #############*/
/*######### palette 28 #############*/
/*######### palette 29 #############*/
/*######### palette 30 #############*/
/*######### palette 31 #############*/
/*######### palette 32 #############*/
/*######### palette 33 #############*/
/*######### palette 34 #############*/
/*######### palette 35 #############*/
/*######### palette 36 #############*/
/*######### palette color default #############*/
/*######### color 37 #############*/
/*######### color 38 #############*/
/*######### color 39 #############*/
/*######### color 40 #############*/
/* Dark Color*/
/* Pastel Color */
/* End Pastel Colors */
/* Gradient Color */
/* End Gradient Colors */
/* NEW update pastel colors product*/
/* NEW update pastel colorful product*/
/**
 * Created on 2/5/2562.
 */
/*breakpoints RF.bootstrap*/
/*14px;*/
/* Background footer */
/**
 * Created by OBDEV-03 on 21/11/2560.
 */
/*breakpoints RF.bootstrap*/
/*border*/
/********** image icon **********/
/*Palette*/
/**
 * Created by OBDEV-03 on 27/11/2560.
 */
/******************
BREAKPOINTS
******************/
@import url("https://fonts.googleapis.com/css?family=Prompt");
/**
 1. Base background color
 2. Base Color Inverse
 3. Base Theme Color
 4. Border Color
 5. Text Color

*/
/* Gradient Color */
/* upgrade Palettes Minimal color 2021 */
/* upgrade Palettes Minimal color 2021 */
/**
 * Created on 2/5/2562.
 */
/*breakpoints RF.bootstrap*/
/*14px;*/
/* Background footer */
/**
 * Created by OBDEV-03 on 8/3/2561.
 */
/*breakpoints RF.bootstrap*/
/*light theme*/
/*######### palette 1 #############*/
/*######### palette 2 #############*/
/*######### palette 3 #############*/
/*######### palette 4 #############*/
/*######### palette 5 #############*/
/*######### palette 6 #############*/
/*######### palette 7 #############*/
/*######### palette 8 #############*/
/*######### palette 9 #############*/
/*######### palette 10 #############*/
/*######### palette 11 #############*/
/*######### palette 12 #############*/
/*######### palette 13 #############*/
/*######### palette 14 #############*/
/*######### palette 15 #############*/
/*######### palette 16 #############*/
/*######### palette 17 #############*/
/*######### palette 18 #############*/
/*######### palette 19 #############*/
/*######### palette 20 #############*/
/*######### palette 20 #############*/
/*dark theme*/
/*######### palette 21 #############*/
/*######### palette 22 #############*/
/*######### palette 23 #############*/
/*######### palette 24 #############*/
/*######### palette 25 #############*/
/*######### palette 26 #############*/
/*######### palette 27 #############*/
/*######### palette 28 #############*/
/*######### palette 29 #############*/
/*######### palette 30 #############*/
/*######### palette 31 #############*/
/*######### palette 32 #############*/
/*######### palette 33 #############*/
/*######### palette 34 #############*/
/*######### palette 35 #############*/
/*######### palette 36 #############*/
/*######### palette color default #############*/
/*######### color 37 #############*/
/*######### color 38 #############*/
/*######### color 39 #############*/
/*######### color 40 #############*/
/* Dark Color*/
/* Pastel Color */
/* End Pastel Colors */
/* Gradient Color */
/* End Gradient Colors */
/* NEW update pastel colors product*/
/* NEW update pastel colorful product*/
/* line 2471, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
a {
  color: #7E593E;
}
/* line 2473, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
a:hover, a:focus {
  color: #333333;
}

/* line 2480, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.btn.btn-palette {
  background-color: #7E593E;
  border: 1px solid #7E593E;
  color: #FFFFFF;
}
/* line 2484, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.btn.btn-palette:hover {
  border: 1px solid #7E593E;
  background-color: transparent;
  color: #7E593E;
}

/* line 2496, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navigate-map a {
  background-color: transparent;
  border: 1px solid #7E593E;
  color: #7E593E;
}
/* line 2500, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navigate-map a:hover {
  background-color: #7E593E;
  border: 1px solid #7E593E;
  color: #FFFFFF;
}

/* line 2510, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-tab-menu .wg-tab-title.active {
  border-bottom-color: #7E593E;
}
/* line 2513, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-tab-menu .wg-tab-title a {
  color: #333333;
}

/*############  tab catalog item ###############*/
/* line 2522, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.catalog-view-item-tab .nav-tabs > li > a, .catalog-view-item-tab .nav-tabs > li > a:hover, .catalog-view-item-tab .nav-tabs > li.active > a, .catalog-view-item-tab .nav-tabs > li.active > a:hover, .catalog-view-item-tab .nav-tabs > li.active > a:focus {
  background-color: #7E593E;
  color: #FFFFFF;
}

/* line 2534, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
#mgscbcontact-buttons-widget .show-hide-contact-icon-bar .fa-times {
  color: #333333;
}

/* line 2537, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
#mgscbcontact-buttons-widget .show-hide-contact-icon-bar,
#mgscbcontact-buttons-widget .contact-button-link.show-hide-contact-icon-bar:focus,
#mgscbcontact-buttons-widget .contact-button-link.show-hide-contact-icon-bar:active {
  background: #7E593E;
}

/* line 2544, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top {
  background: #7E593E;
  border: 1px solid #FFFFFF;
}
/* line 2547, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top > i {
  color: #FFFFFF;
}
/* line 2550, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top:after {
  background: #7E593E;
}

/* line 2560, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.main-mobile .sidenav li a::after {
  border-bottom-color: #7E593E;
}
/* line 2563, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.main-mobile .sidenav li span {
  width: 100%;
  border-bottom: 1px solid #7E593E;
}

/* line 2574, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.product-gallery-slider .img-product .caption-product {
  background-color: #FFFFFF;
  color: #333333;
  border-bottom-color: #7E593E;
}

/* ##################################### Quick Contact ####################################*/
/* line 2585, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-3 .quick-contact .main-container {
  color: #000000;
}
/* line 2587, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-3 .quick-contact .main-container a, .quick-contact-type-3 .quick-contact .main-container span {
  color: #000000;
}
/* line 2589, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-3 .quick-contact .main-container a:hover, .quick-contact-type-3 .quick-contact .main-container span:hover {
  color: #666666;
}

/***************** Header *****************/
/* line 2601, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li a {
  color: #333333;
}
/* line 2605, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li a.active,
.navbar-header-menu.header-menu .navbar-nav > li a:hover,
.navbar-header-menu.header-menu .navbar-nav > li a:focus {
  border-bottom: 3px solid #7E593E;
  background-color: unset;
}
/* line 2613, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown a {
  border-bottom: none;
}
/* line 2615, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown a:hover, .navbar-header-menu.header-menu .navbar-nav > li.dropdown a:focus, .navbar-header-menu.header-menu .navbar-nav > li.dropdown a.active {
  border-bottom: none;
}
/* line 2620, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown a .indicator-icon {
  top: 5px;
  padding-left: 3px;
}
/* line 2625, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu {
  background-color: rgba(126, 89, 62, 0.85);
  width: 100%;
}
/* line 2630, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu li.dropdown-submenu a {
  color: #FFFFFF;
}
/* line 2632, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu li.dropdown-submenu a:hover, .navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu li.dropdown-submenu a:focus, .navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu li.dropdown-submenu a.active {
  background: none;
}
/* line 2637, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu li.dropdown-submenu a:after {
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #FFFFFF;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
/* line 2648, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu li.dropdown-submenu a:hover:after {
  width: 100%;
  left: 0;
}

/*----------------------- Header Menu Type 3 ----------------------*/
/* line 2663, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.fullwidth-menu {
  background-color: #333333;
}
/* line 2669, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.fullwidth-menu .header-menu-content-type-3 .navbar-header-menu .navbar-nav li a {
  color: #E8E8E8;
  border-bottom: unset;
}
/* line 2672, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.fullwidth-menu .header-menu-content-type-3 .navbar-header-menu .navbar-nav li a:hover, .fullwidth-menu .header-menu-content-type-3 .navbar-header-menu .navbar-nav li a.active, .fullwidth-menu .header-menu-content-type-3 .navbar-header-menu .navbar-nav li a:focus {
  background-color: #7E593E;
  color: #E8E8E8;
  border-bottom: unset;
}

/* End---Menu Section */
/* line 2691, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-title span,
.wg-title-wc span,
.wg-rec-title span {
  border-bottom-color: #7E593E;
}

/**Swiper **/
/*############  grid catalog  ###############*/
/* line 2704, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #7E593E;
}
/* line 2707, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #FFFFFF;
}
/* line 2713, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .img-product .caption-product {
  border-bottom-color: #7E593E;
}
/* line 2719, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .btn-request-rfq {
  background-color: #7E593E;
  border: 1px solid #7E593E;
  color: #FFFFFF;
}
/* line 2726, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .wg-content-catalog-tradename p {
  padding: 10px;
}
/* line 2730, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .wg-content-catalog-tradename:hover p {
  color: #333333;
}
/* line 2736, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover {
  border: 1px solid #7E593E;
}
/* line 2738, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover .btn-request-rfq {
  background-color: transparent;
  color: #7E593E;
}

/*############  list & grid catalog icon  ###############*/
/* line 2751, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-icon .icon-gridview i,
.wg-catalog-icon .icon-listview i {
  color: #7E593E;
}

/*############  list & grid catalog  ###############*/
/* line 2760, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item .btn-request-rfq {
  background-color: #7E593E;
  border: 1px solid #7E593E;
  color: #FFFFFF;
}
/* line 2765, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover {
  border: 1px solid #7E593E;
}
/* line 2767, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover .btn-request-rfq {
  background-color: #FFFFFF;
  color: #7E593E;
}
/* line 2775, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-content-catalog-tradename p {
  padding: 10px;
  color: #7E593E;
}
/* line 2780, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-content-catalog-tradename:hover p {
  color: #333333;
}
/* line 2787, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail p {
  margin-bottom: 0;
  padding-left: 10px;
}
/* line 2791, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail .sale-price {
  font-size: 16px;
  color: #E00505;
}
/* line 2795, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail .full-price {
  font-size: 13px;
  color: #999999;
  text-decoration: line-through;
}
/* line 2800, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail .time-price {
  font-size: 13px;
  color: #FFCC00;
  /*for dark theme*/
}

/* line 2810, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item .btn-request-rfq {
  border: 1px solid #7E593E;
  background-color: #FFFFFF;
  border: 1px solid #7E593E;
  color: #7E593E;
}
/* line 2816, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item:hover {
  border: 1px solid #7E593E;
}
/* line 2818, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item:hover .btn-request-rfq {
  background-color: #7E593E;
  color: #FFFFFF;
}

/*############  view all catalog  ###############*/
/* line 2828, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-view-all-catalog .btn-view-all-catalog {
  border: 1px solid #7E593E;
  background-color: #FFFFFF;
  border: 1px solid #7E593E;
  color: #7E593E;
}
/* line 2833, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-view-all-catalog .btn-view-all-catalog:hover {
  border: 1px solid #FFFFFF;
  background-color: #7E593E;
  color: #FFFFFF;
}

/*############  wg-catalog-box  ###############*/
/* line 2843, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm {
  border: 1px solid #7E593E;
  background-color: #7E593E;
  border-radius: 50px;
}
/* line 2847, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm a {
  color: #FFFFFF;
}
/* line 2850, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm:hover {
  border: 1px solid #7E593E;
  background-color: #FFFFFF;
}
/* line 2853, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm:hover a {
  color: #7E593E;
}

/* line 2861, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.box-footer-profile p {
  font-size: 14px;
}