/**
 * 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 #############*/
/*######### 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-02 on 11/1/2561.
 */
/* line 6, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
a {
  color: #CC0000;
}
/* line 8, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
a:hover {
  color: #333333;
}

/*------------------------------- header -------------------------------*/
/*############  menu  ###############*/
/* line 21, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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 #CC0000;
  background-color: #FFFFFF;
}
/* line 30, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.navbar-header-menu .navbar-center .navbar-nav .dropdown-menu > li > a:hover {
  background-color: #CC0000;
  color: #FFFFFF;
  border-bottom: 1px solid #CC0000;
}
/* line 38, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.navbar-header-menu .navbar-center .nav .open {
  /*when dropdown open li is hover so navbar menu li is hover too*/
}
/* line 39, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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 #CC0000;
  background-color: #FFFFFF;
}

/*############  slider   ###############*/
/* line 53, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.banner-full-width-slider.slick-slider .slick-dots li.slick-active button:before {
  color: #CC0000;
}

/* line 61, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.control-slider ul {
  border: 1px solid #777777;
}
/* line 65, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.control-slider ul li i.active {
  color: #CC0000;
}

/*------------------------------- body -------------------------------*/
/*############  title  ###############*/
/* line 76, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-title h2, .wg-title-wc h2, .wg-rec-title h2 {
  border-bottom: 3px solid #CC0000;
}
/* line 78, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-title h2 span, .wg-title-wc h2 span, .wg-rec-title h2 span {
  background: #FFFFFF;
}

/* line 85, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.line-bottom-title:after {
  background-color: #CC0000;
}

/*############  btn  ###############*/
/* line 91, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.btn-view-all-catalog,
.navigate-map a {
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000;
}
/* line 96, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.btn-view-all-catalog:hover,
.navigate-map a:hover {
  background-color: #CC0000;
  border: 1px solid #CC0000;
}

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

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

/*############  icon catalog  ###############*/
/* line 114, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.icon-gridview i, .icon-listview i {
  color: #CC0000;
}
/* line 116, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.icon-gridview i:hover, .icon-listview i:hover {
  color: #333333;
}

/*############  grid catalog  ###############*/
/* line 124, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-grid ul li:hover {
  border: 1px solid #CC0000;
}
/* line 126, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-grid ul li:hover .wg-content-catalog-tradename p {
  color: #333333;
}
/* line 130, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-grid ul li .btn-request-rfq {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}
/* line 136, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-grid ul li.btn-request-rfq-hover .btn-request-rfq {
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000;
}

/* line 145, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.btn.btn-palette {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}
/* line 149, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.btn.btn-palette:hover {
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000;
}

/*############  list catalog  ###############*/
/* line 159, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-list ul li {
  border: 1px solid transparent;
}
/* line 161, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-list ul li:hover {
  border: 1px solid #CC0000;
}
/* line 164, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-list ul li .btn-request-rfq {
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000;
}
/* line 170, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-list ul li.btn-request-rfq-hover .btn-request-rfq {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}

/* line 179, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-content-catalog-tradename p {
  color: #CC0000;
}
/* line 181, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-content-catalog-tradename p:hover {
  color: #CC0000;
}

/*############  tag  ###############*/
/* line 188, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-box .wg-catalog-box-sm {
  border: 1px solid #CC0000;
}
/* line 190, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-box .wg-catalog-box-sm a {
  color: #CC0000;
}
/* line 193, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-box .wg-catalog-box-sm:hover {
  background-color: #CC0000;
}
/* line 198, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-catalog-box.catalog-box-variations .wg-catalog-box-sm {
  color: #CC0000;
}
/* line 200, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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: #CC0000;
}

/*############  catalog view item ###############*/
/*############  tab catalog item ###############*/
/* line 214, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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;
}

/*############  related cat ###############*/
/* line 228, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-rec .catalog-grid-item:hover {
  border: 1px solid #CC0000;
}
/* line 231, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-rec .catalog-grid-item .btn-request-rfq {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  color: #FFFFFF;
}
/* line 237, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-rec .catalog-grid-item.btn-request-rfq-hover .btn-request-rfq {
  background-color: #FFFFFF;
  color: #CC0000;
}

/*############  tab promotion item ###############*/
/* line 248, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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: #CC0000;
  color: #FFFFFF;
}

/*############  pagination ###############*/
/* line 263, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-content-pager .pagination > li > a, .wg-content-pager .pagination > li > span {
  border: 1px solid #CC0000;
  color: #CC0000;
}
/* line 267, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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: #CC0000;
  color: #FFFFFF;
}
/* line 273, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.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: #CC0000;
  color: #FFFFFF;
  border: 1px solid #CC0000;
}

/* line 285, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-web-extractor .swiper-extractor .swiper-container .swiper-button-next {
  color: #CC0000;
}
/* line 288, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-web-extractor .swiper-extractor .swiper-container .swiper-button-prev {
  color: #CC0000;
}
/* line 293, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.wg-web-extractor .swiper-extractor .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #CC0000;
}

/*------------------------------- footer -------------------------------*/
/* line 303, ../../../assets/sass/onepage/palettes/stylesheets/_palette-01.scss */
.cw-footer {
  background-color: #CC0000;
}

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

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