@media all {
  *#dm .dmInner a.u_1844495300 .iconBg { display:none !important; }

  *#dm .dmInner a.u_1844495300 span.text {
    font-family: Roboto !important;
    color:rgba(255,255,255,1) !important;
  }

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

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

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

  *#dm .dmInner a.u_1646756194 span.text {
    font-family: Roboto !important;
    color:rgba(255,255,255,1) !important;
  }

  *#dm .dmInner div.u_3869801649 .photoGalleryThumbs .image-container { border-radius:0px 0px 0px 0px !important; }

  *#dm .dmInner div.u_3869801649 .caption-inner { background-color:rgba(255,7,7,0.35) !important; }

  *#dm .dmInner a.u_1926307750 .iconBg { display:none !important; }

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

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

  *#dm .dmInner a.u_1272853932 .iconBg { display:none !important; }

  *#dm .dmInner a.u_1272853932 {
    border-radius:6px !important;
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
    background-color:rgba(255,7,7,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_1272853932 span.text {
    font-family: Roboto !important;
    color:rgba(255,255,255,1) !important;
  }

  *#dm .dmInner a.u_1771738451 {
    -moz-border-radius:6px !important;
    -webkit-border-radius:6px !important;
  }

  *#dm .dmInner div.u_1150847408 {
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    border-style:solid !important;
    border-width:0px !important;
    border-color:var(--color_3) !important;
  }

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

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

  *#dm .dmInner a.u_1642459508 .iconBg {
    display:inline-block !important;
    mask-image:url(https://irp.cdn-website.com/f246437b/icon/whatsapp_7340180.svg) !important;
    background-color:var(--color_7) !important;
    width:29px !important;
    height:29px !important;
  }

  *#dm .dmInner a.u_1646756194 .iconBg { display:none !important; }

  *#dm .dmInner a.u_1926307750 {
    border-radius:50px 50px 50px 50px !important;
    background-color:rgba(255,7,7,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_1642459508 {
    border-style:solid !important;
    border-width:0.8px 0.8px 0.8px 0.8px !important;
    border-color:var(--color_7) var(--color_7) var(--color_7) var(--color_7) !important;
    gap:5px !important;
    border-radius:50px 50px 50px 50px !important;
  }

  *#dm .dmInner a.u_1646756194 {
    border-radius:50px 50px 50px 50px !important;
    background-color:rgba(255,7,7,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_1844495300 {
    border-radius:50px 50px 50px 50px !important;
    background-color:rgba(255,7,7,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_2086773779:hover .iconBg { background-color:rgb(255,7,7) !important; }

  *#dm .dmInner a.u_2086773779.hover .iconBg { background-color:rgb(255,7,7) !important; }

  *#dm .dmInner a.u_2086773779 .iconBg {
    display:inline-block !important;
    background-color:var(--color_1) !important;
    mask-image:url(https://irp.cdn-website.com/f246437b/icon/whatsapp_7340180.svg) !important;
  }

  *#dm .dmInner a.u_2086773779 { border-radius:50px 50px 50px 50px !important; }

  *#dm .dmInner a.u_1975408592 {
    border-radius:50px 50px 50px 50px !important;
    background-color:var(--color_3) !important;
    background-image:initial !important;
  }

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

  *#dm .dmInner a.u_3045122633 span.text {
    font-family: Roboto !important;
    color:var(--color_7) !important;
  }

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

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

  *#dm .dmInner a.u_3045122633:hover {
    background-color:var(--color_3) !important;
    background-image:initial !important;
    border-color:var(--color_7) !important;
  }

  *#dm .dmInner a.u_3045122633.hover {
    background-color:var(--color_3) !important;
    background-image:initial !important;
    border-color:var(--color_7) !important;
  }

  *#dm .dmInner div.u_2788134224 {
    border-style:solid !important;
    border-width:1px !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    border-color:var(--color_4) !important;
  }

  *#dm .dmInner a.u_1926307750 span.text {
    font-family: Roboto !important;
    color:rgba(255,255,255,1) !important;
    font-weight:bold !important;
  }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_3869801649 .photoGalleryThumbs { padding:0.5px !important; }

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

  *#dm .dmInner *.u_3869801649 .photoGalleryViewAll { padding:0 0.5px !important; }
}
#3687151635 .slick-arrow::before
{
	content:none !important;
}
#3687151635 .slick-prev
{
	position:absolute !important;
	top:50% !important;
	left:10px !important;
	transform:translateY(-50%) rotate(180deg) !important;
	z-index:100 !important;
	width:40px !important;
	height:40px !important;
	background-image:url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+Arrow+Icon-1920w.png) !important;
	background-size:contain !important;
	background-repeat:no-repeat !important;
	cursor:pointer !important;
	border:none !important;
	background-color:transparent !important;
}
#3687151635 .slick-next
{
	position:absolute !important;
	top:50% !important;
	right:10px !important;
	transform:translateY(-50%) !important;
	z-index:100 !important;
	width:40px !important;
	height:40px !important;
	background-image:url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+Arrow+Icon-1920w.png) !important;
	background-size:contain !important;
	background-repeat:no-repeat !important;
	cursor:pointer !important;
	border:none !important;
	background-color:transparent !important;
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner a.u_1642459508 span.text { font-size:12px !important; }

  *#dm .dmInner a.u_1926307750 span.text { font-size:12px !important; }
}
#\31 998655618 .slick-arrow::before
{
	content:none !important;
}
#\31 998655618 .slick-prev
{
	position:absolute !important;
	top:50% !important;
	left:10px !important;
	transform:translateY(-50%) rotate(180deg) !important;
	z-index:100 !important;
	width:40px !important;
	height:40px !important;
	background-image:url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+Arrow+Icon-1920w.png) !important;
	background-size:contain !important;
	background-repeat:no-repeat !important;
	cursor:pointer !important;
	border:none !important;
	background-color:transparent !important;
}
#\31 998655618 .slick-next
{
	position:absolute !important;
	top:50% !important;
	right:10px !important;
	transform:translateY(-50%) !important;
	z-index:100 !important;
	width:40px !important;
	height:40px !important;
	background-image:url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+Arrow+Icon-1920w.png) !important;
	background-size:contain !important;
	background-repeat:no-repeat !important;
	cursor:pointer !important;
	border:none !important;
	background-color:transparent !important;
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: rgba(0, 0, 0, 0);
    --overlapping-background-image: initial;
}
}



