@media all {
  *#dm .dmInner div.u_1608790649 hr {
    color:var(--color_2) !important;
    border-width:1px !important;
  }

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

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

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

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

  *#dm .dmInner a.u_1404674098 span.text { text-decoration:none !important; }

  *#dm .dmInner a.u_3477025 {
    background-color:rgba(0,0,0,1) !important;
    background-image:none !important;
  }

  *#dm .dmInner a.u_1404674098 {
    background-color:rgba(252,99,43,1) !important;
    background-image:none !important;
  }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\36 3d24979f4a54e38542a8abe {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(234, 246, 255, 1);
    background-image: none;
}
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 20px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px 16px 0px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 91px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 46.586800000000004px 0% 5px 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_joa {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#undefined {
    width: 79.33%;
}
    
#widget_7qs {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\36 3d24979f4a54e38542a8aba {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#d5aca23f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\31 1e93d1b {
    min-height: 240px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 4% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#\37 448ab57 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\32 275bcfe {
    width: 82.40%;
    height: auto;
    max-width: 100%;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#ee1db2ac {
    background-color: var(--color_3);
    background-image: initial;
}
    
#undefined {
    width: 130%;
}
}



@media all {
    
#\35 bfdbfe2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
    
#\37 286b266 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#dc3bd5cb {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
    
#bfa774ea {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\33 1c54f16.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#\33 1c54f16 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
    
#c1f0f90e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 32%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 7da73e7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 32%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\37 4083a52 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\34 82b136d {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#\36 39902d9.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#\36 39902d9 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
    
#d76e063c {
    background-color: var(--color_3);
    background-image: initial;
}
    
#e2aaf67d {
    min-height: 240px;
    column-gap: 2%;
    row-gap: 12px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 1% 4% 4% 4%;
    margin: 0% 0% 0% 0%;
}
    
#ee8e0eb2.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#ee8e0eb2 {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
    
#dd03568b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 10px;
    width: 32%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#fabef1c2 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\33 b704c4c {
    min-height: 21px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 6% 6% 1% 6%;
    margin: 0% 0% 0% 0%;
}
    
#f4435d05 {
    width: 850px;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#a5c80f84 {
    width: 86.17%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\36 32c5e6c {
    background-color: var(--color_4);
    background-image: initial;
}
    
#\33 6cb681b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 33px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#c275fcac {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\30 6e06ecb {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\37 cca92a7 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(234, 246, 255, 1);
    background-image: none;
}
    
#group_dbc {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    max-width: 100%;
    align-self: stretch;
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#group_17r {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    max-width: 100%;
    align-self: stretch;
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_35k {
    width: 100.00%;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_lo3 {
    width: 100%;
    height: 320px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
    
#widget_c5v {
    width: 280px;
    height: auto;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\37 f623388 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 19px;
    width: 48%;
    min-width: 4%;
    padding: 0px 16px 0px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\35 59d7ca5 {
    min-height: 141px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0px 0% 20px 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 06fa830 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(234, 246, 255, 1);
    background-image: none;
}
    
#group_ujm {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_4c4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_bbq {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#c58ded7b {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#b93d785d {
    margin: 0px 0px 0px 0px;
}
    
#\30 ce10db5 {
    min-height: 485px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    padding: 4% 4% 4% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\38 a1c75ab {
    width: 332px;
    height: auto;
    min-height: auto;
    max-width: 100%;
    align-self: stretch;
    order: 0;
    max-height: none;
    grid-area: auto / auto / auto / auto;
}
    
#f77a9df9 {
    width: 522px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 47abfda {
    width: 100%;
    height: 22px;
    max-width: 100%;
    order: 2;
}
    
#\35 78801a2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 439.297px;
    min-height: 54px;
    max-height: 100%;
    order: 2;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 416a816 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
    
#\37 37e74a3 {
    background-color: var(--color_3);
    background-image: initial;
}
    
#\35 861bd40 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-image: url("https://lirp.cdn-website.com/b9d346d8/dms3rep/multi/opt/Surrey+Garden+Studio+Plans-1920w.jpg");
    order: 1;
    border-radius: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
#\35 861bd40.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgX/xAAlEAABAgUBCQAAAAAAAAAAAAADAQIABAUREjEGBxQhIkFCkeH/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/ACEnsrUBT4zyg2tAxfPVIRcJUl1IP39ivR67LipxTTrXKQLbrZL5JB5+8QebsaYzG/Lq7QE06WiVHLxn/9k=');
}
    
#a2db5cbf {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 16px;
    width: 100%;
    min-width: 4%;
    order: 0;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
}



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



