/**
 */
/*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
******************/
@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 1311, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
a {
  color: #FFB447;
}
/* line 1313, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
a:hover, a:focus {
  color: #333333;
  text-decoration: none;
}

/* line 1321, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.btn.btn-palette {
  background-color: #FFB447;
  border: 1px solid #FFB447;
  color: #333333;
}
/* line 1325, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.btn.btn-palette:hover {
  border: 1px solid #FFB447;
  background-color: transparent;
  color: #333333;
}

/* Back to top */
/* line 1335, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.back-to-top i {
  color: #FFFFFF;
}

/* line 1341, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top {
  background: #FFB447;
  border: 1px solid #FFFFFF;
}
/* line 1344, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top i {
  color: #FFFFFF;
}
/* line 1348, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.custom-back-to-top:hover {
  background: #FFB447;
}

/* End Back to top  */
/* line 1355, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navigate-map a {
  background-color: transparent;
  border: 1px solid #FFB447;
  color: #FFB447;
}
/* line 1359, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navigate-map a:hover {
  background-color: #FFB447;
  border: 1px solid #FFB447;
  color: #333333;
}

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

/* line 1380, ../../../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: #FFFFFF;
  color: #FFB447;
}

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

/* line 1394, ../../../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: #FFB447;
  color: #FFFFFF;
}

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

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

/* Quick Contact */
/* line 1432, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-3 .quick-contact .main-container {
  color: #000000;
}
/* line 1434, ../../../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 1436, ../../../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: #FFB447;
}

/* line 1444, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.footer-color-blue a:hover, .footer-color-blue a:active,
.footer-color-grey a:hover,
.footer-color-grey a:active {
  color: #FFB447;
}

/* Header */
/* line 1455, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li a {
  color: #333333;
}
/* line 1459, ../../../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 #FFB447;
  background-color: unset;
  color: #FFB447;
}
/* line 1468, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown a {
  color: #333333;
  border-bottom: none;
}
/* line 1471, ../../../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;
  color: #FFB447;
}
/* line 1477, ../../../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 1482, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.navbar-header-menu.header-menu .navbar-nav > li.dropdown .dropdown-menu {
  background-color: #333333;
  width: 100%;
}
/* line 1487, ../../../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 1489, ../../../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: #ffb447;
  color: #333333;
}
/* line 1495, ../../../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: #FFB447;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
/* line 1506, ../../../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 1521, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.fullwidth-menu {
  background-color: #333333;
}
/* line 1527, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.fullwidth-menu .header-menu-content-type-3 .navbar-header-menu .navbar-nav li a {
  color: #FFFFFF;
  border-bottom: unset;
}
/* line 1530, ../../../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: #FFB447;
  color: #FFFFFF;
  border-bottom: unset;
}

/* line 1548, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-title span,
.wg-title-wc span,
.wg-rec-title span {
  border-bottom-color: #FFB447;
}

/* line 1556, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFB447;
}
/* line 1559, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #FFFFFF;
  border: 1px solid #FFB447;
}
/* line 1566, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .img-product .caption-product {
  border-bottom-color: #FFB447;
}
/* line 1572, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .btn-request-rfq {
  background-color: #FFB447;
  border: 1px solid #FFB447;
  color: #333333;
}
/* line 1576, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .btn-request-rfq:hover {
  border: 1px solid #FFB447;
  color: #FFB447;
}
/* line 1582, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .wg-content-catalog-tradename p {
  padding: 10px;
}
/* line 1586, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item .wg-content-catalog-tradename:hover p {
  color: #333333;
}
/* line 1592, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover {
  border: 1px solid #FFB447;
}
/* line 1595, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover .wg-content-catalog-tradename p {
  color: #333333;
}
/* line 1599, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.swiper-container .catalog-grid-item:hover .btn-request-rfq {
  border: 1px solid #FFB447;
  background-color: #FFFFFF;
  color: #FFB447;
}

/* line 1612, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-icon .icon-gridview i,
.wg-catalog-icon .icon-listview i {
  color: #FFB447;
}
/* line 1616, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-icon .icon-gridview:hover i,
.wg-catalog-icon .icon-listview:hover i {
  color: #333333;
}

/* Catalog Gird / List View */
/* line 1626, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item .btn-request-rfq {
  background-color: #FFB447;
  border: 1px solid #FFB447;
  color: #333333;
}
/* line 1631, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover {
  border: 1px solid #FFB447;
}
/* line 1634, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover .wg-content-catalog-tradename p {
  color: #333333;
}
/* line 1638, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .catalog-list-item:hover .btn-request-rfq {
  background-color: #FFFFFF;
  border-color: #FFB447;
  color: #FFB447;
}
/* line 1646, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-content-catalog-tradename p {
  padding: 10px;
  color: #FFB447;
}
/* line 1651, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-content-catalog-tradename:hover p {
  color: #333333;
}
/* line 1657, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-grid .wg-catalog-price p {
  padding-left: 15px;
  color: #333333;
}

/* line 1667, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item .btn-request-rfq {
  border: 1px solid #FFB447;
  background-color: #FFFFFF;
  color: #FFB447;
}
/* line 1672, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item:hover {
  border: 1px solid #FFB447;
}
/* line 1674, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-list .catalog-list-item:hover .btn-request-rfq {
  border-color: #FFB447;
  background-color: #FFB447;
  color: #333333;
}

/* Button View All Items */
/* line 1685, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-view-all-catalog .btn-view-all-catalog {
  border: 1px solid #FFB447;
  background-color: #FFFFFF;
  color: #FFB447;
}
/* line 1689, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-view-all-catalog .btn-view-all-catalog:hover {
  border: 1px solid #FFB447;
  background-color: #FFB447;
  color: #FFFFFF;
}

/*############  wg-catalog-box  ###############*/
/* line 1699, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm {
  border: 1px solid #FFB447;
  background-color: #FFFFFF;
  border-radius: 50px;
}
/* line 1703, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm a {
  color: #FFB447;
}
/* line 1706, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm:hover {
  border: 1px solid #FFB447;
  background-color: #FFB447;
}
/* line 1709, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.wg-catalog-box .wg-catalog-box-sm:hover a {
  color: #333333;
}

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

/* Quick Contact */
/* line 1728, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-1 .quick-contact .main-container a, .quick-contact-type-1 .quick-contact .main-container span,
.quick-contact-type-3 .quick-contact .main-container a,
.quick-contact-type-3 .quick-contact .main-container span,
.quick-contact-type-2 .quick-contact .main-container a,
.quick-contact-type-2 .quick-contact .main-container span {
  font-size: 14px;
  line-height: 150%;
}
/* line 1732, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.quick-contact-type-1 .quick-contact .main-container a:hover, .quick-contact-type-1 .quick-contact .main-container span:hover,
.quick-contact-type-3 .quick-contact .main-container a:hover,
.quick-contact-type-3 .quick-contact .main-container span:hover,
.quick-contact-type-2 .quick-contact .main-container a:hover,
.quick-contact-type-2 .quick-contact .main-container span:hover {
  color: #FFB447;
}

/* line 1743, ../../../assets/sass/supersite/palettes/stylesheets/_mixins.scss */
.copy-right-right a:hover {
  color: #FFB447 !important;
}