@media all {
  *#dm .dmInner div.u_1463731820 .svg {
    color:var(--color_1) !important;
    fill:var(--color_1) !important;
  }

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

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

  *#dm .dmInner a.u_1179709379 {
    background-color:rgba(0,0,0,0) !important;
    border-color:rgba(67,67,67,1) !important;
  }

  *#dm .dmInner a.u_1179709379 span.text { color:rgba(67,67,67,1) !important; }

  *#dm .dmInner a.u_1245695952 {
    background-color:rgba(0,0,0,0) !important;
    border-color:var(--color_3) !important;
  }

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

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

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

  *#dm .dmInner a.u_1855571135 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/00614932/icon/Phone_8293360.svg) !important;
  }

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

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

  *#dm .dmInner a.u_1525035261 span.text {
    font-weight:400 !important;
    font-size:14px !important;
    color:rgba(82,81,80,1) !important;
  }

  *#dm .dmInner a.u_1525035261 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:1px 1px 1px 1px !important;
    border-color:rgba(183,186,187,1) rgba(183,186,187,1) rgba(183,186,187,1) rgba(183,186,187,1) !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  *#dm .dmInner a.u_1525035261 .iconBg {
    display:inline-block !important;
    background-color:rgba(82,81,80,1) !important;
    mask-image:url(https://irp.cdn-website.com/00614932/icon/Phone_8293360.svg) !important;
    width:25px !important;
    height:25px !important;
  }

  *#dm .dmInner a.u_1525035261:hover {
    background-color:rgba(255,255,255,1) !important;
    background-image:none !important;
    border-color:var(--color_6) !important;
  }

  *#dm .dmInner a.u_1525035261.hover {
    background-color:rgba(255,255,255,1) !important;
    background-image:none !important;
    border-color:var(--color_6) !important;
  }

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

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

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

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

  *#dm .dmInner a.u_1030052002 span.text {
    font-weight:400 !important;
    font-size:14px !important;
    color:rgba(82,81,80,1) !important;
  }

  *#dm .dmInner a.u_1030052002 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:1px 1px 1px 1px !important;
    border-color:rgba(183,186,187,1) rgba(183,186,187,1) rgba(183,186,187,1) rgba(183,186,187,1) !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  *#dm .dmInner a.u_1030052002 .iconBg {
    display:inline-block !important;
    background-color:rgba(82,81,80,1) !important;
    mask-image:url(https://irp.cdn-website.com/00614932/icon/Phone_8293360.svg) !important;
    width:25px !important;
    height:25px !important;
  }

  *#dm .dmInner a.u_1030052002:hover {
    background-color:rgba(255,255,255,1) !important;
    background-image:none !important;
    border-color:var(--color_6) !important;
  }

  *#dm .dmInner a.u_1030052002.hover {
    background-color:rgba(255,255,255,1) !important;
    background-image:none !important;
    border-color:var(--color_6) !important;
  }

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

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

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

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

  *#dm .dmInner a.u_1441649364 span.text {
    font-weight:400 !important;
    font-size:14px !important;
    color:rgba(82,81,80,1) !important;
  }

  *#dm .dmInner a.u_1441649364 {
    background-color:rgba(0,0,0,0) !important;
    background-image:none !important;
    border-style:solid !important;
    border-width:1px 1px 1px 1px !important;
    border-color:rgba(183,186,187,1) rgba(183,186,187,1) rgba(183,186,187,1) rgba(183,186,187,1) !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  *#dm .dmInner a.u_1441649364 .iconBg {
    display:inline-block !important;
    background-color:rgba(82,81,80,1) !important;
    mask-image:url(https://irp.cdn-website.com/00614932/icon/Location_8094956.svg) !important;
    width:25px !important;
    height:25px !important;
  }

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

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

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

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

  *#dm .dmInner a.u_1441649364:hover {
    background-color:rgba(255,255,255,1) !important;
    background-image:none !important;
    border-color:var(--color_6) !important;
  }

  *#dm .dmInner a.u_1441649364.hover {
    background-color:rgba(255,255,255,1) !important;
    background-image:none !important;
    border-color:var(--color_6) !important;
  }

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

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

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

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

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

  *#dm .dmInner div.u_3981638038 img {
    border-style:solid !important;
    border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
    border-width:0px 0px 0px 0px !important;
    border-radius:8px 8px 8px 8px !important;
  }

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

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

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

  *#dm .dmInner div.u_1663630842 input:not([type="submit"]) {
    border-style:solid !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
    border-width:0px 0px 0px 0px !important;
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1663630842 textarea {
    border-style:solid !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
    border-width:0px 0px 0px 0px !important;
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1663630842 select {
    border-style:solid !important;
    border-color:rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) rgb(255,255,255) !important;
    border-width:0px 0px 0px 0px !important;
    background-color:var(--color_3) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_1663630842 {
    background-color:var(--color_4) !important;
    background-image:none !important;
    border-radius:12px 12px 12px 12px !important;
  }

  *#dm .dmInner div.u_1663630842 .dmforminput label:not(.for-checkable):not(.custom-contact-checkable) { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner div.u_1663630842 .m-recaptcha { color:rgba(255,255,255,1) !important; }

  *#dm .dmInner div.u_1663630842 .dmwidget-title { color:var(--color_3) !important; }

  *#dm .dmInner div.u_1663630842 .dmformsubmit {
    width:155px !important;
    background-color:var(--color_6) !important;
    background-image:none !important;
    justify-content:center !important;
    text-align:center !important;
    float:left !important;
    display:block !important;
  }

  *#dm .dmInner div.u_1663630842 input[type="submit"] {
    color:var(--color_3) !important;
    font-weight:400 !important;
  }

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

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

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

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

  *#dm .dmInner a.u_1559623880.hover {
    background-color:var(--color_4) !important;
    background-image:none !important;
  }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 2a59c192e3d4e5cf22fc036::before, #\36 2a59c192e3d4e5cf22fc036 > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 1);
    opacity: 0.65;
}
#\36 2a59c192e3d4e5cf22fc036 {
    background-image: url("https://lirp.cdn-website.com/00614932/dms3rep/multi/opt/jj-roofing-black-service-truck-in-front-of-house-1920w.webp");
}
    
