@media all {
  *#dm .dmInner div.u_1132516832 img { border-radius:24px 24px 24px 24px !important; }

  *#dm .dmInner nav.u_181523886 { color:white !important; }

  *#dm .dmInner a.u_1116844856:hover { background-image:none !important; }

  *#dm .dmInner a.u_1116844856.hover { background-image:none !important; }

  *#dm .dmInner div.u_1488309398 img { border-radius:24px 24px 24px 24px !important; }

  *#dm .dmInner a.u_1309267644:hover { background-image:none !important; }

  *#dm .dmInner a.u_1309267644.hover { background-image:none !important; }

  *#dm .dmInner a.u_1484392462:hover { background-image:none !important; }

  *#dm .dmInner a.u_1484392462.hover { background-image:none !important; }

  *#dm .dmInner a.u_1749635475:hover { background-image:none !important; }

  *#dm .dmInner a.u_1749635475.hover { background-image:none !important; }

  *#dm .dmInner a.u_1876435905:hover { background-image:none !important; }

  *#dm .dmInner a.u_1876435905.hover { background-image:none !important; }

  *#dm .dmInner a.u_1303739822 .iconBg { display:inline-block !important; }

  *#dm .dmInner a.u_1827689314:hover { background-image:none !important; }

  *#dm .dmInner a.u_1827689314.hover { background-image:none !important; }

  *#dm .dmInner a.u_1391113476:hover { background-image:none !important; }

  *#dm .dmInner a.u_1391113476.hover { background-image:none !important; }

  *#dm .dmInner a.u_1769751935:hover { background-image:none !important; }

  *#dm .dmInner a.u_1769751935.hover { background-image:none !important; }

  *#dm .dmInner a.u_1777924399:hover { background-image:none !important; }

  *#dm .dmInner a.u_1777924399.hover { background-image:none !important; }

  *#dm .dmInner a.u_1208260598:hover { background-image:none !important; }

  *#dm .dmInner a.u_1208260598.hover { background-image:none !important; }

  *#dm .dmInner a.u_1789694887:hover { background-image:none !important; }

  *#dm .dmInner a.u_1789694887.hover { background-image:none !important; }

  *#dm .dmInner a.u_1982296554:hover { background-image:none !important; }

  *#dm .dmInner a.u_1982296554.hover { background-image:none !important; }

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

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

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

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

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

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

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

  *#dm .dmInner a.u_1488570647 {
    background-color:var(--color_2) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:1px 2px 3px 1px !important;
    border-color:rgb(248,249,249) var(--color_7) rgb(175,175,175) rgb(248,249,249) !important;
  }

  *#dm .dmInner a.u_1488570647:hover {
    background-image:none !important;
    background-color:var(--color_7) !important;
    border-color:var(--color_4) !important;
  }

  *#dm .dmInner a.u_1488570647.hover {
    background-image:none !important;
    background-color:var(--color_7) !important;
    border-color:var(--color_4) !important;
  }

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

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

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

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

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

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

  *#dm .dmInner a.u_1303739822:hover .iconBg { background-color:rgba(255,255,255,1) !important; }

  *#dm .dmInner a.u_1303739822.hover .iconBg { background-color:rgba(255,255,255,1) !important; }

  *#dm .dmInner a.u_1111535751 .iconBg { display:inline-block !important; }

  *#dm .dmInner a.u_1111535751:hover .iconBg { background-color:rgba(255,255,255,1) !important; }

  *#dm .dmInner a.u_1111535751.hover .iconBg { background-color:rgba(255,255,255,1) !important; }

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

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

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

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

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

  *#dm .dmInner a.u_1111535751.hover {
    background-color:var(--color_7) !important;
    background-image:none !important;
  }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: rgba(0,0,0,0);
    --overlapping-background-image: rgba(0,0,0,0);
}
}



@media all {
    
#d76a64aa {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 49%;
    min-width: 4%;
}
    
#\32 5f7de9c {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#\30 e5aa598.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\30 e5aa598 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 9cddc68 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#widget_1d2.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_1d2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 15px 0% 0px 0%;
}
    
