/**
 * Created by OBDEV-02 on 11/1/2561.
 */
/*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 #############*/
/* 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
******************/
/**
 * Created by OBDEV-02 on 11/1/2561.
 */
@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 */
/* line 2, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
a {
  color: #CC0000;
}
/* line 4, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
a:hover, a:focus {
  color: #333333;
}

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

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

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

/*############  tab catalog item ###############*/
/* line 53, ../../../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: #CC0000;
  color: #FFFFFF;
}

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

/* line 68, ../../../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: #CC0000;
}

/* line 75, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top {
  background: #CC0000;
  border: 1px solid #FFFFFF;
}
/* line 78, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top > i {
  color: #FFFFFF;
}
/* line 81, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top:after {
  background: #CC0000;
}

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

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

/* ##################################### Quick Contact ####################################*/
/* line 116, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-3 .quick-contact .main-container {
  color: #000000;
}
/* line 118, ../../../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 120, ../../../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 132, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li a {
  color: #333333;
}
/* line 136, ../../../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 #CC0000;
  background-color: unset;
}
/* line 144, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown a {
  border-bottom: none;
}
/* line 146, ../../../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 151, ../../../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 156, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu {
  background-color: rgba(204, 0, 0, 0.85);
  width: 100%;
}
/* line 161, ../../../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 163, ../../../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 168, ../../../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 179, ../../../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 194, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.fullwidth-menu {
  background-color: #333333;
}
/* line 200, ../../../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 203, ../../../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: #CC0000;
  color: #E8E8E8;
  border-bottom: unset;
}

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

/**Swiper **/
/*############  grid catalog  ###############*/
/* line 235, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #CC0000;
}
/* line 238, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #FFFFFF;
}
/* line 244, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .img-product .caption-product {
  border-bottom-color: #CC0000;
}
/* line 250, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .btn-request-rfq {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}
/* line 257, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .wg-content-catalog-tradename p {
  padding: 10px;
}
/* line 261, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .wg-content-catalog-tradename:hover p {
  color: #333333;
}
/* line 267, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover {
  border: 1px solid #CC0000;
}
/* line 269, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover .btn-request-rfq {
  background-color: transparent;
  color: #CC0000;
}

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

/*############  list & grid catalog  ###############*/
/* line 291, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item .btn-request-rfq {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}
/* line 296, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover {
  border: 1px solid #CC0000;
}
/* line 298, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover .btn-request-rfq {
  background-color: #FFFFFF;
  color: #CC0000;
}
/* line 306, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-content-catalog-tradename p {
  padding: 10px;
  color: #CC0000;
}
/* line 311, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-content-catalog-tradename:hover p {
  color: #333333;
}
/* line 318, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail p {
  margin-bottom: 0;
  padding-left: 10px;
}
/* line 322, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail .sale-price {
  font-size: 16px;
  color: #E00505;
}
/* line 326, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail .full-price {
  font-size: 13px;
  color: #999999;
  text-decoration: line-through;
}
/* line 331, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .price-detail .time-price {
  font-size: 13px;
  color: #FFCC00;
  /*for dark theme*/
}

/* line 341, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item .btn-request-rfq {
  border: 1px solid #CC0000;
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000;
}
/* line 347, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item:hover {
  border: 1px solid #CC0000;
}
/* line 349, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item:hover .btn-request-rfq {
  background-color: #CC0000;
  color: #FFFFFF;
}

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

/*############  wg-catalog-box  ###############*/
/* line 374, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm {
  border: 1px solid #CC0000;
  background-color: #FFFFFF;
  border-radius: 50px;
}
/* line 378, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm a {
  color: #CC0000;
}
/* line 381, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm:hover {
  border: 1px solid #CC0000;
  background-color: #CC0000;
  color: #FFFFFF;
}
/* line 385, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm:hover a {
  color: #FFFFFF;
}

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