#\36 2a59c192e3d4e5cf22fc037 {
    min-height: 673px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 12% 2% 12% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\36 2a59c192e3d4e5cf22fc039 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 2a59c5a2e3d4e5cf22fce20.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 24px 10px 24px;
}
#\36 2a59c5a2e3d4e5cf22fce20 {
    align-self: flex-start;
    min-height: 40px;
    max-width: 100%;
    width: auto;
    justify-self: auto;
    height: auto;
    order: 2;
    margin: 0px 0px 0px 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2a59c192e3d4e5cf22fc034 {
    margin: 0px 0% 0px 0%;
}
    
#\34 e502803 {
    align-self: flex-start;
    max-width: 100%;
    width: 56.39%;
    justify-self: auto;
    height: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e02541ab {
    align-self: flex-start;
    max-width: 100%;
    width: 56.39%;
    justify-self: auto;
    height: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#ac99e687 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    flex-direction: row;
    flex-wrap: nowrap;
    border-radius: 7px 7px 7px 7px;
    border-width: 0px 0px 0px 0px;
    border-color: rgba(149,8,3,1) rgba(149,8,3,1) rgba(149,8,3,1) rgba(149,8,3,1);
    border-style: solid;
    background-color: var(--color_3);
    background-image: none;
    margin: 0% 0% 0% 0%;
}
    
#ecb84e1c {
    min-height: 610px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#d274dbc9::before, #d274dbc9 > .bgExtraLayerOverlay {
    
}
#d274dbc9 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_3);
    background-image: none;
}
    
#group_pic {
    align-items: flex-start;
    width: 51.55%;
    min-height: 429px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    height: auto;
}
    
#widget_3ar {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 4b8c513 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_m1g {
    width: 149px;
    height: auto;
    max-width: 100%;
}
    
#f9178dca {
    align-items: flex-start;
    width: 44.45%;
    min-height: auto;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    height: auto;
    justify-content: flex-start;
}
    
#\32 88c454a.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#\32 88c454a {
    width: 501px;
    height: auto;
    max-width: 100%;
    min-height: 56px;
    justify-self: auto;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#group_4mm {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
}
    
#\32 d8bc095 {
    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;
}
    
#\31 61afcfd {
    align-items: flex-start;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 24px;
    order: 1;
    justify-content: flex-start;
}
    
