@media (min-width:1025px) {
  *#dm .dmInner *.u_1721508574 { text-align:center !important; }

  *#dm .dmInner div.u_1617020276 .copyright { font-size:12px !important; }

  *.dmTabletBody #dm .d-page-1716942098 DIV.dmInner { background-attachment:initial !important; }

  *#dm .d-page-1716942098 DIV.dmInner {
    background-repeat:repeat !important;
    background-image:none !important;
    background-size:auto !important;
    background-attachment:fixed !important;
  }

  *#dm .d-page-1716942098 DIV#dmSlideRightNavRight {
    background-repeat:repeat !important;
    background-image:none !important;
    background-size:auto !important;
    background-attachment:initial !important;
  }

  *#dm .dmInner div.u_1218782347 .dmwidget-title { font-size:32px !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.u_1721508574 { text-align:center !important; }

  *#dm .dmInner div.u_1218782347 .dmwidget-title { font-size:32px !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1721508574 { text-align:center !important; }
}
@media all {
  *#dm .dmInner div.u_1721508574 p { color:var(--color_8) !important; }

  *#dm .dmInner div.u_1721508574 li { color:var(--color_8) !important; }

  *#dm .dmInner div.u_1721508574 { color:var(--color_8) !important; }

  *#dm .dmInner *.u_1617020276 .copyright { text-align:CENTER !important; }

  *#dm .dmInner div.u_1617020276 .copyright { color:var(--color_8) !important; }

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

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

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

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

  *#dm .dmInner *.u_1218782347 .dmformsubmit {
    float:LEFT !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  *#dm .dmInner div.u_1218782347 .dmforminput { padding-inline:9px !important; }

  *#dm .dmInner div.u_1218782347 .spacing-container { margin-inline:-9px !important; }

  *#dm .dmInner div.u_1218782347 .dmformsubmit:hover { background-image:initial !important; }

  *#dm .dmInner div.u_1218782347 .dmformsubmit.hover { background-image:initial !important; }

  *#dm .dmInner div.u_1218782347 .dmformsubmit {
    height:55px !important;
    width:250px !important;
  }

  *#dm .dmInner div.u_1218782347 .dmforminput label:not(.for-checkable):not(.custom-contact-checkable) { color:var(--color_2) !important; }

  *#dm .dmInner div.u_1218782347 .m-recaptcha { color:var(--color_2) !important; }

  *#dm .dmInner div.u_1218782347 input:not([type="submit"]) {
    background-color:var(--color_8) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-width:2px 2px 2px 2px !important;
    border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important;
    border-radius:2px 2px 2px 2px !important;
  }

  *#dm .dmInner div.u_1218782347 textarea {
    background-color:var(--color_8) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-width:2px 2px 2px 2px !important;
    border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important;
    border-radius:2px 2px 2px 2px !important;
  }

  *#dm .dmInner div.u_1218782347 select {
    background-color:var(--color_8) !important;
    background-image:initial !important;
    border-style:solid !important;
    border-width:2px 2px 2px 2px !important;
    border-color:var(--color_2) var(--color_2) var(--color_2) var(--color_2) !important;
    border-radius:2px 2px 2px 2px !important;
  }

  *#dm .dmInner div.u_1218782347 .dmforminput input { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .dmforminput textarea { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .dmforminput .fileUploadLink { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .checkboxwrapper span { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .radiowrapper span { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .optinwrapper div { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .freetextwrapper { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .dmforminput select { color:var(--color_6) !important; }

  *#dm .dmInner div.u_1218782347 .dmforminput option { color:var(--color_6) !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\38 2dc5786::before, #\38 2dc5786 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.45;
    border-radius: inherit;
}
#\38 2dc5786 {
    background-image: url(https://lirp.cdn-website.com/7e432eec/dms3rep/multi/opt/Hardie+panel+stucco+primed+4+x+8+and+4+x+10+only+avaliable+in+Primed.+-1920w.jpg);
}
    
#\39 6c0fa08 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 100px 4% 100px 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\31 4c131ea {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
    padding: 160px 16px 160px 16px;
    margin: 0px 0% 0px 0%;
}
    
#\32 abe1512 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 2dc5786::before, #\38 2dc5786 > .bgExtraLayerOverlay {
    
}
    
#\39 6c0fa08 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 240px;
    padding-left: 3%;
    padding-right: 3%;
}
    
#\31 4c131ea {
    width: 100%;
    min-height: 8px;
}
}



@media (max-width: 767px) {
    
#\38 2dc5786 {
    grid-template-rows: minmax(8px, max-content);
}
    
