@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');

body { font: 400 16px/1.5 'Rubik', sans-serif; color: #1D1D1D; background-color: #FFFFFF; position: relative; -webkit-font-smoothing: antialiased; position: relative; right: 0; }

h1 { font-size: 24px; font-weight: 500; margin-top: 0; margin-bottom: 2.0rem; }
h2 { font-size: 20px; font-weight: 500; margin-top: 0; margin-bottom: 1.0rem;}
h3 { font-size: 18px; font-weight: 500; margin-top: 0; margin-bottom: 1.0rem;}
h4 { font-size: 16px; font-weight: 500; margin-top: 0; margin-bottom: 0.5rem;}

a { text-decoration: none !important; }
a:hover {  }

ul {
	padding-left: 20px;
}
.button-rsi {cursor: pointer;display: inline-block;white-space: nowrap;box-sizing: border-box;line-height: 2.25rem;padding: 0 38px;font-size: 14px;font-size: .875rem;letter-spacing: .2px;border-width: 0px;border-style: solid;text-align: center;text-transform: uppercase;transition: all .3s ease;color: #fff;}

.button-red {background-color: #A6070D;}
.button-red:disabled{
	opacity: .50;
	cursor: unset;
}

.button-red:hover:not(:disabled) {background-color: #000;}

.button-black {background-color: #000;}
.button-black:hover {background-color: #A6070D;}
::-moz-selection { background-color: #3b2314; color: #FFF; }
::selection { background-color: #3b2314; color: #FFF; }

.background-white { background-color: #FFF; }
.background-brown { background-color: #3b2314; }
.background-red { background-color: #A6070D; }
.background-grey { background-color: #595959; }
.bg-grey { background-color: #f2f2f2; }
.color-white { color: #FFF; }
.color-red { color: #CC171E;}
.color-grey { color: #595959; }
.fixed {position: fixed!important; width: 100%; z-index: 100; top:0 !important; background-color: #fff; padding-top: 0; border-bottom: 1px solid #d3d3d3;}

.overlay { position: fixed; display: block; width: 0; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 100; }
.overlay,
.main-header,
a,
.industry-served-section .item .content,
.dropdown-content,
#header  {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}


.vertical-padding {padding: 40px 0;}

#header {background-color: white; top: -100px;}
#header a { font-size: 15px; font-weight: 500;}

#header	.nav-bar { flex-direction:row;}
#header	.nav-bar .logo {margin: 5px 0; width: 130px;}
#header	.nav-bar .nav-button { float: right; margin: 25px 0; }
#header	.nav-bar .nav-button span { width: 25px; height: 3px; background-color: #333; display: block; margin: 4px 0; border-radius: 10px; }
#header .nav-bar .links { flex-grow: 1;}
#header .nav-bar .links ul {list-style-type: none; margin: 0; padding: 0;}
#header .nav-bar .links ul li {display: block;}
#header .nav-bar .extra-links {text-align: right; margin: 45px 0; display: none;}
#header .nav-bar .extra-links a {color:#595959; margin-right: 16px;}
#header .nav-bar .extra-links img {margin-right: 5px;}
#header .nav-bar ul.social-links {display: inline-block;}
#header .nav-bar ul.social-links li {margin-right: 6px; display: inline-block;}
#header .nav-bar ul.social-links a {margin: 0; border:0; padding-right: 0;}
#header .nav-bar ul.social-links img {margin: 0;}

#header .main-header {background-color:white; position: fixed; right: -350px; top: 0; width: 300px; bottom: 0; z-index: 200; overflow-y: scroll;}
#header .main-header .side-menu-logo {padding: 10px 20px; }
#header .main-header a {color: #595959; display: inline-block; padding:10px 20px; display: block; border-top: 1px solid #595959; border-bottom: 1px solid #595959; margin-top: -1px;}
#header .main-header a:hover {color:white; background-color: #000000}
#header .main-header .exchange-link.desktop-only {display: none;}
#header .main-header .exchange-link a  {background-color:#CB161D; color:white;}

#header .main-header .dropdown:hover .dropdown-content {display: block;}
#header .main-header .dropdown .dropdown-content {display: none;}
#header .main-header .dropdown .dropdown-content .bg-img { display: none; }
#header .main-header .dropdown .dropdown-content .links { max-width: 100%; }

.banner .caption { background-color: rgba(166,7,13,1);}
.banner .caption .title {color:white; padding: 15px; margin-bottom: 0;}
.banner .caption .text {color:white; background-color: white; color: #000; padding: 15px; border-bottom: 1px solid #A6070D; margin-bottom: 0;}
.banner .owl-dots {display: none;}


.product-section .text {max-width:714px; display:inline-block;}

.product-section .product-caption {background-color: #CC171E; color:white; padding: 20px; position: relative;}
.product-section .product-caption .title {font-size: 24px; color: white;}
.product-section .product-caption .text {padding-bottom:50px;}
.product-section .product-caption a {margin-top:10px; font-weight: 500; color: white; position: absolute; bottom:20px; left: 20px;}
/* .product-section .product-caption a .icon {width: 17px!important; margin-right: 10px; display: inline-block!important;} */

.product-section .product-carousel-container {position: relative;}
.product-section .product-carousel-container .arrow-left {display:none; position:absolute; left: -50px; top: 45%;z-index: 50}
.product-section .product-carousel-container .arrow-right {display:none; position:absolute; right: -50px; top: 45%; z-index: 50}


.about-section {color: white!important; background-position: center; background-size: cover; background-repeat: no-repeat;}
.about-section a {color: white;}
.about-section a img {margin-right: 10px;}

.aftermarket-section {background-color: #CC171E;}
.aftermarket-section .image-holder{background-position: center; background-size: cover; height: 320px;}
.aftermarket-section .content {background-color: white; padding: 30px 20px;}
.aftermarket-section .content a, .contact-section a {color:#CC171E; font-weight: 500;}

.industry-served-section {background-color: #333333; color: #FFFFFF;}
.industry-served-section .item{position: relative;}
.industry-served-section .item .content {overflow:hidden; word-break: break-all; padding: 15px; position: absolute;content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #CB161D; opacity: 0;  display: flex; flex-direction: column; justify-content: space-around; text-align: center;}
.industry-served-section .item:hover .content {opacity: 0.8}

.gallery .item{position: relative;}
.gallery .item{font-size: 20px; color: white;}
.gallery .item .content {overflow:hidden; word-break: break-all; padding: 15px; position: absolute;content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; opacity: 0;  display: none; flex-direction: column; justify-content: space-around; text-align: center;}
.gallery .item:hover .content {opacity: 0.9; display: flex;}

.footer {background-color: #1D1D1D; color: rgba(256, 256, 256, 0.7); font-size: 13px; text-align: center;}
.footer ul {list-style-type: none; margin: 0; padding: 0;}
.footer ul li a {display:inline-block; color: rgba(256, 256, 256, 0.7); margin-bottom: 15px; border-bottom: 1px solid transparent;}
.footer ul li a:hover {border-bottom: 1px solid white;}
.footer .social-links li { display: inline-block;margin-right: 10px; }
.footer .social-links li a {transition: unset!important;}
.footer .social-links li a:hover {border-bottom: 0;}

.copyright {color: rgba(256, 256, 256, 0.7); font-size: 12px; background-color: #0E0E0E; padding: 20px 0; text-align: center;}
.copyright a {color:rgba(256, 256, 256, 0.7);}

.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 0px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.03);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.font-weight-bold {
    font-weight: 500 !important;
}

.about-slogan {
    padding: 30px;
    color: white;
    line-height: 20px;
    font-weight: 500;
    font-size: 31px;
    line-height: 38px;
}
.about-slogan {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}

.about-slogan p{margin-bottom: 0!important;}

.lead{font-size:font-weight: 400;}

.owl-carousel {background: url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/ajax-loader.gif") no-repeat center center;}
.owl-carousel.industry-carousel {background: #333;}

/* Innner pages  */

.page-banner { height: 250px; background-position: center; background-size: cover;background-repeat: no-repeat;}
.inner-page .page-banner .container {position: relative; height: 100%;}
.inner-page .page-banner h1 { position: absolute; right: 15px; bottom: 0; z-index: 5; color: white; background-color:#A6070D; display: inline-block; padding: 15px 20px; margin-bottom: 0; transform:translateY(50%);}

/* The emerging W3C standard
   that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: #CB161D #f2f2f2;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #f2f2f2;
}
*::-webkit-scrollbar-thumb {
  background-color: #CB161D;
  border-radius: 20px;
  border: 3px solid #f2f2f2;
}

.bg-danger {
    background-color: #CB161D !important;
}
.tuv-align {text-align: center!important;}

@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	.footer {text-align: left;}
	.about-slogan {padding: 30px;}
	.tuv-align {text-align: left!important;}
	
}


@media (min-width: 1200px) {
	h1 { font-size: 42px; margin-bottom: 2.5rem}
	h2 { font-size: 36px; margin-bottom: 2.0rem}
	h3 { font-size: 24px; margin-bottom: 1.5rem}
	h4 { font-size: 20px; margin-bottom: 1.0rem}
	.vertical-padding {padding: 100px 0;}
	.overlay {display: none;}
	#header	.nav-bar {display: flex; flex-direction:row;}
	#header	.nav-bar .logo {margin: 10px 0; width: 200px;}
	#header	.nav-bar .nav-button {display: none;}
	#header .nav-bar .links { flex-grow: 1;}
	#header .nav-bar .links ul li {display: inline-block;}
	#header .nav-bar .extra-links {margin: 36px 0; display: block;}

	#header .main-header {background-color: #A6070D; transition:unset;  position: absolute; right: 0!important; bottom: -21px; top: unset; width: unset; overflow-y: unset;}
	#header .main-header .side-menu-logo,
	#header .main-header .mobile-link,
	#header .main-header .social-links {display: none!important;}
	#header .main-header a {color:white; padding:15px 10px; display: inline-block; border:unset; margin-top: 0px;}
	#header .main-header .exchange-link.mobile-only {display: none;}
	#header .main-header .exchange-link.desktop-only {display: inline-block;}
	#header .main-header .exchange-link a  {padding-left: 16px; padding-right: 16px;}

	#header .main-header .dropdown { position: relative;}
	#header .main-header .dropdown:hover .dropdown-content { max-height: 500px; opacity: 1;}
	#header .main-header .dropdown .dropdown-content {max-height:0px; opacity: 0; overflow:hidden; position: absolute; top:60px; left: 0; width: 550px; background-color: #000; padding: 20px;}
	#header .main-header .dropdown .dropdown-content .bg-img {display:block; background-position: center; background-size: cover; background-repeat: no-repeat;}
	#header .main131-header .dropdown .dropdown-content .bg-img {max-width: 50%;}
	#header .main-header .dropdown .dropdown-content ul li {display: block;}
	#header .main-header .dropdown .dropdown-content ul li a {display: block; color: #aba8a8; padding:10px 0px 10px 40px;}
	#header .main-header .dropdown .dropdown-content ul li:first-child a {border-top: 0px;}
	#header .main-header .dropdown .dropdown-content ul li a:hover {color: #FFF; }


	.banner {position: relative;}
	.banner .caption {position: absolute; right: 150px; bottom: 150px; width: 515px; padding: 15px 15px 30px; background-color: rgba(166,7,13,0.7);}
	.banner .caption .text {position: absolute; bottom: -32px; right: -30px; margin-bottom: 0; font-size: 22px; padding: 15px;}
	.banner .owl-dots {display:inline; position: absolute; border-bottom: 0; left: 0; right: 0; bottom: 40px; text-align: center;}
	.banner .owl-dots span {background-color: #fff!important;}
	.banner .owl-dots .active span {background-color: #A6070D!important;}

	.banner .caption .text {border-bottom: 0px solid #A6070D;}

	.product-section .item { position: relative; margin: 70px 70px;}
	.product-section .product-caption {width:400px; height: 210px; position: absolute; bottom: -50px; right:-50px;}

	.product-section .product-carousel-container .arrow-left {display: inline-block;}
	.product-section .product-carousel-container .arrow-right{display: inline-block;}
	.aftermarket-section .image-holder {height: 255px;}
	.footer {text-align: left;}
	.copyright {text-align: unset;}

	.about-slogan {padding: 40px;}

	/*Inner pages*/
	.page-banner { height: 450px;}
	.tuv-align {text-align: right!important;}

}

@media (min-width: 1400px) {
.about-slogan {padding: 40px;
}
}
@media (min-width: 1600px) {
	.container {max-width: 1400px;}
	#header	.nav-bar .logo {margin: 10px 0; width: 220px;}
	#header .nav-bar .extra-links {margin: 36px 0;}
	#header .main-header {bottom: -30px;}
	#header .main-header a {padding:19px 20px}
	#header .main-header .exchange-link a  {padding-left: 32px; padding-right: 32px;}

	.aftermarket-section .image-holder {height: 320px;}
	.about-slogan {padding: 90px;
	}

	/*Inner pages*/
.page-banner { height: 650px;}

}