#\39 f4bc5bc {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 be7f5a4.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#\35 be7f5a4 {
    width: 501px;
    height: auto;
    max-width: 100%;
    min-height: 56px;
    align-self: auto;
    order: 2;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ac54b2ab.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#ac54b2ab {
    width: 501px;
    height: auto;
    max-width: 100%;
    min-height: 56px;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e1e156fe {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\35 5658447 {
    margin: 0px 0% 0px 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\30 0a90cf5 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\31 ee03265 {
    min-height: 371px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\33 ae2e64d {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_4);
    background-image: none;
}
    
#group_6qg {
    width: 50%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_4);
    background-image: none;
    padding: 10px 5% 10px 48px;
    margin: 0px 0% 0px 0%;
}
    
#widget_li3 {
    width: 100%;
    height: 424px;
    max-width: 100%;
}
    
#widget_35r {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 e770789 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\39 af247dd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#b9a1c9ac {
    width: 100%;
    height: 424px;
    max-width: 100%;
}
    
#\30 a74d5a0 {
    margin: 0px 0% 0px 0%;
}
    
#\33 3b0ffc6 {
    width: 50%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    background-color: var(--color_7);
    background-image: none;
    padding: 10px 48px 10px 5%;
    margin: 0px 0% 0px 0%;
}
    
#\35 21f21c4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c3e49e74 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_7);
    background-image: none;
}
    
#b46766e2 {
    min-height: 371px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\30 5368b34 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#f527a298 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\33 d85b5fb {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\33 4e5d34b::before, #\33 4e5d34b > .bgExtraLayerOverlay {
    
}
#\33 4e5d34b {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-attachment: fixed;
}
    
#widget_mkm {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\37 8b43a2d {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#group_vg6 {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_rfr {
    width: auto;
    height: auto;
    max-width: 100%;
}
    
#group_9l7 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 10%;
    --column-gap: 10%;
}
    
#widget_mdj {
    width: 59.44%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#db8bad1d {
    width: 61%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 3bcab99 {
    margin: 0px 0% 0px 0%;
}
    
#\36 4691096 {
    width: 149px;
    height: auto;
    max-width: 100%;
    grid-row-start: auto;
    grid-row-end: auto;
    grid-column-start: auto;
    grid-column-end: auto;
    justify-self: auto;
    align-self: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0%;
    margin-left: 0%;
    order: 0;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\34 af3957a {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_3);
    background-image: none;
}
    
#fe5c3fe0 {
    margin: 0px 0% 0px 0%;
}
    
#ddc4f71a.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 24px 0px;
}
#ddc4f71a {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    margin: 0px 0% 0px 0%;
}
    
#\39 7d5007e {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\30 bd015fb {
    min-height: 438px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: var(--max-content-width_1, 1200px);
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#fc6e7a04 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    order: 1;
    justify-content: flex-end;
    padding: 0px 1% 0px 1%;
    margin: 0% 0% 0% 0%;
}
    
#d9e5c053 {
    width: 50%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 12px;
    order: 0;
    background-color: var(--color_3);
    background-image: none;
    justify-content: flex-end;
    padding: 0% 10px 0% 25px;
    margin: 0px 0% 0px 0%;
}
    
#group_up1 {
    align-items: flex-start;
    width: 100%;
    min-height: 107px;
    max-height: 100%;
    row-gap: 12px;
    column-gap: 24px;
    height: auto;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    border-radius: 8px 8px 8px 8px;
    background-color: rgba(237, 237, 237, 0.5);
    background-image: none;
    align-self: auto;
    order: 0;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#e901f9fc {
    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;
}
    
#f00703f6 {
    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;
}
    
#e423d421 {
    align-items: flex-start;
    width: 100%;
    min-height: 86px;
    max-height: 100%;
    row-gap: 12px;
    column-gap: 24px;
    height: auto;
    background-color: rgba(237, 237, 237, 0.5);
    background-image: none;
    border-radius: 8px 8px 8px 8px;
    align-self: auto;
    order: 1;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 74d6f38 {
    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;
}
    
#\36 f31b61d {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 28101dd {
    align-items: flex-start;
    width: 100%;
    min-height: 128px;
    max-height: 100%;
    row-gap: 12px;
    column-gap: 24px;
    height: auto;
    border-radius: 8px 8px 8px 8px;
    background-color: rgba(237, 237, 237, 0.5);
    background-image: none;
    align-self: auto;
    order: 2;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 f41543d {
    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;
}
    