@media (min-width: 768px) and (max-width: 1024px) {
    
#d5aca23f {
    width: 100%;
    min-height: 8px;
}
    
#\31 1e93d1b {
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 140px;
    column-gap: 1%;
    padding: 8% 4% 4% 4%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e2aaf67d {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0%;
    min-height: 240px;
    padding: 5% 4% 6% 4%;
}
    
#bfa774ea {
    order: 2;
}
    
#\33 1c54f16 {
    order: 0;
}
    
#c1f0f90e {
    width: 50%;
    min-height: 8px;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\36 7da73e7 {
    width: 50%;
    min-height: 8px;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#dd03568b {
    width: 50%;
    min-height: 8px;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\37 4083a52 {
    order: 3;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 b704c4c {
    padding: 8% 4% 8% 4%;
}
    
#f4435d05 {
    width: 100%;
}
    
#a5c80f84 {
    order: 1;
}
    
#\33 6cb681b {
    align-items: center;
    row-gap: 24px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 6e06ecb {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#fa2beff2 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 59d7ca5 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#c58ded7b {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 ce10db5 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 44px;
    padding: 6% 6% 6% 6%;
}
    
#f77a9df9 {
    align-self: stretch;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
    order: 1;
}
    
#\32 47abfda {
    order: 2;
}
    
#\35 78801a2 {
    order: 3;
}
    
#\35 416a816 {
    align-self: auto;
    width: 100%;
    max-width: none;
    justify-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#a2db5cbf {
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 10px;
    width: 100%;
    min-height: 80px;
    justify-content: flex-start;
}
    
#\35 861bd40 {
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 330px;
}
#\35 861bd40.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgX/xAAlEAABAgUBCQAAAAAAAAAAAAADAQIABAUREjEGBxQhIkFCkeH/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/ACEnsrUBT4zyg2tAxfPVIRcJUl1IP39ivR67LipxTTrXKQLbrZL5JB5+8QebsaYzG/Lq7QE06WiVHLxn/9k=');
}
}



@media (max-width: 767px) {
    
#\30 ce10db5 {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 37e74a3 {
    grid-template-rows: minmax(8px, max-content);
}
}



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



@media (max-width: 767px) {
    
#d5aca23f {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\31 1e93d1b {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    row-gap: 0px;
    padding-top: 10%;
    flex-wrap: nowrap;
}
    
#\32 275bcfe {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#e2aaf67d {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
    column-gap: 0%;
    row-gap: 0px;
    padding-bottom: 8%;
}
    
#c1f0f90e {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#\36 7da73e7 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0% 0% 0% 0%;
}
    
#dd03568b {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    margin: 0% 0% 0% 0%;
}
}



@media (max-width: 767px) {
    
#\33 b704c4c {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 4% 8% 4%;
}
    
#f4435d05 {
    width: 100%;
}
    
#\33 6cb681b {
    width: 100%;
    min-height: 80px;
    align-items: center;
    height: auto;
    row-gap: 19px;
}
}



@media (max-width: 767px) {
    
#\30 6e06ecb {
    min-height: 0;
    flex-direction: column;
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    flex-wrap: nowrap;
}
    
#group_dbc {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_17r {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_lo3 {
    height: 240px;
}
}



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



@media (max-width: 767px) {
    
#\30 ce10db5 {
    min-height: unset;
    flex-direction: column;
    row-gap: 32px;
    padding: 12% 4% 12% 4%;
}
    
#\38 a1c75ab {
    height: auto;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    margin: 0px 0% 0px 0%;
}
    
#f77a9df9 {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    max-width: none;
}
    
#\32 47abfda {
    height: 8px;
}
    
#\35 78801a2 {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-height: 115px;
    margin-top: 0%;
}
    
#\35 861bd40 {
    width: 100%;
    min-height: 246px;
    align-items: center;
    order: 1;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
#\35 861bd40.lazy:not([data-loaded='true']) {
    background-image: url('data:image/jpeg; base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgX/xAAlEAABAgUBCQAAAAAAAAAAAAADAQIABAUREjEGBxQhIkFCkeH/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/ACEnsrUBT4zyg2tAxfPVIRcJUl1IP39ivR67LipxTTrXKQLbrZL5JB5+8QebsaYzG/Lq7QE06WiVHLxn/9k=');
}
    
#a2db5cbf {
    width: 100%;
    min-height: 240px;
    align-items: flex-start;
    order: 0;
    justify-content: flex-start;
    row-gap: 12px;
}
}