@media all {
    
#ec55dc38 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 30.666666666666668%;
    min-width: 4%;
}
    
#\37 4529d55 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\30 cbabbbf {
    background-color: rgba(233, 233, 233, 0.28);
    background-image: initial;
}
    
#widget_up7 {
    width: 60px;
    height: auto;
    max-width: 100%;
}
    
#widget_qdl {
    width: 95.01%;
    height: auto;
    max-width: 100%;
}
    
#d7b5f573 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 30.666666666666668%;
    min-width: 4%;
}
    
#\33 68c873d {
    width: 60px;
    height: auto;
    max-width: 100%;
}
    
#\33 f5d2baa {
    width: 95.01%;
    height: auto;
    max-width: 100%;
}
    
#\38 e4b4b58 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 30.666666666666668%;
    min-width: 4%;
}
    
#cd1b5755 {
    width: 60px;
    height: auto;
    max-width: 100%;
}
    
#\36 0e6d1d1 {
    width: 95.01%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 4529d55 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    min-height: 365px;
}
    
#\33 f5d2baa {
    width: 100.00%;
}
    
#\36 0e6d1d1 {
    width: 100.00%;
}
    
#widget_qdl {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#ec55dc38 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 4529d55 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#d7b5f573 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 e4b4b58 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media all {
    
#\33 2f477c6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#db806fe6 {
    min-height: 213px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\33 30bfb01 {
    background-image: url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+-+Client+section+-Cover--1920w.png);
}
#\33 30bfb01.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAADCAYAAACqPZ51AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAbklEQVQI1xXK3Q6CIACAUePHMtRyFcakYakk6dx6/4f7Wuf6ZFIpTH2m9YEhraTty7xuPMeIdR2mPqF0TiakpDAVV+fpYyIuG+O80PUvGus4lDXyH3dCkBeGxt55DBND+hCmNzcfKC8t+lgh9Z4fBwol0BP/u7sAAAAASUVORK5CYII=');
}
    
#widget_9vh {
    width: 100%;
    height: 100px;
    max-width: 100%;
}
    
#\34 473ec6a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#\38 a7262a7 {
    width: 100%;
    height: 100px;
    max-width: 100%;
}
    
#ee2ae2ba {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#ad27fc59 {
    width: 100%;
    height: 100px;
    max-width: 100%;
}
    
#\30 2a1ab7a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#\33 32d8ae2 {
    width: 100%;
    height: 100px;
    max-width: 100%;
}
    
#c343bc12 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#a66d645c {
    width: 100%;
    height: 100px;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#db806fe6 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#widget_9vh {
    width: 100.00%;
    height: 60px;
}
    
#ad27fc59 {
    height: 52px;
}
    
#\33 32d8ae2 {
    height: 48px;
}
    
#a66d645c {
    height: 72px;
}
    
#\38 a7262a7 {
    height: 76px;
}
}



