/**
 * Created by OBDEV-03 on 30/5/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 #############*/
/*######### color 37 #############*/
/*######### color 38 #############*/
/*######### color 39 #############*/
/*######### color 40 #############*/
/*Pastel*/
/*######### color 43 #############*/
/*######### color 44 #############*/
/*######### color 45 #############*/
/*######### color 46 #############*/
/*######### color 47 #############*/
/*######### color 48 #############*/
/*######### color 49 #############*/
/*######### color 50 #############*/
/*######### color 51 #############*/
/*######### color 52 #############*/
/*######### color 53 #############*/
/*######### color 54 #############*/
/*######### color 55 #############*/
/*######### color 56 #############*/
/*######### color 57 #############*/
/*######### color 58 #############*/
/*######### color 59 #############*/
/*######### color 60 #############*/
/*######### color 61 #############*/
/*######### color 62 #############*/
/**
 * Created by OBDEV-02 on 11/1/2561.
 */
@import url("https://fonts.googleapis.com/css?family=Prompt");
/*breakpoints RF.bootstrap*/
/*14px;*/
/**
 * 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-03 on 30/5/2561.
 */
/* line 6, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
body {
  background-color: #333333;
  color: #E8E8E8;
}

/* line 10, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
a {
  color: #FFD600;
}
/* line 12, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
a:hover {
  color: #E8E8E8;
}

/*------------------------------- header -------------------------------*/
/*############  menu  ###############*/
/* line 19, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-nav {
  background-color: #333333;
}

/* line 27, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .navbar-nav > li > a {
  color: #E8E8E8;
}
/* line 30, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .navbar-nav > li > a.active,
.navbar-header-menu .navbar-center .navbar-nav > li > a:hover,
.navbar-header-menu .navbar-center .navbar-nav > li > a:focus {
  border-bottom: 3px solid #FFD600;
  background-color: #333333;
}
/* line 37, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .navbar-nav .dropdown-menu {
  border-color: #CCCCCC;
}
/* line 39, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .navbar-nav .dropdown-menu > li > a {
  background-color: #3F4344;
  color: #E8E8E8;
}
/* line 42, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .navbar-nav .dropdown-menu > li > a:hover {
  background-color: #FFD600;
  border-bottom: 1px solid #FFD600;
  color: #333333;
}
/* line 50, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .nav .open {
  /*when dropdown open li is hover so navbar menu li is hover too*/
}
/* line 51, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.navbar-header-menu .navbar-center .nav .open > a,
.navbar-header-menu .navbar-center .nav .open > a:hover,
.navbar-header-menu .navbar-center .nav .open > a:focus {
  border-bottom: 3px solid #FFD600;
  background-color: #333333;
}

/*############  slider   ###############*/
/* line 65, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.banner-full-width-slider.slick-slider .slick-dots li button:before {
  color: #666666;
}
/* line 68, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.banner-full-width-slider.slick-slider .slick-dots li.slick-active button:before {
  color: #FFD600;
}

/* line 76, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.control-slider ul {
  color: #666666;
}
/* line 79, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.control-slider ul li i {
  color: #666666;
}
/* line 81, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.control-slider ul li i.active {
  color: #FFD600;
}

/*------------------------------- body -------------------------------*/
/*############  title  ###############*/
/* line 92, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-title h2, .wg-title-wc h2, .wg-rec-title h2 {
  border-bottom: 3px solid #FFD600;
}
/* line 94, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-title h2 span, .wg-title-wc h2 span, .wg-rec-title h2 span {
  background: #333333;
}

/* line 101, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.line-bottom-title:after {
  background-color: #FFD600;
}

/* line 106, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-title-promotion h2 span {
  background-color: #333333;
}

/*############  btn  ###############*/
/* line 111, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.btn-view-all-catalog,
.navigate-map a {
  background-color: #333333;
  border: 1px solid #FFD600;
  color: #E8E8E8;
}
/* line 116, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.btn-view-all-catalog:hover,
.navigate-map a:hover {
  background-color: #FFD600;
  border: 1px solid #FFD600;
  color: #333333;
}

/* line 123, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.btn-view-all-promotion {
  background-color: #333333;
  border: 1px solid #E00505;
  color: #E8E8E8;
}
/* line 127, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.btn-view-all-promotion:hover {
  background-color: #E00505;
  color: #FFFFFF;
}

/* line 133, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.yp-btn-request-rfq,
.yp-btn-request-rfq:focus,
.yp-btn-request-more-detail,
.yp-btn-request-more-detail:focus {
  background-color: #3F4344;
  color: #E8E8E8;
}

/*############  gallery  ###############*/
/* line 142, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.swiper-pagination-bullet-active {
  background: #FFD600;
}

/*############  tab  ###############*/
/* line 147, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-tab-menu ul li.wg-tab-title:hover, .wg-tab-menu ul li.wg-tab-title.active {
  border-bottom: 3px solid #FFD600;
}

/*############  icon catalog  ###############*/
/* line 153, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.icon-gridview i, .icon-listview i {
  color: #FFD600;
}
/* line 155, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.icon-gridview i:hover, .icon-listview i:hover {
  color: #E8E8E8;
}

/*############  grid catalog  ###############*/
/* line 162, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-grid ul li {
  background-color: #FFFFFF;
}
/* line 164, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-grid ul li:hover {
  border: 1px solid #FFD600;
}
/* line 166, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-grid ul li:hover .wg-content-catalog-tradename p {
  color: #333333;
}
/* line 170, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-grid ul li .btn-request-rfq {
  background-color: #FFD600;
  border: 1px solid #FFD600;
  color: #333333;
}
/* line 176, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-grid ul li.btn-request-rfq-hover .btn-request-rfq {
  background-color: #FFFFFF;
  border: 1px solid #FFD600;
  color: #FFD600;
}

/* line 185, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.btn.btn-palette {
  background-color: #FFD600;
  border: 1px solid #FFD600;
  color: #FFFFFF;
}
/* line 189, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.btn.btn-palette:hover {
  background-color: #FFFFFF;
  border: 1px solid #FFD600;
  color: #FFD600;
}

/*############  list catalog  ###############*/
/* line 199, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-list ul li {
  border: 1px solid transparent;
}
/* line 201, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-list ul li:hover {
  border: 1px solid #FFD600;
}
/* line 204, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-list ul li .btn-request-rfq {
  background-color: transparent;
  border: 1px solid #FFD600;
  color: #E8E8E8;
}
/* line 210, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-list ul li.btn-request-rfq-hover .btn-request-rfq {
  background-color: #FFD600;
  border: 1px solid #FFD600;
  color: #333333;
}
/* line 217, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-list ul li .price-detail .sale-price {
  color: #E8E8E8;
}

/* line 224, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-content-catalog-tradename p {
  color: #FFD600;
}
/* line 226, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-content-catalog-tradename p:hover {
  color: #333333;
}

/*############  tag  ###############*/
/* line 233, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box .wg-catalog-box-sm {
  background-color: #333333;
  border: 1px solid #FFD600;
}
/* line 236, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box .wg-catalog-box-sm:hover {
  background-color: #FFD600;
}
/* line 238, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box .wg-catalog-box-sm:hover a {
  color: #333333;
}
/* line 242, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box .wg-catalog-box-sm a {
  color: #E8E8E8;
}
/* line 247, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box.catalog-box-variations .wg-catalog-box-sm {
  color: #E8E8E8;
}
/* line 249, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box.catalog-box-variations .wg-catalog-box-sm:hover, .wg-catalog-box.catalog-box-variations .wg-catalog-box-sm.active {
  background-color: #FFD600;
  color: #333333;
}

/*############  catalog view item ###############*/
/*############  tab catalog item ###############*/
/* line 263, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box-order .input-group-addon {
  background-color: #333333;
  color: #E8E8E8;
}
/* line 267, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-catalog-box-order input {
  background-color: #3F4344;
  color: #E8E8E8;
}

/*############  tab catalog item ###############*/
/* line 276, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.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: #FFD600;
  color: #333333;
}

/*############  related cat ###############*/
/* line 289, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-rec .catalog-grid-item {
  background-color: #FFFFFF;
}
/* line 291, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-rec .catalog-grid-item:hover {
  border: 1px solid #FFD600;
}
/* line 294, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-rec .catalog-grid-item .btn-request-rfq {
  background-color: #FFD600;
  border: 1px solid #FFD600;
  color: #333333;
}
/* line 300, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-rec .catalog-grid-item.btn-request-rfq-hover .btn-request-rfq {
  background-color: #FFFFFF;
  color: #FFD600;
}

/*############  arrow related cat ###############*/
/* line 310, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.typ-icon-arrow-previous.related-cat, .typ-icon-arrow-next.related-cat {
  background-color: #555555;
}

/* line 317, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.typ-icon-arrow-previous.related-cat-prom,
.typ-icon-arrow-next.related-cat-prom {
  background-color: #555555;
}

/*############  grid promotion  ###############*/
/* line 323, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.content-promotion-grid ul li {
  background-color: #FFFFFF;
}

/*############  list promotion  ###############*/
/* line 329, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.content-promotion-list ul li {
  border: 1px solid #666666;
}
/* line 332, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.content-promotion-list .tradename-promotion p {
  color: #E8E8E8;
}

/*############  promotion view item ###############*/
/* line 338, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-box-promotion-view .price span.price-number {
  color: #E8E8E8;
}

/*############  tab promotion item ###############*/
/* line 345, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.promotion-view-item-tab .nav-tabs > li > a, .promotion-view-item-tab .nav-tabs > li > a:hover, .promotion-view-item-tab .nav-tabs > li.active > a, .promotion-view-item-tab .nav-tabs > li.active > a:hover, .promotion-view-item-tab .nav-tabs > li.active > a:focus {
  background-color: #FFD600;
  color: #FFFFFF;
}

/*############  tab ###############*/
/* line 357, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-tab-menu ul li.wg-tab-title a {
  color: #E8E8E8;
}
/* line 359, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-tab-menu ul li.wg-tab-title a:hover, .wg-tab-menu ul li.wg-tab-title a:focus {
  background-color: #333333;
}

/*############  contact us ###############*/
/* line 367, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.address-data:nth-child(odd) {
  background-color: #555555;
  border: 1px solid transparent;
}
/* line 371, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.address-data:nth-child(even) {
  background-color: #3F4344;
  border: 1px solid transparent;
}

/*############  pagination ###############*/
/* line 381, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-content-pager .pagination > li > a, .wg-content-pager .pagination > li > span {
  border: 1px solid #FFD600;
  color: #FFD600;
}
/* line 385, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-content-pager .pagination > li > a:hover, .wg-content-pager .pagination > li > a:focus, .wg-content-pager .pagination > li > span:hover, .wg-content-pager .pagination > li > span:focus {
  background-color: #FFD600;
  color: #333333;
}
/* line 391, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-content-pager .pagination > .active > a, .wg-content-pager .pagination > .active > a:hover, .wg-content-pager .pagination > .active > a:focus, .wg-content-pager .pagination > .active > span, .wg-content-pager .pagination > .active > span:hover, .wg-content-pager .pagination > .active > span:focus {
  background-color: #FFD600;
  color: #333333;
  border: 1px solid #FFD600;
}

/* line 402, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-web-extractor .swiper-extractor .swiper-container .swiper-button-next {
  color: #FFD600;
}
/* line 405, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-web-extractor .swiper-extractor .swiper-container .swiper-button-prev {
  color: #FFD600;
}
/* line 410, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.wg-web-extractor .swiper-extractor .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #FFD600;
}

/*------------------------------- footer -------------------------------*/
/* line 420, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.cw-footer {
  background-color: #FFD600;
  color: #333333;
}
/* line 423, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
.cw-footer a, .cw-footer a:hover {
  color: #333333;
}

@media (max-width: 768px) {
  /* line 433, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
  .header-menu-mobile {
    background-color: #FFD600;
  }

  /* line 437, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
  .yp-menu-mobile i {
    color: #333333;
  }

  /* line 441, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
  #op-accordion-menu li:hover {
    border-bottom: 3px solid #FFD600;
  }
}
@media (max-width: 574px) {
  /* line 453, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
  .wg-title:after, .wg-title-wc:after, .wg-rec-title:after {
    background: #FFD600;
  }
  /* line 456, ../../../assets/sass/onepage/palettes/stylesheets/_palette-34.scss */
  .wg-title h2, .wg-title-wc h2, .wg-rec-title h2 {
    border-bottom: none;
  }
}