* { -webkit-tap-highlight-color: transparent; outline: none !important; }

html, body { position: relative; min-width: 320px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; }


@font-face { font-family: 'TradeGothic-Regular'; src: url("fonts/TradeGothicLTStd.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'TradeGothic-Bold'; src: url("fonts/TradeGothicLTStd-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'TradeGothic-CondensedBold'; src: url("fonts/TradeGothicLTStd-BdCn20.ttf") format("truetype"); font-weight: normal; font-style: normal; }

html { --column-ammount: 12; --gutter-width: 36px; }

@media only screen and (max-width: 1699px) { html { --column-ammount: 12; --gutter-width: 24px; } }

@media only screen and (max-width: 1379px) { html { --column-ammount: 9; --gutter-width: 24px; } }

@media only screen and (max-width: 1023px) { html { --column-ammount: 4; --gutter-width: 24px; } }

@media only screen and (max-width: 767px) { html { --column-ammount: 2; --gutter-width: 10px; } }

body #site-ctn { display: flex; }

body #site-ctn > .content-ctn { width: 100%; padding-bottom: 40px; }

@media only screen and (max-width: 1023px) { body #site-ctn > .content-ctn { padding-bottom: 20px; } }

header { display: none; background-color: yellow; width: 111px; height: 100vh; }

header h2 { margin: 0 0 10px; text-align: center; }

header button { width: 100%; height: 83px; }

h1 { font-family: 'TradeGothic-CondensedBold', Arial, helvetica, sans-serif; font-weight: normal; font-size: 64px; color: #FFFFFF; line-height: 1.15em; letter-spacing: 0.2em; }

/*PARTSREAM*/

h2 { font-family: 'TradeGothic-Bold', Arial, helvetica, sans-serif !important; }

label { font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif !important;}

#ariPartStream p { font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif !important;}

.ari-browse-catalog .item:hover {background-color: #FFD200 !important;}

.ari-search-results-list li:hover {background-color: #FFD200 !important;}

#ariPartStream ul.ari-hierarchyLvl li:hover {background-color: #FFD200 !important;}

.ari-assembly-detail #ariPartList .ari_row_highlight {background-color: #FFD200 !important;}

.ari-change-btn {background-color: #FFD200 !important; font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif !important; font-weight: bold !important; color: #000 !important; border-radius: 0 !important; border: none !important;}

.ari-change-btn:hover {transition: background-color 500ms ease-out !important; background-color: #cca200 !important; background-position: 97% 50% !important; color: #000 !important;}

ul#ari-breadCrumb {font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif !important;}

div.ari-item-showMore {background-color: #FFD200 !important; font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif !important; font-weight: bold !important; color: #000 !important; border-radius: 0 !important; border: none !important;}

div.ari-item-showMore:hover {transition: background-color 500ms ease-out !important; background-color: #cca200 !important; background-position: 97% 50% !important; color: #000 !important;}

/*PARTSREAM*/

@media only screen and (max-width: 1699px) { h1 { font-size: 52px; } }

@media only screen and (max-width: 1379px) { h1 { font-size: 44px; } }

@media only screen and (max-width: 1023px) { h1 { font-size: 36px; } }

p { font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif; font-weight: normal; font-size: 18px; line-height: 1.5em; }

p strong { font-family: 'TradeGothic-Bold', Arial, helvetica, sans-serif; font-weight: normal; }

@media only screen and (max-width: 1699px) { p { font-size: 16px; } }

a { font-family: 'TradeGothic-Regular', Arial, helvetica, sans-serif; font-weight: normal; color: #000000; text-decoration: underline; }

a:hover, a:focus, a:active, a:visited { background-color: #FFD200; }

@media screen and (max-width: 1023px) { .language-switcher .active-language { width: 44px; padding: 13px 10px 11px; } }

section .centered-content, .section .centered-content { position: relative; width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(var(--column-ammount), minmax(auto, 1fr)); grid-column-gap: var(--gutter-width); align-items: start; }

section .centered-content > *, .section .centered-content > * { grid-column-end: span var(--column-ammount); }

@media only screen and (max-width: 1699px) { section .centered-content, .section .centered-content { width: 1220px; } }

@media only screen and (max-width: 1379px) { section .centered-content, .section .centered-content { width: 880px; } }

@media only screen and (max-width: 1023px) { section .centered-content, .section .centered-content { width: 628px; } }

@media only screen and (max-width: 767px) { section .centered-content, .section .centered-content { width: 100%; max-width: 628px; padding: 0 12px; box-sizing: border-box; } }

footer .centered-content { border-top: 1px solid #DDDDDD; }

footer .centered-content .content-ctn { display: flex; justify-content: space-between; align-items: center; padding-top: 28px; }

footer .centered-content .content-ctn .left-ctn { flex-wrap: wrap; justify-content: center; }

footer .centered-content .content-ctn .left-ctn .legal { display: inline-block; padding: 0 8px 0 2px; }

footer .centered-content .content-ctn .left-ctn p, footer .centered-content .content-ctn .left-ctn a { margin: 0; font-size: 12px; line-height: 2em; }

footer .centered-content .content-ctn .right-ctn { display: flex; align-items: center; }

footer .centered-content .content-ctn .right-ctn .brp-logo { width: 72px; height: 72px; margin-right: 40px; }

@media screen and (max-width: 1023px) { footer .centered-content .content-ctn { padding-top: 18px; padding-bottom: 0; }
    footer .centered-content .content-ctn .left-ctn p, footer .centered-content .content-ctn .left-ctn a { font-size: 10px; line-height: 1.8em; }
    footer .centered-content .content-ctn .right-ctn .brp-logo { width: 28px; height: 28px; margin-right: 15px; } }

.hero { position: relative; background-color: black; padding: 135px 0 60px; }

.hero .background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent center no-repeat; background-image: url("images/base-hero@2x.jpg"); background-size: cover; }

.hero .centered-content .back { font-family: 'TradeGothic-CondensedBold', Arial, helvetica, sans-serif; font-weight: normal; transition: background-color 0.12s cubic-bezier(0.445, 0.05, 0.55, 0.95); position: absolute; top: -90px; display: none; align-items: baseline; padding: 4px 7px 0 4px; text-decoration: none; }

.hero .centered-content .back svg path { transition: stroke 0.12s cubic-bezier(0.445, 0.05, 0.55, 0.95); }

.hero .centered-content .back .text { transition: color 0.12s cubic-bezier(0.445, 0.05, 0.55, 0.95); margin-left: 10px; font-size: 20px; line-height: 1em; color: #FFFFFF; }

.hero .centered-content .back:hover, .hero .centered-content .back:active { background-color: #FFD200; }

.hero .centered-content .back:hover svg path, .hero .centered-content .back:active svg path { stroke: #333132; }

.hero .centered-content .back:hover .text, .hero .centered-content .back:active .text { color: #333132; }

.hero .centered-content .brp-logo { display: block; width: 93px; height: 93px; }

.hero .centered-content h1 { margin: 60px 0 0; }

.hero.with-back-button .centered-content .back { display: flex; }

@media screen and (max-width: 1699px) { .hero .centered-content .brp-logo { width: 75px; height: 75px; }
    .hero .centered-content h1 { margin: 45px 0 0; } }

@media screen and (max-width: 1379px) { .hero .centered-content .brp-logo { width: 60px; height: 60px; }
    .hero .centered-content h1 { margin: 30px 0 0; } }

@media screen and (max-width: 1023px) { .hero { padding: 57px 0 27px; }
    .hero .centered-content .brp-logo { width: 45px; height: 45px; }
    .hero .centered-content h1 { margin: 23px 0 0; }
    .hero.with-back-button { padding-top: 24px; }
    .hero.with-back-button .centered-content .back { position: static; margin-bottom: 29px; } }

.section-listing { padding: 60px 0 75px; }

.section-listing .intro-text { margin: 0; }

.section-listing .intro-text { width: calc((((100% - ((var(--column-ammount) - 1) * var(--gutter-width))) / var(--column-ammount)) * 4) + (var(--gutter-width) * (4 - 1))); display: none; letter-spacing: -0.1px; }

.section-listing .block-listing.subcategories-listing { display: flex; flex-wrap: wrap; padding: 0; margin: 40px 0 0; }

.section-listing .block-listing.subcategories-listing .subcategory-link { width: calc(25% - 108px/4); margin: 18px 18px 0; }

.section-listing .block-listing.subcategories-listing .subcategory-link a { transition: background-color 0.12s cubic-bezier(0.445, 0.05, 0.55, 0.95); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border: 1px solid #f0f0f0; background-color: #F9F9F9; padding: 20px 31px 20px 27px; text-decoration: none; }

.section-listing .block-listing.subcategories-listing .subcategory-link a .text { font-family: 'TradeGothic-CondensedBold', Arial, helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #333132; }

.section-listing .block-listing.subcategories-listing .subcategory-link a svg { transform: rotate(180deg); }

.section-listing .block-listing.subcategories-listing .subcategory-link a svg path { transition: stroke 0.12s cubic-bezier(0.445, 0.05, 0.55, 0.95); stroke: #767676; }

.section-listing .block-listing.subcategories-listing .subcategory-link a:hover { background-color: #FFD200; }

.section-listing .block-listing.subcategories-listing .subcategory-link a:hover svg path { stroke: #000000; }

.section-listing .block-listing.guides-listing { padding: 0; margin: 50px 0 0; }

.section-listing .block-listing.guides-listing .guide-link { display: flex; align-items: center; margin: 16px 0 0; font-size: 20px; text-decoration: none; }

.section-listing .block-listing.guides-listing .guide-link a { display: flex; padding: 5px; }

.section-listing .block-listing.guides-listing .guide-link a svg { display: block; }

.section-listing .block-listing.guides-listing .guide-link a .text { margin: 3px 0 0 17px; text-decoration: underline; }

.section-listing .block-listing.guides-listing .guide-link:first-child { margin-top: 0; }

.section-listing.with-intro .intro-text { display: block; }

.section-listing.with-intro .breadcrumb { display: none; }

@media screen and (max-width: 1699px) { .section-listing .block-listing.subcategories-listing .subcategory-link { width: calc(25% - 72px / 4); margin: 18px 12px 0; } }

@media screen and (max-width: 1379px) { .section-listing .block-listing.subcategories-listing .subcategory-link { width: calc(33.33% - 48px / 3); margin: 18px 12px 0; }
    .section-listing .block-listing.guides-listing .guide-link { margin-top: 12px; }
    .section-listing .block-listing.guides-listing .guide-link a { align-items: flex-end; font-size: 16px; }
    .section-listing .block-listing.guides-listing .guide-link a svg { width: 13px; }
    .section-listing .block-listing.guides-listing .guide-link a .text { margin: 0 0 0 7px; } }

@media screen and (max-width: 1023px) { .section-listing .intro-text { width: 100%; }
    .section-listing .block-listing.subcategories-listing .subcategory-link { width: calc(50% - 24px / 2); margin: 18px 12px 0; } }

@media screen and (max-width: 767px) { .section-listing .intro-text { width: 100%; }
    .section-listing .block-listing.subcategories-listing .subcategory-link { width: 100%; margin: 10px 0 0; }
    .section-listing .block-listing.subcategories-listing .subcategory-link:first-child { margin-top: 0; } }

@media screen and (min-width: 1380px) { .section-listing .block-listing.subcategories-listing .subcategory-link:nth-child(4n+1) { margin-left: 0; }
    .section-listing .block-listing.subcategories-listing .subcategory-link:nth-child(4n+0) { margin-right: 0; } }

@media screen and (max-width: 1379px) and (min-width: 1024px) { .section-listing .block-listing.subcategories-listing .subcategory-link:nth-child(3n+1) { margin-left: 0; }
    .section-listing .block-listing.subcategories-listing .subcategory-link:nth-child(3n+0) { margin-right: 0; } }

@media screen and (max-width: 1023px) and (min-width: 768px) { .section-listing .block-listing.subcategories-listing .subcategory-link:nth-child(odd) { margin-left: 0; }
    .section-listing .block-listing.subcategories-listing .subcategory-link:nth-child(even) { margin-right: 0; } }

@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; border: none !important; overflow: visible !important; position: static !important; } }