@media (max-width: 767px) {
    
#\33 2f477c6 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#db806fe6 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_9vh {
    height: 240px;
}
    
#\34 473ec6a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 a7262a7 {
    height: 240px;
}
    
#ee2ae2ba {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#ad27fc59 {
    height: 240px;
}
    
#\30 2a1ab7a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\33 32d8ae2 {
    height: 240px;
}
    
#c343bc12 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#a66d645c {
    height: 240px;
}
}



@media all {
    
#a5600b1d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-image: url();
}
#a5600b1d.lazy {
    background-image: url('');
}
    
#\36 0b75ce9 {
    min-height: 627px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#innergrid_gvt {
    width: 100.00%;
    grid-template-rows: minmax(387.8000183105469px, max-content);
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
    
#widget_ae8 {
    width: 8.15%;
    height: 92px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 67px;
    margin-left: 55px;
}
    
#\30 7b79897 {
    width: 16.299392097264437%;
    height: auto;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 194px;
    margin-left: 11px;
}
    
#\32 5fa4cc9 {
    width: 5.677716565349544%;
    height: 24px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 107px;
    margin-right: 166px;
}
    
#aaad3ce6 {
    width: 8.149614726027398%;
    height: 92px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 67px;
    margin-left: 280px;
}
    
#\33 75d030b {
    width: 8.15%;
    height: 94px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 60px;
}
    
#e3e35890 {
    width: 5.678510273972603%;
    height: 24px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 107px;
    margin-left: 181px;
}
    
#d0b69492 {
    width: 8.149696048632219%;
    height: 83px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 71px;
    margin-right: 54px;
}
    
#\31 3ef51a8 {
    width: 5.676529255319149%;
    height: 24px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 105px;
    margin-right: 211px;
}
    
#\39 baa04fa {
    width: 5.676529255319149%;
    height: 24px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 106px;
    margin-left: 225px;
}
    
#\34 7c40582 {
    width: 8.149614726027398%;
    height: 93px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 66px;
    margin-right: 268px;
}
    
#\39 39c32ab {
    width: 15.44%;
    height: auto;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin: 189px 15px 0px 0px;
}
    
#c384303c {
    width: 16.299392097264437%;
    height: auto;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 194px;
    margin-left: 233px;
}
    
#db35e878 {
    width: 16.299392097264437%;
    height: auto;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 189px;
    margin-left: 11px;
}
    
#\31 d38fb63 {
    width: 15.53713905775076%;
    height: auto;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin: 188px 214px 0px 0px;
}
    
#widget_h30 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: start;
    justify-self: end;
    margin-right: -5px;
    margin-top: 15px;
}
    
#widget_1jt {
    width: 242px;
    height: auto;
    min-height: 50px;
    justify-self: center;
    align-self: start;
    order: 0;
    max-width: 100%;
    margin-top: 311px;
    margin-left: 262px;
}
    
#\39 c637c5b {
    width: 163px;
    height: auto;
    min-height: 46px;
    max-width: 100%;
    justify-self: center;
    align-self: start;
    margin-top: 312px;
    margin-right: 192px;
}
    
#a3ec0e07 {
    background-image: url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+Trusses+-+Cover+%2817%29-1920w.png);
}
#a3ec0e07.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAIAAAB1kpiRAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAaElEQVQI123MMQ6DMBBE0b3/meAKgRqElQItTbI4W9gGe4dIpLEIv32jIeeciODsOANgAE+ub1oSkRDChQF8Xu95GKmGmnMp277f8G+Rc04p0cpLULW/gxij956ej06Yi1nNZqaqzPwFOIuuZ1F8QDEAAAAASUVORK5CYII=');
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 0b75ce9 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    min-height: 617px;
}
    