#\35 5948d1f::before, #\35 5948d1f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.85;
    border-radius: inherit;
}
#\35 5948d1f {
    background-color: var(--color_4);
    background-image: url("https://lirp.cdn-website.com/6fc94013/dms3rep/multi/opt/modetek-roofing-residential-roofing-10-1920w.webp");
}
#\35 5948d1f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRk4AAABXRUJQVlA4IEIAAADQAQCdASoKAAgAAUAmJQBOgCHNAn4EAAD+9fJ87DZG0KKiD9QhZjYuBawAC9PGZizV3Jp8Ux+J07NXGtd+2NZbgAA=');
}
    
#group_tn5 {
    width: 49%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 16px 16px 16px 16px;
}
    
#\37 e44f353 {
    width: 100.00%;
    height: 500px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 83a0086 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\39 4123064 {
    margin: 0px 0% 0px 0%;
}
    
#e8927e2a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
}
    
#ce039662 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#\37 e1f2eb5 {
    align-items: flex-start;
    width: 54.01%;
    min-height: auto;
    max-height: 100%;
    row-gap: 8px;
    column-gap: 4%;
    order: 0;
    min-width: 32px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 805c44c.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 805c44c {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 10c6c43 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f1428482 {
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 0;
    height: auto;
    justify-self: auto;
    align-self: auto;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 6019e2c {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    flex-direction: row;
    justify-self: auto;
    align-self: auto;
    order: 2;
    padding: 0px 0px 0px 0px;
    margin: 9px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_sav {
    width: auto;
    height: auto;
    max-width: 100%;
}
    
#\33 781c2b9 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e5436a36 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 584a9cb {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 69c3941 {
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 e1e361e {
    align-items: center;
    width: 100%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    order: 1;
    align-self: auto;
    min-width: 32px;
    height: auto;
    flex-direction: row;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 225a967 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 ded99e6 {
    align-items: center;
    width: 41.99%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    order: 1;
    min-width: 32px;
    height: auto;
    flex-direction: row;
    justify-content: flex-end;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 3751d38 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f0a10370 {
    background-color: var(--color_4);
    background-image: none;
}
}



@media all {
    
#ba0fb18f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(255,255,255,1);
    background-image: initial;
}
    
#af57e954 {
    min-height: 61px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
}
    
#b7d09b2e {
    margin: 0px 0% 0px 0%;
}
    
#widget_4b2 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#ca442757 {
    align-items: center;
    width: 100.00%;
    min-height: 55px;
    max-height: 100%;
    row-gap: 11px;
    column-gap: 2%;
    height: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-self: auto;
    align-self: auto;
    order: 4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f5076273 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    min-width: 32px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 f6c88b0 {
    width: 66.64%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#\33 1ae3a9f.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\33 1ae3a9f {
    width: 64.50%;
    height: 100px;
    min-height: 100px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 3;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e42b91c2 {
    min-height: 100vh;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 16% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\34 e293ecc.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 e293ecc {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 e2cd751::before, #\33 e2cd751 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    border-radius: inherit;
    background-color: rgba(0,0,0,1);
}
#\33 e2cd751 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-image: url("https://lirp.cdn-website.com/6fc94013/dms3rep/multi/opt/roofing-hero-bg-max-1920w.webp");
    background-color: rgba(0, 0, 0, 0);
}
    
#\37 dd1f811 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#af12ed6c {
    margin: 0px 0% 0px 0%;
}
    
#\36 5745ad4 {
    width: 249px;
    height: 55px;
    min-width: 32px;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\31 8606541 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\32 4682038 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 4d06dc0::before, #\34 4d06dc0 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_6);
    opacity: 0.8;
    border-radius: inherit;
}
#\34 4d06dc0 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_4);
    background-image: url("https://lirp.cdn-website.com/6fc94013/dms3rep/multi/opt/roofing-repeater-1920w.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-position: 0% 0%;
}
#\34 4d06dc0.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQG/8QAHxAAAgICAQUAAAAAAAAAAAAAAQIAAxEhIhIyQVGB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAMAwEAAhEDEQA/AMiLXJZgeXhd6gFjndrZ+xqaD0JzOfcvFSY7RC5Sbf/Z');
}
    