#\39 6c0fa08 {
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\38 2dc5786::before, #\38 2dc5786 > .bgExtraLayerOverlay {
    
}
    
#\39 6c0fa08 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 50px 20px 50px 20px;
}
    
#\31 4c131ea {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
}



@media all {
    
#eede8d9d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 48%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#f4f5102e.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 16px;
    padding-bottom: 16px;
}
#f4f5102e {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\38 ed7c325 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 b839bef {
    min-height: auto;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 50px 4% 50px 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\33 67e4e8a {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\36 07d520f {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#f303ce44.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 16px;
    padding-bottom: 16px;
}
#f303ce44 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#ee7af67b {
    align-items: center;
    width: 46.999196404465835%;
    min-height: auto;
    max-height: none;
    margin-right: 0%;
    margin-left: 0%;
    align-self: stretch;
    height: auto;
    background-color: var(--color_2);
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-bottom: 0%;
}
    
#\35 97b7745 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#b2eb4277.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 16px;
    padding-bottom: 16px;
}
#b2eb4277 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#a9b047ca::before, #a9b047ca > .bgExtraLayerOverlay {
    
}
#a9b047ca {
    background-repeat: repeat;
    background-size: auto;
    background-position: 0% 100%;
    background-image: initial;
    background-color: var(--color_4);
}
    
#\32 ff52a71 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 eacec26 {
    align-items: center;
    width: 46.999196404465835%;
    min-height: auto;
    max-height: none;
    margin-right: 0%;
    margin-left: 0%;
    align-self: stretch;
    height: auto;
    background-color: var(--color_2);
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-bottom: 0%;
}
    
#\36 9bc8c8b {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 f87458e {
    flex-direction: row;
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    flex-wrap: wrap;
    margin-top: -150px;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\31 295ca55.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 16px;
    padding-bottom: 16px;
}
#\31 295ca55 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#f16ac668 {
    width: 70px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#d42bd6e9 {
    align-items: center;
    width: 47%;
    min-height: auto;
    max-height: none;
    margin-right: 0%;
    margin-left: 0%;
    align-self: stretch;
    height: auto;
    background-color: var(--color_2);
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-bottom: 0%;
}
    
#\33 f306194 {
    margin: 0px 0% 0px 0%;
}
    
#\36 690f4b7 {
    align-items: center;
    width: 46.999196404465835%;
    min-height: auto;
    max-height: none;
    margin-right: 0%;
    margin-left: 0%;
    align-self: stretch;
    height: auto;
    background-color: var(--color_2);
    padding: 16px 16px 16px 16px;
    margin-top: 0%;
    margin-bottom: 0%;
}
    
#ec25b29e {
    width: 190px;
    height: 55px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e3c1a6aa {
    width: 190px;
    height: 55px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 f4b085f {
    width: 190px;
    height: 55px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 a76b8ed {
    width: 190px;
    height: 55px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_esf {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#eede8d9d {
    width: 100%;
    min-height: 80px;
    order: 1;
}
    
#\32 b839bef {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding-left: 3%;
    padding-right: 3%;
}
    
#\36 f87458e {
    width: 100%;
    min-height: 80px;
    order: 0;
}
    
#a9b047ca::before, #a9b047ca > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\32 b839bef {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#a9b047ca {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#eede8d9d {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    order: 1;
}
    
#\32 b839bef {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 25px 20px 25px 20px;
}
    
#\36 f87458e {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    margin-top: -100px;
}
    
#d42bd6e9 {
    width: 100%;
}
    
#ee7af67b {
    width: 100%;
}
    
#a9b047ca::before, #a9b047ca > .bgExtraLayerOverlay {
    
}
    
#\36 690f4b7 {
    width: 100%;
}
    
#\32 eacec26 {
    width: 100%;
}
}



@media all {
    
#bffd4eca {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\34 e1deac1 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-right: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#widget_0pg {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



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



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



@media all {
    
#e1c14303 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#bec4adce {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-right: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#widget_rrv {
    width: 65%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    align-self: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#bec4adce {
    padding-left: 2%;
    padding-right: 2%;
}
    
#widget_rrv {
    height: auto;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#e1c14303 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#bec4adce {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#widget_rrv {
    height: auto;
    width: 100%;
}
}



@media all {
    
#\32 5ae724d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\38 93f0fe5 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-right: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#widget_r6c {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\37 1b2c7e7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
    grid-row-start: auto;
    grid-row-end: auto;
    grid-column-start: auto;
    grid-column-end: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
}
}



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



@media (max-width: 767px) {
    
#\32 5ae724d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 93f0fe5 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
}

