@media all {
  *#dm .dmInner a.u_1652781204 { border-color:var(--color_3) !important; }

  *#dm .dmInner a.u_1652781204 span.text { color:var(--color_3) !important; }

  *#dm .dmInner a.u_1652781204:hover {
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1652781204.hover {
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1652781204:hover span.text { color:var(--color_2) !important; }

  *#dm .dmInner a.u_1652781204.hover span.text { color:var(--color_2) !important; }

  *#dm .dmInner div.u_1357283254 hr { color:var(--color_2) !important; }

  *#dm .dmInner div.u_1402533038 hr { color:var(--color_2) !important; }

  *#dm .dmInner div.u_1238383935 hr {
    border-top-width:1px !important;
    border-top-style:solid !important;
    color:var(--color_2) !important;
  }

  *#dm .dmInner div.u_1353831750 hr {
    border-top-width:1px !important;
    border-top-style:solid !important;
    color:var(--color_2) !important;
  }

  *#dm .dmInner nav.u_1315095992 { color:black !important; }

  *#dm .dmInner div.u_3687770828 {
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    border-style:solid !important;
    border-width:0px !important;
  }

  *#dm .dmInner div.u_1009390118 .svg {
    color:rgba(45,46,50,1) !important;
    fill:var(--color_2) !important;
  }

  *#dm .dmInner div.u_1351214419 .svg {
    color:rgba(45,46,50,1) !important;
    fill:var(--color_2) !important;
  }

  *#dm .dmInner div.u_1200377283 .svg {
    color:rgba(45,46,50,1) !important;
    fill:var(--color_2) !important;
  }
}
@media (min-width:0) and (max-width:767px) {
  *#dm .dmInner a.u_1652781204 span.text { font-size:17px !important; }
}
@media (min-width: 1025px) {}
@media (min-width: 768px) and (max-width: 1024px) {}
@media (min-width: 0px) and (max-width: 767px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\35 ca361ca {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    justify-content: space-around;
    align-items: center;
    padding: 16px 16px 16px 16px;
}
    
#\38 9d6c961 {
    min-height: 0px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
}
    
#widget_sv5 {
    width: 100%;
    height: 410px;
    position: relative;
    min-width: 10px;
    min-height: 600px;
    max-width: 1440px;
    max-height: none;
}
    
#\39 2f206f6 {
    background-image: url(https://lirp.cdn-website.com/b3ae0161/dms3rep/multi/opt/shingletile_sm-1920w.jpg);
    background-repeat: repeat;
    background-size: auto;
}
}



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



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



@media all {
    
#c0603bfd {
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 16px 16px 16px 16px;
}
    
#\38 ab07f77 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 0;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
}
    
#widget_ul7 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 e8b760b {
    width: 80.82%;
    height: auto;
    max-width: 100%;
}
    
#group_to0 {
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-width: 4%;
    min-height: 80px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 16px 16px 16px 16px;
}
    
#widget_0va {
    width: 280px;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#b3ef796a {
    width: 280px;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
}



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



@media (max-width: 767px) {
    
#c0603bfd {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 ab07f77 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#group_to0 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#widget_0va {
    margin: 0px 0% 0px 0%;
}
    
#b3ef796a {
    margin: 0px 0% 0px 0%;
}
    
#\35 e8b760b {
    width: 100%;
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_ul7 {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media all {
    
#\31 95a4257 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 49%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\39 3afbda2 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 49%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\36 568a619 {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 4%;
    padding-bottom: 4%;
}
    
#widget_qb2 {
    width: 100%;
    height: 320px;
    min-height: 100%;
    max-width: 100%;
    max-height: none;
}
    
#\33 94bd987 {
    width: 100%;
    height: 310px;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 568a619 {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#\31 95a4257 {
    width: 100%;
    min-height: 80px;
}
    
#\39 3afbda2 {
    width: 100%;
    min-height: 80px;
}
}



@media (max-width: 767px) {
    
#\31 95a4257 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\39 3afbda2 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 568a619 {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
    
#widget_qb2 {
    height: 180px;
}
    
#\33 94bd987 {
    height: 180px;
}
}



@media all {
    
#\37 754bbd8 {
    width: 800px;
    height: auto;
    max-width: none;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 07761e0 {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding-right: 4%;
    padding-left: 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\31 85393b9 {
    background-color: var(--color_3);
    background-image: initial;
}
    
#\39 c3475a6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 5px;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 754bbd8 {
    width: 480px;
}
    
#\39 07761e0 {
    min-height: 88px;
    padding: 0% 4% 0% 4%;
}
    
#e68afa7e {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\39 07761e0 {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\31 85393b9 {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#\37 754bbd8 {
    width: 310px;
    margin-left: 0%;
    margin-right: 0%;
}
    
#\39 07761e0 {
    min-height: unset;
    flex-direction: column;
    padding: 2% 4% 2% 4%;
}
    
#\39 c3475a6 {
    width: 100%;
    min-height: 91px;
    align-items: center;
    row-gap: 5px;
    height: auto;
}
    
#e68afa7e {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\31 4e7b1bf {
    align-items: flex-start;
    width: 99.75775330314382%;
    min-height: auto;
    max-height: 100%;
    row-gap: 16px;
    column-gap: 4%;
    align-self: auto;
    order: 0;
    padding: 4px 4px 4px 4px;
    grid-area: auto / auto / auto / auto;
}
    
#\37 6d94c36 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 32px;
    width: 33.333333333333336%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\31 15287a2 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\38 da696e1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 32px;
    width: 33.333333333333336%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\38 a06212b {
    justify-content: space-between;
    align-items: flex-start;
    width: 100.00%;
    min-height: 36px;
    max-height: 100%;
    order: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#eba00503 {
    background-color: var(--color_3);
    background-image: initial;
}
    