#ae20ce64[data-pinned] {
    position: sticky;
    top: 204px;
    bottom: auto;
    z-index: 1;
}
#ae20ce64 {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 8px;
    column-gap: 4%;
    order: 3;
    padding: 0px 0px 0px 0px;
}
    
#\37 72f4b4a {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\34 a2f3bef {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a1f23bd4.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#a1f23bd4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 15px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\30 7283bab {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 8350e51 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0,0,0,0);
    background-image: initial;
    border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    border-width: 0px 0px 0px 0px;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
}
    
#a1eb3b26 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#efe161d2 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 59215a8 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\36 f52717c.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\36 f52717c {
    width: 95.42%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 3;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 5dcd826.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\33 5dcd826 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 8afde4e {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\38 5d21514 {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 8b13a69 {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 eddb3f8 {
    margin: 0px 0% 0px 0%;
}
    
#group_3od {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#c83cd0fa {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a4ac5d82 {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\35 5a40533 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#c2600993 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2c55b62 {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#d6f07e72 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 7a451a9 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\30 13810ea {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b368608c {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\39 eb585ae {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#cb682399 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#\38 cd0ac28 {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 1d159d1 {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 e032bac {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 09403cf {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100.00%;
    min-height: 104px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    min-width: 32px;
    height: auto;
    margin: 0px 0% 0px 0%;
}
    
#b5b75dcd {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 45dbf1b {
    align-items: center;
    width: 100%;
    min-height: 32px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 5%;
    height: auto;
    align-self: auto;
    order: 0;
    border-radius: 24px 24px 24px 24px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1) rgba(233,234,236,1);
    flex-wrap: nowrap;
    padding: 16px 16px 16px 16px;
    grid-area: auto / auto / auto / auto;
}
    
#\31 860deb3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c546933e {
    width: 100%;
    height: auto;
    min-width: 32px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 f36c1cd {
    align-items: center;
    width: 100.00%;
    min-height: 55px;
    max-height: 100%;
    row-gap: 11px;
    column-gap: 2%;
    height: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-self: auto;
    align-self: auto;
    order: 4;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 2127a9f {
    width: 249px;
    height: 55px;
    min-width: 32px;
    max-width: 100%;
    order: 0;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#caae96dc {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
}
    
#\30 9cf00b5 {
    width: 71px;
    height: auto;
    min-width: 32px;
    max-width: 100%;
}
}



@media all {
    
#a656f4a8 {
    align-items: flex-start;
    width: 32.64%;
    min-height: 164px;
    max-height: 100%;
    row-gap: 8px;
    column-gap: 4%;
    border-radius: 24px 24px 24px 24px;
    background-image: linear-gradient(135deg, rgba(246, 130, 31, 1) 45%, rgba(253, 184, 156, 1) 100%);
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,1);
    margin-top: -128px;
    margin-left: -60px;
    height: auto;
    background-origin: border-box;
    padding: 16px 16px 16px 16px;
}
    
#\33 b0f5580 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#c79d656b {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 4% 2% 4% 2%;
}
    
#\33 5304d33 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\36 93326c2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 0px;
}
    
#c89762d7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 48%;
    min-width: 4%;
}
    
#\30 6ab4bbb.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\30 6ab4bbb {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 10px 0% 0px 0%;
}
    
#a1c41c61 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#dcf1c9e6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ed56c8f2.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#ed56c8f2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\39 f001b11 {
    align-items: flex-start;
    width: 100.00%;
    min-height: 450px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    background-image: url("https://lirp.cdn-website.com/6fc94013/dms3rep/multi/opt/modetek-roofing-residential-roofing-7-1920w.webp");
    height: auto;
    border-radius: 24px 24px 24px 24px;
    box-shadow: rgba(0, 0, 0, 0.12) 3px 0px 11px 0px;
}
#\39 f001b11.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRlAAAABXRUJQVlA4IEQAAADwAQCdASoKAAgAAUAmJYgCdADyoN7nYUAAzjvLLrwJ5nqfvDhc3+e5Su/x/HtJksX9kgoFaX7rV/Hxd4w0rf8JhEAAAA==');
}
    