#c384303c {
    justify-self: start;
    align-self: start;
    width: 21.028108768713718%;
    margin: 176px 0px 0px 138px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_1jt {
    justify-self: center;
    align-self: start;
    margin: 336px 162px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\39 c637c5b {
    justify-self: end;
    align-self: start;
    order: 2;
    margin: 337px 23.802704757191595% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\31 d38fb63 {
    justify-self: end;
    align-self: start;
    width: 17.829666972196758%;
    margin: 177px 121px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\39 39c32ab {
    justify-self: end;
    align-self: start;
    width: 16.298197372441187%;
    margin: 177px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#db35e878 {
    justify-self: center;
    align-self: start;
    width: 20.11915673693859%;
    margin: 177px 0px 0px 30px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\30 7b79897 {
    justify-self: start;
    align-self: start;
    width: 19.80980751604033%;
    margin: 175px 0px 0px 8px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_ae8 {
    justify-self: start;
    align-self: start;
    height: 65px;
    width: 9.979376718606783%;
    margin: 103px 0px 0px 40px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#e3e35890 {
    justify-self: center;
    align-self: start;
    width: 8.579666972196762%;
    height: 20px;
    margin: 124px 120px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\31 3ef51a8 {
    justify-self: start;
    align-self: start;
    width: 8.119462267033303%;
    height: 20px;
    margin: 124px 0px 0px 111px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\33 75d030b {
    justify-self: center;
    align-self: start;
    width: 9.219370608004889%;
    height: 62px;
    margin: 101px 0px 0px 30px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\34 7c40582 {
    justify-self: end;
    align-self: start;
    width: 10.13%;
    height: 62px;
    margin: 101px 145px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#aaad3ce6 {
    justify-self: start;
    align-self: start;
    width: 8.14810571341277%;
    height: 58px;
    margin: 105px 0px 0px 180px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\39 baa04fa {
    justify-self: end;
    align-self: start;
    width: 6.7483959670027485%;
    height: 20px;
    margin: 115px 93px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\32 5fa4cc9 {
    justify-self: center;
    align-self: start;
    width: 7.359456156431408%;
    height: 20px;
    margin: 124px 0px 0px 150px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#d0b69492 {
    justify-self: end;
    align-self: start;
    height: 64px;
    width: 10.128322639780016%;
    margin: 103px 17px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#innergrid_gvt {
    margin-top: 0px;
    width: 100.00%;
    grid-template-rows: minmax(401.8000183105469px, max-content);
    order: 1;
}
    
#widget_h30 {
    order: 0;
    justify-self: end;
    align-self: start;
    width: 100%;
    margin: 39px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#a5600b1d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
#a5600b1d.lazy {
    background-image: url('');
}
    
#\36 0b75ce9 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_ae8 {
    height: 240px;
}
    
#\32 5fa4cc9 {
    height: 240px;
}
    
#aaad3ce6 {
    height: 240px;
}
    
#\33 75d030b {
    height: 240px;
}
    
#e3e35890 {
    height: 240px;
}
    
#d0b69492 {
    height: 240px;
}
    
#\31 3ef51a8 {
    height: 240px;
}
    
#\39 baa04fa {
    height: 240px;
}
    
#\34 7c40582 {
    height: 240px;
}
}



@media all {
    
#\39 380d509 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 98%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    border-radius: 21px 21px 21px 21px;
    margin-right: 1%;
    margin-left: 1%;
}
    
#\36 773800e {
    min-height: 270px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#innergrid_bu0 {
    width: 100.00%;
    grid-template-rows: minmax(165.22500610351562px, max-content);
    max-width: 100%;
    order: 2;
    padding: 10px 0% 10px 0%;
    margin: -40px 0% -10px 0%;
}
    
#widget_ib2 {
    width: 50px;
    height: 50px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-right: 274px;
    margin-top: 55px;
}
    
#widget_ho5 {
    width: 27.71893996960486%;
    height: auto;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-left: 9.405870060790281%;
    margin-top: 55px;
}
    
#\39 5c13428 {
    width: 50px;
    height: 50px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-left: 3.418265867378212%;
    margin-top: 55px;
}
    
#\36 37823d0 {
    width: 50px;
    height: 50px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 51px;
    margin-right: 267px;
}
    
#\38 fc90402 {
    width: 21.06762917933131%;
    height: auto;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-left: 9.118541033434651%;
    margin-top: 55px;
}
    
#d67976cd {
    width: 20.117781155015198%;
    height: auto;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 55px;
    margin-right: 21px;
}
    
#\34 ad145aa {
    width: 93.41%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: center;
    order: 1;
    margin-top: 1px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 773800e {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    min-height: 479px;
}
    
