body { background: #fff; }

a { transition: all 0.3s linear; }
a:hover { text-decoration: none; }

.x { clear: both; }
.x1 { clear: both; height: 10px; }
.x2 { clear: both; height: 20px; }
.x3 { clear: both; height: 30px; }

.btn-primary { background-color: #FF6600; border-color: #FF6600; color: #fff; transition: all 0.3s linear; }
.btn-primary:hover { background-color: #000; border-color: #000; color: #fff; }

.slick-slide, .slick-slide a, .slick-slide:focus { outline: none; }

#header { background: #fff; border-bottom: 1px #ddd solid; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#header #logo { text-align: center; display: block; width: 100px; }
#header #logo img { width: 100px; height: auto; position: absolute; z-index: 5; margin-left: 7.5px; }
#header .nav-link-home span { display: block; width: 20px; height: 20px; margin-top: 22px; background: url('../images/icon-home.png') center center no-repeat; }
#header .nav-link-cart span { display: block; width: 27px; height: 20px; margin-top: 22px; background: url('../images/icon-cart.png') center center no-repeat; }
#header .nav-link-search span { display: block; width: 20px; height: 20px; margin-top: 22px; background: url('../images/icon-search.png') center center no-repeat; }
#header .nav-link-profile span { display: block; width: 27px; height: 20px; margin-top: 22px; background: url('../images/icon-profile.png') center center no-repeat; }
#header .header-left .navbar { padding: 0; }
#header .header-left .nav-link { color: #444; padding: 0; margin: 0 30px; line-height: 65px; font-size: 16px; font-weight: 600; letter-spacing: 1px; }
#header .header-left .nav-link:first-child { margin-left: 0; }
#header .header-left .nav-link:hover { color: #FF6600; }
#header .header-right .navbar { padding: 0; float: right; }
#header .header-right .nav-link { color: #444; padding: 0; margin: 0 30px; line-height: 65px; font-size: 16px; font-weight: 600; letter-spacing: 1px; }
#header .header-right .nav-link:last-child { margin-right: 0; }
#header .header-right .nav-link-profile { margin-right: 0; }
#header .header-right .nav-link:hover { color: #FF6600; }
#header .header-right .header-cart-count { position: absolute; width: 18px; height: 18px; margin: -25px 0 0 20px; font-weight: 400; font-family: 'Nunito', sans-serif; background: #FF6600; color: #fff; text-align: center; font-size: 10px; line-height: 19px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; }

#showcase { color: #fff; width: 100%; max-width: 1920px; margin: 0 auto; }
#showcase .cont-pad { padding-left: 15px; padding-right: 15px; }
#showcase .showcase-col1 { width: 50%; float: left; }
#showcase .showcase-col1 img { margin-top: 40px; }
#showcase .showcase-col1 .slide1 { height: 750px; width: 100%; background: url('../images/showcase1.jpg') center center no-repeat; background-size: cover; }
#showcase .showcase-col1 .slide2 { height: 750px; width: 100%; background: url('../images/showcase2.jpg') center center no-repeat; background-size: cover; }
#showcase .showcase-col1 .slide3 { height: 750px; width: 100%; background: url('../images/showcase3.jpg') center center no-repeat; background-size: cover; }
#showcase .showcase-col1 .slide4 { height: 750px; width: 100%; background: url('../images/showcase4.jpg') center center no-repeat; background-size: cover; }
#showcase .slide-subtitle { font-size: 35px; line-height: 35px; margin-top: 40px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#showcase .slide-title { font-size: 50px; line-height: 50px; font-weight: 700; color: #fff; font-family: 'Oswald', sans-serif; margin-bottom: 30px; text-transform: uppercase; }
#showcase .slide-content { font-size: 16px; margin-bottom: 40px; }
#showcase .slide-button a { background: #FF6600; color: #fff; font-size: 18px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px 25px; transition: all 0.3s linear; }
#showcase .slide-button a:hover { background: #000; color: #fff; }
#showcase .showcase-col2 { width: 50%; float: right; }
#showcase .showcase-col2 .slide-subtitle { margin-top: 100px; font-size: 25px; }
#showcase .showcase-col2 .slide-title { margin-bottom: 50px; font-size: 40px; }
#showcase .showcase-col2 .showcase-parts { height: 375px; width: 100%; background: url('../images/showcase-parts.jpg') center center no-repeat; background-size: cover; }
#showcase .showcase-col2 .showcase-sell { height: 375px; width: 100%; background: url('../images/showcase-sell.jpg') center center no-repeat; background-size: cover; }

#checkout h4 { color: #000 !important; text-transform: uppercase; font-family: 'Oswald', sans-serif; }
#checkout h4.text-muted { color: #000 !important; }

.sidebar-showcase-parts { width: 100%; background: url('../images/showcase-parts.jpg') center center no-repeat; background-size: cover; margin-bottom: 30px; }
.sidebar-showcase-parts .cont-pad { padding: 30px; }
.sidebar-showcase-parts .slide-subtitle { font-size: 16px; line-height: 16px; margin-top: 30px; margin-bottom: 5px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.sidebar-showcase-parts .slide-title { font-size: 25px; line-height: 25px; font-weight: 700; color: #fff; font-family: 'Oswald', sans-serif; margin-bottom: 30px; text-transform: uppercase; }
.sidebar-showcase-parts .slide-content { font-size: 16px; margin-bottom: 40px; }
.sidebar-showcase-parts .slide-button a { background: #FF6600; color: #fff; font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px; transition: all 0.3s linear; }
.sidebar-showcase-parts .slide-button a:hover { background: #000; color: #fff; }

.sidebar-showcase-sell { width: 100%; background: url('../images/showcase-sell.jpg') center center no-repeat; background-size: cover; margin-bottom: 30px; }
.sidebar-showcase-sell .cont-pad { padding: 30px; }
.sidebar-showcase-sell .slide-subtitle { font-size: 16px; line-height: 16px; margin-top: 30px; margin-bottom: 5px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.sidebar-showcase-sell .slide-title { font-size: 25px; line-height: 25px; font-weight: 700; color: #fff; font-family: 'Oswald', sans-serif; margin-bottom: 30px; text-transform: uppercase; }
.sidebar-showcase-sell .slide-content { font-size: 16px; margin-bottom: 40px; }
.sidebar-showcase-sell .slide-button a { background: #FF6600; color: #fff; font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px; transition: all 0.3s linear; }
.sidebar-showcase-sell .slide-button a:hover { background: #000; color: #fff; }

.go-to-category-box { background: #F8FAFC; padding: 30px; margin-bottom: 30px; display: block; text-align: center; }
.go-to-category-box:hover { background: #eee; }
.go-to-category-box .product-title { font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #222; margin-top: 20px; font-family: 'Oswald', sans-serif; }
.go-to-category-box .product-price { font-size: 14px; font-weight: 600; color: #222; margin-top: 5px; }

.product { background: #fff; border: 1px #eee solid; padding: 30px; margin-bottom: 30px; display: block; text-align: center; transition: all 0.3s linear; }
.product:hover { background: #fff; border-color: #FF6600; }
.product .product-title { font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #222; margin-top: 20px; font-family: 'Oswald', sans-serif; }
.product .product-price { font-size: 14px; font-weight: 600; color: #FF6600; margin-top: 5px; }

.product-big .product-title { font-size: 28px; font-weight: 600; letter-spacing: 1px; color: #222; margin-top: 20px; font-family: 'Oswald', sans-serif; }
.product-big .product-desc { font-size: 14px; line-height: 24px; color: #666; margin: 10px 0; }
.product-big .product-price { font-size: 18px; font-weight: 600; color: #FF6600; margin-top: 5px; }

.product-white { background: #fff; border: 1px #eee solid; padding: 30px; margin-bottom: 30px; display: block; position: relative; text-align: center; transition: all 0.3s linear; }
.product-white:hover { border-color: #FF6600; }
.product-white img { max-width: 100%; height: auto; max-height: 205px; width: auto; }
.product-white .product-title { font-size: 18px; font-weight: 600; min-height: 56px; letter-spacing: 1px; color: #222; margin-top: 20px; font-family: 'Oswald', sans-serif; }
.product-white .product-price { font-size: 14px; font-weight: 600; color: #FF6600; margin-top: 5px; }
.product-white .add-to-wishlist { position: absolute; z-index: 6; top: 15px; right: 15px; font-size: 18px; color: #ddd; }
.product-white .add-to-wishlist:hover { color: #FF6600; }
.product-white .add-to-wishlist.add-to-wishlist-active { color: #FF6600; }
.product-status-quickinfo { position: absolute; top: 20px; left: 15px; color: #333; font-size: 11px; line-height: 18px; }
.product-status-quickinfo:before { content: ""; width: 15px; height: 15px; background: #ddd; float: left; display: block; margin-right: 7px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.product-status-quickinfo.product-status-quickinfo-0:before { background: #DC3545; }
.product-status-quickinfo.product-status-quickinfo-1:before { background: #28A745; }
.product-status-quickinfo.product-status-quickinfo-2:before { background: #FFC107; }
.product-size-quickinfo { position: absolute; top: 20px; right: 15px; color: #fff; font-size: 11px; line-height: 20px; padding: 0 10px; background: #FF6600; }
.product-size-quickinfo:before { content: "Rozmiar: "; font-weight: 700; width: auto; float: left; display: block; margin-right: 7px; }


#motoSearch { width: 100%; line-height: 50px; padding: 0 20px; }
/* The input. */
input.mp_input {
  border: 1px solid #000000;
  font: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 3px;
  
}

/* Ordered list for display results. */
ol.mp_list {
  background-color: #FFFFFF;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  z-index: 99999;
  margin: 0; padding: 0; 
  list-style: none;
  width: calc(100% - 100px);
  height: 300px;
}

/* Each list item, regardless of success, error, etc. */
ol.mp_list li {
  border-bottom: 1px solid #C0C0C0;
  padding: 5px 10px;
  list-style: none;
  font-size: 12px;
}

/* Each list item from a successful request. */
ol.mp_list li.mp_item {

}

/* Each list item that's selectable. */
ol.mp_list li.mp_selectable {
  cursor: pointer;
}

/* Currently highlighted list item. */
ol.mp_list li.mp_highlighted {
  background-color: #E0E0E0;
}

/* When a request is made that returns zero results. */
ol.mp_list li.mp_no_results {

}

/* When a request is made that doesn't meet the 'minChars' length option. */
ol.mp_list li.mp_min_chars {

}

/* When a request is made that fails during the ajax request. */
ol.mp_list li.mp_error {

}

#search_spareparts_motocycles_box { background: #000; padding: 50px; position: relative; }
#search_spareparts_motocycles_box #search_spareparts_motocycles { width: 100%; }
.select2-selection__rendered {
  line-height: 50px !important;
}
.select2-container .select2-selection--single {
  height: 50px !important;
  border-radius: 0 !important;
}
.select2-selection__arrow {
  height: 50px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #FF6600;
  color: #fff;
}

#product .product-status-quickinfo { position: static; }

#tpaythanks { padding-top: 50px; }
#tpaythanks .tpaythanks-title { font-size: 25px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #222; margin-bottom: 20px; font-family: 'Oswald', sans-serif; }

.partsbyyear { padding-top: 40px; }
.partsbyyear h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.partsbyyear a { padding: 5px 15px; color: #000; border: 1px #ddd solid; border-top: 0; display: block; }
.partsbyyear a.first { border-top: 1px #ddd solid; }
.partsbyyear a:hover { background: #eee; }

#motocycles { background: #fff; }
#motocycles h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#motocycles .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#motocycles .categories-menu .moto-nav-item { color: #000; margin-left: 20px; transition: all 0.3s linear; cursor: pointer; }
#motocycles .categories-menu .moto-nav-item-all { color: #000; margin-left: 20px; transition: all 0.3s linear; cursor: pointer; }
#motocycles .categories-menu .moto-nav-item:hover { color: #666; }
#motocycles .categories-menu .moto-nav-item-all:hover { color: #666; }
#motocycles .categories-menu .moto-nav-item.active { color: #FF6600; }

#bestsellers { background: #fff; }
#bestsellers h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#bestsellers .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#bestsellers .categories-menu .moto-nav-item { color: #000; margin-left: 20px; transition: all 0.3s linear; cursor: pointer; }
#bestsellers .categories-menu .moto-nav-item:hover { color: #666; }
#bestsellers .categories-menu .moto-nav-item.active { color: #FF6600; }

#blog { padding: 0; background: #fff; }
#blog h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#blog .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#blog .categories-menu a { color: #000; margin-left: 20px; }
#blog .categories-menu a.active { color: #FF6600; }
#blog .categories-menu a:hover { color: #666; }
#blog a.btn-show-more { color: #FF6600; font-size: 16px; line-height: 30px; font-weight: 600; }
#blog a.btn-show-more:hover { color: #000; }
#blog .blog-loop { background: #000; position: relative; transition: all 0.3s linear; margin-bottom: 30px; }
#blog .blog-loop .blog-thumbnail { margin: 0 0 20px 0; width: 100%; height: 335px; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.3s linear; }
#blog .blog-loop:hover .blog-thumbnail { opacity: 0.8; }
#blog .z-index { position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%); }
#blog .blog-title { color: #fff; font-size: 20px; line-height: 25px; text-transform: uppercase; font-weight: 600; display: block; margin-top: 15px; font-family: 'Oswald', sans-serif; }
#blog .blog-created-at { background: #FF6600; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 5px;  }

#blogsingleheader .blog-head { position: relative; background: #000; }
#blogsingleheader .blog-head .blog-background { opacity: 0.7; }
#blogsingleheader .blog-head .z-index { position: absolute; z-index: 5; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 70%, rgba(0,0,0,0) 100%); bottom: 0; width: 100%; padding: 50px 30px 30px 30px; }
#blogsingleheader .blog-head .z-index { position: absolute; z-index: 5; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 70%, rgba(0,0,0,0) 100%); bottom: 0; width: 100%; padding: 50px 30px 30px 30px; }
#blogsingleheader .blog-head .z-index h1 { color: #fff; font-size: 30px; line-height: 35px; text-transform: uppercase; font-weight: 700; display: block; margin: 15px 0 0 0; font-family: 'Oswald', sans-serif; }
#blogsingleheader .blog-head .z-index .blog-date { background: #FF6600; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 5px; }

#news { padding: 0; background: #fff; }
#news h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#news .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#news .categories-menu a { color: #000; margin-left: 20px; }
#news .categories-menu a.active { color: #FF6600; }
#news .categories-menu a:hover { color: #666; }
#news .news-loop { background: #fff; border: 1px #eee solid; position: relative; transition: all 0.3s linear; margin-bottom: 30px; }
#news .news-loop .news-thumbnail { margin: 0; width: 30%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.3s linear; float: left; }
#news .news-loop:hover { border-color: #FF6600; }
#news .z-index { width: 70%; padding: 20px; float: right; }
#news .z-index .news-info { padding-right: 30px; }
#news .news-title { color: #000; font-size: 20px; line-height: 25px; height: 50px; overflow: hidden; text-transform: uppercase; font-weight: 600; display: block; margin-top: 15px; margin-bottom: 10px; font-family: 'Oswald', sans-serif; }
#news .news-created-at { background: #666; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 5px;  }
#news .news-excerpt { font-size: 13px; color: #666;  }
#news .news-loop-big .news-thumbnail { width: 100%; float: none; }
#news .news-loop-big .news-info { padding-right: 0; }
#news .news-loop-big .news-info { padding-right: 0; }
#news .news-loop-big .z-index { width: 100%; float: none; }

#team { padding: 0; background: #fff; }
#team h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#team .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#team .categories-menu a { color: #000; margin-left: 20px; }
#team .categories-menu a.active { color: #FF6600; }
#team .categories-menu a:hover { color: #666; }
#team .team-header-menu { background: #F8FAFC; padding: 20px; margin-bottom: 30px; }
#team .team-header-menu h2 { margin: 0; padding: 0; }
#team .team-header-menu .categories-menu { margin: 0; padding: 0; }
#team .video-box .video-box-player { position: relative; }
#team .video-box .video-box-player:before { position: absolute; z-index: 5; content: ""; width: 100%; height: calc(100% - 8px); background: rgba(0,0,0,0.7); }
#team .video-box .video-box-content { position: absolute; z-index: 6; color: #fff; text-align: center; width: 100%; }
#team .video-box .video-box-content h2 { font-size: 50px; line-height: 50px; font-weight: 600; color: #fff; padding: 0; margin: 290px 0 50px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#team .video-box .video-box-content .video-box-description { font-size: 16px; color: #fff; max-width: 700px; margin: 0 auto; }
#team .video-box .video-box-player video { width: 100%; height: auto; }
#team .team-single { margin-bottom: 30px; position: relative; }
#team .team-single .team-number { position: absolute; z-index: 5; color: #000; font-weight: 700; top: 20px; right: 20px; width: 70px; height: 70px; font-size: 20px; font-family: 'Oswald', sans-serif; padding-top: 17px; background: url('../images/team-number.png') center center no-repeat; }
#team .team-single .team-instagram { position: absolute; z-index: 5; top: 20px; left: 20px; background: #FF6600; padding: 5px; transition: all 0.3s linear; }
#team .team-single .team-instagram:hover { background-color: #000; }
#team .team-single .z-index { position: absolute; z-index: 5; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 100%); bottom: 0; width: 100%; padding: 50px 30px 30px 30px; }
#team .team-single .z-index h4 { color: #fff; font-size: 20px; line-height: 35px; text-transform: uppercase; font-weight: 700; display: block; margin: 15px 0 0 0; font-family: 'Oswald', sans-serif; }

.team-modal { background: #fff; width: 90%; max-width: 1200px; }
.team-modal .team-content { padding: 40px; }
.team-modal .showcase-subtitle { font-size: 30px; line-height: 40px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.team-modal .showcase-title { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.team-modal .showcase-title span { color: #FF6600; }
.team-modal .showcase-info { color: #333; font-size: 14px; height: 330px; padding-right: 30px; overflow: scroll; overflow-x: hidden; }
.team-modal .showcase-info::-webkit-scrollbar { width: 10px; }
.team-modal .showcase-info::-webkit-scrollbar-track { background: #f1f1f1; }
.team-modal .showcase-info::-webkit-scrollbar-thumb { background: #FF6600; }
.team-modal .showcase-info::-webkit-scrollbar-thumb:hover { background: #FF6600; }
.team-modal .team-col-1 { width: 35%; float: left; }
.team-modal .team-col-2 { width: 65%; float: right; }

#service .video-box .video-box-player { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; }
#service .video-box .video-box-player:before { position: absolute; z-index: 5; content: ""; width: 100%; max-width: 1920px; margin: 0 auto; height: calc(100% - 8px); background: rgba(0,0,0,0.7); }
#service .video-box .video-box-content { position: absolute; z-index: 6; color: #fff; text-align: center; width: 100%; }
#service .video-box .video-box-content h2 { font-size: 50px; line-height: 50px; font-weight: 600; color: #fff; padding: 0; margin: 290px 0 50px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#service .video-box .video-box-content .video-box-description { font-size: 16px; color: #fff; max-width: 700px; margin: 0 auto; }
#service .video-box .video-box-player video { width: 100%; max-width: 1920px; margin: 0 auto; height: auto; }

#servicevideo { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: #f00; }

.card .card-header { background: #F8FAFC; }
.card .btn.btn-primary { background: #FF6600; border-color: #FF6600; color: #fff; transition: all 0.3s linear; }
.card .btn.btn-primary:hover { background: #222; border-color: #222; color: #fff; }
.card .btn.btn-link {color: #000; }

#outfit { padding: 0; background: #fff; }
#outfit h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#outfit .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#outfit .categories-menu a { color: #000; margin-left: 20px; }
#outfit .categories-menu a.active { color: #FF6600; }
#outfit .categories-menu a:hover { color: #666; }
#outfit .outfit { position: relative; }
#outfit .outfit .outfit-link { position: absolute; width: 20px; height: 20px; background: #FF6600; border: 2px #fff solid; box-shadow: 0 0 10px #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

#newssingleheader .news-head { position: relative; background: #000; }
#newssingleheader .news-head .news-background { opacity: 0.7; }
#newssingleheader .news-head .z-index { position: absolute; z-index: 5; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 70%, rgba(0,0,0,0) 100%); bottom: 0; width: 100%; padding: 50px 30px 30px 30px; }
#newssingleheader .news-head .z-index h1 { color: #fff; font-size: 30px; line-height: 35px; text-transform: uppercase; font-weight: 700; display: block; margin: 15px 0 0 0; font-family: 'Oswald', sans-serif; }
#newssingleheader .news-head .z-index .news-date { background: #FF6600; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 5px; }

#instagram { padding: 0 0 10px 0; background: #fff; }
#instagram h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#instagram .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#instagram .categories-menu a { color: #000; margin-left: 20px; }
#instagram .categories-menu a.active { color: #FF6600; }
#instagram .categories-menu a:hover { color: #666; }
#instagram .instagram-gallery .slick-slide { margin: 0 15px; }
#instagram .instagram-gallery .slick-list { margin: 0 -15px; }

#newsletterbar { padding: 0 0 10px 0; background: #fff; }
#newsletterbar h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#newsletterbar .newsletter { padding: 30px; color: #fff; background: #000; }
#newsletterbar .newsletter small { font-size: 15px; text-transform: uppercase; margin-bottom: 10px; display: block; }
#newsletterbar .newsletter input { color: #000; background: #fff; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#newsletterbar .newsletter button { color: #fff; background: #FF6600; text-transform: uppercase; font-weight: 700; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.home-ktm-text { line-height: 27px; font-size: 15px; }

#about { background: #fff; }
#about h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#about .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#about .categories-menu a { color: #000; margin-left: 20px; }
#about .categories-menu a.active { color: #FF6600; }
#about .categories-menu a:hover { color: #666; }
#about a.btn-show-more { color: #FF6600; font-size: 16px; line-height: 30px; font-weight: 600; }
#about a.btn-show-more:hover { color: #000; }
#about .about-loop { background: #000; position: relative; transition: all 0.3s linear; margin-bottom: 30px; }
#about .about-loop .about-thumbnail { margin: 0 0 20px 0; width: 100%; height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.3s linear; }
#about .about-loop:hover .about-thumbnail { opacity: 0.7; }
#about .z-index { position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%); }
#about .about-title { color: #fff; font-size: 20px; line-height: 25px; text-transform: uppercase; font-weight: 600; display: block; margin-top: 15px; font-family: 'Oswald', sans-serif; }


#powercols { background: #fff; }
#powercols h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#powercols .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#powercols .categories-menu a { color: #000; margin-left: 20px; }
#powercols .categories-menu a.active { color: #FF6600; }
#powercols .categories-menu a:hover { color: #666; }
#powercols a.btn-show-more { color: #FF6600; font-size: 16px; line-height: 30px; font-weight: 600; }
#powercols a.btn-show-more:hover { color: #000; }
#powercols .about-loop { background: #000; position: relative; transition: all 0.3s linear; margin-bottom: 30px; }
#powercols .about-loop .about-thumbnail { margin: 0 0 20px 0; width: 100%; height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 0.3s linear; }
#powercols .about-loop:hover .about-thumbnail { opacity: 0.7; }
#powercols .z-index { position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%); }
#powercols .about-title { color: #fff; font-size: 20px; line-height: 25px; text-transform: uppercase; font-weight: 600; display: block; margin-top: 15px; font-family: 'Oswald', sans-serif; }

#cartpage { padding-top: 40px; }
#cartpage h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#cartpage .cart-product-image { width: 150px; height: auto; margin-right: 30px; }

#footer { padding: 40px 0; margin-top: 40px; background: #000; color: #ddd; line-height: 25px; }
#footer h4 { font-size: 22px; line-height: 30px; font-weight: 600; color: #fff; padding: 0; margin: 0 0 20px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#footer a { display: block; color: #fff; line-height: 25px; transition: all 0.3s linear; }
#footer a.contact-link { display: inline-block; }
#footer a:hover { color: #FF6600; }

#footercopy { padding: 15px 0; background: #000; border-top: 1px rgba(255,255,255,0.1) solid; font-size: 13px; color: rgba(255,255,255,0.7); }

.page-link { color: #222; }
.page-item.active .page-link { background-color: #FF6600; border-color: #FF6600; color: #fff; }

#blogsingle { padding: 30px; background: #fff; }
#blogsingle h1 { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#blogsingle .blog-thumbnail { margin-bottom: 20px; -webkit-box-shadow: -15px 15px 0px 0px rgba(49,144,109,1); -moz-box-shadow: -15px 15px 0px 0px rgba(49,144,109,1); box-shadow: -15px 15px 0px 0px rgba(49,144,109,1); }
#blogsingle .blog-author { font-size: 20px; line-height: 20px; color: #FF6600; font-weight: 800; margin-bottom: 20px; }
#blogsingle .blog-author span { font-size: 15px; line-height: 20px; color: #666; font-weight: 400; margin-left: 30px; }
#blogsingle .blog-content { font-size: 16px; }
#blogsingle .blog-content h2 { font-size: 25px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; margin: 20px 0 30px 0; padding: 0; }
#blogsingle .blog-content h3 { font-size: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; margin: 20px 0 30px 0; padding: 0; }
#blogsingle .blog-content p:first-child { font-weight: 600; }
#blogsingle .blog-thumbnail-fixed { position: -webkit-sticky; position: sticky; top: 30px; }
#blogsingle .blog-sidebar h4 { font-size: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; margin: 0 0 30px 0; padding: 0; }

#newssingle { padding: 30px; background: #fff; }
#newssingle h1 { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#newssingle .news-thumbnail { margin-bottom: 20px; -webkit-box-shadow: -15px 15px 0px 0px rgba(49,144,109,1); -moz-box-shadow: -15px 15px 0px 0px rgba(49,144,109,1); box-shadow: -15px 15px 0px 0px rgba(49,144,109,1); }
#newssingle .news-author { font-size: 20px; line-height: 20px; color: #FF6600; font-weight: 800; margin-bottom: 20px; }
#newssingle .news-author span { font-size: 15px; line-height: 20px; color: #666; font-weight: 400; margin-left: 30px; }
#newssingle .news-content { font-size: 16px; }
#newssingle .news-content h2 { font-size: 25px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; margin: 20px 0 30px 0; padding: 0; }
#newssingle .news-content h3 { font-size: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; margin: 20px 0 30px 0; padding: 0; }
#newssingle .news-content p:first-child { font-weight: 600; }
#newssingle .news-thumbnail-fixed { position: -webkit-sticky; position: sticky; top: 30px; }
#newssingle .news-sidebar h4 { font-size: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; margin: 0 0 30px 0; padding: 0; }

#breadcrumbs { background: #F8FAFC; color: #FF6600; }
#breadcrumbs .breadcrumb { margin-bottom: 0; background: #F8FAFC; font-size: 12px; color: #FF6600; text-transform: uppercase; }
#breadcrumbs .breadcrumb a { color: #FF6600; }

#contact { padding: 40px 0; background: #fff; }
#contact  h3 { display: block; text-transform: uppercase; font-size: 25px; margin-bottom: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#contact  label { display: block; margin-top: 10px; text-transform: uppercase; font-size: 17px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#contact .contact-subtitle { font-size: 40px; line-height: 40px; }
#contact .contact-title { font-size: 60px; line-height: 60px; font-weight: 800; margin-bottom: 20px; }
#contact .contact-title span { color: #FF6600; }
#contact .contact-info { color: #333; margin-bottom: 20px; font-size: 15px; }
#contact .contact-info-method { color: #333; font-size: 19px; }
#contact .contact-info-method a { color: #FF6600; font-weight: 700; }
#contact .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#contact .btn.btn-primary { color: #fff; background: #FF6600; border: 2px #FF6600 solid; margin-right: 10px; margin-top: 30px; font-weight: 700; transition: all 0.3s linear; }
#contact .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#contact .btn.btn-primary2 { color: #fff; background: #444; border: 2px #444 solid; margin-right: 10px; margin-top: 30px; font-weight: 700; transition: all 0.3s linear; }
#contact .btn.btn-primary2:hover { color: #fff; background: #000; border: 2px #222 solid; }
#contact input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#contact textarea { height: 225px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#contact .contact-box { border: 1px #eee solid; padding: 20px; margin-bottom: 30px; transition: all 0.3s linear; }
#contact .contact-box:hover { border-color: #FF6600; }
#contact .contact-box img { float: left; margin-right: 20px; }
#contact .contact-box strong { display: block; text-transform: uppercase; font-size: 15px; margin-bottom: 10px; font-family: 'Oswald', sans-serif; }
#contact .contact-box h4 { display: block; text-transform: uppercase; font-size: 19px; min-height: 75px; line-height: 23px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#contact .contact-box a { color: #FF6600; display: block; line-height: 30px; }

#financing { padding: 40px 0; background: #fff; }
#financing  h1 { display: block; text-transform: uppercase; font-size: 45px; margin-bottom: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#financing  h2 { display: block; text-transform: uppercase; font-size: 35px; margin-bottom: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; color: #FD6502; }
#financing  h3 { display: block; text-transform: uppercase; font-size: 25px; margin-bottom: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#financing  label { display: block; margin-top: 10px; text-transform: uppercase; font-size: 17px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#financing .contact-subtitle { font-size: 40px; line-height: 40px; }
#financing .contact-title { font-size: 60px; line-height: 60px; font-weight: 800; margin-bottom: 20px; }
#financing .contact-title span { color: #FF6600; }
#financing .contact-info { color: #333; margin-bottom: 20px; font-size: 15px; }
#financing .contact-info-method { color: #333; font-size: 19px; }
#financing .contact-info-method a { color: #FF6600; font-weight: 700; }
#financing .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#financing .btn.btn-primary { color: #fff; background: #FF6600; border: 2px #FF6600 solid; margin-right: 10px; margin-top: 30px; font-weight: 700; transition: all 0.3s linear; }
#financing .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#financing .btn.btn-primary2 { color: #fff; background: #444; border: 2px #444 solid; margin-right: 10px; margin-top: 30px; font-weight: 700; transition: all 0.3s linear; }
#financing .btn.btn-primary2:hover { color: #fff; background: #000; border: 2px #222 solid; }
#financing input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#financing textarea { height: 140px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#financing .contact-box { border: 1px #eee solid; padding: 20px; margin-bottom: 30px; transition: all 0.3s linear; }
#financing .contact-box:hover { border-color: #FF6600; }
#financing .contact-box img { float: left; margin-right: 20px; }
#financing .contact-box strong { display: block; text-transform: uppercase; font-size: 15px; margin-bottom: 10px; font-family: 'Oswald', sans-serif; }
#financing .contact-box h4 { display: block; text-transform: uppercase; font-size: 19px; min-height: 75px; line-height: 23px; font-weight: 700; font-family: 'Oswald', sans-serif; }
#financing .contact-box a { color: #FF6600; display: block; line-height: 30px; }

#clients { padding: 40px 0; text-align: center; }
#clients img { height: 44px; width: auto; filter: grayscale(100%); opacity: 0.7; }

#category { background: #fff; }
#category .category-header { background: #222; width: 100%; max-width: 1920px; margin: 0 auto; padding: 60px 0; background-size: cover; background-position: center center; }
#category .category-header h1 { padding: 0 0 0 60px; margin: 0; }
#category .category-header .category-description-top { padding: 30px 0 0 60px; color: #fff; }
#category .category-header .category-description-top a { color: #FF6600; }
#category h1 { font-size: 30px; line-height: 30px; font-weight: 600; color: #fff; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#category .category-description-bottom { padding: 60px; background: #F8FAFC; }
#category .category-description-bottom p:last-child { margin-bottom: 0; padding-bottom: 0; }

#parts { background: #fff; }
#parts h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
#parts .parts-header { background: #222; width: 100%; max-width: 1920px; margin: 0 auto; padding: 60px 0; background-size: cover; background-position: center center; }
#parts .parts-header h1 { font-size: 30px; line-height: 30px; font-weight: 600; color: #fff; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#parts .parts-header h2 { font-size: 25px; line-height: 30px; font-weight: 600; color: #FF6600; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#parts .parts-header .parts-description-top { padding: 30px 0 0 60px; color: #fff; }
#parts .parts-header .parts-description-top a { color: #FF6600; }
#parts .nav-pills .nav-link { font-size: 20px; line-height: 50px; font-weight: 600; color: #000; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#parts .nav-pills .nav-link.active, #parts .nav-pills .show > .nav-link { background: #FF6600; color: #fff; }
#parts .parts-category { text-align: center; font-size: 16px; line-height: 24px; font-weight: 600; color: #000; padding: 0 0 10px 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#parts .parts-category img { margin-bottom: 10px; }
#parts .parts-category a { color: #000; margin: 0 0 25px 0; display: block; transition: all 0.3s linear; }
#parts .parts-category a:hover { color: #FF6600; }
#parts .parts-category-filter { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0 0 0 20px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#parts .parts-category-filter.parts-category-filter-active { color: #FF6600; }
#parts .parts-category.parts-category-current a { background: #FF6600; color: #fff; padding-bottom: 10px; }
#parts .parts-category-slider { width: 100%; }
#parts .parts-category-slide { margin: 0 5px; }

#category .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#category .categories-menu a { color: #000; margin-left: 20px; }
#category .categories-menu a.active { color: #FF6600; }
#category .categories-menu a:hover { color: #666; }

.service-contact { margin-top: 30px; }
.service-contact a { color: #000; }
.video-box-content .service-contact a { color: #fff; }
.service-contact a.btn-contact { color: #fff !important; background: #000 !important; border-color: #000 !important; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 19px; padding: 5px 20px 7px 20px; letter-spacing: 1px; transition: all 0.3s linear; }
.service-contact a.btn-contact:hover { color: #fff !important; background: #FF6600 !important; border-color: #FF6600 !important; }

#category .category-description-top .btn-primary { background: #FF6600; border-color: #FF6600; color: #fff !important; font-size: 18px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; padding: 10px 25px; transition: all 0.3s linear; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#category .category-description-top .btn-primary:hover { background: #000; border-color: #000; color: #fff; font-family: 'Oswald', sans-serif; margin-top: 10px; }

#product { padding: 40px 0; }
#product h1 { font-size: 35px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 20px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#product .product-price { font-size: 25px; line-height: 25px; font-weight: 600; color: #FF6600; padding: 0; margin: 0 0 20px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#product .product-description { font-size: 14px; color: #666; margin-bottom: 20px; padding-top: 20px; border-top: 1px #eee solid; }
#product .product-description h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #222; display: block; margin: 0 0 10px 0; padding: 0; }
#product .product-description a.read-more { color: #FF6600; }
#product .product-cart { margin-bottom: 20px; margin-top: 10px; }
#product .product-cart #singleqty { font-size: 18px; color: #222; background: #F8FAFC; border-color: #eee; margin-right: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; letter-spacing: 1px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#product .product-cart #buyitem { font-size: 18px; color: #fff; background: #FF6600; border-color: #FF6600; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; letter-spacing: 1px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#product .product-cart #buyitempower { font-size: 18px; color: #fff; background: #FF6600; border-color: #FF6600; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; letter-spacing: 1px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#product .product-nav-gallery .slick-arrow { border: 0; background: #FF6600; width: 40px; height: 40px; color: transparent; transition: all 0.3s linear; }
#product .product-nav-gallery .slick-arrow:focus { outline: none; }
#product .product-nav-gallery .slick-prev { position: absolute; z-index: 5; left: 0; top: 40px; background: #FF6600 url('../images/arrow-left.png') center center no-repeat; }
#product .product-nav-gallery .slick-next { position: absolute; z-index: 5; right: 0; top: 40px; background: #FF6600 url('../images/arrow-right.png') center center no-repeat; }
#product .product-nav-gallery .slick-arrow:hover { background-color: #222; }
#product .product-buttons { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px #eee solid; }
#product .product-buttons strong { font-size: 14px; text-transform: uppercase; color: #222; display: block; margin-bottom: 10px; }
#product .product-buttons a { padding: 5px 10px; display: block; color: #222; font-size: 11px; text-align: center; text-transform: uppercase; background: #eee; }
#product .product-buttons a:hover { background: #ddd; }
#product .product-colors strong { font-size: 14px; text-transform: uppercase; color: #222; display: block; margin-bottom: 10px; }
#product .product-colors input { visibility:hidden; display: none; }
#product .product-colors label { cursor: pointer; margin-right: 10px; }
#product .product-colors span { width: 30px; height: 30px; display: inline-block; border: 2px #fff solid; box-shadow: 0 0 2px #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#product .product-colors input:checked + label span { background-image: url('../images/tick.png'); background-position: center center; background-repeat: no-repeat; }
#product .product-colors input:checked + label.color-white span { background-image: url('../images/tick-black.png'); }
#product .product-colors .color-white span { background-color: #f5f5f5; }
#product .product-colors .color-orange span { background-color: #FF6600; }
#product .products-statistics { margin-bottom: 10px; }
#product .products-statistics h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; color: #222; display: block; margin: 0 0 20px 0; padding: 0; }
#product .products-statistics .statistic-bullet { width: 15px; height: 15px; background: #000; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  }
#product .products-statistics .statistic-bullet.statistic-bullet-active { background: #FF6600; }
#product .products-statistics .statistic-bullet:last-child { margin-right: 0; }
#product .products-statistics .statistic-row { margin-bottom: 13px; }
#product .add-to-wishlist { font-size: 30px; color: #ddd; }
#product .add-to-wishlist:hover { color: #FF6600; }
#product .add-to-wishlist.add-to-wishlist-active { color: #FF6600; }

.tooltip-color-open { opacity: 1 !important; }
.tooltip-color-open img { width: 400px; max-width: 100%; height: auto; margin-top: 10px; }
.tooltip-color-open .tooltip-inner { max-width: 400px; background-color: #fff; color: #000; border: 1px #ddd solid; }
.tooltip-color-open .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #ddd; }
.tooltip-color-open .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: #ddd; }
.tooltip-color-open .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { border-left-color: #ddd; }
.tooltip-color-open .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: #ddd; }

.tooltip-outfit-open { opacity: 1 !important; }
.tooltip-outfit-open img { width: 300px; max-width: 100%; height: auto; margin-top: 10px; }
.tooltip-outfit-open .tooltip-inner { max-width: 300px; background-color: #fff; color: #000; border: 1px #ddd solid; }
.tooltip-outfit-open .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #ddd; }
.tooltip-outfit-open .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: #ddd; }
.tooltip-outfit-open .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { border-left-color: #ddd; }
.tooltip-outfit-open .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: #ddd; }

#othersfromthiscategory { padding-top: 40px; border-top: 1px #F8FAFC solid; }
#othersfromthiscategory h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#othersfromthiscategory .categories-menu { font-size: 20px; line-height: 30px; font-weight: 600; color: #000; text-align: right; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#othersfromthiscategory .categories-menu a { color: #000; margin-left: 20px; }
#othersfromthiscategory .categories-menu a.active { color: #FF6600; }
#othersfromthiscategory .categories-menu a:hover { color: #666; }

#motocrosstracks { padding: 20px 0 40px 0; }
#motocrosstracks svg path { transition: all 0.3s linear; fill: #fff; stroke: #ccc; }
#motocrosstracks svg path:hover { fill: #FD6502; }
#motocrosstracks svg .active-state path { fill: #eee; }
#motocrosstracks .center-subtitle { font-size: 35px; line-height: 45px; margin-top: 40px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#motocrosstracks .center-title { font-size: 55px; line-height: 55px; font-weight: 800; margin-bottom: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#motocrosstracks .center-title span { color: #FD6502; }
#motocrosstracks .center-info { color: #333; margin-bottom: 20px; font-size: 15px; }
#motocrosstracks .center-list a { color: #333; display: block; width: 33%; float: left; margin: 2px 0; }
#motocrosstracks .center-list a:hover { color: #FD6502; }
#motocrosstracks .center-list a.active-state { color: #FD6502; font-weight: 700; }
#motocrosstracks .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#motocrosstracks .btn.btn-primary { color: #fff; background: #FD6502; border: 2px #FD6502 solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
#motocrosstracks .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#motocrosstracks .btn.btn-secondary { color: #888; background: #fff; border: 2px #888 solid; font-weight: 400; transition: all 0.3s linear; }
#motocrosstracks .btn.btn-secondary:hover { color: #fff; background: #888; border: 2px #888 solid; }

#centersitems { padding: 40px 0; }
#centersitems h1 { font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 30px; color: #000; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#centersitems h2 { font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 30px; color: #000; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#centersitems .motocrosstrack-item { margin-bottom: 30px; text-align: center; border: 1px #F8FAFC solid; padding-bottom: 10px; transition: all 0.3s linear; }
#centersitems .motocrosstrack-item a { color: #000; }
#centersitems .motocrosstrack-item .motocrosstrack-thumbnail { margin-bottom: 10px; }
#centersitems .motocrosstrack-item .motocrosstrack-title { color: #444; font-size: 20px; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#centersitems .motocrosstrack-item:hover { border-color: #FD6502; }
#centersitems .motocrosstrack-item .motocrosstrack-subname { color: #000; font-size: 14px; font-weight: 700; height: 44px; overflow: hidden; }
#centersitems .motocrosstrack-item .motocrosstrack-address { color: #666; font-size: 13px; }

#centersingle { padding: 40px 0; }
#centersingle h2 { font-size: 25px; line-height: 25px; margin-bottom: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#centersingle h1 { font-size: 35px; line-height: 45px; font-weight: 800; color: #000; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#centersingle .center-description { font-size: 15px; line-height: 25px; }
#centersingle .center-thumbnail { margin-bottom: 20px; }
#centersingle .center-info { line-height: 24px; }
#centersingle .center-info a { color: #000; }
#centersingle .center-info .row { margin-bottom: 5px; }

.row-addicts .col-md-3 { margin-bottom: 30px; }

#centermap { padding: 0; }
#centermap h2 { font-size: 25px; line-height: 45px; font-weight: 800; margin-bottom: 30px; color: #000; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.ekko-lightbox-nav-overlay a { opacity: 1; }
.ekko-lightbox-nav-overlay a:first-child span { color: #FF6600; font-size: 50px; opacity: 1; }
.ekko-lightbox-nav-overlay a:last-child span { color: #FF6600; font-size: 50px; opacity: 1; }

.img-gallery-lp { margin-bottom: 30px; }

.empty-info { padding: 40px; color: #666; border: 1px #ddd solid; font-size: 15px; }

#categoryfilters { padding: 30px 0; }
#categoryfilters h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.marek-jacek { padding: 30px; border: 1px #000 solid; }

#landinginfo { background: #fff; }

#landinginfo .heading-box { background: #fff; color: #000; text-align: center; margin-bottom: 40px; }
#landinginfo .heading-box h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

#landinginfo .black-box { background: #fff; color: #000; border: 1px #000 solid; text-align: center; margin-bottom: 40px; }
#landinginfo .black-box .ktm-col-1 { position: relative; width: 50%; float: left; }
#landinginfo .black-box .ktm-col-2 { width: 50%; float: left; }
#landinginfo .black-box .box-info { padding: 40px; font-size: 15px; }
#landinginfo .black-box .box-info h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#landinginfo .black-box .box-info ul li { text-align: left; }

#landinginfo .video-box .video-box-player { position: relative; }
#landinginfo .video-box .video-box-player:before { position: absolute; z-index: 5; content: ""; width: 100%; height: calc(100% - 8px); background: rgba(0,0,0,0.7); }
#landinginfo .video-box .video-box-content { position: absolute; z-index: 6; color: #fff; text-align: center; width: 100%; }
#landinginfo .video-box .video-box-content h2 { font-size: 50px; line-height: 50px; font-weight: 600; color: #fff; padding: 0; margin: 250px 0 50px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#landinginfo .video-box .video-box-content .video-box-description { font-size: 16px; color: #fff; max-width: 700px; margin: 0 auto; }
#landinginfo .video-box .video-box-player video { width: 100%; height: auto; }

#landinginfo .opinion-box { background: #000 url('../images/quote.png') right 20px top 20px no-repeat; color: #fff; text-align: center; margin-bottom: 40px; }
#landinginfo .opinion-box .ktm-col-1 { position: relative; width: 50%; float: left; }
#landinginfo .opinion-box .ktm-col-2 { width: 50%; float: left; }
#landinginfo .opinion-box .box-info { padding: 40px; font-size: 15px; }
#landinginfo .opinion-box .box-info h3 { font-size: 40px; line-height: 30px; font-weight: 600; color: #fff; padding: 0; margin: 0 0 50px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#landinginfo .opinion-box .box-info .opinion-desc { color: #fff; font-style: italic; }
#landinginfo .opinion-box .box-info .photo-desc { color: #ddd; font-size: 13px; margin-top: 50px; }

.konrad-box { background: #000; color: #fff; text-align: center; margin-bottom: 40px; }
.konrad-box .ktm-col-1 { position: relative; width: 50%; float: left; }
.konrad-box .ktm-col-2 { width: 50%; float: left; }
.konrad-box .box-info { padding: 40px; font-size: 15px; }
.konrad-box .box-info h3 { font-size: 40px; line-height: 30px; font-weight: 600; color: #fff; padding: 0; margin: 0 0 50px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.konrad-box .box-info .opinion-desc { color: #fff; font-style: italic; }
.konrad-box .box-info .photo-desc { color: #ddd; font-size: 13px; margin-top: 50px; }

#landinginfo .technical-details { padding: 30px 30px 50px 30px; background: #F8FAFC; color: #000; margin-bottom: 40px; height: auto; max-height: 360px; overflow: hidden; position: relative; transition: all 1s linear; }
#landinginfo .technical-details.technical-details-full { max-height: 1000px; }
#landinginfo .technical-details .btn-technical-details-more { position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; background: #fff; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 40%, rgba(248,250,252,0) 100%); font-size: 20px; line-height: 20px; font-weight: 600; color: #333; text-align: center; padding: 30px 0 10px 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#landinginfo .technical-details h2 { font-size: 40px; line-height: 40px; font-weight: 600; color: #000; text-align: center; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#landinginfo .technical-details h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #333; text-align: center; padding: 0; margin: 0 0 40px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#landinginfo .technical-details strong { font-size: 17px; line-height: 30px; font-weight: 600; color: #333; padding: 0; text-align: right; display: block; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.ktm-items-center { display: flex; align-items: center; justify-content: center; }

#service .black-box { background: #fff; color: #000; border: 1px #000 solid; text-align: center; margin-bottom: 40px; }
#service .black-box .ktm-col-1 { position: relative; width: 50%; float: left; }
#service .black-box .ktm-col-2 { width: 50%; float: left; }
#service .black-box .box-info { padding: 40px; font-size: 15px; }
#service .black-box .box-info h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.icon-box { margin-bottom: 30px; padding: 30px; border: 1px #eee solid; transition: all 0.3s linear; }
.icon-box:hover { border-color: #FF6600; }
.icon-box img { height: 80px; width: auto; }
.icon-box strong { display: block; font-size: 17px; line-height: 20px; font-weight: 600; color: #FF6600; padding: 0; margin: 15px 0 10px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.js-cookie-consent.cookie-consent { position: fixed; left: 20px; bottom: 20px; padding: 10px; max-width: 400px; width: 80%; background: #fff; border: 1px #ddd solid; font-size: 12px; text-align: center; }
.js-cookie-consent.cookie-consent button { border: 0; background: #FF6600; color: #fff; transition: all 0.3s linear; margin-top: 5px; }
.js-cookie-consent.cookie-consent button:hover { background: #000; }

#errorpage { text-align: center; margin-top: 30px; }
#errorpage .errorpage-bg { padding: 150px 0; background: #000 url('../images/bg-error.jpg') center center no-repeat; background-size: cover; }
#errorpage h2 { color: #fff; font-size: 85px; margin-bottom: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#errorpage h3 { color: #fff; font-size: 45px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

#standardpage .page-header { background: #000 url('../images/bg-page-header.jpg') center center no-repeat; background-size: cover; padding: 40px 0; text-align: center; }
#standardpage .page-header h1 { color: #fff; font-size: 35px; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#standardpage .page-content { font-size: 14px; line-height: 25px; padding-top: 30px; text-align: justify; }
#standardpage .page-content h3 { font-size: 19px; font-weight: 700; margin: 20px 0; }
#standardpage .page-content h4 { font-size: 16px; font-weight: 700; margin: 20px 0; }
#standardpage .page-content a { color: #FF6600; }

.product-review { padding: 30px 0; border-top: 1px #F8FAFC solid; }
.product-review h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 20px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

#product-reviews { padding: 30px 0; border-top: 1px #F8FAFC solid; }
#product-reviews h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 20px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#product-reviews .product-review-single { padding: 15px; margin-top: 30px; border: 1px #eee solid; }
#product-reviews .product-review-single strong { display: block; }

#addReviewForm label { color: #000; font-size: 18px; margin-bottom: 0; }
#addReviewForm textarea { color: #000; background: #eee; height: 159px; border: 1px #ddd solid; padding: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#addReviewForm .text-muted { margin-bottom: 10px; }
#addReviewForm .starrating input { display: none; }
#addReviewForm .starrating label { color: #2b2b2b; font-size: 16px; margin-right: 15px; }
#addReviewForm .starrating label.no-r-margin { margin-right: 0; }
#addReviewForm .starrating input:checked ~ label { color: #FF6600; }
#addReviewForm .starrating input:hover ~ label { color: #FF6600; cursor: pointer; }
#addReviewForm .switch-light span:focus, #addReviewForm .switch-light span:active { box-shadow: none; outline: none; }
#addReviewForm .switch-light a:focus, #addReviewForm .switch-light a:active { box-shadow: none; outline: none; }
#addReviewForm .switch-light span span { font-size: 12px; color: #000; }
#addReviewForm .switch-light a:active span span { font-size: 12px; color: #fff; }
#addReviewForm .switch-light .btn-primary { background-color: #000; border-color: #000; color: #fff; }
#addReviewForm .switch-light .alert-light { color: #fff; }
#addReviewForm #reviewFormSubmit { background-color: #FF6600; border-color: #FF6600; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all 0.3s linear; }
#addReviewForm #reviewFormSubmit:hover { background-color: #000; border-color: #000; color: #fff; }

#searchabsolute { display: none; background: rgba(255,102,0,1); position: fixed; width: 100%; height: 100%; z-index: 30; }
#searchabsolute h3 { font-size: 30px; line-height: 30px; font-weight: 600; color: #fff; padding: 0; margin: 0 0 30px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#searchabsolute a.btn-search-more { font-size: 20px; line-height: 30px; font-weight: 600; color: #fff; text-align: right; padding: 0; margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#searchabsolute #headersearchform { width: 100%; }
#searchabsolute #product_search { background: #fff; color: #000; padding: 10px 20px; line-height: 40px; width: 100%; font-size: 20px; font-family: 'Oswald', sans-serif; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#searchabsolute .align-self-center { flex: 0 0 100%; }
#searchabsolute .btn-search-close { font-size: 40px; color: #fff; position: absolute; top: 20px; right: 20px; }
#searchabsolute .search-alert { line-height: 40px; color: #000; background: #fff; text-align: center; font-size: 20px; font-family: 'Oswald', sans-serif; padding: 20px; text-transform: uppercase; }

.review-info { margin: 20px 0 0 0; padding: 0; font-size: 12px; color: #666; text-align: center !important; }

.parts-schema-image { position: relative; }
.parts-points { position: absolute; }
.point { background-color: transparent; -ms-border-radius: 25px; border-radius: 25px; border: 3px solid transparent; text-align: center; vertical-align: middle; min-height: 22px!important; -moz-min-width: 22px!important; -ms-min-width: 22px!important; -o-min-width: 22px!important; -webkit-min-width: 22px!important; min-width: 22px!important; position: absolute; cursor: pointer; font-weight: bold; color: #000; }
.point:hover { border-color: #FF6600; }
.point-hovered { border-color: #FF6600; }

.parts-list-height { height: 815px; overflow: scroll; overflow-x: hidden; }

.part-list-item { background: #f5f5f5; padding: 10px; margin-bottom: 5px; }
.part-list-item:hover { background: #eee; }
.part-list-item .btn-primary { background: #FF6600; border-color: #FF6600; color: #fff; }
.part-list-item.part-list-item-active { background: #ccc; }
.part-list-item.part-list-item-focus { background: #ccc; border: 1px #FF6600 solid; }

.point-part-modal { background: rgba(0,0,0,0.8); color: #fff; position: absolute; padding: 10px; width: 300px; display: none;}
.point-part-active .point-part-modal { display: block; margin: 20px 0 0 -150px; }

.point-circle { width: 30px; height: 30px; border: 2px #000 solid; text-align: center; line-height: 27px; font-size: 12px; font-weight: 700; display: block; -ms-border-radius: 25px; border-radius: 25px; transition: all 0.3s linear; }
.part-list-item:hover .point-circle { border-color: #FF6600; color: #FF6600; }

.categories-sidebar { margin-bottom: 30px; }
.categories-sidebar h3 { display: block; color: #FF6600; text-transform: uppercase; margin: 0 0 10px 0; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 700; }
.categories-sidebar a { display: block; color: #000; text-transform: uppercase; padding: 5px 10px 5px 25px; font-family: 'Oswald', sans-serif; font-size: 16px; }
.categories-sidebar a.categories-sidebar-subcategory { padding-left: 40px; font-size: 15px; }
.categories-sidebar a.goback { padding-left: 0; font-weight: 700; font-size: 18px; }
.categories-sidebar a:hover { color: #666; }
.categories-sidebar .active { display: block; color: #FF6600; }

.navbar-mobile { display: none; background: #fff; height: 70px; }

#partsbynumbersearch { padding: 30px; background: #000; }
#partsbynumbersearch input { background: #fff; padding: 0 15px; font-size: 18px; height: 50px; border: 0; line-height: 50px; color: #000; font-family: 'Oswald', sans-serif; text-transform: uppercase; -ms-border-radius: 0; border-radius: 0; }
#partsbynumbersearch input.btn-search { background: #FF6600; padding: 0 15px; font-size: 18px; height: 50px; line-height: 50px; color: #fff; -ms-border-radius: 0; border-radius: 0; display: block; width: 100%; }

#partsbynumber { margin-top: 30px; background: #eee; }
#partsbynumber .partsbynumbertabheader { font-family: 'Oswald', sans-serif; color: #000; font-size: 18px; text-transform: uppercase; }
#partsbynumber .partsbynumbertabheader strong { display: block; padding: 10px; font-weight: 400; }
#partsbynumber .btn-primary { font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; -ms-border-radius: 0; border-radius: 0; }

.moto-buy-info h3 { font-family: 'Oswald', sans-serif; color: #000; font-size: 22px; text-transform: uppercase; }
.moto-buy-info a { color: #FF6600; display: block; font-family: 'Oswald', sans-serif; font-size: 17px; text-transform: uppercase; }

@keyframes bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }
  @-webkit-keyframes bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }

  .navbar-mobile-right { position: absolute; left: 15px; top: 20px; z-index: 99; }
  .navbar-mobile-right a { color: #000; margin-right: 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; }
  .navbar-mobile-right #logo img { height: 40px; width: auto; margin-top: -5px; }

  .navbar-mobile-left { position: absolute; right: 65px; top: 20px; z-index: 99; }
  .navbar-mobile-left a { color: #fff; margin-left: 15px; }
  .navbar-mobile-left a img { height: 20px; width: auto; }
  #overlay-button {
    position: absolute;
    right: 20px;
    top: 5px;
    padding: 26px 11px;
    z-index: 556;
    cursor: pointer;
    user-select: none;
  }
  #overlay-button span {
    height: 2px;
    width: 15px;
    border-radius: 2px;
    background-color: #FF6600;
    position: relative;
    display: block;
    transition: all .2s ease-in-out;
  }
  #overlay-button span:before {
    top: -5px;
    visibility: visible;
  }
  #overlay-button span:after {
    top: 5px;
  }
  #overlay-button span:before, #overlay-button span:after {
    height: 2px;
    width: 15px;
    border-radius: 2px;
    background-color: #FF6600;
    position: absolute;
    content: "";
    transition: all .2s ease-in-out;
  }
  #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
    background: #FF6600;
  }
  
  input[type=checkbox] {
    display: none;
  }
  
  input[type=checkbox]:checked ~ #overlay {
    visibility: visible;
  }
  
  input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
    background: transparent;
  }
  input[type=checkbox]:checked ~ #overlay-button span:before {
    transform: rotate(45deg) translate(3.5px, 3.5px);
    opacity: 1;
  }
  input[type=checkbox]:checked ~ #overlay-button span:after {
    transform: rotate(-45deg) translate(3.5px, -3.5px);
  }
  
  #overlay {
    height: 100vh;
    width: 100vw;
    background: #000;
    z-index: 555;
    visibility: hidden;
    position: fixed;
  }
  #overlay.active {
    visibility: visible;
  }
  #overlay ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100vh;
    padding-left: 0;
    list-style-type: none;
  }
  #overlay ul li {
    padding: 5px 0;
  }
  #overlay ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
  }
  #overlay ul li a:hover {
    color: #eee;
  }

@media (min-width: 1300px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1270px;
    }
}

@media (min-width: 1500px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1470px;
    }
}

@media (max-width: 1366px) {
    #header .header-left .nav-link { font-size: 15px; margin: 0 25px; }
    #header .header-right .nav-link { font-size: 15px; margin-left: 25px; }
    #showcase .showcase-col2 .slide-title { font-size: 35px; }
    #showcase .showcase-col1 img { margin-top: 80px; }
}

@media (max-width: 991px) {
    #header { display: none; }

    .navbar-mobile { display: block; }

    #showcase .showcase-col1 { width: 100%; float: none; }
    #showcase .showcase-col2 { width: 100%; float: none; text-align: center; }
    #showcase .showcase-col2 .slide-subtitle { text-align: center; }

    #motocycles h2 { text-align: center; }
    #motocycles .categories-menu { font-size: 15px; text-align: center; }
    #motocycles .categories-menu .moto-nav-item { margin-left: 10px; }

    #outfit h2 { text-align: center; }
    #outfit .categories-menu { font-size: 15px; text-align: center; }

    #instagram h2 { text-align: center; margin-top: 40px; }
    #instagram .categories-menu a.active { float: left; margin-left: 0; }

    #newsletterbar .newsletter { margin-bottom: 30px; }

    #footer h4 { margin-top: 20px; }

    #contact .contact-box { text-align: center; }
    #contact .contact-box img { float: none; margin: 0 0 30px 0; }

    #product h1 { margin-top: 30px; }

    #product .add-to-wishlist { float: left; }

    #product .product-cart #singleqty { width: 50px; }
    #product .products-statistics .statistic-row { text-align: center !important; }
    #product .products-statistics .statistic-row .text-right { text-align: center !important; }
    #product .product-buttons a { margin-bottom: 10px; }

    #othersfromthiscategory h2 { text-align: center; margin: 0 0 10px 0; }
    #othersfromthiscategory .categories-menu { font-size: 15px; text-align: center; margin-bottom: 30px; }
    #othersfromthiscategory .categories-menu a { margin-left: 0; }

    #landinginfo .video-box .video-box-player:before { display: none; }
    #landinginfo .video-box .video-box-content { position: static; color: #000 }
    #landinginfo .video-box .video-box-content h2 { color: #000; margin: 30px 0 30px 0; }
    #landinginfo .video-box .video-box-content .video-box-description { color: #000;; margin-bottom: 30px; }

    #product .product-nav-gallery .slick-prev { display: none !important; }
    #product .product-nav-gallery .slick-next { display: none !important; }

    .ktm-items-center { display: block; }

    #landinginfo .opinion-box { background-position: right 30px bottom 30px; }
    #landinginfo .opinion-box .ktm-col-1 { width: 100%; float: none; position: static; }
    #landinginfo .opinion-box .ktm-col-2 { width: 100%; float: none; position: static; }
    #landinginfo .opinion-box .box-info h3 { font-size: 30px; }

    #landinginfo .technical-details { text-align: center; }
    #landinginfo .technical-details h2 { font-size: 30px; line-height: 35px; text-align: center; }
    #landinginfo .technical-details strong { text-align: center; }

    #landinginfo .black-box .ktm-col-1 { width: 100%; float: none; position: static; }
    #landinginfo .black-box .ktm-col-2 { width: 100%; float: none; position: static; }

    #category .category-header h1 { padding-left: 0; text-align: center; }
    #category .category-header .category-description-top { padding-left: 0; text-align: center; }

    #financing .contact-box { text-align: center; margin-top: 30px; }
    #financing .contact-box img { float: none; margin: 0 0 30px 0; }

    #team .video-box .video-box-player:before { display: none; }
    #team .video-box .video-box-content { position: static; color: #000 }
    #team .video-box .video-box-content h2 { color: #000; margin: 30px 0 30px 0; }
    #team .video-box .video-box-content .video-box-description { color: #000;; margin-bottom: 30px; }

    .team-modal .team-col-1 { width: 100%; float: none; display: none; }
    .team-modal .team-col-2 { width: 100%; float: none; }
    .team-modal .showcase-info { height: 200px; }

    #service .video-box .video-box-player:before { display: none; }
    #service .video-box .video-box-content { position: static; color: #000 }
    #service .video-box .video-box-content h2 { color: #000; margin: 30px 0 30px 0; }
    #service .video-box .video-box-content .video-box-description { color: #000;; margin-bottom: 30px; }
    #service .video-box .video-box-player video { margin-top: 40px; }

    #service .black-box .ktm-col-1 { width: 100%; float: none; position: static; }
    #service .black-box .ktm-col-2 { width: 100%; float: none; position: static; }

    .konrad-box .ktm-col-1 { width: 100%; float: none; position: static; }
    .konrad-box .ktm-col-2 { width: 100%; float: none; position: static; }

    #motocrosstracks .center-list a { width: 100%; margin: 5px 0; }

    #newssingleheader .news-head { margin-top: 30px; }
    #newssingleheader .news-head .z-index { background: transparent; position: static; padding: 30px; }
    #newssingle .news-content img { max-width: 100%; height: auto; }
}