@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 a.u_1158860050 span.text {
    font-family: Questrial !important;
    font-size:18px !important;
    font-weight:normal !important;
  }

  *#dm .dmInner a.u_1158860050:hover span.text { font-weight:normal !important; }

  *#dm .dmInner a.u_1158860050.hover span.text { font-weight:normal !important; }

  *#dm .dmInner a.u_1158860050:hover {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_1158860050.hover {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_1158860050 {
    background-color:var(--color_5) !important;
    background-image:none !important;
    border-radius:0px 0px 0px 0px !important;
  }

  *#dm .dmInner nav.u_1012680048 { color:black !important; }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_1665857685 .photoGalleryThumbs { padding:2.5px !important; }

  *#dm .dmInner *.u_1665857685 .layout-container { padding:2.5px !important; }

  *#dm .dmInner *.u_1665857685 .photoGalleryViewAll { padding:0 2.5px !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.u_1665857685 .photoGalleryThumbs { padding:2px !important; }

  *#dm .dmInner *.u_1665857685 .layout-container { padding:2px !important; }

  *#dm .dmInner *.u_1665857685 .photoGalleryViewAll { padding:0 2px !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1665857685 .photoGalleryThumbs { padding:1px !important; }

  *#dm .dmInner *.u_1665857685 .layout-container { padding:1px !important; }

  *#dm .dmInner *.u_1665857685 .photoGalleryViewAll { padding:0 1px !important; }

  *#dm .dmInner *.u_1665857685 .photoGalleryThumbs .image-container a { padding-top:141px !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}

@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\31 a732a9c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\34 4ff836e {
    min-height: 552px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#caa9081c::before, #caa9081c > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.5;
    border-radius: inherit;
}
#caa9081c {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://le-de.cdn-website.com/7b36bfba1fac42a5848939d15dc01353/dms3rep/multi/opt/imgi_6_ferreteria-castillo-persona-reparando-puerta-1920w.jpg);
}
    
#widget_4do {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_ho1 {
    width: 159px;
    height: auto;
    min-height: 61px;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 4ff836e {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    min-height: 400px;
}
    
#cfda1eb2 {
    margin: 0px 0% 0px 0%;
}
    
#caa9081c::before, #caa9081c > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\31 a732a9c {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\34 4ff836e {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#caa9081c::before, #caa9081c > .bgExtraLayerOverlay {
    
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 5255c29 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\34 23980b3 {
    min-height: 86px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 8063d20 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_u74 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_o7b {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ee29e014 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 23980b3 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#ee29e014 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\33 5255c29 {
    min-height: 80px;
    align-items: flex-start;
    width: 100%;
}
    
#\34 23980b3 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#c7f23198 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 32%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#c138649e {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\38 63d4bbe {
    min-height: 136px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_vdl {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_s67 {
    width: 40px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#b2037967 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 32%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#\33 147b600 {
    width: 40px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\32 473f1a4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#a056c1c5 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 32%;
    min-width: 4%;
    align-items: center;
    margin: 0% 0% 0% 0%;
}
    
#d2809605 {
    width: 40px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\39 bef84ea {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#c7d091bf {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c7d091bf {
    margin: 0px 0% 0px 0%;
}
    
#\38 63d4bbe {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
}



@media (max-width: 767px) {
    
#c7f23198 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 63d4bbe {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#b2037967 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#a056c1c5 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#c2250202 {
    min-height: 562px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 2% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\34 c0d97e8 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://le-de.cdn-website.com/7b36bfba1fac42a5848939d15dc01353/dms3rep/multi/opt/imgi_7_ferreteria-castillo-productos-de-ferreteria-1920w.jpg);
}
#\34 c0d97e8.lazy {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAADAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAdEAACAgEFAAAAAAAAAAAAAAABAgADERITIjGB/8QAFAEBAAAAAAAAAAAAAAAAAAAABP/EABgRAAIDAAAAAAAAAAAAAAAAAAABAzFB/9oADAMBAAIRAxEAPwCbZ2stdnJLaScn2Sllr7jcj2YiAkwQrZ//2Q==');
}
    
#a6de3f7f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 39.416666666666664%;
    min-width: 4%;
    background-color: var(--color_2);
    background-image: initial;
    margin: 0% 0% 0% 0%;
}
    
#\30 ef3b45f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 58.58%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#widget_3cr {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_qp2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_kgj {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_7ts {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_c80 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_er3 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_e35 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 94e18fc {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c2250202 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    min-height: 409px;
}
    
#\36 94e18fc {
    margin: 0px 0% 0px 0%;
}
    
#a6de3f7f {
    width: 59.10%;
}
    
#\30 ef3b45f {
    width: 38.82139737991266%;
}
}



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



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#ed585b06 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#bc50dae5 {
    min-height: 246px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#ab2bf866 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_05d {
    width: 100.00%;
    height: 382px;
    min-height: 100px;
    max-width: 100%;
}
    
#\38 703232f {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#bc50dae5 {
    min-height: 248px;
    padding: 0% 0% 0% 0%;
}
    
#\38 703232f {
    margin: 0px 0% 0px 0%;
}
    
#widget_05d {
    width: 100.00%;
    height: 294px;
}
}



@media (max-width: 767px) {
    
#ed585b06 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#bc50dae5 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#\38 703232f {
    margin: 0px 0% 0px 0%;
}
    
#widget_05d {
    width: 100.00%;
    height: 230px;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#a4f98ac8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\34 5f04fd8 {
    min-height: 103px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 3% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\39 283ed8a {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_7);
    background-image: initial;
}
    
#widget_5nr {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_j0a {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#baa20f48 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 5f04fd8 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#baa20f48 {
    margin: 0px 0% 0px 0%;
}
}



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



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#dcbe8223 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\32 88da6c0 {
    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 45aeb55 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_7);
    background-image: initial;
}
    
#widget_uhg {
    width: 80%;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_ek3 {
    width: 280px;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#faded05f {
    margin: 0px 0% 0px 0%;
}
    
#\38 80cb507 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\34 e0749da {
    width: 80%;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#\30 fddd693 {
    width: 280px;
    height: auto;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 88da6c0 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#faded05f {
    margin: 0px 0% 0px 0%;
}
    
#widget_uhg {
    height: auto;
    width: 100%;
}
    
#\34 e0749da {
    height: auto;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#dcbe8223 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\32 88da6c0 {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#widget_uhg {
    height: auto;
    width: 100%;
}
    
#\38 80cb507 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\34 e0749da {
    height: auto;
    width: 100%;
}
}