#\39 5c13428 {
    justify-self: start;
    align-self: start;
    height: 35px;
    width: 35px;
    margin: 25px 0% 0px 1.3263379924699443%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_ib2 {
    justify-self: center;
    align-self: start;
    height: 32px;
    width: 32px;
    margin: 23px 130px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\38 fc90402 {
    justify-self: start;
    align-self: start;
    width: 24.64649175641558%;
    margin: 31px 0% 0px 8.024348336624819%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_ho5 {
    justify-self: center;
    align-self: start;
    width: 24.587976818722282%;
    margin: 27px 0% 0px 12.196544152199383%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\36 37823d0 {
    justify-self: end;
    align-self: start;
    height: 33px;
    width: 33px;
    margin: 23px 145px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#d67976cd {
    justify-self: end;
    align-self: start;
    width: 19.957494749259595%;
    margin: 27px 11px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#innergrid_bu0 {
    width: 100.00%;
    grid-template-rows: minmax(97.2249984741211px, max-content);
}
}



@media (max-width: 767px) {
    
#\39 380d509 {
    width: 100%;
    min-height: 681px;
    align-items: center;
    height: auto;
    padding: 16px 16px 16px 16px;
    margin: -60px 1% 0px 1%;
}
    
#\36 773800e {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 8% 8% 8%;
}
    
#\36 37823d0 {
    justify-self: start;
    align-self: start;
    height: 30px;
    width: 30px;
    margin: 58px 0px 0px 5px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\38 fc90402 {
    justify-self: end;
    align-self: start;
    width: 81.45%;
    margin: 51px 2.554714832241686% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_ib2 {
    justify-self: start;
    align-self: start;
    height: 29px;
    width: 29px;
    margin: 286px 0px 0px 5px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\34 ad145aa {
    width: 97.45%;
}
    
#\39 5c13428 {
    justify-self: start;
    align-self: start;
    height: 29px;
    width: 29px;
    margin: 157px 0% 0px 2.2261572665855534%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_ho5 {
    justify-self: end;
    align-self: start;
    width: 81.5946348733234%;
    margin: 143px 1.9888215157385116% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#d67976cd {
    justify-self: end;
    align-self: start;
    width: 79.7979797979798%;
    margin: 271px 10px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#innergrid_bu0 {
    width: 100.00%;
    grid-template-rows: minmax(375px, max-content);
}
    
#\39 eb43f6c {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\39 37e4edb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.11) 3px 0px 11px 0px;
    border-radius: 17px 17px 17px 17px;
}
    
#\37 3b4454c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#\36 21f3f33 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#widget_59f {
    width: 100%;
    height: 588px;
    max-width: 100%;
}
    
#be2d69e2 {
    width: 93.37%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d5d643e0 {
    width: 163px;
    height: auto;
    min-height: 46px;
    justify-self: auto;
    align-self: auto;
    order: 0;
    max-width: 100%;
    margin: 0px 1% 0px 1%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 d576982 {
    background-image: url();
    background-color: var(--color_1);
}
#\34 d576982.lazy {
    background-image: url('');
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 21f3f33 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#widget_59f {
    height: 406px;
}
    
#be2d69e2 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\39 37e4edb {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 3b4454c {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 21f3f33 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_59f {
    height: 272px;
    width: 100.00%;
}
    
#be2d69e2 {
    width: 100.00%;
}
}



@media all {
    
#\32 358218e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#\33 ad8311c {
    min-height: 824px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_daq {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 335a8aa {
    width: 99.99999536207041%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 2d5b9d4 {
    width: 163px;
    height: auto;
    min-height: 46px;
    justify-self: auto;
    align-self: center;
    order: 0;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 ad8311c {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#\32 358218e {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\33 ad8311c {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#\35 2d5b9d4 {
    align-self: center;
    margin-left: 0%;
    margin-right: 0%;
    width: 287px;
}
}



@media all {
    
#\35 736477e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#ae448b06 {
    min-height: 92px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_fif {
    width: 297px;
    height: 450px;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ae448b06 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#\35 736477e {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 16px 0px 16px 0px;
    margin: 0px 0% 0px 0%;
}
    
#ae448b06 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_fif.flex-element.widget-wrapper > [data-element-type] {
    padding: 4px 0px 4px 0px;
}
#widget_fif {
    max-width: 100%;
    height: 544px;
    width: 329px;
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#f4f9a944 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 96%;
    min-width: 4%;
    align-items: center;
    background-color: rgba(233, 233, 233, 0.24);
    background-image: initial;
    border-radius: 19px 19px 19px 19px;
    box-shadow: rgba(0, 0, 0, 0.25) 12px 0px 11px -9px inset;
    margin-left: 2%;
    margin-right: 2%;
}
    
#\34 4f56301 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_erm.flex-element.widget-wrapper > [data-element-type] {
    padding: 20px 80px 20px 80px;
}
#widget_erm {
    width: 99.99999536207041%;
    height: 410px;
    min-height: 100px;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#widget_tbu {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 4f56301 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



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



@media all {
    
#a792f032 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#\39 04b1807 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#innergrid_ll7 {
    width: 100%;
    grid-template-rows: minmax(300px, max-content);
    max-width: 100%;
    background-image: url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+Trusses+-+Our+clients+-Mobile--1920w.png);
}
#innergrid_ll7.lazy {
    background-image: url('');
}
    
#innergrid_rcs {
    grid-template-rows: minmax(300px, max-content);
    justify-self: start;
    align-self: start;
    order: 0;
    max-width: 100%;
}
    