#ba8f14e5 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_ekb {
    width: 100%;
    height: 320px;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#eaa5a11c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 12px;
    width: 48%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\30 d5ed4ea {
    margin: 0px 0% 0px 0%;
}
    
#e1fc6ad4 {
    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;
}
    
#f32eeff4 {
    min-height: 548px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\34 4bf9bd4::before, #\34 4bf9bd4 > .bgExtraLayerOverlay {
    
}
#\34 4bf9bd4 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_7);
    background-image: none;
}
    
#\34 f299e74 {
    align-items: flex-start;
    width: 99.28%;
    min-height: 107px;
    max-height: 100%;
    row-gap: 12px;
    column-gap: 24px;
    height: auto;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    border-radius: 8px 8px 8px 8px;
    background-color: var(--color_4);
    background-image: none;
    align-self: auto;
    order: 0;
    justify-self: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 541cbf2.flex-element.widget-wrapper > [data-element-type] {
    padding: 24px 24px 24px 24px;
}
#\31 541cbf2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#fcc43bf1 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#e3974b62 {
    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;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\34 c3533a1 {
    align-items: flex-start;
    width: 99.28%;
    min-height: 107px;
    max-height: 100%;
    row-gap: 12px;
    column-gap: 24px;
    height: auto;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    border-radius: 8px 8px 8px 8px;
    background-color: var(--color_4);
    background-image: none;
    align-self: auto;
    order: 0;
    justify-self: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 bccb5de {
    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;
}
    
#\34 b502f78 {
    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;
}
    
#bdc39cb5 {
    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;
}
    
#\33 f91dc56 {
    align-items: flex-start;
    width: 99.28%;
    min-height: 107px;
    max-height: 100%;
    row-gap: 12px;
    column-gap: 24px;
    height: auto;
    border-width: 0px 0px 0px 0px;
    border-color: var(--color_4) var(--color_4) var(--color_4) var(--color_4);
    border-style: solid;
    border-radius: 8px 8px 8px 8px;
    background-color: var(--color_4);
    background-image: none;
    align-self: auto;
    order: 0;
    justify-self: auto;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#bf993e58 {
    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;
}
    
#f441248d.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 24px 0px;
}
#f441248d {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\39 3d59bff {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 2a59c192e3d4e5cf22fc037 {
    padding-top: 16%;
    padding-bottom: 16%;
    min-height: 152px;
    flex-direction: row;
    flex-wrap: nowrap;
}
    
#\36 2a59c192e3d4e5cf22fc039 {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    min-height: 8px;
}
    
#\36 2a59c5a2e3d4e5cf22fce20 {
    order: 2;
}
    
#\34 e502803 {
    align-self: auto;
    max-width: none;
    width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2a59c192e3d4e5cf22fc036::before, #\36 2a59c192e3d4e5cf22fc036 > .bgExtraLayerOverlay {
    
}
    
#e02541ab {
    align-self: auto;
    max-width: none;
    width: 100%;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ecb84e1c {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#e1e156fe {
    margin: 0px 0% 0px 0%;
}
    
#d274dbc9::before, #d274dbc9 > .bgExtraLayerOverlay {
    
}
    
#ac99e687 {
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#group_pic {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#widget_m1g {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#f9178dca {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    height: auto;
    min-height: 156px;
    align-items: center;
    column-gap: 3.4245964505484707%;
    flex-direction: row;
    flex-wrap: nowrap;
}
    
#group_4mm {
    margin-right: 0%;
    margin-left: 0%;
    width: 48.29%;
}
    
#\31 61afcfd {
    margin-right: 0%;
    margin-left: 0%;
    width: 48.29%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 5658447 {
    margin: 0px 0% 0px 0%;
}
    
#\31 ee03265 {
    padding: 0% 0% 0% 0%;
}
    
#widget_li3 {
    height: 526px;
}
    
#\30 0a90cf5 {
    width: 50%;
}
    
#group_6qg {
    width: 50%;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b9a1c9ac {
    height: 462px;
}
    
#\30 a74d5a0 {
    margin: 0px 0% 0px 0%;
}
    
#b46766e2 {
    padding: 0% 0% 0% 0%;
}
    
