*#dm *.dmBody a.span.textonly
{
	color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.dmform-error
{
	font-style:normal !important;
}
*#dm *.dmBody div.dmforminput textarea
{
	font-style:italic !important;
}
*#dm *.dmBody div.dmforminput *.fileUploadLink
{
	font-style:italic !important;
}
*#dm *.dmBody div.checkboxwrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody div.radiowrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody nav.u_1144820115
{
	color:black !important;
}
@media all {
  *#dm .dmInner nav.u_1998592992 { color:black !important; }

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

  *#dm .dmInner div.u_278143517 img { object-fit:contain !important; }

  *#dm .dmInner div.u_476476602 img { object-fit:contain !important; }

  *#dm .dmInner div.u_249712138 {
    background-color:rgba(16,87,121,1) !important;
    background-image:none !important;
  }

  *#dm .dmInner div.u_2719736885 img { object-fit:contain !important; }

  *#dm .dmInner div.u_4218961996 img { object-fit:contain !important; }
}
@media (min-width:1025px) {
  *#dm .d-page-1716942098 DIV.dmInner { background-color:rgba(255,255,255,1) !important; }

  *#dm .d-page-1716942098 DIV#dmSlideRightNavRight { background-color:rgba(255,255,255,1) !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .d-page-1716942098 DIV.dmInner { background-image:none !important; }

  *#dm .d-page-1716942098 DIV#dmSlideRightNavRight { background-image:none !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .d-page-1716942098 DIV.dmInner {
    background-image:none !important;
    background-size:auto 100vh !important;
    background-position:50% 0% !important;
  }

  *#dm .d-page-1716942098 DIV#dmSlideRightNavRight {
    background-image:none !important;
    background-size:auto 100vh !important;
    background-position:50% 0% !important;
  }
}
separatorHomeCss{color:red !important}*#dm *.d-page-1716942098 DIV.dmInner
{
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-attachment:fixed !important;
	background-position:50% 50% !important;
}
*#dm *.d-page-1716942098 DIV#dmSlideRightNavRight
{
	background-repeat:no-repeat !important;
	background-image:none !important;
	background-size:cover !important;
	background-attachment:fixed !important;
	background-position:50% 50% !important;
}
*#dm *.dmBody div.u_1243667655
{
	margin-left:0 !important;
	padding-top:100px !important;
	padding-left:40px !important;
	padding-bottom:100px !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding-right:40px !important;
	margin-right:0 !important;
	float:none !important;
	top:0 !important;
	left:0 !important;
	width:auto !important;
	position:relative !important;
	height:auto !important;
	max-width:none !important;
	min-width:0 !important;
	text-align:center !important;
}
separatorHomeCss{color:red !important}@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\31 68974ba {
    column-gap: 0%;
    row-gap: 0px;
    max-width: var(--max-content-width_1, 1200px);
    width: 100%;
    min-height: 105px;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\37 284d148 {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    background-image: none;
    border-style: solid;
}
    
#\32 2a65023 {
    margin: 0px 0% 0px 0%;
}
    
#be32e5d3 {
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-height: 8px;
    min-width: 4%;
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#widget_dbb.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 4px;
    padding-bottom: 4px;
}
#widget_dbb {
    width: 100%;
    height: auto;
    min-height: 1px;
    max-width: 100%;
    order: 0;
}
    
#widget_83n.flex-element.widget-wrapper > [data-element-type] {
    padding: 10px 0px 10px 0px;
}
#widget_83n {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 9px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\34 4e1d43a {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://lirp.cdn-website.com/4a4b192d/dms3rep/multi/opt/john_yates_fence_and_deck__7_-393565-1920w.png");
}
    
#fde3f8fe {
    min-height: 1021px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 0033a2f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    padding: 0px 0px 0px 0px;
    margin: -5% 0% 0% 0%;
}
    
#\37 020e726 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\33 96218d3 {
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    min-height: 302px;
    flex-wrap: nowrap;
    max-width: none;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 e56cc7d {
    column-gap: 4%;
    row-gap: 24px;
    background-color: rgba(0, 0, 0, 0);
    width: 33.3%;
    min-height: 8px;
    background-image: none;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\34 e57f448 {
    background-color: rgba(16, 87, 121, 1);
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-image: none;
}
    
#dd195240 {
    margin: 0px 0% 0px 0%;
}
    
