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

  *#dm .dmInner div.u_1759024917 .socialHubInnerDiv { justify-content:flex-end !important; }

  *#dm .dmInner div.u_1759024917 .socialHubIcon {
    width:48px !important;
    height:48px !important;
    font-size:32px !important;
    line-height:48px !important;
  }

  *#dm .dmInner div.u_1399515553 .socialHubInnerDiv { justify-content:flex-end !important; }

  *#dm .dmInner div.u_1638074655 .svg { fill:rgba(255,255,255,1) !important; }

  *#dm .dmInner div.u_2685122388 .svg { fill:var(--color_4) !important; }

  *#dm .dmInner div.u_1467715198 .svg { fill:var(--color_4) !important; }

  *#dm .dmInner div.u_3026820539 .svg { fill:var(--color_4) !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\34 4148d80 {
    min-height: 422px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 e8d8dd1::before, #\32 e8d8dd1 > .bgExtraLayerOverlay {
    
}
#\32 e8d8dd1 {
    background-image: url("https://le-de.cdn-website.com/854873e9799e4f2eaedfaeb416315694/dms3rep/multi/opt/ferreteria-grandio-banner-1920w.jpg");
    box-shadow: none;
}
    
#\37 e9bf115::before, #\37 e9bf115 > .bgExtraLayerOverlay {
    
}
#\37 e9bf115 {
    background-size: contain;
    min-height: 8px;
    background-position: 50% 100%;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    background-image: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\36 7d975f0 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#a0a9b474 {
    min-height: 135px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#df7dad90 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_9e8 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\39 3a4632e {
    min-height: 320px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\31 be96851 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_7);
    background-image: none;
}
    
#\30 f3e41ef {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 49%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\31 7a1fed1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 49%;
    min-width: 4%;
    align-items: center;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#widget_jfo {
    width: 90%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_qjv {
    width: 90%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_11o {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_ja5 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_kpn {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_69u {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media all {
    
#\39 5520471 {
    margin: 0px 0% 0px 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#e5281325 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 33.3%;
    min-width: 4%;
    align-items: center;
    background-color: var(--color_7);
    background-image: none;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#c0fa4cbe {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 33.3%;
    min-width: 4%;
    align-items: center;
    background-color: var(--color_7);
    background-image: none;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\31 9a34366 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\35 befd652 {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 7d461a6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 33.3%;
    min-width: 4%;
    align-items: center;
    background-color: var(--color_7);
    background-image: none;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#widget_8ro {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_ugr {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_ull {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_had {
    width: 48px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_m7b {
    width: 50px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_1ui {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_g66 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_hjo {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_hps {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
}



@media all {
    
#\35 7443051 {
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    background-color: var(--color_7);
    background-image: none;
    margin: 0% 0% 0% 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#dbae7d6c {
    min-height: 0;
    column-gap: 2%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 4% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\31 3b31cd0 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_ptb {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#\31 c116b6d {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\30 84b4f3e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: var(--color_7);
    background-image: none;
    padding: 16px 16px 0px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 278ec5d {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 dcec506 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#fc337bbe {
    width: 100.00%;
    height: 306px;
    min-height: 100px;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f66c86c6 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 4148d80 {
    min-height: 245px;
    padding: 0px 0% 0px 0%;
}
    
#\37 e9bf115::before, #\37 e9bf115 > .bgExtraLayerOverlay {
    
}
#\37 e9bf115 {
    row-gap: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#\32 e8d8dd1::before, #\32 e8d8dd1 > .bgExtraLayerOverlay {
    
}
    
#\38 60c5298 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a0a9b474 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    min-height: 102px;
}
    
#c7521b94 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 3a4632e {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\35 b02d796 {
    margin: 0px 0% 0px 0%;
}
    
#widget_jfo {
    height: auto;
}
    
#widget_qjv {
    height: auto;
}
    
#\31 7a1fed1 {
    align-items: center;
    justify-content: flex-start;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 5520471 {
    margin: 0px 0% 0px 0%;
}
    
#\35 befd652 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#dbae7d6c {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\31 c116b6d {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 278ec5d {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#f66c86c6 {
    margin: 0px 0% 0px 0%;
}
    
#fc337bbe {
    height: 230px;
}
}



@media (max-width: 767px) {
    
#\34 4148d80 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 20px 4% 20px 4%;
}
    
#\37 e9bf115::before, #\37 e9bf115 > .bgExtraLayerOverlay {
    
}
#\37 e9bf115 {
    min-height: 80px;
    width: 100%;
    justify-content: center;
    padding: 0px 0px 80px 0px;
}
    
#\38 60c5298 {
    margin: 0px 0% 0px 0%;
}
    
#\32 e8d8dd1::before, #\32 e8d8dd1 > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\36 7d975f0 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#a0a9b474 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\39 3a4632e {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#\30 f3e41ef {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\31 7a1fed1 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#widget_jfo {
    height: auto;
}
    
#widget_qjv {
    height: auto;
}
}



@media (max-width: 767px) {
    
#e5281325 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#c0fa4cbe {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\35 befd652 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#\32 7d461a6 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (max-width: 767px) {
    
#\35 7443051 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#dbae7d6c {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media (max-width: 767px) {
    
#\30 84b4f3e {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\36 278ec5d {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#fc337bbe {
    order: 1;
    height: 120px;
    min-height: 52px;
    width: 100.00%;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
}
}