#\35 ae148b7 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    flex-wrap: nowrap;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\39 92cb8f7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 32px;
    width: 33.333333333333336%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\38 4ab2b79 {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding-left: 8%;
    padding-right: 8%;
}
    
#d0980b27 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\37 230078e {
    width: 116px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\34 95c179e {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    background-color: var(--color_5);
    border-radius: 20px 20px 20px 20px;
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 0px 0px 0px 0px;
    row-gap: 16px;
    align-self: auto;
    padding: 6% 6% 6% 6%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 62f1d26 {
    justify-content: space-between;
    align-items: flex-start;
    width: 99.9975447975448%;
    min-height: auto;
    max-height: 100%;
    background-color: var(--color_5);
    border-radius: 20px 20px 20px 20px;
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 0px 0px 0px 0px;
    row-gap: 16px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 6% 6% 6% 6%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 c811e86 {
    align-items: flex-start;
    width: 99.75775330314382%;
    min-height: auto;
    max-height: 100%;
    row-gap: 16px;
    column-gap: 4%;
    align-self: auto;
    order: 0;
    padding: 4px 4px 4px 4px;
    grid-area: auto / auto / auto / auto;
}
    
#\30 690a535 {
    width: 116px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#e1b62374 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\39 e1ee819 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    flex-wrap: nowrap;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\36 c81e2fe {
    justify-content: space-between;
    align-items: flex-start;
    width: 100.00%;
    min-height: 36px;
    max-height: 100%;
    order: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#afe56779 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#d96d2e5b {
    justify-content: space-between;
    align-items: flex-start;
    width: 99.9975447975448%;
    min-height: auto;
    max-height: 100%;
    background-color: var(--color_5);
    border-radius: 20px 20px 20px 20px;
    background-image: initial;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5);
    border-width: 0px 0px 0px 0px;
    row-gap: 16px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    padding: 6% 6% 6% 6%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 9c5d61b {
    align-items: flex-start;
    width: 99.75775330314382%;
    min-height: auto;
    max-height: 100%;
    row-gap: 16px;
    column-gap: 4%;
    align-self: auto;
    order: 0;
    padding: 4px 4px 4px 4px;
    grid-area: auto / auto / auto / auto;
}
    
#\33 4c68915 {
    width: 116px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#f6b88eda {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\30 3d63880 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    flex-wrap: nowrap;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#c94ed9b7 {
    justify-content: space-between;
    align-items: flex-start;
    width: 100.00%;
    min-height: 36px;
    max-height: 100%;
    order: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\36 f46f9af {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 6d94c36 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    row-gap: 32px;
    margin: 0% 0% 0% 0%;
}
    
#\38 da696e1 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    row-gap: 32px;
    margin: 0% 0% 0% 0%;
}
    
#\39 92cb8f7 {
    width: 50%;
    min-height: 80px;
    flex: 1 1 auto;
    row-gap: 32px;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\38 4ab2b79 {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 240px;
    column-gap: 0%;
}
    
#\38 a06212b {
    width: 100.00%;
    align-items: flex-start;
    margin: 0px 0% 0px 0%;
}
    
#\35 ae148b7 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
    
#\37 230078e {
    height: auto;
    width: 110px;
}
    
#\34 95c179e {
    align-self: auto;
    width: 100%;
    order: 0;
    min-height: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 62f1d26 {
    width: 100%;
    min-height: auto;
}
    
#\30 690a535 {
    height: auto;
    width: 110px;
}
    
#\39 e1ee819 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
    
#\36 c81e2fe {
    width: 100.00%;
    align-items: flex-start;
    margin: 0px 0% 0px 0%;
}
    
#d96d2e5b {
    width: 100%;
    min-height: auto;
}
    
#\33 4c68915 {
    height: auto;
    width: 110px;
}
    
#\30 3d63880 {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
    
#c94ed9b7 {
    width: 100.00%;
    align-items: flex-start;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\34 4607462 {
    margin: 0px 0% 0px 0%;
}
    
#\37 6d94c36 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    row-gap: 24px;
    padding-top: 16px;
    padding-bottom: 8px;
}
    
#\38 da696e1 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    row-gap: 24px;
    padding-bottom: 8px;
    padding-top: 8px;
}
    
#\39 92cb8f7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    row-gap: 24px;
}
    
#\38 4ab2b79 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 1% 2% 6% 2%;
}
    
#\38 a06212b {
    min-height: 54px;
    width: 100%;
    align-items: flex-start;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    max-width: 100%;
}
    
#\35 ae148b7 {
    justify-content: flex-start;
    min-height: 64px;
    width: 99.53%;
}
    
#\37 230078e {
    width: 96px;
    height: auto;
}
    
#\34 95c179e {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    min-height: auto;
}
    
#\31 62f1d26 {
    min-height: auto;
}
    
#\30 690a535 {
    width: 96px;
    height: auto;
}
    
#\39 e1ee819 {
    justify-content: flex-start;
    min-height: 64px;
    width: 99.53%;
}
    
#\36 c81e2fe {
    min-height: 54px;
    width: 100%;
    align-items: flex-start;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    max-width: 100%;
}
    
#d96d2e5b {
    min-height: auto;
}
    
#\33 4c68915 {
    width: 96px;
    height: auto;
}
    
#\30 3d63880 {
    justify-content: flex-start;
    min-height: 64px;
    width: 99.53%;
}
    
#c94ed9b7 {
    min-height: 54px;
    width: 100%;
    align-items: flex-start;
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    max-width: 100%;
}
}



@media all {
    
#\32 eba321f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 16px 16px 16px 16px;
}
    
#\34 3f7a7d4 {
    min-height: 71px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_pvd {
    width: 280px;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



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



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