#\33 3b0ffc6 {
    width: 50%;
    padding: 10px 24px 10px 24px;
    margin: 0px 0% 0px 0%;
}
    
#\39 af247dd {
    width: 50%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 d85b5fb {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\34 3bcab99 {
    margin: 0px 0% 0px 0%;
}
    
#\33 4e5d34b::before, #\33 4e5d34b > .bgExtraLayerOverlay {
    
}
    
#widget_mdj {
    height: auto;
}
    
#db8bad1d {
    height: auto;
}
    
#\36 4691096 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#fe5c3fe0 {
    margin: 0px 0% 0px 0%;
}
    
#\30 bd015fb {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 0% 0% 0% 0%;
}
    
#d9e5c053 {
    width: 100%;
    min-height: 80px;
    padding: 4% 25px 0% 25px;
    margin: 0px 0% 0px 0%;
}
    
#fc6e7a04 {
    width: 100%;
    justify-content: flex-start;
    min-height: 80px;
    row-gap: 12px;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#eaa5a11c {
    width: 100%;
    min-height: 80px;
}
    
#\30 d5ed4ea {
    margin: 0px 0% 0px 0%;
}
    
#f32eeff4 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
}
    
#\34 4bf9bd4::before, #\34 4bf9bd4 > .bgExtraLayerOverlay {
    
}
    
#\39 3d59bff {
    width: 100%;
    min-height: 80px;
}
}



@media (max-width: 767px) {
    
#\36 2a59c192e3d4e5cf22fc037 {
    flex-direction: column;
    padding-left: 4%;
    min-height: 0;
    padding-right: 4%;
    row-gap: 0px;
    flex-wrap: nowrap;
}
    
#\36 2a59c192e3d4e5cf22fc039 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
    
#\36 2a59c5a2e3d4e5cf22fce20 {
    max-width: none;
    width: 100%;
    margin-right: 0px;
}
    
#\36 2a59c192e3d4e5cf22fc036::before, #\36 2a59c192e3d4e5cf22fc036 > .bgExtraLayerOverlay {
    
}
#\36 2a59c192e3d4e5cf22fc036 {
    padding-top: 0px;
    grid-template-rows: minmax(500px, max-content);
    padding-bottom: 0px;
}
    
#\34 e502803 {
    max-width: none;
    width: 100%;
}
    
#e02541ab {
    max-width: none;
    width: 100%;
}
}



@media (max-width: 767px) {
    
#ac99e687 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    column-gap: 4%;
    flex-direction: column;
    flex-wrap: nowrap;
}
    
#ecb84e1c {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
}
    
#d274dbc9::before, #d274dbc9 > .bgExtraLayerOverlay {
    
}
    
#group_pic {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
}
    
#widget_m1g {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#f9178dca {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    height: auto;
    min-height: 172px;
}
    
#e1e156fe {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\35 5658447 {
    margin: 0px 0% 0px 0%;
}
    
#\30 0a90cf5 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    order: 1;
}
    
#\31 ee03265 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 0% 0% 0%;
}
    
#group_6qg {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#widget_li3 {
    height: 240px;
}
}



@media (max-width: 767px) {
    
#\39 af247dd {
    min-height: 80px;
    align-items: center;
    width: 100%;
    order: 1;
}
    
#b9a1c9ac {
    height: 240px;
}
    
#\33 3b0ffc6 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    padding: 24px 24px 24px 24px;
    margin: 0px 0% 0px 0%;
}
    
#b46766e2 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#\30 a74d5a0 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#f527a298 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\33 d85b5fb {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#group_vg6 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\33 4e5d34b::before, #\33 4e5d34b > .bgExtraLayerOverlay {
    
}
    
#widget_mdj {
    height: auto;
}
    
#db8bad1d {
    height: auto;
}
    
#\36 4691096 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media (max-width: 767px) {
    
#\30 bd015fb {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 12px;
    padding: 6% 4% 6% 4%;
}
    
#fc6e7a04 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    order: 1;
    row-gap: 12px;
}
    
#d9e5c053 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    padding: 0% 0px 0% 0px;
    margin: 0px 0% 0px 0%;
}
    
#widget_ekb {
    height: 240px;
}
    
#fe5c3fe0 {
    margin: 0px 0% 0px 0%;
}
}



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