@font-face {
  font-family: "DIN";
  src: url("https://www.nextie.com/fonts/DINPro.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "DINPro-CondBold";
  src: url("https://www.nextie.com/fonts/DINPro-CondBold.woff2") format("woff2");
  font-display: swap;
}
a, img, button {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
body {
  font-size: 18px;
}
label {
  font-size: 18px;
}
.saletext {
  text-indent: 12px;
  line-height: 12px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  padding: 8px 5px;
  background: #000;
}
.redstrong{
	color: #b91928;
}
.blackfriday{
	color: #fff;
	/*text-shadow: 0 0 0.4em #e523a0, 0 0 0.4em #e523a0, 0 0 0.4em #ab4efd;*/
	filter: drop-shadow(0px 0px 5px rgba(229,35,160,1)) drop-shadow(0px 0px 5px rgba(229,35,160,0.6)) drop-shadow(0px 0px 5px rgba(170,78,253,0.6));
	border: solid 1.5px;
    border-radius: 4px;
    padding: 0 4px;
}
body {
  font-family: "DIN", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
.h1, .h2, .h3, .h4, .h5, .h6, h6{
  font-family: "SFPRO", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
h7 {
  font-family: "DINPro-CondBold", "SFPRO", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
 font-size: 20px;
	color: #111;
}
footer p {
  font-family: "DIN", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  font-size: 18px;
  padding-top: 5px;
  padding-left: 10px;
  margin-bottom: 12px;
}
h1 {
  font-size: 30px;
  color: #444;
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  line-height: 38px;
  margin: 12px 0 12px;
}
h1.produce_title {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 30px;
}
h2 {
  font-size: 28px;
  color: #444;
  font-family: "DINPro-CondBold", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 10px
}
h2.price {
  display: inline-block;
  color: #ce1a2b;
  -webkit-background-clip: text;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: "DINPro-CondBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
h2.price-old {
  font-size: 22px;
  color: #aaa;
  font-family: "DINPro-CondBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  text-decoration: line-through;
  margin-top: 0;
  margin-bottom: 10px;
}
h3 {
  font-size: 26px;
  color: #666;
  font-family: "DINPro-CondBold", "DIN", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  font-family: "DIN", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  margin-top: 10px;
  margin-bottom: 10px;
}
h5 {
  font-size: 18px;
  color: #000;
  font-family: "DIN", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  margin-top: 20px;
  margin-bottom: 12px;
}
img {
  border: none;
  max-width: 100%;
}
p {
  line-height: 25px;
  margin: 6px 0;
}
.clear {
  clear: both;
}
.none {
  display: none;
}
.nav > li > a {
  padding: 10px;
}
.item {
/*	margin-bottom: 5px;*/
}
.item img {
  text-align: center;
}
#top {
  margin-bottom: 0;
  padding: 0;
  background: #111;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fdfdfd, endColorStr=#f4f5f7);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  z-index: 5;
  height: 58px;
}
.sub_menu {
  position: absolute;
  width: 100%;
  height: 0px;
  bottom: 0px;
  font-size: 16px;
  background: #fbfbfb;
  z-index: 2;
  left: 0;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.display-pc {
  display: inline;
}
.display-mobile {
  display: none;
}
.auto-grid-container {
  display: grid;
  grid-template-columns: auto;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
.fat-grid-container {
  display: grid;
  grid-template-columns: 350px 240px 290px;
}
.mtb-grid-container {
  display: grid;
  grid-template-columns: 320px 300px 300px;
}
.road-grid-container {
  display: grid;
  grid-template-columns: 320px 320px 280px;
}
.gravel-grid-container {
  display: grid;
  grid-template-columns: 320px 320px 280px;
}
.bmx-grid-container {
  display: grid;
  grid-template-columns: 280px 300px;
}
.distributor-container {
  display: grid;
  grid-template-columns: 720px 720px;
}
.grid-h {
  padding: 5px 0;
}
.grid-h-support {
  padding: 5px 20px;
}
.grid-h0 {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #aaa;
  font-size: 30px;
  padding: 25px 0 20px 0;
}
.grid-h0a {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #888;
  font-size: 26px;
  padding: 20px 0 15px 0;
}
.grid-h1 {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  font-size: 23px;
  color: #222;
  line-height: 25px;
}
.grid-h1-white {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  font-size: 23px;
  color: #eee;
  line-height: 30px;
}
.grid-h1-vista {
  font-family: "DINAB", "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  font-size: 23px;
  color: #222;
  line-height: 30px;
}
.grid-h2 {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #aaa;
  font-size: 22px;
}
.grid-h2a {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #aaa;
  font-size: 22px;
}
.sup-style {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #ce1a2b;
  font-size: 14px;
  margin-left: 2px;
}
.sup-style-new {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #ce1a2b;
  font-size: 13px;
  margin-left: 2px;
}
.sup-style-new-h2 {
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  color: #ce1a2b;
  font-size: 13px;
  margin-left: 2px;
}
.gold-fading-word {
  display: inline-block;
  color: transparent;
/*  background-image: linear-gradient(to right, #efb029, #f4d48c);*/
	background-image: linear-gradient(to bottom right, #b91928, #df5c39);
  -webkit-background-clip: text;
}
.supreme-fading-word {
  display: inline-block;
  color: transparent;
/*  background-image: linear-gradient(to right, #efb029, #f4d48c);*/
	background-image: linear-gradient(to bottom right, #a88658, #e9ba7b);
  -webkit-background-clip: text;
}
.darkgreen-fading-word {
  display: inline-block;
  color: transparent;
  font-weight: bold;
  background-image: linear-gradient(to right, #efb029, #f4d48c);
  -webkit-background-clip: text;
}
.red-fading-word {
  display: inline-block;
  color: transparent;
  font-weight: bold;
/*  background-image: linear-gradient(to right, #ce1a2b, #ff6b01);*/
	background-image: linear-gradient(to right, #b91928, #df5c39);
  -webkit-background-clip: text;
}
.blue-fading-word {
  display: inline-block;
  color: transparent;
  font-weight: bold;
  background-image: linear-gradient(to right, #9437ff, #d883ff);
  -webkit-background-clip: text;
}
.blue-color-word {
/*  color: rgb(57, 132, 198);*/
	color: #df5c39
}
.update-style {
  color: #efb029;
}
/*black friday*/
.blackfriday-bg {
  background-color: #000;
    padding: 20px;
}
.bf-blue-fading-word {
  display: inline-block;
  color: transparent;
  font-weight: bold;
  background-image: linear-gradient(to right, #7df1dc, #4ec3f8);
  -webkit-background-clip: text;
}
.bf-blue-word1 {
  color: #7df1dc;
}
.bf-blue-word2 {
  color: #4ec3f8;
}
.bf-word {
  color: #fff;
}


.vista-bg {
  background-color: #111;
  padding: 20px;
}
.vista-bg-in {
  background-color: #111;
}
.vista-description {
  background-color: #212934;
  padding: 20px 20px 50px 20px;
}
.article-bg {
  padding: 10px 20px;
}
.video-youtube {
  aspect-ratio: 16 / 9;
}
.newbutton
{
	
}
.newbutton a{
	color: #fff
}
.newbutton a:hover{
	color: #fff;
	background-color: #ce1a2b;
}
#banner0 {
	background-color: #fff;
}
#banner1 {
/*  background-color: #111;
   background-image: linear-gradient(to right, #0C3E27 50%, #197149 50%);*/
	  background-color: #f3f3f3;
}
#banner2 {
  background-color: #fafafa;
}
#banner3 {
    background-image: linear-gradient(to right, rgb(224, 120, 107) 50%, rgb(219, 7, 56) 50%);
}
.banner-size img {
  aspect-ratio: 192 / 65;
}
.addbottom {
  bottom: -480px;
  height: 480px;
}
#logo {
  margin: 14px 0 0 35px;
}
#top-links {
  padding: 5px 35px 0 37px;
  position: relative;
}
#top, #top-links li {
  color: #fff;
  margin-left: 0px;
}
#top-links a {
  color: #111;
}
i.search_icon {
  background: url(../docs/f002_icon.svg) no-repeat center center;
  cursor: pointer;
  height: 18px;
  width: 18px;
  display: inline-block;
  position: absolute;
  top: 18px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
#top-links ul.list-inline {
  position: relative;
  padding: 0 0 0 34px;
}
.home_center {
  margin-left: auto;
  margin-right: auto;
  width: 1920px;
}
.phone_account ul.list-inline {
  position: relative;
  padding: 0 0 0 20px;
}
.cart_button {
  background: #fff;
  cursor: pointer;
  padding: 4px 8px 6px 8px;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin: 9px 12px 0 0;
}
#top-links ul.list-inline > li.dropdown, .phone_account ul.list-inline li.dropdown {
  position: absolute;
  left: 0;
  top: 13px;
}
i.search_icon:hover {
  background: url(../docs/f002_icon.svg) no-repeat center center;
}
i.search_close, i.search_close:hover {
  background: url(../docs/f00d_icon.svg) no-repeat center center;
}
#cart {}
.input-lg {
  border-radius: 4px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover {
  background: none;
}
.nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, #nav_menu .nav > li > a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.nav > li {
  position: static;
}
#nav_menu .nav > li > a {
  color: #fff;
  padding: 22px 12px 22px;
  font-size: 20px;
  font-weight: bold;
  font-family: "DINPro-CondBold", "RobotoRegular", "DIN", "AvalonBold", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
.navbar-nav {
  position: relative;
}
.father_menu > .dropdown-inner {
  position: absolute;
  margin-left: 0;
  z-index: 999;
  display: none;
  left: 9px;
  width: 1300px;
  height: 300px;
  font-family: "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
.father_menu > .dropdown-inner p {}
.father_menu > .dropdown-inner li {
  padding-bottom: 12px;
}
.father_menu > .dropdown-inner li a {
  color: #000;
  display: block;
  padding: 0px 6px 0px;
  margin: 2px 0;
  font-size: 16px;
  border-left: 0px #ddd solid;
}
#nav_menu .nav .dropdown-inner li a:hover {
  display: inline-block;
  color: transparent;
background-image: linear-gradient(to right, #b91928, #df5c39);
  -webkit-background-clip: text;
}
.dropdown-menu li > a:hover, #top-links .dropdown-menu a:hover {
  background: none;
  color: #111;
  text-decoration: underline;
   text-underline-offset: 0.2em;
}
.news {
  text-indent: 8px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
  border-left: 5px solid #ce1a2b;
  font-family: "DINPro-CondBold", "RobotoRegular", "DIN", "AvalonBold", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
.news-content {
  text-indent: 0px;
  margin-top: 0px;
  line-height: 25px;
  font-size: 18px;
}
.news-content-m {
  text-indent: 0px;
  padding-top: 5px;
  line-height: 24px;
  font-size: 18px;
}
.news-content:hover {
  text-decoration: underline;
}
.typography-innovation-copy-gradient {
  font-weight: 600;
}
.gradient-text {
  display: inline-block;
  color: transparent;
background-image: linear-gradient(to right, #b91928, #df5c39);
  -webkit-background-clip: text;
}
.red-text {
  display: inline-block;
  color: #d91b23;
  font-weight: bold;
  -webkit-background-clip: text;
}
.gradient-yellow-gray {
  display: inline-block;
  color: transparent;
  background-image: linear-gradient(to right, #F5DF4D, #939597);
  -webkit-background-clip: text;
}
.gradient-christmas {
  display: inline-block;
  color: transparent;
  background-image: linear-gradient(to right, #BC243C, #008571);
  -webkit-background-clip: text;
}
.holiday-red {
  color: #ce1a2b;
}
.table-slide {
  overflow: auto;
}
#cart .dropdown-menu {
  width: 350%;
  margin-top: 20px;
  background: #fff;
  padding: 0;
}
#cart .dropdown-menu li p {
  margin: 16px 20px;
  min-width: 210px;
  word-break: break-all;
  white-space: normal
}
#cart .dropdown-menu a:hover {
  color: #888;
}
.owl-carousel {
  margin-bottom: 10px;
}
.owl-pagination {
  top: -10px !important;
}
.owl-wrapper-outer {
  border: none !important;
  -webkit-box-shadow: 0 0 0 0 !important;
  -moz-box-shadow: 0 0 0 0 !important;
  -o-box-shadow: 0 0 0 0 !important;
  box-shadow: 0 0 0 0 !important;
}
.owl-controls {
  margin-top: -20px;
}
.owl-controls .owl-page span {
  background: #999 !important;
  width: 8px !important;
  height: 8px !important;
  box-shadow: 0 0 0 0 !important;
  border-radius: 4px !important;
  border: solid 1px #999;
}
.owl-controls .owl-page.active span {
  background: none !important;
  border: solid 1px #fa4747;
  box-shadow: 0 0 0 0 !important;
  width: 9px !important;
  height: 9px !important;
}
.feature_image {
  width: 25%;
  float: left;
  overflow: hidden;
}
.feature_image a {
  display: block;
  margin: 2px 1px 1px;
}
.note {
  padding: 15px 0px 25px 15px;
}
footer {
  background: #f5f5f5;
  border-top: none;
  color: #666;
  margin-top: 0px;
}
.footer-menu {
  color: #000;
  font-size: 18px;
  padding-top: 5px;
  padding-left: 10px;
}
.promo-photo-PC {
  margin-top: 0cm;
}
.promo-photo-mobile {
  display: none;
}
footer h5 {
  padding-left: 16px;
  font-weight: bold;
}
footer strong {
  padding-left: 16px;
  font-weight: bold;
  color: #000;
  line-height: 36px;
}
footer a {
  line-height: 30px;
}
footer a:hover {
  line-height: 30px;
/*  text-decoration: underline;*/
}
footer hr {
  border-color: #e3e3e3;
}
.promo-position-news {
  list-style-type: none;
  box-sizing: border-box;
  color: #333;
  text-align: left;
  vertical-align: top;
  padding: 5px 3px 5px 15px;
  line-height: 130%;
  margin: 10px 5px 15px 20px;
}
.promo-position {
  list-style-type: none;
  box-sizing: border-box;
  color: #000;
  text-align: left;
  vertical-align: top;
  padding: 10px;
}
.promo-position img {
  aspect-ratio: 47 / 29;
}
.promo-position-1 {
  margin: 20px 0 12px 0;
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.promo-position-2 {
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}
.promo-position-3 {
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
}
.highlight {
  line-height: 25px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.promo-position-pc {
  display: block;
  align-items: center;
}
.promo-position-mobile {
  display: none;
}
.small-banner-mobile
{
	display: none;
}
.small-banner-pc
{
	display: inline;
}
.home-icon {
  padding: 20px;
}
.imgfatbike1 {
  padding: 0;
}
.imgfatbike1 img {
  aspect-ratio: 77 / 23;
}
.imgmtb1 {
  padding: 5px 0;
}
.imgmtb1 img {
  aspect-ratio: 1540 / 521;
}
.imgcny {
  padding: 5px 0;
}
.imgcny img {
  aspect-ratio: 750 / 193;
}
.product-thumb .caption {
  min-height: 0;
}
.product-thumb .caption h4 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 10px;
}
.product-list .product-thumb .button-group {
  border-left: none;
}
.product-list .product-thumb .image {
  padding: 0;
}
.product-thumb .image img {
  display: block;
  aspect-ratio: 1 / 1;
}
.product-thumb {
  position: relative;
  height: 415px;
}
.button-group {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.brand {}
.name {}
.caption p {
  margin: 8px 0;
}
.caption p {
  min-height: 30px;
}
.caption p.price {
  min-height: 0;
}
.breadcrumb {
  display: none;
}
.breadcrumb a {
  color: #3d3d3d;
}
.h4, .h5, .h6, h6 {
  margin-bottom: 12px;
}
.visible-xs {
  display: none !important;
}
.breadcrumb {
  margin: 20px 0;
  padding: 0;
  border: none;
  background: none;
}
.breadcrumb a:hover {
  color: #fa4747;
}
.breadcrumb > li {
  padding: 0;
  margin-right: 13px;
}
.breadcrumb > li:after {
  content: '/';
  display: block;
  width: 0;
  height: 0;
  border-right: none;
  border-bottom: none;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  margin-top: 2px;
  font-size: 15px;
}
.category_pro_img {
  display: none;
}
#content hr {
  margin: 20px 0;
}
ul, li {
  list-style: none;
}
.sub_category_list ul {
  padding-left: 0;
  margin-left: 0;
  width: 100%;
  clear: both;
}
.sub_category_list li {
  float: left;
  margin-bottom: 10px;
}
.sub_category_list li a {
  display: block;
  padding: 5px 18px;
  background: #eee;
  border-radius: 4px;
  margin-right: 10px;
}
.sub_category_list li a:hover {
  background: #ce1a2b;
  color: #fff;
}
.sub_category_list a {
  color: #666;
}
#list-view, #grid-view, #list_btn, #duibi_btn {
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  background: none;
  background-image: none;
  background-repeat: repeat-x;
  border: solid #e5e5e5 1px;
  padding: 8px 9px 6px;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0);
}
.form-control {
  webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.control-label {
  margin-top: 13px;
}
.sort_bythree {
  margin-top: 20px;
}
.category_compare a {
  width: 100%;
  display: block;
  color: #666;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  border: solid #e5e5e5 1px;
}
.category_compare a:hover {
  color: #ce1a2b;
}
.caption a {
  color: #444;
  font-size: 28px;
  font-family: "DINPro-CondBold", "DIN", "AvalonBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
.caption a:hover {
  display: inline-block;
  color: transparent;
/*  background-image: linear-gradient(to right, #ce1a2b, #ff6b01);*/
background-image: linear-gradient(to right, #b91928, #df5c39);
  -webkit-background-clip: text;
}
.price {
  font-size: 26px;
}
.fa-stack {
  margin-top: -8px;
}
.form-horizontal .control-label {
  padding-top: 0;
}
.product-thumb .price, .product-thumb .price-tax {
  color: #ce1a2b;
}
.buttons {
  padding: 0 5px 40px 0;
}
.img-thumbnail {
  border: none;
}
.panel-default {
  margin: 5px;
}
.pagination {
  margin-bottom: 15px;
}
.panel.panel-default address {
  margin: 0;
}
.contact_us {
  padding: 20px 15px 0;
}
.tags_produce {
  margin-top: 10px;
}
.tags_produce a {
  display: inline-block;
  padding: 5px 10px;
  background: #f2f2f2;
  border-radius: 4px;
  margin: 0 5px 10px 0;
}
.tags_produce a:hover {
  background: #ce1a2b;
  color: #fff;
}
#tab-description ul, #tab-specification ul {
  clear: both;
  padding-left: 0;
  margin-left: 0;
}
#tab-description h3, #tab-specification h3 {
  clear: both;
}
#tab-description ul li, #tab-specification ul li, p.note_message {
  border-radius: 3px;
  border: dashed 0px #ebebeb;
  display: inline-block;
  padding: 0 8px;
  margin: 5px -2px 5px 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 48%;
}
p.note_message, #tab-specification ul li.note {
  margin-left: 0;
  width: 100%;
}
#tab-specification ul li.notes, #tab-specification ul li.application {
  width: 98%;
}
.application span, .design span {
  display: none;
}
#tab-specification ul li.lighter {
	display: inline-block;
	color: #000;
	width: 98%;
}
#tab-specification ul li.stronger {
	display: inline-block;
	color: #000;
	width: 98%;
}
#tab-specification ul li.safe {
	display: inline-block;
	color: #000;
	width: 98%;
}
#tab-specification ul li.disadvantage {
	display: inline-block;
	color: #000;
	width: 98%;
}
#tab-specification ul li.application {
  color: #000;
}
#tab-specification ul li.feature {
    display: inline-block;
    color: transparent;
	background-image: linear-gradient(to bottom right, #a88658, #e9ba7b);
    -webkit-background-clip: text;
	width: 98%;
}
.feature span{
	display:none;
}
#tab-specification ul li.design, #tab-specification ul.features li {
  margin-left: 2%;
  width: 98%;
}
#tab-specification .price {
  font-size: 13px;
  font-weight: normal;
}
#tab-specification ul.design.features span {
  display: none;
}
#tab-description p.note_message:hover {
  background: #f2f2f2;
}
#tab-description ul li:hover {
  background: #f2f2f2;
  color: #333;
}
#tab-description img {
  border-radius: 3px;
  margin: 5px 0;
}
.product_list_attribute {
  display: none;
}
.note_message, p.note_message:hover {
  color: #ff8c00;
}
.rating {
  margin-top: 10px;
}
.form-group {
  clear: both;
}
.form-group .radio img, .form-group .radio img {
  display: block;
  margin-bottom: 5px;
  margin-left: -5px;
}
.checkbox + .checkbox, .radio + .radio, .checkbox, .radio {
  margin-top: 0;
}
.checkbox, .radio {
  margin-bottom: 5px;
}
.radio_attr_name {
  display: block;
  text-align: center;
}
.radio img {
  margin: 0 auto !important;
}
.text-danger {
  margin-top: 17px;
}
h4.attri_name label {
  font-size: 17px;
  font-weight: bold;
}
#product .form-group .radio {
  float: left;
  margin: 2px 7px 5px 2px;
}
.decal .radio {
  min-width: 100px;
  text-align: center;
}
.radio_image.carbo .radio label {
  min-width: 90px;
}
.radio_image.color .radio {
  min-width: 110px;
}
.product_content_btn {
  margin-bottom: 10px;
}
#product {}
#product .form-group .radio label {
  border: solid 1px #ddd;
  border-radius: 5px;
  padding: 7px 11px;
  display: block;
}
#product .form-group .radio label:hover {
/*  border: solid 2px #000;
  padding: 6px 10px;*/
 border: solid 1px #111;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 17, 17, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 17, 17, .6);
  padding: 7px 11px;
}
#product .form-group .border label {
  border: solid 1px #111;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 17, 17, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 17, 17, .6);
  padding: 7px 11px;
}
.spoke .radio {
  float: left;
  margin-right: 5px;
}
.radio_all .radio input {
  display: none;
}
.fixed {
  position: fixed;
  top: 80px;
  width: 457.5px;
}
.fixed2 {
  position: fixed;
  top: 20px;
  width: 457.5px;
}
.martop500 {
  margin-top: 380px
}
.martop440 {
  margin-top: 400px
}
.product_left_box {
  min-height: 100px;
}
.foot_button {
  display: none;
}
.copyright {
  border-top: solid #e3e3e3 1px;
  padding: 10px 10px 30px;
}
.copyright a {
  color: #000;
}
.copyright a:hover {
  color: #b91928;
}
.copyright p {
  margin: 0;
}
.copyright-icon {
  padding-right: 10px;
  height: 36px;
}
.partners-icon {
	margin: 10px 20px 10px 0;
	height: 70px;
}
.partners-icon-m {
	margin: 8px 10px 5px 0;
	height: 70px;
}
.logo_phone {
  display: none;
}
.front_search {
  border-bottom: solid 1px #e2e2e2;
  width: 100%;
  background-color: rgba(248, 248, 248, 0.95);
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  padding: 0px 0;
  z-index: 2;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.front_search .input-group {
  width: 45%;
  margin: 0 auto;
}
#search {
  margin: 3px auto;
}
.topmar {
  top: 64px;
}
#search .search_button {
  text-shadow: 0 0 0 #fff;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, .0), 0 0 0 rgba(0, 0, 0, .0);
  background-image: none;
}
body.product-search > .front_search, body.product-search .search_icon {
  display: none;
}
.search_results .search_keyword {
  margin-bottom: 6px;
}
#column-right {
  margin-top: 20px;
}
.maintenance {
  min-height: 550px;
  margin-top: 100px;
}
.maintenance h1 {
  text-align: center;
}
#review .fa-stack {
  color: #fc0;
}
.fa-user:before {
  font-size: 21px;
}
.alert {
  margin-top: 20px;
  margin-bottom: 0;
}
.international-distributors
{
	padding-left: 10px;
}
.international-distributors ul {
  padding-left: 0;
}
.company-detail {
  float: left;
  width: 45%;
  padding-right: 5%;
}
.contact_us a.btn-info {
  margin: 20px 0;
}
.article-content {
  padding-bottom: 40px;
}
.article-content h2 {
  color: #ce1a2b;
  margin: 10px 0;
}
.article-content img {
  margin: 30px 0;
}
.zztj a {
  color: #f2f2f2;
}
.zztj a:hover {
  color: #f2f2f2;
  text-decoration: none;
}
.detail-express table {
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  margin-bottom: 30px;
}
.detail-express td {
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  height: 24px;
  line-height: 25px;
  padding: 5px 1%;
}
.detail-express td:nth-child(1) {
  min-width: 30px;
}
.detail-express td:nth-child(2) {
  width: 30%;
}
.detail-express tr:before, .detail-express tr:after {
  display: table;
  content: "";
}
.detail-express tr.gry {
  background: #f9f9f9;
}
#nav_menu .nav > li.old-website > a {
  color: #ce1a2b;
}
#nav_menu .nav > li.gallery > a {
  color: #ff0;
}
#tab-review .pagination li {
  background: none;
  border-radius: 0;
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: auto;
}
h2.review-count {
  color: #444;
}
#tab-specification li.aio.system {
  width: 98%;
}
.cn_zz {
  display: none;
}
.google-rating {
  display: none;
}
body.blog-blog > header, body.blog-home > header {
  margin-top: -25px;
}
.blog_grid_holder > .blog_item .image {
  float: left;
  margin-right: 25px;
}
.row {
	padding: 10px 5px;
}
@media (max-width:1540px)
{
	.distributor-container {
    display: grid;
    grid-template-columns: 600px 600px;
	}
}
@media (max-width:1240px)
{
	.distributor-container {
    display: grid;
    grid-template-columns: 500px 500px;
	}
}
@media (max-width:1040px)
{
	.distributor-container {
    display: grid;
    grid-template-columns: auto;
	}
}
@media (max-width:1134px) {
  #top #top-links li {
    color: #000;
    text-shadow: 0px 0px 5px #fff;
    text-decoration: none;
  }
  #top-links a {
    color: #111;
  }
  #top-links a:hover {
    color: #111;
  }
  i.search_icon, i.search_icon:hover {
    background: url(../docs/f002_icon.svg) no-repeat center center;
  }
  i.search_close, i.search_close:hover {
    background: url(../docs/f00d_icon.svg) no-repeat center center;
  }
  #cart {
    margin-top: -2px;
  }
	.banner-adjust{
		margin-top:61px;
	}
  .vista-bg {
    background-color: #111;
    padding: 50px 20px 20px;
  }
  .article-bg {
    padding: 50px 20px 20px;
  }
  .alert {
    margin-top: 58px;
    margin-bottom: 0;
  }
}
@media (max-width:950px) {
  .addbottom {
    bottom: -300px;
    height: 300px;
  }
  .col-sm-99 {
    float: left;
    width: 100%;
  }
 .row {
    padding-top: 10px;
  }
  .product-row {
    padding-top: 0px;
  }
	.small-banner-mobile
	{
		display: inline;
	}
	.small-banner-pc
	{
		display: none;
	}
	footer .row {
		padding-top: 10px;
	}
  .fa-user {
    padding-top: 8px;
  }
  .vista-bg {
    background-color: #111;
    padding: 10px 20px;
  }
  .article-bg {
    padding: 10px 20px 20px;
  }
  h2 {
    font-size: 28px;
  }
  .price {
    font-size: 26px;
  }
  p {
    margin-bottom: 3px;
  }
  .display-pc {
    display: none;
  }
  .display-mobile {
    display: inline;
  }
  .grid-container {
    display: grid;
    grid-template-columns: auto;
  }
  .fat-grid-container {
    display: grid;
    grid-template-columns: 290px 200px 160px;
  }
  .mtb-grid-container {
    display: grid;
    grid-template-columns: 230px 230px 180px;
  }
  .road-grid-container {
    display: grid;
    grid-template-columns: 300px 220px 180px;
  }
  .gravel-grid-container {
    display: grid;
    grid-template-columns: 220px 220px 180px;
  }
  .bmx-grid-container {
    display: grid;
    grid-template-columns: 200px 200px;
  }
  .grid-h {
    padding: 0;
  }
  .grid-h0 {
    padding: 0 0 0 20px;
    font-size: 20px;
  }
  .grid-h0a {
    padding: 5px 0 5px 0;
    font-size: 24px;
  }
  .grid-h1 {
    font-family: "DINPro-CondBold", "RobotoRegular", "DIN", "AvalonBold", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
    font-size: 20px;
    line-height: 22px;
  }
  .grid-h1-white {
    font-family: "DINPro-CondBold", "RobotoRegular", "DIN", "AvalonBold", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
    font-size: 20px;
    line-height: 22px;
  }
  .grid-h2 {
    display: none;
  }
  .sup-style-new-h2 {
    display: none;
  }
  .btn-group > .btn {
/*    padding-top: 10px;*/
    font-size: 16px;
  }
  #top {
    padding-bottom: 45px;
    min-height: 58px;
  }
  #top-links ul.list-inline {
    position: relative;
    padding: 0 33px 0 33px;
    margin-top: 44px;
  }
  i.search_icon {
    background: url(../docs/f002_icon.svg) no-repeat center center;
    cursor: pointer;
    height: 46px;
    width: 18px;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 19px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  i.search_icon:hover {
    background: url(../docs/f002_icon.svg) no-repeat center center;
  }
  i.search_close, i.search_close:hover {
    background: url(../docs/f00d_icon.svg) no-repeat center center;
  }
  .addbottom {
    bottom: -420px;
    height: 420px;
  }
  #nav_menu {
    position: absolute;
    margin-top: 58px;
    z-index: 1000;
  }
  #nav_menu .nav > li > a {
    padding: 12px 0px 0px 12px;
    color: #000;
  }
  .father_menu > .dropdown-inner {
    width: 1460px;
  }
  .father_menu > .dropdown-inner li a {
    padding: 0 4px;
  }
  .feature_image {
    width: 50%;
  }
  .breadcrumb {
    display: none;
  }
  .sort_bythree .text-right {
    text-align: left;
  }
  .category_compare a {
    height: 38px;
    line-height: 38px;
  }
  .category_compare {
    padding-top: 20px;
  }
  #column-right {
    margin-top: 20px;
  }
  .panel-default {
    margin-top: 20px;
  }
  .topmar {
    top: 110px;
  }
}
@media (max-width:950px) {
  .fa-bars {
    color: #888;
  }
  #top {
    border-bottom: solid 1px #eee;
    border-bottom: none;
    padding-bottom: 0;
    min-height: 62px;
  }
  #logo {
    display: block;
    position: absolute;
    left: 45%;
    margin: 14px 0 0 -78px;
  }
  #top-links {
    width: 100%;
    position: absolute;
    right: 0;
    padding-left: 40px;
    padding-top: 14px;
  }
  #top-links ul.list-inline {
    top: auto;
    right: 0;
    position: absolute;
  }
  #top-links ul.list-inline > li.dropdown, .phone_account ul.list-inline li.dropdown {
    position: absolute;
    left: 0;
  }
  #nav_menu {
    margin-left: -15px;
  }
  #nav_menu .nav > li > a {
    padding: 15px 0px 15px 15px;
    color: #000;
    font-size: 24px;
  }
  .navbar-collapse {
    padding: 0;
  }
  #cart {
    margin: 10px 0 0 0;
  }
  #cart .dropdown-menu {
    width: 160%;
    min-width: 240px;
    margin: 10px 0 0;
    right: 0;
  }
  .open > .dropdown-menu {
    margin-top: 2px;
  }
  .open > .dropdown-menu a {
    height: 40px;
  }
  .navbar-header {
    position: absolute;
    top: -2px;
    left: 10px;
  }
  .navbar-header .btn {
    background: #fff;
    margin-top: 72px;
  }
  .btn-group {
    margin: -47px 0px 0px 65px;
  }
  #nav_menu {
    position: relative;
    margin: 0;
    background: #fff;
    display: block;
    padding: 0;
    width: 100%;
    margin-top: 108px;
  }
  .father_menu > .dropdown-inner li a {
    border: none;
    padding: 5px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-collapse.in {
    overflow: visible;
  }
  .navbar-collapse.in > ul > li a {
    padding-left: 20px;
  }
  .nav > li {
/*    border-bottom: solid 1px #eee;*/
  }
  .father_menu > .dropdown-inner {
    position: static;
    width: 100%;
  }
  .father_menu > .dropdown-inner li {
    float: none;
    padding-bottom: 5px;
  }
  .father_menu > .dropdown-inner li a {
    color: #000;
    font-size: 16px;
  }
  .sub_menu {
    display: none;
  }
  .owl-pagination {
    top: -10px !important;
  }
  .category_list_all .col-xs-12 {}
  .product-list .product-thumb .caption {
    min-height: 150px;
  }
  .sort_bythree, .product_content_btn {
    display: none;
  }
  .relation_produce {
    width: 100%;
  }
  .col-lg-3 {
    width: 50%;
  }
  .product-thumb .rating {
    display: block;
    margin: 10px 0 0;
  }
  footer {}
  .footer_four ul.list-unstyled {
    display: none;
  }
  .footer_four p {
    line-height: 28px;
    height: 42px;
    border-bottom: solid 1px #e3e3e3;
    cursor: pointer;
  }
  .footer_four .list-unstyled {
    border-bottom: solid #e3e3e3 1px;
    padding-bottom: 20px;
    padding-left: 16px;
  }
  .foot_button {
    display: inline-block;
    width: 30px;
    text-align: center;
    font-size: 18px;
  }
  .phone_account {
    display: block;
    background: #eee;
    padding: 0 10px 0px 20px;
  }
  .phone_account .list-inline {
    float: right;
    margin-top: 12px;
  }
  .phone_account a {
    color: #333;
  }
  .copyright {
    border: none;
  }
  .company-detail {
    width: 100%;
    padding-right: 0;
  }
  .cart_button {
    margin-top: 3px;
    margin-right: 15px;
  }
  .currencystyle {
    color: #999;
  }
}
.product-thumb .price {
  padding: 8px 0px;
  display: inline-block;
  color: transparent;
  background-image: linear-gradient(to right, #ecb94b, #fbeac1);
  -webkit-background-clip: text;
  color: #ce1a2b;
  font-weight: bold;
  font-size: 26px;
  font-family: "DINPro-CondBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
  position: absolute;
}
.product-thumb .product-thumb .price-old .price-tax {
  color: #ce1a2b;
  font-weight: bold;
  font-size: 30px;
  font-family: "DINPro-CondBold", "RobotoRegular", Arial, sans-serif, "myfonts", "PFD", 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica;
}
@media (max-width:768px) {
  .father_menu > .dropdown-inner {
    height: 550px;
  }
  .vista-bg {}
  #tab-specification ul li {
    width: 98%;
  }
  #content {}
  .promo-position-pc {
    display: none;
  }
  .promo-position-mobile {
    display: inline;
  }
  .promo-photo-PC {
    display: none;
  }
  .promo-photo-mobile {
    display: inline;
  }
  .banner-size-mobile img {
    aspect-ratio: 47 / 29;
    margin-bottom: 10px;
  }
  .col-sm-12 {
    float: left;
    width: 100%;
    padding: 0 5px;
  }
  .col-sm-99 {
    float: left;
    width: 100%;
  }
  .col-lg-3 {
    width: 100%;
  }
  .fat-grid-container {
    display: grid;
    grid-template-columns: auto;
  }
  .mtb-grid-container {
    display: grid;
    grid-template-columns: auto;
  }
  .road-grid-container {
    display: grid;
    grid-template-columns: auto;
  }
  .gravel-grid-container {
    display: grid;
    grid-template-columns: auto;
  }
  .bmx-grid-container {
    display: grid;
    grid-template-columns: auto;
  }
}