#d494f697 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\32 5531880 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: var(--max-content-width_1, 1200px);
    padding: 4% 2% 4% 2%;
}
    
#\36 4384520 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\37 65c3ae7 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 b011761 {
    align-items: center;
    width: 32.66%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\35 769a76c {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 d376b3c {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\33 e10ccb7 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#aca4b220.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#aca4b220 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
}
    
#db7ceb4e {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#d7aa3230 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c05cb080 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 0d7d443 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#af684070 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b28bfa2c {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#b72c5db1 {
    align-items: center;
    width: 32.66%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#baa7bdf5 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\30 23abb45 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 40290d3 {
    margin: 40px 45px 40px 45px;
}
    
#\39 cf507e4 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#a617e447 {
    align-items: center;
    width: 32.66%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#afaa791f::before, #afaa791f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_2);
    opacity: 0.55;
    border-radius: inherit;
}
#afaa791f {
    background-image: url("https://lirp.cdn-website.com/6fc94013/dms3rep/multi/opt/modetek-roofing-residential-roofing-9-1920w.webp");
    border-radius: 24px 24px 24px 24px;
}
#afaa791f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRjwAAABXRUJQVlA4IDAAAADQAQCdASoKAAcAAUAmJZQCdAEOuyEHgAD33oQlaU0Wyf+3aUg3FrEGh5wxA7JA0AA=');
}
    
#\30 ad53325 {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 1%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    padding: 16px 0px 16px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\38 01fec22 {
    width: 269px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 cb97ee0.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\39 cb97ee0 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 7f82f68 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: center;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 eaeeb77 {
    align-items: center;
    width: 32.66%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\38 1997d86 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\39 60bfba2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 0e644d3 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\31 0f13326 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 2dc050d {
    align-items: center;
    width: 32.66%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#c62af9ea {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 bca9891 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 e6e0262 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#f273d1e5 {
    align-items: center;
    width: 32.66%;
    min-height: auto;
    max-height: none;
    row-gap: 10px;
    column-gap: 4%;
    justify-self: auto;
    align-self: stretch;
    order: 0;
    min-width: 32px;
    background-color: rgba(255,255,255,1);
    background-image: initial;
    border-radius: 24px 24px 24px 24px;
    height: auto;
    margin-right: 0%;
    margin-left: 0%;
    padding: 32px 32px 32px 32px;
    grid-area: auto / auto / auto / auto;
}
    
#\31 e515615 {
    width: 60px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\32 15c07e2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\32 53cf19f {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 a20ac78 {
    width: 249px;
    height: auto;
    max-width: 100%;
    order: 0;
    min-height: 55px;
    align-self: auto;
    min-width: 32px;
    justify-self: auto;
    margin: 10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#f2083d6f.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#f2083d6f {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\32 2cb488a {
    min-height: 284px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
}
    
#\37 944afb7.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\37 944afb7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 10px 0% 0px 0%;
}
    
#\36 b39ce8a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 8px;
    width: 100%;
    min-width: 4%;
    align-items: center;
}
    
#c9f284e0 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\31 c5d56ae {
    margin: 0px 0% 0px 0%;
}
    
#\39 18d4e30::before, #\39 18d4e30 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_6);
    opacity: 0.8;
    border-radius: inherit;
}
#\39 18d4e30 {
    background-color: var(--color_4);
    background-image: url("https://lirp.cdn-website.com/6fc94013/dms3rep/multi/opt/roofing-repeater-1920w.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-position: 50% 0%;
}
#\39 18d4e30.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQG/8QAHxAAAgICAQUAAAAAAAAAAAAAAQIAAxEhIhIyQVGB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAMAwEAAhEDEQA/AMiLXJZgeXhd6gFjndrZ+xqaD0JzOfcvFSY7RC5Sbf/Z');
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 5f7de9c {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 16px;
}
    
#\35 5948d1f::before, #\35 5948d1f > .bgExtraLayerOverlay {
    
}
#\35 5948d1f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRk4AAABXRUJQVlA4IEIAAADQAQCdASoKAAgAAUAmJQBOgCHNAn4EAAD+9fJ87DZG0KKiD9QhZjYuBawAC9PGZizV3Jp8Ux+J07NXGtd+2NZbgAA=');
}
    