#group_pue {
    width: 33.3%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#group_ojv {
    width: 33.3%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_qjl {
    width: 100.00%;
    height: 320px;
    max-width: 100%;
    order: 0;
}
    
#widget_40a {
    width: 100%;
    height: 320px;
    max-width: 100%;
}
    
#widget_e3r {
    width: 100%;
    height: 320px;
    max-width: 100%;
    order: 0;
}
    
#widget_0oe {
    width: 97.54%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_q8d {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_rqc {
    width: 91.69%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\34 e84fba3 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\30 3858380 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#bdc4dae8 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#group_62d {
    width: 48%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
}
    
#widget_4cp {
    width: 100%;
    height: 602px;
    max-width: 100%;
}
    
#widget_e2c {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\38 c7c0b97 {
    min-height: 320px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    margin: 0% 0% 0% 0%;
}
    
#\33 dff91e0 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\33 38cdf17 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    border-width: 2px 2px 2px 2px;
    border-color: rgba(106, 103, 91, 1) rgba(106, 103, 91, 1) rgba(106, 103, 91, 1) rgba(106, 103, 91, 1);
    border-style: solid;
    margin: 0% 0% 0% 0%;
}
    
#\38 79fe0e7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50%;
    min-width: 4%;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(106, 103, 91, 1) rgba(106, 103, 91, 1) rgba(106, 103, 91, 1) rgba(106, 103, 91, 1);
    border-style: solid;
    margin: 0% 0% 0% 0%;
}
    
#widget_dst {
    width: 47.18%;
    height: 330px;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
    
#widget_cdo {
    width: 43.84%;
    height: 334px;
    max-width: 100%;
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\35 c69121f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    margin: 0% 0% 0% 0%;
}
    
#\33 abe2886 {
    min-height: 320px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    margin: 0% 0% 0% 0%;
}
    
#\39 d56e3ef {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#widget_pn3 {
    width: 100%;
    height: 608px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 68974ba {
    min-height: 353px;
    padding: 0% 0% 0% 0%;
}
    
#\32 2a65023 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#fde3f8fe {
    min-height: 320px;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#\37 020e726 {
    margin: 0px 0% 0px 0%;
}
    
#\35 0033a2f {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 96218d3 {
    padding: 0% 0% 0% 0%;
}
    
#dd195240 {
    margin: 0px 0% 0px 0%;
}
    
#\35 e56cc7d {
    width: 33.3%;
}
    
#group_ojv {
    width: 33.3%;
    padding: 0px 10px 0px 10px;
    margin: 0px 0% 0px 0%;
}
    
#group_pue {
    width: 33.3%;
}
}



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



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 c7c0b97 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\31 4d7e190 {
    margin: 0px 0% 0px 0%;
}
    
#widget_dst {
    width: 88.50%;
}
    
#widget_cdo {
    width: 87.07%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\33 abe2886 {
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
    
#\30 5de168c {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\31 68974ba {
    flex-direction: column;
    min-height: 0;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#be32e5d3 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\32 2a65023 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#fde3f8fe {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#\35 0033a2f {
    min-height: 80px;
    align-items: center;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\37 020e726 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\33 96218d3 {
    flex-direction: column;
    min-height: 0;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
}
    
#\35 e56cc7d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#dd195240 {
    margin: 0px 0% 0px 0%;
}
    
#group_pue {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#group_ojv {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_qjl {
    height: 240px;
}
    
#widget_40a {
    height: 240px;
}
    
#widget_e3r {
    height: 240px;
}
    
#widget_0oe {
    width: 91.52%;
}
    
#widget_q8d {
    width: 91.52%;
}
    
#widget_rqc {
    justify-self: auto;
    align-self: auto;
    width: 99.99%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (max-width: 767px) {
    
#\34 e84fba3 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\30 3858380 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
}
    
#group_62d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#widget_4cp {
    height: 240px;
}
    
#\31 f29f035 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\38 c7c0b97 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
}
    
#\33 38cdf17 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\38 79fe0e7 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#widget_dst {
    height: 334px;
    width: 84.05%;
}
    
#widget_cdo {
    height: 360px;
    width: 82.94%;
}
    
#\31 4d7e190 {
    margin: 0px 0% 0px 0%;
}
}



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

