@charset "utf-8";
/* CSS Document */

.temp {
	color : #000000;
	background-color : #e24910;
    /*Orange  #DF5530*/
}

* {padding: 0px;margin: 0px;}
body {font-family : "Work Sans";}h1, h2, h3, h4, h5 { font-family: "Inter"; margin: 10px 4px 4px 4px; text-align: center;}
h1{font-size: 1.6rem;}h2{font-size: 1.3rem;}h3{font-size: 1.2rem;}h4{font-size: 1.1rem;}h5{font-size: 1rem;}
header {display : flex;background-color : #000000;width : 100%;overflow : hidden;padding : 10px;min-width : 390px; }
nav ul {list-style : none;text-align : center;font-size : 1rem;margin: 10px 0px;}
nav ul li {margin: 0px; padding: 0px;}
nav a {text-decoration : none;color : #e24910;display : block;padding: 6px 0px;margin: 0px;font-family : "Inter";}
nav a:hover {background-color : #e24910;color : #000000;}

p{ text-align: center;}

h1{font-family : "Rammetto One", sans-serif;font-weight : 400;font-style : normal;}
.brandfont{font-family : "Rammetto One", sans-serif;font-weight : 400;font-style : normal;}
.brandlight{color : #000000; background-color : #e24910;}
.branddark{color : #e24910; background-color : #000000;}

.showBlock{display: block;}.hide{display: none;}

#flexwrap {display: flex; flex-flow: row; }
.flexon{display: flex;}.flexoff{display:block;}
.padtb8 li{padding: 1px 0px;}
#content {padding: 10px; text-align: left;font-family: "Work Sans"} #content ul{margin-left: 30px;} #content ul li{padding: 6px 0px 2px 0px;}#content ul li p{padding: 1px; margin: 0px;} 
#content p {padding: 8px 8px 8px 8px;} #content h1 {text-align: center;}
section h1 {padding: 6px 0;} article {padding: 8px 4px;}
.timber-txt {font-family : "Rammetto One", sans-serif;font-weight : 400;font-style : normal;}
.title-txt {padding : 0;margin : 0;font-size : 3rem;}
.mnubtn {width: 26px; height: 36px;margin : 32px 4px 4PX 0px;font-size : 1.5rem;text-decoration : none;background-color : #000000;color : #e24910;cursor: pointer;}
.mnubtn:hover {background-color : #e24910;color : #000000;}
.pagepic{display: block; text-align: center; margin: 12px 0;}
.smfootpic{width: 17px; height: 17px; padding: 8px;}
#sitemap h1 {text-align: left;}
.cnflex{display: flex;}
.cndiv{flex-direction: row;margin: 4px;width: 48%;border: 1px solid red;}
#navsmap a{color: blue;}#navsmap a:hover{text-decoration: underline; background-color: transparent;}
#navsmap li{text-align: left;}#navsmap ul{list-style:square}
#navsmap li {font-size: 0.8rem;padding: 2px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}#navsmap{margin-left: 8px;} 
footer {width: 100%; padding: 0px; padding-bottom: 4px; margin: 0px; background-color: #2E2E2E;color: white;box-shadow : -2px 0 5px rgb(0, 0, 0, 0.5);text-align: center;}
footer a{text-decoration: none;}
.copytxt{font-size: 0.7rem;width: 300px;margin: 0 auto;padding: 6px;text-align: center;}
.footnav{width: 260px; margin: 0 auto;padding-top: 2px;}
.footnav ul {display: flex;}
.footnav ul li {padding: 2px 4px; font-size: 0.7rem;}
.footnav ul li a{padding: 2px 4px; text-align: center;     text-decoration: none; }
.txtright{width: 60%; margin: 0 auto;text-align: right; padding: 8px 12px;} .nxtlink{color: black; text-decoration: none;} .nxtlink:hover{text-decoration: underline;}
.smltxt {font-size: 86%;}.mt64{margin-top:64px;}.w100{width: 100%;}
.txtl{text-align: left!important;}.txtc{text-align: center!important;}.txtr{text-align: right!important;}.depad{margin: 0px; padding: 0px;}
.socialMedia{padding: 12px 6px 6px 6px;} #fbimg{/*padding: 8px 4px;*/ filter: invert(0%);}#fbimg:hover{ filter: invert(100%);}    #igimg{padding: 8px 4px;}
.tempImage{width: 97px; height: 110px; margin: 0 auto;display: block;margin-top: 100px;}
#itmpkg{} #itmpkg ul{margin: 0; padding: 0;}#itmpkg li{}
.sc{justify-content: center; text-align: center;}
.contentitems{ display: flex;flex-flow: wrap;justify-content: center; text-align: center;}
.contentitem{width: 360px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);text-align: center;margin: 10px;opacity: 1;padding: 2px 8px 8px 8px;}
.contentitem.visible{opacity: 1;transform: translateY(0) scale(1);}
.contentitem ul{list-style: none;} .contentitem a{text-decoration: none;cursor: pointer;}
.contentlink{display: block; padding: 12px; margin: 10px; cursor: pointer;background-color:#000000 ;color: white;text-decoration: none;} .contentlink:hover{background-color:#e24910 ;color: #000000;}
.contact-form{width: 360px; margin: 0 auto;}.contact-form table{width: 360px;padding: 10px 0px 0px 10px;}.contact-form #message{height: 80px;}.contact-form label{padding: 2px 6px 2px 2px;}.contact-form input {margin-bottom: 6px;}
.cflbl{text-align: left; width:150px;}
#privacypolicy{} #privacypolicy ul{list-style: none;}#privacypolicy p{text-align: left;}
.pflex{display: flex;}.pnoflex{display: block;}.prodcol{  background-color: darkslategrey;} .divcol{width: 160px; margin: 0 auto;}.prodcol ul{list-style: none; padding: 4px 1px;}.prodcol ul li{padding: 0!important;}
#priceitems {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;padding: 20px;}
.priceitem {width: 340px;background-color: white;border: 1px solid  #000000;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);text-align: center;margin: 10px;
   opacity:1 ; transform: translateY(100%) scale(0.8);transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; }
.priceitem.visible {opacity: 1;transform: translateY(0) scale(1);}.pricetitle{}.divtbltop{display: flex;padding: 4px 0 2px 0; font-size: 82%; color: #FFFFFF;}
.divtblrow{display: flex;padding: 1px 0 1px 0; font-size: 86%;}.divtblcol{width: 80px!important; padding: 2px 0 0 0;}.divitmcol{width: 196px!important; text-align: left; padding: 2px 0 1px 4px; }
.divtblfullrow{display: block; margin-top: 4px; padding: 1px 0 1px 2px; font-size: 86%; background-color:#C3C3C3; }.divcomcol{width: 160px!important; padding: 2px 0 0 0;}
.clrflex{display: block;}.tbllist{font-size: 90%;} .tbllist ul{text-align: left;list-style:circle;margin: 0px;padding: 2px 0px 4px 0px!important;} .tbllist li{margin: 0px; padding: 1px 0px!important;}.divcontenttop{ text-align: left;padding: 4px 0 2px 4px; color: #FFFFFF;}
.pcsn{text-align: left; widows: 400px!important;}.sbp{font-size: 0.9rem;}.phdr{width: 100%; text-align: center;}
.priceitem ul{font-size: 0.9rem; padding: 1px 2px 0px 2px;}.priceitem table {margin: 4px 2px 0px 2px; padding: 0;} .priceitem table tr td{border-bottom: 1px solid #ADADAD;}.pricetbl{width:340px; margin: 0 auto;} .pricetbl td{padding: 4px;}
.contentitems{ display: flex;flex-flow: wrap;justify-content: center; text-align: center;}
.contentitem{width: 360px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);text-align: center;margin: 10px;opacity: 1;padding: 2px 8px 8px 8px;}
.contentitem.visible{opacity: 1;transform: translateY(0) scale(1);}.fs90p{font-size:80%;}
#planitems{display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;padding: 20px;}
.planitem{width: 360px;background-color: white;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);text-align: center;margin: 10px;opacity: 1;}
.planitem.visible{opacity: 1;transform: translateY(0) scale(1);}.planitem p{font-size: 94%;}
.headertag{margin: 0!important; padding: 0!important;} .htrim{margin-bottom: 0!important; padding-bottom: 0!important;}

.ctabox{margin: 0 auto; text-align: center;}.ctabox p{font-size: 140%}
.ctalink{
    text-align: center; 
    background-color:#000000;
    color:#e24910;
    width:380px;
    margin: 0 auto; 
    display: block;
    padding: 0px;}
.ctalink:hover{
    background-color:#e24910 ;
    color:#000000;}
 .ctalink a{
     font-size: 110%; 
     text-decoration: none;
     display: block; 
     text-align: center; 
     color:#e24910;
     background-color: #000000;
     padding: 20px;
}
.ctalink a:hover{
    background-color: #e24910;
    color:#000000;
}

section#faqsec{width: 70vw; margin: 0 auto; margin-bottom: 12px;}
.faquestion {padding: 16px 2px 4px 2px;}.fanswer { border-bottom:  1px solid #000000; padding: 4px 2px 16px 2px;box-shadow:4px 4px 12px rgba(0, 0, 0, 0.3); }
.collapsible {background-color: #000000;color: white;cursor: pointer;padding: 8px;margin: 4px 0px 0px 0px;width: 100%;border: none;text-align: left;outline: none;font-size: 100%;box-shadow:4px 4px 12px rgba(0, 0, 0, 0.3);}.active, .collapsible:hover {background-color: #e24910;color:#000000;}
.faq_answer {padding: 0 8px;display:none;background-color: #FFFFFF;overflow: hidden;box-shadow:4px 4px 12px rgba(0, 0, 0, 0.3); margin: 0px 0px 4px 0px;}
.faq_answer{padding: 8px 18px;}

#gallery{}
#galwrap{width:360px;margin: 0 auto; background-color: lavender;}
.galview{}
.thumbview{}
.galthumb{}

.samplebuilditems{ display: flex;flex-flow: wrap;justify-content: center; text-align: center;margin-bottom: 8px;}
.samplebuilditem{width: 360px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);text-align: center;margin: 10px;opacity: 1;padding: 2px 8px 8px 8px;}
section#smsec{width: 70vw; margin: 0 auto; margin-bottom: 12px;}

.phone-numbers {width: 100%;display: flex;gap: 15px; /* display: block;*/ font-size: 18px;font-weight: bold; text-align: right;}
    /* #007BFF*/
.call-button-container {position: fixed;bottom: 20px;right: 20px;display: flex;gap: 10px;flex-wrap: wrap;justify-content: flex-end;z-index: 1000;max-width: 100%;}
.call-button {background: #004C9E;color: white;padding: 12px 16px;border-radius: 50px;text-decoration: none;font-size: 16px;font-weight: bold;box-shadow: 0px 4px 6px rgba(0,0,0, 0.2);transition: all 0.3s ease-in-out;white-space: nowrap;opacity: 1;}
.call-button:hover{background: #BF3D0D;}


@media (max-width: 450px) {
header {height : 73px;padding : 10px;}h1{font-size: 1rem;}h2{font-size: 0.9rem;}h3{font-size: 0.9rem;}h4{font-size: 0.8rem;}h5{font-size: 0.7rem;}
#mbtn {display: block;}#sitesidebar {display: none; width: 100vw; }#flexwrap {display: block;}
.title-txt {font-size : 1.2rem;padding : 12px 0 0 22px;margin : 0 0 0 0;}.slogan {font-size : 0.75rem;margin : 0 0 0 26px;}
.flexdiv{flex-direction: row;}.socialMedia{padding: 12px 0px;}
#pagepicture{width: 361px}#content {font-size : 0.8rem;}#navsmap li {font-size: 0.8rem;padding: 2px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}
#navsmap{margin-left: 8px;} .cnflex{display: block;}.cndiv{width:94%;}.tempImage{width: 97px; height: 110px;}.footnav ul li {padding: 2px 4px; font-size: 0.7rem;}.footnav{width: 254px; margin: 0 auto;padding-top: 2px;}.padtb8 li{padding: 1px 0px;}.pricetbl{width:200px;}.priceitem ul{font-size: 90%;} .priceitem td{font-size: 90%;}#cancelbtn{display: block;} .flexon{display: block;}
.ctabox{width: 340px; }.faq_answer{padding: 2px 6px;}
  #galwrap{width: 360px;} .call-button-container {display: flex; flex-direction: column; align-items: flex-end;}.phone-numbers{display:none;}.call-button {font-size: 14px;} 
}


@media (min-width:450px) and (max-width:500px) {
h1{font-size: 1.1rem;}h2{font-size: 1rem;}h3{font-size: 0.9rem;}h4{font-size: 0.8rem;}h5{font-size: 0.7rem;}
#mbtn {display: block;}#sitesidebar {display: none; width: 100vw; }#flexwrap {display: block;}
.title-txt {font-size : 1.5rem!important;padding : 27px 0 0 22px;margin : 0 0 0 0;}.slogan {font-size : 0.9rem;margin : 0 0 0 32px;}
#content {font-size : 0.85rem;}#navsmap li {font-size: 0.9rem;padding: 2px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}#navsmap{margin-left: 8px;} 
.cnflex{display: block;}.cndiv{width:94%;}.tempImage{width: 97px; height: 110px; }.footnav ul li {padding: 2px 4px; font-size: 0.7rem;}.footnav{width: 254px; margin: 0 auto;padding-top: 2px;}
.padtb8 li{padding: 1px 0px;}.tblpack{width: 50%;}.pricetbl{width:200px;}.priceitem ul{font-size: 90%;} .priceitem td{font-size: 90%;}#cancelbtn{display: block;}.faq_answer{padding: 2px 6px;}
    #galwrap{width: 360px;} .call-button-container {display: flex;flex-direction: row;  }.phone-numbers{display:none;}
}

 /* B  450-500         128 146         96 109     */
@media (min-width: 501px) and (max-width: 768px) {
header {height : 109px;padding : 10px;}  h1{font-size: 1.2rem;}h2{font-size: 1.1rem;}h3{font-size: 1rem;}h4{font-size: 0.9rem;}h5{font-size: 0.8rem;}
#mbtn {display: block;}#sitesidebar {display: none; width: 100vw; }#flexwrap {display: block;}.title-txt {font-size : 1.6rem;padding : 27px 0 0 22px;margin : 0 0 0 0;}.slogan {font-size : 1rem;margin : 0 0 0 32px;}.socialMedia{padding: 12px 0px;}#pagepicture{width: 401px}#content {font-size : 0.9rem;}#navsmap{margin-left: 10px;} #navsmap li {font-size: 0.9rem;padding: 2px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}.cnflex{display: block;}.cndiv{width:94%;}.tempImage{width: 129px; height: 147px;}.footnav ul li {padding: 2px 4px; font-size: 0.7rem;}.padtb8 li{padding: 3px 0px;}.pricetbl{width:240px;}.priceitem ul{font-size: 95%;} .priceitem td{font-size: 95%;}#cancelbtn{display: block;}.flexon{display: block;}.ctabox{width: 540px; }.faq_answer{padding: 4px 10px;}
 .call-button-container {display: flex; flex-direction: row;  }.phone-numbers{display:none;}
#galwrap{width: 650px;}
}

@media (min-width: 769px) and (max-width: 1024px) {header {height : 149px;padding : 10px;}#mbtn {display: none;}
#sitesidebar {display : block!important;width: 240px!important;}#flexwrap {display: flex; flex-flow: row; flex: auto;}
.title-txt {font-size : 2.5rem;padding : 32px 0 0 22px;margin : 0 0 0 0;}
    .slogan {font-size : 1.5rem;margin : 0 0 0 42px;}.socialMedia{padding: 12px 0px;}#pagepicture{width: 501px}#content {width:calc(100% - 180px);font-size : 1rem;}#navsmap{margin-left: 12px;} #navsmap li {font-size: 1rem;padding: 4px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}#sitemap {margin: 10px 20px;}.cnflex{display:flex;}.cndiv{width:48%;}.tempImage{width: 161px; height: 184px;} .footnav ul li {padding: 2px 4px; font-size: 0.8rem;}.footnav{width: 274px; margin: 0 auto;padding-top: 2px;}.padtb8 li{padding: 4px 0px;}.pricetbl{width:300px;}.priceitem ul{font-size: 100%;} .priceitem td{font-size: 100%;}#cancelbtn{display: none;}.flexon{display: flex;}.ctabox{width: 540px; }.faq_answer{padding: 4px 10px;}
      .call-button-container {display: none;}.phone-numbers{display: block;}
    #galwrap{width: 650px;}
}

@media (min-width: 1025px) and (max-width: 1920px) {
header {height : 184px;padding : 10px;}#mbtn {display: none;}#flexwrap {display: flex!important;}#sitesidebar {width : 230px!important;display : block!important;}
#content {width:calc(100% - 230px);font-size : 1.1rem;}.title-txt {font-size : 3rem;padding : 48px 0 0 22px;margin : 0 0 0 0;}.slogan {font-size : 1.7rem;margin : 0 0 0 56px;}
.socialMedia{padding: 12px 0px;}#pagepicture{width: 701px}#navsmap{margin-left: 12px;} #navsmap li {font-size: 1.1rem;padding: 2px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}
#sitemap {margin: 10px 20px;}.cnflex{display:flex;}.cndiv{width:48%;}.tempImage{width: 193px; height: 220px;}.footnav ul li {padding: 2px 4px; font-size: 0.9rem;}.footnav{width: 294px; margin: 0 auto;padding-top: 2px;}.pricetbl{width:300px;}.priceitem ul{font-size: 100%;} .priceitem td{font-size: 100%;}#cancelbtn{display: none;}.flexon{display: flex;}.ctabox{width: 600px; }  .call-button-container {display: none;}.phone-numbers{display: block;}
    
    #galwrap{width: 860px;}
}

@media (min-width: 1921px) {
#mbtn {display: none;}#content {width: auto;}header {height : 204px;padding : 10px;}.title-txt {font-size : 3.5rem;padding : 6px 4px;margin : 80px 16px 2px 16px;}#sitesidebar {width : 240px!important;display : block!important;}#flexwrap {display: flex!important;}.socialMedia{padding: 12px 0px;}#pagepicture{width: 701px}
#content {font-size : 1.3rem;}#navsmap{margin-left: 12px;} #navsmap li {font-size: 1.3rem;padding: 2px;}#navsmap a{padding: 0; }#navsmap ul{margin: 2px 2px 2px 20px;}.cnflex{display:flex;}.cndiv{width:48%;} .footnav ul li {padding: 2px 4px; font-size: 0.9rem;}.footnav{width: 294px; margin: 0 auto;padding-top: 2px;}.pricetbl{width:300px;}    .priceitem ul{font-size: 100%;} .priceitem td{font-size: 100%;}#cancelbtn{display: none;}.flexon{display: flex;}.ctabox{width: 600px; }
    .call-button-container {display: none;}.phone-numbers{display: block;}
 #galwrap{width: 860px;}
}


/*Fonts*/
.rammetto-one-regular {font-family : "Rammetto One", sans-serif;font-weight : 400;font-style : normal;}
.quattrocento-regular {font-family : "Quattrocento", serif;font-weight : 400;font-style : normal;}
.quattrocento-bold {font-family : "Quattrocento", serif;font-weight : 700;font-style : normal;}
/*Colors*/
.col-brownback, .col-hover-brownback:hover {color : #e24910;background-color : #000000;}
.col-brownfront, .col-hover-brownfront:hover {color : #000000;background-color : #e24910;}