#widget_cpt {
    width: 42.6473179218758%;
    height: 320px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin: 84px 11.131158126853343% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 04c1253 {
    width: 42.6473179218758%;
    height: 320px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin: 84px 11.131158126853343% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 a9ce01d {
    width: 42.6473179218758%;
    height: 320px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin: 84px 11.131158126853343% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#e184e4ee {
    width: 42.6473179218758%;
    height: 320px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin: 84px 11.131158126853343% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 04b1807 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#a792f032 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\39 04b1807 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#innergrid_ll7 {
    width: 100.00%;
    grid-template-rows: minmax(306px, max-content);
}
#innergrid_ll7.lazy {
    background-image: url('');
}
    
#innergrid_rcs {
    justify-self: center;
    align-self: start;
    width: 91.73%;
    grid-template-rows: minmax(215px, max-content);
    margin: 32px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_cpt {
    height: 79px;
    position: relative;
    justify-self: start;
    align-self: start;
    width: 42.647501449871164%;
    margin: 35px 0% 0px 4.76255231972719%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 04c1253 {
    height: 79px;
    position: relative;
    justify-self: end;
    align-self: start;
    width: 42.647501449871164%;
    margin: 35px 4.143326062966186% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 a9ce01d {
    height: 79px;
    position: relative;
    justify-self: start;
    align-self: start;
    width: 42.647501449871164%;
    margin: 125px 0% 0px 4.647847322626932%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#e184e4ee {
    height: 79px;
    position: relative;
    justify-self: end;
    align-self: start;
    width: 42.647501449871164%;
    margin: 125px 4.111210904110088% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media all {
    
#\33 0e90c27 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 63.48755245208504%;
    min-width: 4%;
}
    
#bf50db03 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 32.51%;
    min-width: 4%;
}
    
#e1a4c4e6 {
    min-height: 710px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#widget_894 {
    width: 94.66%;
    height: auto;
    max-width: 100%;
    margin-left: 1%;
    margin-right: 1%;
    order: 0;
}
    
#innergrid_9so {
    width: 100.00%;
    grid-template-rows: minmax(198px, max-content);
    max-width: 100%;
    order: 1;
}
    
#\30 7c0e5ee {
    width: 221px;
    height: auto;
    min-height: 46px;
    justify-self: start;
    align-self: start;
    order: 0;
    max-width: 100%;
    margin: 31px 0px 0px 19px;
}
    
#\33 b230b30 {
    width: 242px;
    height: auto;
    min-height: 52px;
    justify-self: center;
    align-self: start;
    order: 0;
    max-width: 100%;
    margin: 26px 0px 0px 84px;
}
    
#widget_3b3 {
    width: 34.36630613372965%;
    height: 82px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin: 106px 0% 0px 1.5189287084035736%;
}
    
#widget_grb {
    width: 33.78%;
    height: 111px;
    max-width: 100%;
    order: 2;
    justify-self: center;
    align-self: start;
    margin: 80px 0px 0px 141px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e1a4c4e6 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#bf50db03 {
    width: 4.656577332882734%;
}
    
#\33 0e90c27 {
    width: 91.26%;
}
    
#\33 b230b30 {
    justify-self: center;
    align-self: start;
    height: auto;
    min-height: 51px;
    width: 228px;
    margin: 31px 2px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media (max-width: 767px) {
    
#\33 0e90c27 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    height: auto;
}
    
#bf50db03 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#e1a4c4e6 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#\33 b230b30 {
    justify-self: center;
    align-self: start;
    height: auto;
    min-height: 51px;
    width: 187px;
    margin: 344px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\30 7c0e5ee {
    justify-self: center;
    align-self: start;
    height: auto;
    min-height: 49px;
    width: 189px;
    margin: 273px 3px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#innergrid_9so {
    width: 100.00%;
    grid-template-rows: minmax(420px, max-content);
}
    
#widget_3b3 {
    justify-self: start;
    align-self: start;
    height: 75px;
    width: 98.47643097643099%;
    margin: 26px 0% 0px 0.1893939393939394%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_grb {
    justify-self: start;
    align-self: start;
    width: 98.57%;
    height: 111px;
    margin: 129px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
}



@media all {
    
#ebedd57a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#dc33adc8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#fb9883f4 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#widget_v1m {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#fb9883f4 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#ebedd57a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#dc33adc8 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#fb9883f4 {
    min-height: unset;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media all {
    
#\37 48f79ef {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#\31 d903cd7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
}
    
#e39bec72 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#widget_jvn {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_4rl {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_pth {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_cms {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
}
    
#fe738b9f {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#\39 ffe4d65 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
    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%;
}
    