#d76a64aa {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_tn5 {
    width: 100%;
    min-height: 80px;
}
    
#\37 e44f353 {
    height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ce039662 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#f1428482 {
    column-gap: 2%;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 e1f2eb5 {
    width: 91.96%;
    min-width: 32px;
    align-items: center;
    height: auto;
    min-height: 65px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#af57e954 {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 61px;
    padding: 0% 0% 0% 0%;
}
    
#ba0fb18f {
    width: 100%;
    min-height: 8px;
}
    
#b7d09b2e {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 f6c88b0 {
    width: 100.00%;
}
    
#\33 e2cd751::before, #\33 e2cd751 > .bgExtraLayerOverlay {
    
}
    
#\37 dd1f811 {
    width: 100%;
    min-height: 8px;
}
    
#e42b91c2 {
    min-height: 712px;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 28% 2% 4% 2%;
}
    
#af12ed6c {
    margin: 0px 0% 0px 0%;
}
    
#ca442757 {
    width: 669px;
    justify-content: center;
    padding: 0px 0px 0px 0px;
}
    
#\33 1ae3a9f.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\33 1ae3a9f {
    width: 100.00%;
    margin: 0px 0% 0px 0%;
}
    
#\34 e293ecc {
    width: 100.00%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 8350e51 {
    width: 100%;
    min-height: 1114px;
    height: auto;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#a1eb3b26 {
    width: 100%;
    min-height: 80px;
}
    
#\37 72f4b4a {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 0px;
}
    
#ae20ce64 {
    align-items: center;
}
    
#\36 f52717c {
    width: 100.00%;
    order: 2;
}
    
#\33 59215a8 {
    order: 0;
}
    
#a1f23bd4 {
    order: 4;
}
    
#\33 5dcd826 {
    order: 1;
}
    
#\34 4d06dc0::before, #\34 4d06dc0 > .bgExtraLayerOverlay {
    
}
#\34 4d06dc0.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQG/8QAHxAAAgICAQUAAAAAAAAAAAAAAQIAAxEhIhIyQVGB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAMAwEAAhEDEQA/AMiLXJZgeXhd6gFjndrZ+xqaD0JzOfcvFSY7RC5Sbf/Z');
}
    
#\36 f36c1cd {
    justify-content: center;
}
    
#\30 9cf00b5 {
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c2600993 {
    order: 1;
}
    
#caae96dc {
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#efe161d2 {
    order: 1;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a656f4a8 {
    width: 33.58%;
    height: auto;
    min-height: 144px;
    padding: 16px 16px 16px 16px;
    margin: -128px 0% 0px -15px;
}
    
#\33 b0f5580 {
    width: 100%;
    min-height: 80px;
}
    
#c79d656b {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 10px;
}
    
#c89762d7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 5531880 {
    padding: 4% 2% 4% 2%;
}
    
#\34 b011761 {
    min-width: 32px;
    min-height: 20%;
    width: 49.5%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#b72c5db1 {
    min-width: 32px;
    min-height: 20%;
    width: 49.5%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\34 40290d3 {
    margin: 40px 20px 40px 20px;
}
    
#a617e447 {
    min-width: 32px;
    min-height: 23.50%;
    height: auto;
    width: 49.5%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\36 0d7d443 {
    width: 100%;
    row-gap: 16px;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#afaa791f::before, #afaa791f > .bgExtraLayerOverlay {
    
}
#afaa791f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRjwAAABXRUJQVlA4IDAAAADQAQCdASoKAAcAAUAmJZQCdAEOuyEHgAD33oQlaU0Wyf+3aUg3FrEGh5wxA7JA0AA=');
}
    
#\30 ad53325 {
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    min-height: auto;
    row-gap: 16px;
    width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    column-gap: 1%;
    align-content: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 cb97ee0.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\39 cb97ee0 {
    width: 100%;
    margin: 10px 0% 10px 0%;
}
    
