@media all {
  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner *.u_1719183151.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    margin-left:0 !important;
    padding-top:0 !important;
    padding-left:20px !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:20px !important;
  }

  *#dm .dmInner nav.u_1719183151.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; }

  *#dm .dmInner *.u_1719183151 { justify-content:flex-end !important; }
}
@media (min-width:0) and (max-width:767px) {}
@media (min-width:1025px) {}
@media (min-width:768px) and (max-width:1024px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}

@media all {
    
#\36 3bd85219866cc3622781520 {
    min-height: 144px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
    flex-wrap: nowrap;
    max-width: none;
}
    
#\36 3bd85219866cc3622781522::before, #\36 3bd85219866cc3622781522 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.55;
    border-radius: inherit;
}
#\36 3bd85219866cc3622781522 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://lirp.cdn-website.com/8a233432/dms3rep/multi/opt/84f568e4-94a4-4500-9c31-686b1dfe5406-1920w.jpg);
    padding: 16% 4% 16% 4%;
}
    
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url();
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_0ge {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_g8t {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 e469bfe {
    width: 840.26px;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    padding-right: 2%;
    padding-left: 2%;
    min-height: 521px;
}
    
#\36 3bd85219866cc3622781522::before, #\36 3bd85219866cc3622781522 > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    padding-left: 2%;
    padding-right: 2%;
    flex-wrap: nowrap;
    padding-top: 0%;
}
    
#\36 3bd85219866cc3622781522::before, #\36 3bd85219866cc3622781522 > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc3622781522 {
    min-height: 450px;
    align-items: center;
    width: 100%;
    row-gap: 14px;
}
    
#\36 3bd85219866cc362278151d {
    margin-top: 0%;
}
    
#\32 e469bfe {
    max-width: 100%;
}
}



@media all {
    
#\38 4b988a7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 23px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 16px 16px 16px 16px;
}
    
#\33 68c32ce {
    min-height: 548px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#widget_0b1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_f49 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_744 {
    width: 86.08%;
    height: auto;
    max-width: 100%;
    margin-bottom: 10px;
}
    
#widget_r8q {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\33 9984eb2 {
    width: 280px;
    height: auto;
    min-height: 58px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 68c32ce {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 240px;
    row-gap: 24px;
    padding: 6% 4% 6% 4%;
}
    
#\38 4b988a7 {
    width: 100%;
    row-gap: 16px;
    min-height: 8px;
    order: 1;
}
    
#widget_744 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\38 4b988a7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
}
    
#\33 68c32ce {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 4% 6% 4%;
}
    
#widget_0b1 {
    order: 0;
}
    
#widget_f49 {
    order: 1;
}
    
#widget_744 {
    order: 2;
    width: 100.00%;
}
}



@media all {
    
#\32 2d4ed17 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\30 36465c5 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_f7f {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_dta {
    width: 100.00%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 36465c5 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\32 2d4ed17 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\30 36465c5 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
}



@media all {
    
#c7a2e891 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#b75b965f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#caf932d1 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#\35 307b5b6 {
    background-color: rgba(0, 0, 0, 0.08);
    background-image: initial;
}
    
#widget_p09 {
    width: 100%;
    height: 542px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_3pl {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
}
    
#widget_nkl {
    width: 280px;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 58px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#caf932d1 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#c7a2e891 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#b75b965f {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#caf932d1 {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
    
#widget_p09 {
    height: 240px;
}
}



@media all {
    
#\34 952bf38 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/8a233432/dms3rep/multi/opt/gearboxes+2-1920w.jpg);
    background-attachment: fixed;
}
#\34 952bf38.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIH/8QAHBAAAgMBAAMAAAAAAAAAAAAAAQMAAgQGEiFR/8QAFAEBAAAAAAAAAAAAAAAAAAAAA//EABYRAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEQMRAD8AzenTblYs2WpAUtnlQfDKZ0G+zLEt9kkxECly/9k=');
}
    
#\30 b4ef140 {
    min-height: 557px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
}
    
#\38 3cc70ec {
    background-image: url(https://lirp.cdn-website.com/8a233432/dms3rep/multi/opt/gearboxes+2-1920w.jpg);
    background-attachment: fixed;
}
#\38 3cc70ec.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIH/8QAHBAAAgMBAAMAAAAAAAAAAAAAAQMAAgQGEiFR/8QAFAEBAAAAAAAAAAAAAAAAAAAAA//EABYRAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEQMRAD8AzenTblYs2WpAUtnlQfDKZ0G+zLEt9kkxECly/9k=');
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 b4ef140 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\34 952bf38 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
#\34 952bf38.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAFAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIH/8QAHBAAAgMBAAMAAAAAAAAAAAAAAQMAAgQGEiFR/8QAFAEBAAAAAAAAAAAAAAAAAAAAA//EABYRAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEQMRAD8AzenTblYs2WpAUtnlQfDKZ0G+zLEt9kkxECly/9k=');
}
    
#\30 b4ef140 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
}