#\34 62d167d {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#\35 06396d1 {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#b3957a30 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
    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%;
}
    
#\38 adabd8d {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#\37 f12a450 {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#cb55e148 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
    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%;
}
    
#ee38e9e7 {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#\37 363baba {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    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;
}
    
#\34 7efbd28 {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
    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%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e39bec72 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#\37 48f79ef {
    width: 100%;
    min-height: 69px;
    align-items: center;
    height: auto;
}
    
#\31 d903cd7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#e39bec72 {
    min-height: unset;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#widget_4rl {
    height: 90px;
    width: 30.63%;
}
    
#widget_pth {
    height: 50px;
    width: 6.39%;
}
    
#fe738b9f {
    height: 90px;
    width: 30.63%;
}
    
#\34 62d167d {
    height: 50px;
    width: 6.39%;
}
    
#\35 06396d1 {
    height: 90px;
    width: 30.63%;
}
    
#\38 adabd8d {
    height: 50px;
    width: 6.39%;
}
    
#\37 f12a450 {
    height: 90px;
    width: 30.63%;
}
    
#ee38e9e7 {
    height: 50px;
    width: 6.39%;
}
    
#\37 363baba {
    height: 90px;
    width: 30.63%;
}
}



@media all {
    
#ba99de18.flex-element.widget-wrapper > [data-element-type] {
    padding: 20px 80px 20px 80px;
}
#ba99de18 {
    width: 99.99999536207041%;
    height: 410px;
    min-height: 100px;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#c4dfb5b1 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#bfe8877a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 96%;
    min-width: 4%;
    align-items: center;
    background-color: rgba(233, 233, 233, 0.24);
    background-image: initial;
    border-radius: 19px 19px 19px 19px;
    box-shadow: rgba(0, 0, 0, 0.25) 12px 0px 11px -9px inset;
    margin-left: 2%;
    margin-right: 2%;
}
    
#\38 1bdcea5 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 1bdcea5 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



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



@media all {
    
#b10c5188 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#\35 a148e1f {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 a148e1f {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



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



@media all {
    
#a3b02317 {
    width: 16.299392097264437%;
    height: auto;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 194px;
    margin-left: 11px;
}
    
#\37 32a5eaf {
    width: 5.677716565349544%;
    height: 24px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 107px;
    margin-right: 183px;
}
    
#\37 f4ba2ca {
    width: 163px;
    height: auto;
    min-height: 46px;
    justify-self: center;
    align-self: start;
    order: 0;
    max-width: 100%;
    margin-top: 313px;
    margin-left: 183px;
}
    
#\37 9c7eea8 {
    width: 5.677716565349544%;
    height: 24px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 107px;
    margin-right: 166px;
}
    
#a2f338d7 {
    width: 15.92%;
    height: auto;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 189px;
    margin-right: 11px;
}
    
#\37 fd703a3 {
    width: 8.15%;
    height: 94px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 60px;
}
    
#bccb51ae {
    width: 8.149614726027398%;
    height: 93px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 66px;
    margin-right: 268px;
}
    
#\33 1c56af3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: start;
    justify-self: end;
    margin-right: -5px;
    margin-top: 15px;
}
    
#d6df90cf {
    width: 8.15%;
    height: 92px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 67px;
    margin-left: 55px;
}
    
#\35 d17169f {
    min-height: 590px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#\35 a99d877 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/f246437b/dms3rep/multi/opt/Designer+Roof+-+Block+BG+-+Tablet+%282%29-1920w.png);
}
#\35 a99d877.lazy {
    background-image: url('');
}
    
#\39 e76d6c0 {
    width: 8.149696048632219%;
    height: 83px;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 71px;
    margin-right: 54px;
}
    
#\36 179ba4f {
    width: 163px;
    height: auto;
    min-height: 46px;
    max-width: 100%;
    justify-self: center;
    align-self: start;
    margin-top: 313px;
    margin-right: 195px;
}
    
#\32 c9a1933 {
    width: 16.299392097264437%;
    height: auto;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 194px;
    margin-left: 233px;
}
    
#fafb16e4 {
    width: 16.299392097264437%;
    height: auto;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 189px;
    margin-left: 11px;
}
    
#\31 48e5c57 {
    width: 15.539383561643834%;
    height: auto;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    margin-top: 189px;
    margin-right: 213px;
}
    
#\36 9a243ad {
    width: 5.678510273972603%;
    height: 24px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 107px;
    margin-left: 181px;
}
    
#c6a195cd {
    width: 5.677716565349544%;
    height: 24px;
    justify-self: center;
    align-self: start;
    max-width: 100%;
    margin-top: 107px;
    margin-left: 229px;
}
    