#\38 eaeeb77 {
    min-width: 32px;
    min-height: 20%;
    width: 49.5%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\31 2dc050d {
    min-width: 32px;
    min-height: 20%;
    width: 49.5%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#f273d1e5 {
    min-width: 32px;
    min-height: 20%;
    width: 49.5%;
    padding: 32px 24px 32px 24px;
    margin: 0px 0% 0px 0%;
}
    
#af684070 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#aca4b220 {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#\38 7f82f68.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 32px 10px 32px;
}
#\38 7f82f68 {
    width: 260px;
    margin: 10px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 2cb488a {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 16px;
}
    
#\36 b39ce8a {
    width: 100%;
    min-height: 80px;
}
    
#\37 944afb7 {
    width: 100.00%;
}
    
#\39 18d4e30::before, #\39 18d4e30 > .bgExtraLayerOverlay {
    
}
#\39 18d4e30.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQG/8QAHxAAAgICAQUAAAAAAAAAAAAAAQIAAxEhIhIyQVGB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAMAwEAAhEDEQA/AMiLXJZgeXhd6gFjndrZ+xqaD0JzOfcvFSY7RC5Sbf/Z');
}
}



@media (max-width: 767px) {
    
#d76a64aa {
    width: 100%;
    min-height: 80px;
    align-items: center;
    row-gap: 16px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\32 5f7de9c {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 4% 8% 4%;
}
    
#\30 e5aa598 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100.00%;
    margin-top: -4px;
}
    
#group_tn5 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 e44f353 {
    height: 240px;
}
    
#widget_1d2 {
    width: 100.00%;
}
    
#\35 5948d1f::before, #\35 5948d1f > .bgExtraLayerOverlay {
    
}
#\35 5948d1f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRk4AAABXRUJQVlA4IEIAAADQAQCdASoKAAgAAUAmJQBOgCHNAn4EAAD+9fJ87DZG0KKiD9QhZjYuBawAC9PGZizV3Jp8Ux+J07NXGtd+2NZbgAA=');
}
    
#\35 83a0086 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\39 4123064 {
    margin: 0px 0% 0px 0%;
}
    
#e8927e2a {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#ce039662 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\37 e1f2eb5 {
    min-width: 32px;
    width: 100.00%;
    height: auto;
    min-height: 101px;
    align-self: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\34 805c44c {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    width: 100.00%;
}
    
#f1428482 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    height: auto;
    min-height: 101px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 6019e2c {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 15px;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\33 781c2b9.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\33 781c2b9 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\39 584a9cb.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\39 584a9cb {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\34 e1e361e {
    min-width: 32px;
    width: 100.00%;
    align-items: center;
    height: auto;
    min-height: 55px;
    row-gap: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\35 225a967.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\35 225a967 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\32 ded99e6 {
    min-width: 32px;
    width: 100.00%;
    align-items: center;
    height: auto;
    min-height: 55px;
    row-gap: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\35 3751d38.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 0px 10px 0px;
}
#\35 3751d38 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#ba0fb18f {
    width: 100%;
    min-height: 80px;
    align-items: center;
    height: auto;
}
    
#af57e954 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#b7d09b2e {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#ca442757 {
    width: auto;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 8px;
    align-items: center;
    padding: 0px 0px 0px 0px;
}
    
#f5076273 {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\32 f6c88b0 {
    width: 100.00%;
    margin-top: -5px;
}
    
#\33 1ae3a9f {
    width: 100.00%;
    height: 100px;
}
    
#af12ed6c {
    margin: 0px 0% 0px 0%;
}
    
#e42b91c2 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 48% 4% 8% 4%;
}
    
#\34 e293ecc {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100.00%;
}
    
#\33 e2cd751::before, #\33 e2cd751 > .bgExtraLayerOverlay {
    
}
    
#\37 dd1f811 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    height: auto;
    row-gap: 24px;
    padding: 16px 0px 16px 0px;
    margin: 0% 0% 0% 0%;
}
}



@media (max-width: 767px) {
    
#a1f23bd4 {
    height: 240px;
    margin-top: -5px;
}
    
#\33 5dcd826.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\33 5dcd826 {
    width: 95.00%;
    margin: 0px 0% 0px 0%;
}
    
#\33 8350e51 {
    min-height: 94px;
    align-items: center;
    width: 100%;
    height: auto;
}
    
