.responsive-title	{width:100%; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:200; font-size:40px; color:#ffffff; padding:0; margin:30px auto 0 auto; -webkit-font-smoothing:antialiased; text-align:left}
.responsive-title-small	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:21px; color:#ffffff; padding:0; margin:0 auto 0 auto; line-height:40px; -webkit-font-smoothing:antialiased; text-align:left; display:flex; flex-direction:row;}
.responsive-title-small	img {margin-right:15px}
.responsive-body	{width:100%; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:17px; color:#ffffff; line-height:25px; padding:0; margin:30px auto 0 auto; text-align:left}
.responsive-body-note	{width:100%; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:13px; color:#999999; line-height:25px; padding:0; margin:0 auto 0 auto; text-align:left}
.responsive-title-container	{display:flex; flex-direction:row; align-items: center; width:100%; max-width:1400px; margin:120px auto 0 auto;}
.responsive-container-inner	{width:100%; height:auto}
.responsive-container-inner-right img	{margin:0 0 0 30px}

.responsive-container-inner-left	{order:1}
.responsive-container-inner-right	{order:2}

.responsive-main-background	{height:auto; background:url(../images/home-plan-design/cad-banner.jpg) #141414 no-repeat left top; background-size:cover; padding:60px 0 60px 60px}
.responsive-form-text	{border:none; margin:30px 0; padding:0; display:flex; flex-direction:row; width:100%;}
.responsive-form-text input[type=text].text-name	{border:1px solid #666666; background:#666666; width:100%; max-width:200px; height:26px; padding:5px 10px; line-height:26px; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#ffffff; margin-right:10px; outline:none}
.responsive-form-text input[type=text].text-email	{border:1px solid #666666; background:#666666; width:100%; height:26px; padding:5px 10px; line-height:26px; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#ffffff; margin-right:10px; outline:none}
.responsive-button	{height:36px; padding:0 20px; text-align:center; color:#ffffff; background:#1E76E3; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:13px; outline:none; border:none; cursor:pointer; line-height:36px; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px;}

.main-title	{width:87%; max-width:800px; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:200; font-size:40px; color:#141414; padding:0; margin:50px auto 0 auto; -webkit-font-smoothing:antialiased;}
.main-body	{width:87%; max-width:800px; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:17px; color:#141414; line-height:25px; padding:0; margin:30px auto 0 auto;}

.main-button	{height:36px; padding: 0 20px; text-align:center; color:#ffffff; background:#1E76E3; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:13px; outline:none; border:none; cursor:pointer; line-height:36px; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px;}
.nav-title-small	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:700; font-size:13px; color:#ffffff; padding:0; line-height:30px; text-align:left; display:flex; flex-direction:row; -webkit-font-smoothing:antialiased;}
.nav-title-small img	{margin-right:15px}

.nav-body	{ font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#ffffff; line-height:30px; padding:0 10px; text-align:left; height:75px}
.nav-body a	{ display:block; color:#ffffff; text-decoration:none; width:100%; height:75px; line-height:75px}
.nav-body:hover	{ background:rgba(255, 255, 255, 0.05)}

.main-button a	{color:#ffffff; text-decoration:none;}

.ad-sub-nav-wrapper	{width:100%; height:75px; background: rgba(0, 0, 0, 0.5); position:absolute; top:50px; left:0; right:0; backdrop-filter: saturate(180%) blur(10px);
	-webkit-backdrop-filter: saturate(180%) blur(10px);}
	
.main-container-inner	{width:100%; height:auto; margin:0 30px}

.flow-body	{width:87%; max-width:780px; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#141414; line-height:25px; padding:0; margin:20px auto 0 auto;}

ul.list-body	{width:100%; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#141414; line-height:25px; padding:0 0 0 20px; margin:20px 0 0 0;}
ul.list-body li	{margin:5px 0}

.body-button	{width:220px; height:36px; text-align:center; color:#ffffff; background:#1E76E3; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:13px; outline:none; border:none; cursor:pointer; line-height:36px; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px;}
.body-button a	{color:#ffffff; text-decoration:none; display:block; width:100%}

.main-content-flow-wrapper	{width:87%; max-width:1200px; height:auto; margin:0 auto 50px auto; display:flex; align-items:center; flex-direction:row;}

.initial-four-split-wrapper	{width: 87%; max-width:1200px; margin:0 auto; display:flex; flex-direction:row;}
.initial-four-split-inner	{width: 25%; text-align:center;}
.initial-four-split-inner img	{margin:10px;}

#down-icon {
  width: 28px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#down-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 60%;
  background: #333333;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#down-icon span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
}

#down-icon span:nth-child(2) {
  top: 50%;
  right:10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#down-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#down-icon.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.featureWrapper	{width:87%; max-width:1400px; margin:50px auto 0 auto; overflow:auto; flex-direction:row; flex-wrap:wrap; justify-content:center; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; -webkit-justify-content:center; display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -moz-flex-direction:row; -moz-flex-wrap:wrap; -moz-justify-content:center; -ms-flex-direction:row; -ms-flex-wrap:wrap; -ms-justify-content:center;}
.featureItem	{width:180px; height:auto; margin:10px; overflow:auto; float:left;}


.initial-three-split-wrapper	{width: 87%; max-width:1200px; margin:50px auto; display:flex; flex-direction:row;}
.initial-three-split-inner	{width: 100%; text-align:center; margin:0 15px}
.initial-three-split-inner img	{margin-bottom:20px}

.buy-main-background	{height:auto; background:url(../images/home-plan-design/mojave-back.jpg) #141414 no-repeat center top; background-size:cover; padding:60px 0}

.initial-two-split-wrapper	{width: 87%; max-width:1200px; margin:0 auto; display:flex; flex-direction:row;}
.initial-two-split-inner	{width: 100%; text-align:center; margin:0 30px}
.initial-two-split-inner img	{margin:20px auto}

.pro-product	{border:none}

.compare-wrapper	{width:90%; max-width:800px; height:auto; margin:0 auto;}
.compare-wrapper-inner	{width:100%; height:auto; display:flex; flex-direction:row; align-items:center;}
.compare-wrapper-main	{width:100%; height:auto; display:flex; flex-direction:row; align-items:center;}
.compare-strip	{width:calc(100% - 40px); height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#000000; padding:10px 20px}
.compare-strip i	{border:none; padding:0; margin:0; color:#333333}
.compare-wrapper-inner:nth-child(even)	{background:#f7f7f7}
.compare-strip img	{margin-bottom:10px}

.pricing-selecter-wrapper	{width:100%; height:60px; border-bottom:1px solid #999999; margin:40px auto 0 auto; position:relative;}
.pricing-selecter-inner-wrapper	{width:87%; max-width:450px; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); height:auto; display:flex; flex-direction:row; justify-content:space-between;}
.pricing-selecter	{width:47%; height:50px; border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0;}
.pricing-notSelected	{border:1px solid #dddddd; border-bottom:1px solid #999999;}
.pricing-isSelected		{border:1px solid #999999; border-bottom:1px solid #ffffff;}

.pricing-isSelected a	{font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:17px; color:#000000; line-height:50px; text-align:center; text-decoration:none; display:block; width:100%}
.pricing-isSelected a:visited	{color:#000000; text-decoration:none}

.pricing-notSelected a	{font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:17px; color:#dddddd; line-height:50px; text-align:center; text-decoration:none; display:block; width:100%}
.pricing-notSelected a:visited	{color:#dddddd; text-decoration:none}

.products-ad-wrapper	{width:90%; max-width:1200px; height:auto; margin:60px auto; display:flex; flex-direction:row; flex-wrap:wrap; text-align:left}
.products-ad	{width:100%; height:auto; flex: 1 0 25%;}
.products-ad-inner	{height:calc(100% - 87px); padding: 30px; position:relative}
.most-popular	{width:130px; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:11px; text-transform:uppercase; color:#000000; line-height:27px; text-align:center; margin:0 auto; background:#FFCC00}
.most-popular-spacer	{height:27px; margin:0 auto;}

.products-ad:nth-child(1) .products-ad-inner	{border-right:1px solid #e5e5e5}
.products-ad:nth-child(3) .products-ad-inner	{background: #f7f7f7;}

.products-ad .products-header	{font-size:21px; color:#000000; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; padding:0; margin:0; line-height:21px}
.products-ad .products-header span	{font-size:15px; color:#999999;}
.products-ad .products-body {font-size:13px; color:#000000; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; padding:0; margin:0; line-height:20px}
.products-ad .products-body span {text-transform:uppercase; font-weight:500}
.products-ad .products-u-list {font-size:13px; color:#000000; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; padding-left:20px; margin-bottom:130px}
.products-ad .body-button {max-width:150px; margin:0}
.products-ad .products-ad-price {font-size:40px; color:#000000; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; padding:0; margin:20px 0 10px 0; line-height:42px}
.products-ad .products-ad-price .small {font-size:17px; font-weight:500;}

.products-ad img	{margin: 20px auto}

.buy-button-position	{position:absolute; bottom:30px; left:30px; right:0}
#popular1	{display:block}
#popular2	{display:none; margin:0; margin-bottom:20px !important}

.ad-divide	{width:100%; max-width:1200px; height:1px; margin:0 auto 10px auto; background:#e5e5e5;}



@media all and (max-width: 1520px) {

.responsive-title	{width:100%; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:200; font-size:35px; color:#ffffff; padding:0; margin:0 auto 0 auto;}

}

@media all and (max-width: 1200px) {

.responsive-title	{width:100%; height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:200; font-size:35px; color:#ffffff; padding:0; margin:0 auto 0 auto;}

.products-ad	{flex: 0 0 50%;}
.products-ad-inner	{margin:0; height:calc(100% - 100px); padding:50px 50px}

.products-ad:nth-child(2) .products-ad-inner	{border-bottom:1px solid #e5e5e5}

#popular2	{display:block}

#popular1	{display:none}
.most-popular-spacer	{display:none}
.products-ad-wrapper	{width:100%; margin-bottom:0; margin-top:0}
.buy-button-position	{bottom:50px; left:50px;}





}


@media all and (max-width: 980px) {
		
.responsive-title-container	{flex-direction:column;}
.responsive-title	{text-align:center; max-width:750px; font-size:30px;}
.responsive-title-small	{text-align:center; max-width:750px;}
.responsive-body	{text-align:center; max-width:750px; font-size:19px;}
.responsive-body-note	{text-align:center; max-width:750px;}
.responsive-title-small	{justify-content:center}

.responsive-main-background	{padding:60px}
.responsive-form-text	{max-width:750px; margin:30px auto}

.main-title	{font-size:27px; font-weight:300}
.main-body	{font-size:15px;}

.main-content-flow-wrapper	{flex-direction:column;}
.main-container-inner	{margin:20px 0}

.initial-four-split-wrapper	{flex-wrap:wrap; border-top:1px solid #e5e5e5; padding-top:30px;}
.initial-four-split-inner	{width: 50%; text-align:left;}
.initial-four-split-inner img	{margin:10px 0 0 15px;}

.responsive-container-inner-left	{order:1}
.responsive-container-inner-right	{order:2;}

.responsive-container-inner-right img {max-width:682px; margin:30px auto 0 auto}





}

@media all and (max-width: 750px) {
	
.products-ad	{flex: 0 0 100%;}
.products-ad-inner	{margin:0; height:calc(100% - 100px); padding:50px 50px}

.products-ad:nth-child(1) .products-ad-inner	{border-right:none; border-bottom:1px solid #e5e5e5}
.products-ad:nth-child(2) .products-ad-inner	{border-bottom:none}


.products-ad-wrapper	{width:100%; margin-bottom:0; margin-top:0}

#popular2	{display:block}

#popular1	{display:none}
.most-popular-spacer	{display:none}
.buy-button-position	{bottom:50px; left:50px;}








}

@media all and (max-width: 650px) {
	
	.responsive-form-text	{flex-direction:column;}
.responsive-form-text input[type=text].text-name	{max-width:calc(100% - 20px); margin:0 0 20px 0}
.responsive-form-text input[type=text].text-email	{max-width:calc(100% - 20px); margin:0 0 20px 0}
.responsive-button	{padding:0; width:100%; margin:0 auto;}

.initial-three-split-wrapper	{flex-direction:column;}
.initial-two-split-wrapper	{flex-direction:column;}
.initial-two-split-inner	{margin:0}
.pro-product	{border-top: 1px solid #505050; margin-top:30px}





}

@media all and (max-width: 550px) {
	
.pricing-isSelected a	{font-size:15px;}
.pricing-notSelected a	{font-size:15px;}


		
}