#\30 d5dc09d {
    width: 8.149614726027398%;
    height: 92px;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    margin-top: 67px;
    margin-left: 280px;
}
    
#a496b2eb {
    width: 100.00%;
    grid-template-rows: minmax(387.8000183105469px, max-content);
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#a3b02317 {
    justify-self: start;
    align-self: start;
    width: 19.80980751604033%;
    margin: 175px 0px 0px 8px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 32a5eaf {
    justify-self: start;
    align-self: start;
    width: 8.119462267033303%;
    height: 20px;
    margin: 124px 0px 0px 111px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 f4ba2ca {
    justify-self: center;
    align-self: start;
    margin: 336px 162px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 9c7eea8 {
    justify-self: center;
    align-self: start;
    width: 7.359456156431408%;
    height: 20px;
    margin: 124px 0px 0px 150px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#a2f338d7 {
    justify-self: end;
    align-self: start;
    width: 16.298197372441187%;
    margin: 177px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 fd703a3 {
    justify-self: center;
    align-self: start;
    width: 9.219370608004889%;
    height: 62px;
    margin: 101px 0px 0px 30px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#bccb51ae {
    justify-self: end;
    align-self: start;
    width: 10.13%;
    height: 62px;
    margin: 101px 145px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\33 1c56af3 {
    order: 0;
    justify-self: end;
    align-self: start;
    width: 100%;
    margin: 39px 0px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#d6df90cf {
    justify-self: start;
    align-self: start;
    height: 65px;
    width: 9.979376718606783%;
    margin: 103px 0px 0px 40px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\35 d17169f {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    min-height: 643px;
}
    
#\39 e76d6c0 {
    justify-self: end;
    align-self: start;
    height: 64px;
    width: 10.128322639780016%;
    margin: 103px 17px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\36 179ba4f {
    justify-self: end;
    align-self: start;
    order: 2;
    margin: 337px 23.802704757191595% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\32 c9a1933 {
    justify-self: start;
    align-self: start;
    width: 21.028108768713718%;
    margin: 176px 0px 0px 138px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\31 48e5c57 {
    justify-self: end;
    align-self: start;
    width: 17.829666972196758%;
    margin: 177px 121px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#fafb16e4 {
    justify-self: center;
    align-self: start;
    width: 20.11915673693859%;
    margin: 177px 0px 0px 30px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\36 9a243ad {
    justify-self: center;
    align-self: start;
    width: 8.579666972196762%;
    height: 20px;
    margin: 124px 120px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#c6a195cd {
    justify-self: end;
    align-self: start;
    width: 6.7483959670027485%;
    height: 20px;
    margin: 115px 93px 0px 0px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\30 d5dc09d {
    justify-self: start;
    align-self: start;
    width: 8.14810571341277%;
    height: 58px;
    margin: 105px 0px 0px 180px;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#a496b2eb {
    margin-top: 0px;
    width: 100.00%;
    grid-template-rows: minmax(403.8000183105469px, max-content);
    order: 1;
}
    
#\35 a99d877 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#\35 a99d877.lazy {
    background-image: url('');
}
}



@media (max-width: 767px) {
    
#\35 a99d877 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
#\35 a99d877.lazy {
    background-image: url('');
}
    
#\39 e76d6c0 {
    height: 240px;
}
    
#\37 32a5eaf {
    height: 240px;
}
    
#\37 9c7eea8 {
    height: 240px;
}
    
#\36 9a243ad {
    height: 240px;
}
    
#c6a195cd {
    height: 240px;
}
    
#\37 fd703a3 {
    height: 240px;
}
    
#bccb51ae {
    height: 240px;
}
    
#d6df90cf {
    height: 240px;
}
    
#\30 d5dc09d {
    height: 240px;
}
    
#\35 d17169f {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
}



@media all {
    
#\34 638d793 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#\38 d1f6a32 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#widget_bos.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 30px 0px 30px;
}
#widget_bos {
    width: 100.00%;
    height: 454px;
    min-height: 100px;
    max-width: 100%;
    align-self: flex-start;
}
    
#\36 23b783e {
    width: 99.99999536207041%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_pa2 {
    width: 280px;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 d1f6a32 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
    
#widget_bos {
    height: 506px;
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\34 638d793 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 d1f6a32 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
    
#widget_bos {
    height: 556px;
}
}



@media all {
    
#\38 ae124f8 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
}
    
#c653104c {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#a16009f3 {
    width: 99.99999536207041%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_ac0.flex-element.widget-wrapper > [data-element-type] {
    padding: 12px 12px 12px 12px;
}
#widget_ac0 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 90fd41c {
    box-shadow: none;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c653104c {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



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