#a1eb3b26 {
    min-height: 305px;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#ae20ce64 {
    align-items: center;
    row-gap: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#\37 72f4b4a {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\36 eddb3f8 {
    margin: 0px 0% 0px 0%;
}
    
#\34 4d06dc0::before, #\34 4d06dc0 > .bgExtraLayerOverlay {
    
}
#\34 4d06dc0.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQG/8QAHxAAAgICAQUAAAAAAAAAAAAAAQIAAxEhIhIyQVGB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAMAwEAAhEDEQA/AMiLXJZgeXhd6gFjndrZ+xqaD0JzOfcvFSY7RC5Sbf/Z');
}
    
#\36 f36c1cd {
    width: auto;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 8px;
    align-items: flex-start;
    padding: 0px 0px 0px 0px;
}
}



@media (max-width: 767px) {
    
#a656f4a8 {
    width: 58.64%;
    align-items: center;
    height: auto;
    min-height: 128px;
    align-self: flex-start;
    padding: 16px 16px 16px 16px;
    margin: -112px 0px 0px -10px;
}
    
#\33 b0f5580 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#c79d656b {
    min-height: unset;
    flex-direction: column;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#c89762d7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#a1c41c61 {
    margin-top: -1px;
}
    
#ed56c8f2 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 92.71%;
}
    
#\39 f001b11 {
    width: 100.00%;
    height: auto;
    min-height: 242px;
}
#\39 f001b11.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRlAAAABXRUJQVlA4IEQAAADwAQCdASoKAAgAAUAmJYgCdADyoN7nYUAAzjvLLrwJ5nqfvDhc3+e5Su/x/HtJksX9kgoFaX7rV/Hxd4w0rf8JhEAAAA==');
}
    
#d494f697 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\32 5531880 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\37 65c3ae7 {
    margin-top: -1px;
}
    
#\34 b011761 {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#b28bfa2c {
    margin-top: -1px;
}
    
#b72c5db1 {
    min-width: 32px;
    height: auto;
    min-height: 24.01%;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\34 40290d3 {
    margin: 40px 10px 40px 10px;
}
    
#a617e447 {
    min-width: 32px;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\36 0d7d443 {
    width: 100%;
    min-height: 1849px;
    align-items: center;
    row-gap: 16px;
    height: auto;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#afaa791f::before, #afaa791f > .bgExtraLayerOverlay {
    
}
#afaa791f.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,UklGRjwAAABXRUJQVlA4IDAAAADQAQCdASoKAAcAAUAmJZQCdAEOuyEHgAD33oQlaU0Wyf+3aUg3FrEGh5wxA7JA0AA=');
}
    
#\30 ad53325 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    column-gap: 1%;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\38 01fec22 {
    margin-top: -1px;
}
    
#af684070 {
    margin-top: 21px;
}
    
#\38 7f82f68 {
    margin-top: -1px;
}
    
#\38 eaeeb77 {
    min-width: 32px;
    height: auto;
    min-height: 24.01%;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\31 0f13326 {
    margin-top: -1px;
}
    
#\31 2dc050d {
    min-width: 32px;
    height: auto;
    min-height: 24.01%;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\36 e6e0262 {
    margin-top: -1px;
}
    
#f273d1e5 {
    min-width: 32px;
    height: auto;
    min-height: 24.01%;
    width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\37 a20ac78 {
    margin-top: -1px;
}
}



@media (max-width: 767px) {
    
#f2083d6f {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 92.71%;
}
    
#\32 2cb488a {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    padding: 8% 4% 8% 4%;
}
    
#\36 b39ce8a {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
    
#\31 c5d56ae {
    margin: 0px 0% 0px 0%;
}
    
#\39 18d4e30::before, #\39 18d4e30 > .bgExtraLayerOverlay {
    
}
#\39 18d4e30.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQG/8QAHxAAAgICAQUAAAAAAAAAAAAAAQIAAxEhIhIyQVGB/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAL/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAMAwEAAhEDEQA/AMiLXJZgeXhd6gFjndrZ+xqaD0JzOfcvFSY7RC5Sbf/Z');
}
}