:root {
	--din_2014: "DIN 2014";
	--opensans: "Open Sans";
	--asap: "Asap";
	--OpenSans-semiBold: "OpenSans-semiBold"
}

img {
	max-width: 100%
}

.social-items {
	flex-wrap: wrap
}

.tooltiptext i.iconsm-hd {
	font-size: 16px;
	color: #19437a;
	text-decoration: none;
	width: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0 !important
}

.tooltip {
	position: relative;
	display: inline-block
}

.tooltip .tooltiptext {
	visibility: hidden;
	background-color: #fff;
	color: #000;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #f1ecec;
	padding: 3px 10px;
	position: absolute;
	z-index: 1111;
	opacity: 0;
	transition: opacity .3s;
	width: 120px;
	top: 85%;
	right: 0
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #fff transparent
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1
}

.tooltiptext a {
	display: flex;
	align-items: center;
	padding: 4px 7px;
	border-bottom: 1px solid #f1ecec;
	text-decoration: none
}

.tooltiptext a:last-child {
	border-bottom: none
}

.tooltiptext a span {
	font-family: var(--din_2014);
	font-size: 14px;
	color: #515151
}

.tooltiptext a span:hover {
	text-decoration: underline;
	color: #000
}

input[type=submit] {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

body {
	margin: 0;
	padding: 0;
	background: #fff
}

body,
input,
textarea,
select {
	color: #444;
	font: 12px var(--opensans), sans-serif
}

button {
	font-family: var(--opensans), sans-serif
}

i a:hover {
	text-decoration: none
}

a {
	color: #4a6491;
	text-decoration: none
}

a:hover {
	color: #4a6491;
	text-decoration: underline
}

.secondary-nav-item a:hover {
	text-decoration: none
}

.hp-header__dropmenu-wrapper a:hover {
	box-shadow: 0 0 8px rgb(0 0 0/80%);
	border-radius: 10px;
	text-decoration: none !important
}

img {
	border: none
}

:focus {
	outline: 0
}

ul li {
	list-style: none
}

.content ul li {
	list-style: inside
}

dt {
	color: #333
}

h1,
h2,
h3,
h4,
h5,
h6,
form,
p,
ul,
li,
input,
textarea,
select {
	margin: 0;
	padding: 0
}

h1,
h2 {
	text-transform: uppercase
}

.left,
.float_left {
	float: left
}

.right,
.float_right {
	float: right
}

.clear {
	clear: both;
	font-size: 1px
}

#wrapper {
	margin: 0 auto
}

.inner {
	width: 1000px;
	margin: 0 auto
}

.row {
	float: left;
	width: 100%
}

.header {
	padding-bottom: 4px;
	background: #fff
}

.header .logo {
	float: left;
	width: auto;
	padding-top: 7px
}

.header .right {
	width: auto
}

.meta {
	float: right;
	clear: right;
	padding: 5px 0;
	color: #444
}

.meta .user_menu {
	float: right
}

.meta .user_menu a {
	padding: 0 5px;
	color: #4a6491;
	text-transform: uppercase
}

.meta .cart {
	float: right;
	text-align: left
}

.meta .user_menu a.alert-true {
	color: #a30404
}

.menu {
	float: left;
	width: 100%;
	height: 35px;
	margin: 3px 0 0;
	background: url(images_new/menu_bg.html) repeat-x 0 0
}

.menu li {
	float: left;
	background: url(images_new/menu_item_sep.html) no-repeat right 0
}

.menu li.last {
	background: 0 0
}

.menu>ul>li>a {
	display: block;
	height: 35px;
	line-height: 34px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 0 35px
}

#styles-link,
#collections-link {
	display: block
}

.menu .drop-down-menu {
	position: absolute;
	width: auto;
	background: #ebebeb;
	z-index: 10;
	display: none;
	border: 1px solid #ccc
}

.collections-link .drop-down-menu {
	width: 575px
}

.menu .drop-down-menu .list {
	float: left;
	padding: 10px 20px 20px;
	margin: 10px 0 10px 10px;
	width: 230px;
	background: #fff;
	border: 1px solid #ccc
}

.menu .drop-down-menu .list:last-child {
	margin: 10px
}

.menu .drop-down-menu .list h3 {
	color: #4a6491;
	padding: 0;
	margin: 10px
}

.menu .drop-down-menu .list ul {
	display: block;
	margin: 0;
	padding: 0;
	background: 0 0
}

.menu .drop-down-menu li {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	background: 0 0;
	width: 100%;
	height: auto
}

.menu .drop-down-menu li a {
	display: block;
	margin: 0;
	font-size: 13px;
	color: #444;
	padding: 2px 10px 3px
}

.menu .drop-down-menu li a :hover {
	background-color: #ddd;
	text-decoration: none
}

.checkout .checkout_progress {
	float: none;
	width: auto;
	border: 1px solid #ccc;
	margin: 5px 0;
	color: #888;
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase
}

.checkout .checkout_progress .current,
.checkout .checkout_progress .completed {
	color: #000
}

.checkout .checkout_progress .current {
	text-decoration: underline
}

a.blue-underline {
	text-decoration: underline
}

.checkout .checkout_progress a {
	color: #000;
	text-decoration: none
}

.contaner_top {
	margin-top: -2px;
	width: 1038px;
	margin: 0 auto
}

.container.row>h1 {
	padding: 20px 30px 0 !important
}

.container.row>p {
	padding: 20px 30px 0 !important
}

.container {
	position: relative;
	z-index: 1
}

.container .inner.cont {
	width: 1040px;
	padding: 0 24px;
	margin-top: 5px
}

.has-side-ads .home .container {
	margin-left: 0
}

.slider-left-btn:hover i.fa-chevron-left,
.slider-right-btn:hover i.fa-chevron-right {
	filter: brightness(0) invert(1) !important
}

#side-ads {
	right: 15%;
	top: 6%;
	margin: 0 auto
}

.home #side-ads {
	right: 15%;
	top: 6%;
	margin: 0 auto
}

.container .content .inner {
	width: auto;
	padding: 0;
	background: 0 0
}

.container .shdw {
	height: 36px;
	width: 1038px;
	margin: 0 auto
}

.sidebar {
	float: left;
	width: 263px;
	margin-top: 140px
}

.sidebar .block {
	margin-bottom: 9px
}

.sidebar .block h3,
.content .block.list_wide h3 {
	font-size: 14px;
	color: #eee;
	padding: 10px 13px;
	text-transform: uppercase
}

.sidebar .inner {
	width: auto
}

.sidebar .block.list {
	margin-bottom: 11px
}

.sidebar .block.list .inner {
	background: #c9d4e1;
	padding: 8px 13px
}

.sidebar .block.list h3,
.content .block.list_wide h3 {
	background: #4a6491
}

.sidebar .block ul li {
	padding-bottom: 1px
}

.checkout-form dt {
	float: left;
	clear: both;
	color: #444;
	width: 150px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: right;
	font-weight: 400;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px
}

.checkout-form dd {
	float: left;
	margin-left: 1px
}

select.formfield,
input.formfield,
textarea.formfield {
	border: 1px solid #ccc;
	min-height: 24px !important;
	color: #1a1f2b;
	font-size: 11px;
	padding: 3px 5px 0 !important;
	background: #fff;
	border-radius: 3px
}

td.formlabel {
	text-align: right;
	color: #ab0101;
	font-weight: 700;
	font-size: 14px;
	vertical-align: top
}

#find_by_plan_num {
	padding: 1px
}

#find_by_plan_num label {
	font-size: 13px;
	font-weight: 700;
	color: #ad0000
}

#find_by_plan_num input {
	float: left;
	width: 170px;
	height: 17px;
	background: #fff;
	border: none;
	font-size: 11px;
	padding: 3px 5px;
	margin: 2px 5px 0 0
}

input.btnsubmit,
input.txtbox {
	float: left;
	width: 170px;
	height: 17px;
	background: #fff;
	border: none;
	font-size: 11px;
	padding: 3px 5px;
	margin: 2px 5px 0 0
}

input.txtbox {
	float: left;
	width: 170px;
	height: 17px;
	background: #fff;
	border: none;
	font-size: 11px;
	padding: 3px 5px;
	margin: 2px 5px 0 0
}

input.btnsubmit {
	cursor: pointer;
	font: 700 14px Helvetica, Arial Black, Arial;
	color: #fff;
	width: 58px;
	height: 35px;
	margin: 0;
	padding-bottom: 10px
}

input.btnmod {
	width: 208px;
	background: url(images_new/submit-modification.html) no-repeat 0 0
}

#find_by_plan_num input.submit {
	cursor: pointer;
	font: 700 14px Helvetica, Arial Black, Arial;
	color: #fff;
	width: 58px;
	height: 35px;
	margin: 0;
	padding-bottom: 10px;
	background: url(images_new/find_by_number_submit.html) no-repeat 0 0
}

.sidebar .block.with_photos {
	height: 86px;
	background: url(images_new/with_photos.html) no-repeat 0 0
}

.sidebar .block.with_photos a {
	width: 243px;
	height: 79px;
	font: 700 24px Helvetica, Arial Black, Arial;
	color: #30395c;
	text-align: right;
	display: block;
	padding: 7px 10px 0
}

.sidebar .block.with_photos a:hover {
	text-decoration: none
}

.sidebar .search_collection {
	display: block;
	width: 267px;
	height: 46px;
	font: 700 18px Helvetica, Arial;
	color: #fff;
	text-align: center;
	line-height: 42px;
	text-decoration: none;
	margin: -4px 0 0 -2px;
	background: url(images_new/search_collection.html) no-repeat 0 0
}

.content {
	font-size: 14px;
	line-height: 1.6;
	float: right;
	width: 707px;
	margin-top: 200px
}

.checkout .content {
	width: 977px
}

.content.houseplan {
	width: 1040px
}

.slider {
	float: left;
	height: 356px;
	margin-bottom: 20px;
	overflow: hidden
}

.slider .slide {
	float: left;
	width: 956px;
	height: 356px
}

.slider .slide {
	position: relative
}

.slider .slide img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.box h3,
.slide h3 {
	float: left;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 2;
	font: 22px Helvetica, Arial;
	background: url(images_new/black_opacity.html) repeat;
	display: inline-block;
	padding: 3px 0;
	color: #fff;
	text-align: center
}

.box h3.bottom,
.slide h3.bottom {
	bottom: 0;
	font-style: italic
}

.slide h3 {
	left: auto;
	right: 7px;
	bottom: 7px;
	width: 200px;
	padding: 10px
}

.box img {
	display: block
}

ul.overview {
	list-style: none;
	position: absolute;
	z-index: 5;
	top: 8%;
	margin-left: 2%
}

.search_overlay_wrap blockquote {
	position: absolute;
	left: calc(50% - 58px);
	right: calc(50% - 520px);
	top: 58px;
	max-width: 540px;
	padding: 14px;
	background-color: rgba(0, 0, 0, .8);
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	margin: 0
}

.search_overlay_wrap blockquote h2 {
	font-size: 32px;
	line-height: 1.25;
	text-align: left;
	color: #b00;
	padding: 0 0 12px;
	margin: 0
}

.search_overlay_wrap blockquote p {
	font-size: 18px;
	line-height: 1.1;
	color: #fff;
	font-style: italic
}

.search_overlay_wrap blockquote p strong {
	font-weight: 700;
	font-size: 22px;
	color: #b00
}

.search_overlay_wrap blockquote p~p {
	padding-top: 10px
}

.search_overlay_wrap {
	margin: 0 auto;
	width: 1038px
}

#featured_plans .carousel {
	float: left;
	width: 956px;
	height: 290px;
	overflow: hidden;
	position: relative
}

ul.overview {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0
}

ul.overview li {
	border: 1px solid #1a1f2b;
	color: #fff;
	float: left;
	height: 168px;
	margin: 0 4px 0 0;
	padding: 13px 0 0;
	width: 159px;
	background: url(images_new/plan_bg.html) repeat-x 0 0
}

.box {
	position: relative;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0
}

.box.last {
	margin-right: 0
}

.box img {
	width: 100%
}

.block_wide {
	width: 707px;
	height: auto;
	margin-bottom: 10px
}

.block_wide h3 {
	text-align: left;
	padding: 6px 13px 12px;
	font: 700 20px;
	color: #fff;
	text-transform: uppercase;
	background: #3b476b url(images_new/box_header_bg.html) repeat-x 0 0
}

.box .inner {
	height: 173px;
	border: 2px solid #4a6491;
	border-top: 0;
	font-size: 14px;
	color: #30395c;
	position: relative
}

.block_wide .inner p {
	line-height: 18px;
	padding: 0
}

.container .content .block_wide .inner {
	line-height: 18px;
	height: auto;
	padding: 11px 226px 9px 13px;
	border: 2px solid #4a6491;
	border-top: 0;
	font-size: 14px;
	color: #30395c;
	position: relative
}

.block_wide.guarantee {
	background: #c9d4e1 url(images_new/guarantee_box_bg.html) no-repeat right bottom
}

.box .box_img {
	position: relative;
	z-index: 1
}

.box .red_btn {
	color: #fff;
	font: 700 12px Helvetica, Arial Black, Arial;
	padding: 5px 46px 5px 13px;
	position: absolute;
	right: 0;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	top: 132px;
	z-index: 2;
	background: #bd0404 url(images_new/box_arrow.html) no-repeat right 6px
}

.content_block {
	float: left;
	width: 100%;
	padding: 9px 20px;
	margin-bottom: 10px
}

.content_block.results p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	color: #777
}

.content_block.individual {
	padding: 12px;
	width: 956px
}

.content_block.individual.home {
	margin-top: -6px
}

.content_block a {
	color: #00338c;
	text-decoration: none
}

.content_block a:hover {
	text-decoration: underline
}

.content p {
	line-height: 16px;
	padding-bottom: 5px
}

.content .block.list_wide .inner {
	background: #fff;
	padding: 8px 13px 15px
}

.content .block.list_wide.gray .inner {
	background: #efefef
}

.content .block.list_wide h3 {
	font-size: 18px;
	padding: 7px 13px
}

.content .block.list_wide {
	clear: both
}

.content .block.list_wide ul {
	float: left;
	width: 175px
}

.content .block.list_wide ul li {
	padding-bottom: 1px
}

.content .block.list_wide ul.last {
	width: 155px
}

.content h2 {
	color: #0a3d7a;
	padding: 5px 0 16px 2px;
	text-transform: uppercase;
	font-size: 24px !important
}

.home .content_block h2 {
	color: #b00;
	font-size: 34px;
	text-align: center;
	padding: 15px 0 10px;
	margin-bottom: 5px
}

.content_block.custom {
	width: 681px
}

.checkout .content_block.custom {
	width: 952px
}

.content_block .search_nav_links a {
	color: #4a6491;
	font-size: 12px;
	text-decoration: none
}

.control_links {
	float: right;
	padding: 0
}

.control_links a {
	background-color: #ccc;
	color: #4a6491;
	font-size: 12px;
	margin-left: 10px;
	padding: 5px;
	text-decoration: none
}

.control_links a:visited {
	color: #4a6491 !important
}

.control_links a:hover {
	background-color: #4a6491;
	color: #fff !important
}

div.control_links {
	float: right
}

.block.list_wide.gray h3,
.block.list_wide.red h3 {
	padding: 5px 11px;
	font-size: 14px
}

.block.list_wide.gray.short .inner {
	padding-bottom: 1px;
	margin-bottom: 10px
}

.block.list_wide.gray .get_started {
	padding: 0 9px 0 4px;
	margin-bottom: 8px;
	border-bottom: 1px solid #fff
}

.block.list_wide.gray .get_started span {
	color: #6d0303;
	float: left;
	width: 24px
}

.block.list_wide.gray .get_started p {
	margin-left: 24px;
	padding-bottom: 7px
}

.content_block.custom .left {
	width: 435px
}

.content_block.custom .right {
	width: 241px
}

.content_block.custom .left p {
	padding: 0 0 9px 2px
}

.content_block.custom .quick_links {
	margin-bottom: 9px;
	padding: 5px 8px 3px;
	border: 1px solid #6d0303
}

.content_block.custom .quick_links h4 {
	font-size: 14px;
	font-weight: 700;
	color: #6d0303;
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 2px solid #c2d9ea
}

.content_block.custom .quick_links p {
	padding: 3px 0
}

.content_block.custom .quick_links a {
	color: #4a6491;
	text-decoration: none
}

.content_block.custom .quick_links a:hover {
	text-decoration: underline
}

.content_block.custom .custom_plan_img img {
	border: 3px solid #6d0303
}

.content_block h4 {
	font-size: 14px;
	font-weight: 700;
	color: #6d0303;
	padding: 1px 0 6px 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff
}

.custom_option h4 em {
	font-size: 12px;
	color: #1a1f2b
}

.content .block .custom_option ul {
	float: none;
	padding: 0 0 15px 42px;
	width: auto
}

.block.list_wide.gray ul {
	width: auto;
	float: none
}

.content .block .custom_option ul li ul {
	padding: 2px 17px 3px 37px
}

.content .block .custom_option ul.level {
	padding: 0 0 16px 96px
}

.custom_option ul.level strong {
	color: #6d0303;
	margin-left: -23px
}

.content .block.gray ul.level li {
	line-height: 16px;
	padding: 0 0 0 36px;
	background: url(images_new/content_li_bg_dark.html) no-repeat 0 7px
}

.custom_option p.indent {
	padding: 0 0 14px 30px
}

.content_block.custom h4.title {
	color: #1a1f2b;
	font-size: 18px;
	padding: 21px 0 3px
}

.content_block .design_questions h4 {
	padding: 1px 0 4px 2px;
	border-bottom: 1px solid #c9d4e1
}

.design_questions h4 .arrow {
	display: inline-block;
	padding-left: 7px;
	width: 10px;
	height: 13px
}

.design_questions h4 .arrow.show {
	background: url(images_new/questions_arrow.html) no-repeat right -2px
}

.content span.arrow {
	display: inline-block;
	padding-left: 7px;
	width: 8px;
	height: 9px;
	background: url(images_new/red_arrow.html) no-repeat right 0
}

.design_questions h4 {
	cursor: pointer
}

.design_questions div.hide,
div.hide {
	display: none
}

.content_block .design_questions div p {
	padding-left: 26px
}

.content .individual h2 {
	float: left;
	padding: 0 0 9px
}

.block.list_wide.gray {
	margin-bottom: 10px
}

.content_block.individual .left {
	width: 638px
}

.content_block.individual .right {
	width: 306px
}

.content_block .floorplan {
	color: #30395c;
	width: 100%
}

.individual .control_links {
	padding: 12px 0 4px
}

.socials.two {
	height: 65px;
	display: block;
	width: 305px;
	position: relative
}

.content .block.lesspad .inner {
	padding: 6px
}

.content .block.lesspad {
	margin-bottom: 11px
}

*+html .content .block.list_wide.gray .inner.lesspad {
	float: left;
	padding-top: 4px;
	padding-bottom: 4px
}

.content .plan_caption {
	text-align: center;
	color: #a30404;
	font-size: 12px;
	padding-bottom: 0;
	text-transform: uppercase;
	margin-top: 15px
}

.content .discount-disclaimer {
	color: #a30404;
	font-size: 12px;
	padding-bottom: 0;
	text-transform: uppercase;
	margin-bottom: 5px
}

.plan_details {
	float: left;
	color: #444;
	font-size: 14px;
	padding: 6px 0 4px;
	border-bottom: 1px solid #eee
}

.plan_details:first-of-type {
	border-top: 1px solid #eee
}

.plan_details span {
	text-transform: uppercase
}

*+html .plan_details {
	padding: 6px 0 5px
}

.content_block .plan_details .left {
	width: 133px;
	padding: 0
}

.content_block .plan_details .right {
	width: 150px;
	text-align: left
}

.content .show_details {
	font-size: 14px;
	color: #6d0303;
	padding: 4px 0 6px;
	font-weight: 700;
	text-decoration: none
}

.content a.show_details:hover {
	text-decoration: underline
}

ul.ulpad {
	padding: 0 0 3px 15px
}

.content .block ul.ulpad li {
	padding: 0 0 9px 10px
}

.content p.show {
	line-height: 13px;
	padding: 7px 0 0
}

.content p.border_top {
	padding: 14px 0 7px;
	border-top: 1px solid #fff
}

.estimated_cost {
	text-align: center
}

.estimated_cost .cost_table {
	float: left;
	width: 150px;
	font-size: 12px
}

.estimated_cost .cost_table p {
	border-bottom: 1px solid #fff;
	float: left;
	font-size: 12px;
	padding: 4px 0;
	width: 100%;
	line-height: normal
}

.estimated_cost .cost_table .left {
	color: #30395c;
	width: auto;
	padding: 0
}

.estimated_cost .cost_table .right {
	color: #6d0303;
	width: auto
}

.estimated_cost p {
	color: #4a6491;
	font-size: 10px;
	line-height: 12px
}

.content .block.red {
	margin-bottom: 8px
}

.content .block.red h3 {
	font-size: 14px;
	background: #bd0404
}

.content .block.red .inner {
	background: #fff;
	padding: 7px 7px 5px;
	border: 1px solid #bd0404
}

.pricing_table {
	float: left
}

.pricing_table .table_line {
	float: left;
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	color: #30395c;
	border-bottom: 1px solid #e4e3e3
}

.pricing_table .table_line.spacer {
	border: none;
	padding-top: 19px
}

.pricing_table .table_line .left {
	width: auto
}

.pricing_table .table_line .right {
	width: auto;
	text-align: right;
	color: #6d0303
}

.pricing_table .table_line .tip {
	display: inline-block;
	width: 12px;
	height: 12px;
	padding-left: 8px;
	background: url(images_new/tip_icon.html) no-repeat 0 0;
	cursor: pointer
}

.pricing_table .show_details {
	padding-bottom: 0
}

.plan_pricing_btns {
	float: right;
	width: 290px;
	text-align: right;
	verical-align: center
}

.plan_pricing_btns img {
	margin-left: 5px;
	vertical-align: middle
}

.description_block {
	border: 1px solid #4a6491;
	margin-bottom: 10px;
	max-height: 150px;
	overflow: hidden;
	position: relative
}

.description_block p {
	padding: 2px 9px
}

.description_block p.read_adjust {
	display: none;
	margin: auto;
	text-align: center;
	padding: 0;
	width: 632px
}

.description_block p.read_more {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14px, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(14px, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14px, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14px, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14px, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14px, rgba(255, 255, 255, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 2px;
	padding: 15px 0 0
}

.description_block p.read_adjust a {
	color: #4a6491;
	text-decoration: none
}

.floor_img {
	margin: 0 auto;
	position: relative
}

.floor_img .floor_title {
	width: 100%;
	padding: 6px 0 7px;
	font-size: 14px;
	font-weight: 700;
	color: #eee;
	left: 0;
	z-index: 2;
	background: url(images_new/floor_title_opacity.html) repeat
}

.floor_img .floor_title span {
	margin-left: 32px
}

.floor_img a.floorplan_image_link {
	display: block;
	position: relative
}

.floor_img a.floorplan_image_link #floorplan {
	max-width: 612px
}

.floor_img .copyright {
	font-size: 12px;
	color: #30395c;
	position: absolute;
	left: 10px;
	bottom: 8px;
	z-index: 2
}

.content_block.results {
	padding-right: 18px;
	padding-bottom: 0
}

.content_block.results h2 {
	font-size: 18px;
	padding: 0 0 5px 4px
}

.content .matches {
	color: #30395c;
	font-size: 12px;
	padding: 10px 0 10px 5px
}

.page_navi {
	float: right;
	padding: 2px 11px 9px 0;
	font-size: 14px;
	color: #19437a;
	text-align: right;
	font-weight: 500
}

.results.row~.page_navi {
	clear: both
}

.page_navi a {
	display: inline-block
}

.page_navi a i {
	color: #19437a;
	font-size: 14px
}

.page_navi a i:hover {
	color: #00338c
}

.page_navi span {
	display: inline-block;
	vertical-align: top;
	margin-top: 2px
}

.page_navi input {
	font-size: 12px;
	color: #30395c;
	height: 15px;
	padding: 3px 4px;
	width: 26px;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff
}

.results .plan {
	float: left;
	margin: 0 15px 12px 0;
	width: 239px;
	padding: 0;
	height: 300px;
	font-size: 12px;
	border: 1px solid #777;
	border-radius: 3px;
	overflow: hidden
}

a.plan_img {
	line-height: 0;
	overflow: hidden;
	vertical-align: bottom
}

.results .plan .plan_img img {}

.results .plan .id {
	color: #eee;
	background: #60769c;
	margin-bottom: 4px;
	margin-top: 0;
	padding: 0 3px 3px;
	width: 233px;
	font-weight: 700
}

.results .plan p {
	color: #4a6491;
	height: 21px;
	padding: 0 7px 0 0;
	text-align: left;
	overflow: hidden;
	font-size: 16px
}

.results .plan p:first-child {
	margin-top: 9px
}

.results .plan strong {
	color: #1a1f2b
}

.results .plan .plan_btns {
	float: left;
	width: 90px
}

.results .plan a.add_to_f,
.results .plan a.remove_f,
.results .plan a.view_details {
	color: #444;
	background-color: #eee;
	display: block;
	float: left;
	font-size: 11px;
	height: 35px;
	line-height: 15px;
	margin: 10px 10px 0;
	padding: 4px 0 0 9px;
	text-decoration: none;
	width: 62px
}

.results .plan a.add_to_f:hover {
	color: #eee;
	background-color: #a30404
}

.results .plan a.view_details:hover {
	color: #eee;
	background-color: #1b95e0
}

.results .plan a.remove_f {
	color: #eee;
	background-color: #a30404
}

.results .plan a.remove_f:hover {
	color: #444;
	background-color: #eee
}

.banner_side {
	float: right;
	width: 160px
}

.banner_side a {
	float: left;
	margin-bottom: 10px
}

body .last {
	margin-right: 0
}

body .nobord {
	border: none !important
}

body .nopad {
	padding: 0 !important
}

body .nomarg {
	margin: 0 !important
}

#aboutus-h2 {
	font-size: 21px
}

#aboutus-left {
	width: 415px
}

#aboutus-right {
	width: 256px
}

#aboutus-h3red {
	background-color: #bd0304
}

#aboutus-inner-nocolor {
	background-color: #fff;
	border: 1px solid #bd0304;
	color: #364c71;
	min-height: 557px
}

#inner-strong-red strong {
	color: #771516
}

#aboutus-extra strong {
	color: #771516
}

#aboutus-extra span {
	font-weight: 700;
	color: #000
}

span#aboutus-bold {
	color: #000;
	font-weight: 700
}

div#qTip {
	padding: 8px;
	border: 3px solid #948767;
	display: none;
	background: #ebe5d0;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 150%;
	position: absolute;
	z-index: 1000
}

div.results ul li {
	list-style-type: disc;
	margin-left: 30px;
	padding-left: 5px;
	padding-bottom: 5px;
	line-height: 16px
}

#side-ads {
	width: 160px;
	margin: 20px 0 0 1040px;
	display: block;
	position: absolute;
	top: 0;
	color: #fff;
	text-align: center
}

#side-ads #ad1 {
	margin-bottom: 25px
}

#tabs ul li {
	list-style: none;
	display: inline;
	background: 0 0
}

#tabs ul li a,
#tabs ul li,
#tabs ul {
	box-sizing: border-box;
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%
}

#tabs ul.floorplan-actions li a {
	font-size: 11px
}

#tabs i {
	margin-right: 7px;
	display: none
}

#tabs ul li {
	width: 32%
}

#tabs ul li:last {
	margin-right: 0
}

.authModal {
	display: none;
	background: #000000ad;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999
}

.authModal.openAuthModal {
	display: block
}

.login-signup-wrapper {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.login-signup-wrapper .authBox {
	max-width: 451px;
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7;
	border-radius: 15px;
	z-index: 1111
}

.authBox .authContent {
	padding: 22px !important
}

.login-signup-wrapper .close {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 9px 8px;
	cursor: pointer
}

.login-signup-wrapper .close span {
	font-family: var(--din_2014);
	width: 25px;
	height: 25px;
	background: #19437a;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	padding-top: 2px
}

.authBox .logo-popup img {
	width: 100%;
	height: auto
}

.login-signup-tabs {
	padding: 0 18px
}

.login-signup-tabs .tab-menu {
	padding: 40px 0 26px
}

.login-signup-tabs .tab-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
	align-items: center
}

.login-signup-tabs .tab-menu ul li {
	width: 50%
}

.tab-menu ul li .tab-a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
	border-bottom: 2px solid #a5a5a5;
	color: #a5a5a5;
	text-align: center;
	padding: 0 0 10px
}

.tab-menu ul li .tab-a.active-a {
	color: #19437a;
	border-bottom: 2px solid #19437a
}

.tabsContent .authTab {
	display: none
}

.tabsContent .authTab.tab-active {
	display: block
}

.tabsContent .authForm .formInput {
	width: 100%;
	border-radius: 7px;
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: #fff;
	padding: 17px 20px;
	margin-bottom: 18px;
	outline: none;
	font-family: var(--opensans) !important;
	font-size: 16px;
	font-weight: 400
}

.tabsContent .authForm .formInput:nth-child(2) {
	margin-bottom: 8px !important
}

.tabsContent .authForm .formInput::placeholder {
	color: #8d8d8d;
	font-family: var(--opensans) !important;
	font-size: 14px;
	font-weight: 400
}

.authForm p {
	color: #000;
	font-family: var(--opensans) !important;
	font-size: 12px;
	font-style: italic;
	font-weight: 500;
	letter-spacing: -.5px
}

.emailOptions {
	margin-bottom: 18px
}

.emailOption {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left: 25px;
	margin-top: 12px;
	font-family: var(--opensans) !important;
	font-size: 14px;
	font-weight: 500
}

.emailOption .checkBox {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.emailOption .checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .1)
}

.emailOption:hover .checkBox~.checkmark {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .1)
}

.emailOption .checkBox:checked~.checkmark {
	background-color: #19437a;
	border: 1px solid #19437a
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.emailOption .checkBox:checked~.checkmark:after {
	display: block
}

.emailOption .checkmark:after {
	left: 3px;
	top: 2.5px;
	width: 10px;
	height: 10px;
	background: url(static/img/check.html);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.tabsContent .authenticate {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
	padding: 6px 0 16px
}

.authenticate .authenticateBtn {
	width: 176px;
	height: 54px;
	border-radius: 11px;
	background-color: #19437a;
	border: none;
	color: #fff;
	font-family: var(--opensans) !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer
}

.authenticate .authenticateBtn:hover {
	box-shadow: 0 0 8px rgb(10 61 122/80%) !important;
	background: #19437a !important;
	color: #fff
}

.authenticate a {
	text-decoration: underline;
	color: #2769bf;
	font-family: var(--opensans) !important;
	font-size: 14px;
	font-weight: 500;
	margin: 20px 0 0
}

.authenticate a:hover {
	color: blue
}

.authOptions {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 0
}

.authOptions a {
	text-decoration: none
}

.authOptions a:nth-child(1) {
	margin-bottom: 8px
}

.authOptions a img {
	max-width: 239px;
	width: 100%
}

.login-wrapper.remove {
	display: none
}

.tabsContent .forget-pass-wrapper.remove {
	display: none !important
}

.tabsContent .forget-pass-wrapper h4 {
	color: #404040;
	font-size: 28px;
	margin-bottom: 20px
}

.tabsContent .forget-pass-wrapper form label {
	color: #404040;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px
}

.sa_info {
	width: auto !important
}

.sa_info>span {
	bottom: inherit !important
}

.hp-footer-logo-container .hp-footer-logo {
	width: 150px;
	height: 40px
}

@media screen and (min-width:480px) {
	.authBox .authContent {
		padding: 14px
	}

	.login-signup-tabs {
		padding: 0 12px
	}

	#tabs i {
		display: inline
	}
}

#print-header-img {
	display: none
}

.alert {
	font-weight: 700;
	font-size: 1.5em;
	color: #a00
}

.content p.alert {
	line-height: 1.1em
}

table.checkout_total {
	background: #ebebeb;
	border: solid 1px;
	float: right;
	margin: 10px;
	padding: 10px
}

.checkout .shipping_options {
	margin: 10px
}

.checkout .shipping_options li {
	float: left;
	width: 45%;
	padding: 5px;
	list-style-type: none
}

.checkout .card_logos {
	float: right;
	margin-right: 150px
}

.checkout .card_logos a {
	margin: 0 5px
}

.checkout .buttonarea .right,
.cart .buttonarea .right {
	width: auto;
	margin-left: 25px;
	text-align: center
}

.checkout .tiny {
	color: #000;
	font-size: 9px;
	margin: 0;
	padding: 0
}

.checkout dd {
	margin: 0;
	padding: 3px 0
}

.checkout dt {
	padding-top: 7px;
	width: 115px
}

.checkout .seals td,
.cart .seals td {
	padding: 0 8px
}

#payment_form .buttonarea table {
	margin: auto
}

#payment_form #cc_fields {
	position: relative
}

#payment_form #cc_fields dl {
	float: left;
	width: 33%
}

#payment_form #cc_fields .buttonarea {
	margin: 12px 0;
	float: left;
	width: 33%
}

#payment_form #cc_fields .buttonarea div {
	text-align: right
}

#payment_form #cc_fields .buttonarea .checkout-buttons {
	float: right;
	display: inline-block;
	text-align: center
}

#payment_form #cc_fields .buttonarea .checkout-buttons p {
	padding-bottom: 7px
}

.hidden {
	display: none
}

.page_pop li {
	list-style: disc inside;
	padding: 6px 0 0 6px
}

#popular_styles {
	position: relative
}

#about_block {
	margin: 15px 0 0
}

#about_block.content_block {
	width: auto;
	padding: 0
}

#about_block p {
	background: #eee;
	font-size: 16px;
	line-height: 26px;
	padding: 9px 11px
}

#about_block.content_block a {
	text-decoration: none
}

.custom .results .plan {
	padding: 0 0 0 4px;
	width: 155px;
	height: 237px
}

.custom .results .plan img {
	width: 150px;
	height: 100px
}

.custom .results .plan .id {
	width: 146px
}

.custom .results .plan a.view_details {
	width: 59px;
	background: url(images_new/view_details.html) no-repeat 0 0
}

.page_navi a,
.page_navi span {
	vertical-align: middle
}

.page_navi a {
	position: relative;
	top: -2px
}

li.widget_search:after {
	content: "";
	line-height: 0;
	display: table;
	clear: both
}

#phone_number a,
#phone_number a:hover {
	color: inherit;
	cursor: pointer;
	text-decoration: none
}

.floorplan-tabs-actions {
	text-align: right;
	padding: 28px 0
}

.flipped-image {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH"
}

.content_block_modify_plan {
	font-size: 16px;
	line-height: 1.6;
	color: #777
}

.paypal-holder table {
	width: 100%;
	border-spacing: 0 !important;
	border-collapse: collapse;
	border: 0
}

.paypal-holder table td {
	padding: 0
}

.paypal-holder table td:empty {
	display: none
}

.paypal-holder table img {
	max-width: 100%;
	height: auto;
	display: block
}

@media only screen and (max-width:1400px) {
	.authBox .authContent {
		margin-top: -12px !important
	}

	.authBox .logo-popup img {
		width: 100%;
		height: 100%
	}

	.tabsContent .authForm .formInput {
		padding: 10px 20px
	}

	.authenticate .authenticateBtn {
		width: 140px;
		height: 40px;
		font-size: 12px
	}

	.authOptions a img {
		height: 70%
	}

	.emailOption {
		margin-top: 6px;
		font-size: 12px
	}

	.tabsContent .authenticate {
		padding-top: 3px;
		padding-bottom: 12px
	}

	.has-side-ads .home .container {
		margin-left: 0;
		min-height: 1260px
	}

	#side-ads {
		right: 25px;
		top: 18px;
		margin: 0
	}

	.home #side-ads {
		right: 10px;
		top: 0;
		margin: 0
	}

	.content {
		margin-left: 1%;
		float: left
	}

	.sidebar {
		margin-left: -10%
	}

	.content_block.individual.home {
		margin-left: -60px
	}

	.content_block.individual {
		margin-left: -100px
	}
}

@media only screen and (max-width:1280px) {
	.authBox .authContent {
		margin-top: -42px !important
	}

	.authBox .logo-popup img {
		width: 75%;
		height: 75%
	}

	.tabsContent .authForm .formInput {
		padding: 8px 20px
	}

	.authenticate .authenticateBtn {
		width: 140px;
		height: 40px;
		font-size: 12px
	}

	.authOptions a img {
		height: 80%
	}

	.emailOption {
		margin-top: 3px;
		font-size: 12px
	}

	.tabsContent .authenticate {
		padding-top: 3px;
		padding-bottom: 12px
	}
}

@media only screen and (max-width:1220px) {
	#wrapper {
		width: auto
	}

	.contaner_top,
	.container .shdw {
		background-position: 50% 0
	}

	.container .shdw {
		display: none
	}

	.content_block.individual.home {
		position: relative
	}

	.content.houseplan,
	.content_block.individual {
		width: auto;
		float: none;
		margin: 0
	}

	.content_block.individual {
		width: 80% !important
	}

	.content_block.individual:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	.inner,
	.container .inner.cont,
	.content_block.individual,
	.slider .slide,
	.header .right,
	.slider .slide img {
		width: auto
	}

	.slider,
	.header .right,
	.slider .slide {
		float: none
	}

	.slider,
	.slider .slide,
	.slider .slide img {
		height: 400px
	}

	#featured_plans .carousel {
		float: none;
		margin: auto
	}

	.container .inner.cont {
		background-position: 50% 0
	}

	.container .inner.cont,
	.inner {
		padding: 0 10px
	}

	.header .right {
		overflow: hidden
	}

	.header .points {
		width: 260px
	}

	.phone p {
		font-size: 13px;
		padding-top: 5px
	}

	#about_block.content_block {
		margin-top: 0
	}

	.contaner_top,
	.container .shdw,
	.container .inner.cont {
		background: 0 0
	}

	.container .inner.cont {
		background: 0 0;
		width: 75%
	}

	.container .shdw {
		height: 10px
	}

	.sidebar {
		margin-right: 10px
	}

	.content {
		width: 70%;
		width: -webkit-calc(100% - 273px);
		width: calc(100% - 273px)
	}

	.content_block.results {
		width: -webkit-calc(100% - 181px);
		width: calc(100% - 181px)
	}

	.content_block.custom {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	div.blog-content {
		width: 70%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	div.blog-right {
		width: 28%
	}

	.widget_facebook_likebox iframe {
		width: 100% !important
	}

	.checkout .content,
	.checkout .content_block.custom {
		width: auto;
		float: none
	}

	.checkout .content_block.custom>div {
		clear: both
	}

	.checkout .content_block .checkout_progress {
		margin-bottom: 10px !important
	}

	.checkout .content_block.custom:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	.checkout #footer .bottom {
		background: 0 0
	}

	.plans-wrap .content {
		width: 76%
	}

	.plans-wrap .content_block.results {
		width: 100%
	}

	.paypal-holder {
		padding-bottom: 30px
	}
}

@media only screen and (max-width:1180px) {
	.plans-wrap .content {
		width: calc(100% - 273px)
	}

	.plans-wrap .read_more_section {
		width: 440px
	}

	.header .free_shipping {
		display: none
	}

	.banner_side {
		position: absolute;
		top: 20px;
		left: 82%;
		margin-left: 10px
	}

	.content_block.results,
	.content_block.custom {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.content_block.results .results {
		width: 530px;
		float: none;
		margin: auto;
		clear: both
	}

	.content_block.results .results:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	.content_block.custom>div {
		height: auto !important;
		margin: 0 !important
	}

	.content_block.custom>div img {
		max-width: 100%;
		height: auto
	}

	.content_block.custom>div embed,
	.content_block.custom>div~br,
	.content_block.custom>div~p:empty {
		display: none
	}

	.content_block.custom>div>div {
		width: auto !important;
		float: none !important
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center],
	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] thead,
	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] tbody,
	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] tr {
		width: 100%;
		display: block;
		overflow: hidden
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] td {
		font-size: 0;
		line-height: 0;
		width: 33.33%;
		float: left;
		padding: 0 0 10px
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] td a {
		padding: 5px;
		display: block
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] td img {
		width: 100%;
		height: auto;
		display: block
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] td br {
		display: none
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] td a {
		font-size: 12px;
		line-height: 1
	}

	#aboutus-inner-nocolor {
		height: auto
	}

	.content_block.custom .block.list_wide.gray {
		width: auto !important;
		margin-bottom: 10px !important
	}

	.content_block.custom .block.list_wide.gray .inner img {
		width: 100%;
		height: auto;
		display: block
	}

	.content_block.custom .left,
	.content_block.custom .right {
		width: auto !important;
		height: auto
	}

	div.blog-content,
	div.blog-right {
		width: auto;
		float: none
	}

	li.widget-container {
		width: 50%;
		float: left
	}

	li.widget_search form {
		float: left
	}

	li.widget_search label {
		display: block
	}

	.content_block.individual>.left {
		float: none;
		margin: 0 auto 10px
	}

	.content_block.individual>.right {
		width: 638px;
		float: none;
		margin: 0 auto
	}

	.content_block.individual .plan_details {
		float: none;
		overflow: hidden
	}

	.content_block.individual .plan_details .left {
		width: 35%
	}

	.content_block.individual .plan_details .right {
		width: 60%
	}

	.content_block.individual .plan_details+div[style] {
		padding: 10px 0 5px;
		text-align: center !important
	}

	.content_block.cart form fieldset {
		width: 100%;
		padding: 0;
		margin: 0
	}

	.checkout .checkout_total~form table {
		width: 100%
	}

	.checkout .checkout_total~form table {}

	.checkout .checkout_total~form fieldset {
		padding: 0;
		margin: 0;
		width: 100%
	}

	.checkout-form dd,
	.checkout-form dt {
		width: 50%
	}

	.checkout-form dd .formfield {
		width: 100% !important;
		height: 26px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.checkout .shipping_options li {
		width: 100%;
		float: none
	}

	#payment_form #cc_fields .float_left,
	#payment_form #cc_fields .buttonarea {
		width: auto;
		float: none
	}

	#payment_form #cc_fields .buttonarea div {
		position: static;
		text-align: left
	}

	.content_block:not(.cart) form textarea.formfield {
		width: 250px !important
	}

	.content_block.custom #rightcol+div {
		width: 100% !important
	}

	div.blog-content,
	div.blog-right {
		width: auto !important;
		float: none !important;
		padding: 0 !important
	}

	.plans-wrap .plan {
		width: 200px;
		height: 264px
	}

	.plans-wrap .plan img {
		width: 100%;
		height: auto;
		min-height: 105px;
		max-height: 150px;
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.plans-wrap .plan .id {
		width: 194px
	}

	.plans-wrap .results .plan p:first-child {
		margin-top: -10px
	}

	.plans-wrap .results .plan p {
		font-size: 14px
	}

	.search_overlay_wrap blockquote {
		right: 2%;
		left: calc(50% - 41px);
		max-width: none
	}
}

@media only screen and (max-width:992px) {
	#wrapper.plans-wrap .banner_side {
		display: none
	}
}

@media only screen and (max-width:940px) {
	.has-side-ads #wrapper {
		padding-right: 0
	}

	#side-ads {
		display: none
	}

	.banner_side {
		display: none
	}

	.content {
		margin-left: 0;
		float: left;
		min-height: 100% !important
	}

	.has-side-ads .home .container {
		min-height: 100%
	}

	.sidebar {
		margin-left: 0
	}

	.home .search_overlay_wrap {
		margin: 20px 0;
		width: auto;
		top: 5px
	}

	.content_block.individual {
		width: auto !important
	}

	.container .inner.cont {
		background: 0 0;
		width: auto
	}

	.plans-wrap .content_block.results .results .plan {
		height: 275px
	}
}

@media only screen and (max-width:1010px) {
	.plans-wrap .plan {
		width: 180px;
		height: 264px
	}

	.plans-wrap .plan img {
		width: 100%;
		height: auto;
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.plans-wrap .plan .id {
		width: 174px
	}

	.plans-wrap .results .plan p {
		font-size: 12px
	}

	.content_block.custom .left,
	.content_block.custom .right {
		float: none
	}

	.content_block .control_links {
		padding: 0 0 15px
	}

	.plans-wrap .read_more_section {
		width: 400px
	}
}

@media only screen and (max-width:767px) {
	.container {
		position: unset
	}

	#wrapper {
		position: relative;
		left: 0;
		-webkit-transition: left .5s ease;
		transition: left .5s ease
	}

	.header {
		padding-bottom: 10px
	}

	.header .logo {
		float: none;
		margin: auto
	}

	.header .phone {
		float: none;
		text-align: center
	}

	.header .phone p {
		text-align: center
	}

	.header .points,
	.header .bbb_logo,
	.header .meta .user_menu {
		display: none
	}

	.header .meta {
		float: none;
		padding-top: 7px
	}

	.meta .user_menu {
		float: none;
		width: auto;
		margin-bottom: -10px
	}

	.meta .user_menu a {
		margin-bottom: 10px;
		display: inline-block
	}

	.meta .cart {
		float: none;
		text-align: center
	}

	.meta .cart a {
		width: auto;
		background: 0 0
	}

	.menu {
		width: 80%;
		height: 100%;
		float: none;
		position: fixed;
		top: 0;
		left: 100%;
		bottom: 0;
		z-index: 99999;
		border: 1px solid #4a6491;
		margin: 0;
		-webkit-transition: left .5s ease;
		transition: left .5s ease
	}

	.menu {
		background: #82a1c8;
		background: -moz-linear-gradient(top, rgba(130, 161, 200, 1) 0%, rgba(51, 61, 96, 1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(130, 161, 200, 1)), color-stop(100%, rgba(51, 61, 96, 1)));
		background: -webkit-linear-gradient(top, rgba(130, 161, 200, 1) 0%, rgba(51, 61, 96, 1) 100%);
		background: -o-linear-gradient(top, rgba(130, 161, 200, 1) 0%, rgba(51, 61, 96, 1) 100%);
		background: -ms-linear-gradient(top, rgba(130, 161, 200, 1) 0%, rgba(51, 61, 96, 1) 100%);
		background: linear-gradient(to bottom, rgba(130, 161, 200, 1) 0%, rgba(51, 61, 96, 1) 100%)
	}

	.menu-wrapper {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}

	.menu .user_menu {
		display: block
	}

	.menu .menu-wrapper>ul>li {
		float: none;
		display: block !important;
		border-top: 1px solid #000;
		background: 0 0
	}

	.menu .menu-wrapper>ul>li:first-child {
		border-top: 0
	}

	.menu .menu-wrapper>ul>li>a {
		font-size: 14px;
		line-height: 34px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		text-align: left;
		display: block;
		height: 35px;
		padding: 0 10px !important
	}

	.menu .menu-wrapper>ul>li.last>a {
		text-align: left
	}

	.menu .user_menu {
		font-size: 0;
		line-height: 0;
		border-top: 1px solid #000;
		margin-bottom: 0
	}

	.menu .user_menu a {
		font-size: 14px;
		line-height: 15px;
		color: #fff;
		text-align: left;
		float: none;
		display: block;
		padding: 10px 13px;
		border-bottom: 1px solid #000;
		margin: 0
	}

	.menu .drop-down-menu {
		font-size: 12px;
		line-height: 20px;
		padding: 10px 10px 0
	}

	.menu .drop-down-menu:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	.menu .drop-down-menu .list {
		width: 100%;
		text-align: center;
		float: none;
		padding: 0 0 10px
	}

	.show-nav,
	.show-nav body,
	.show-nav #wrapper {
		height: 100%
	}

	.show-nav #wrapper {
		overflow: hidden
	}

	.show-nav #wrapper {
		left: -80%
	}

	.show-nav #navToggle {
		left: auto;
		right: 10px
	}

	.show-nav #navToggle span:first-child {
		top: 3px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.show-nav #navToggle span:last-child {
		top: -3px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.show-nav #navToggle span:nth-child(2) {
		display: none
	}

	.show-nav .menu {
		left: 20%
	}

	.content:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	.contaner_top,
	.contaner .shdw {
		display: none
	}

	.slider {
		display: none
	}

	.slider,
	.slider .slide,
	.slider .slide img {
		height: 200px
	}

	.slide h3 {
		font-size: 14px;
		line-height: 18px
	}

	.home .content_block h2 {
		font-size: 24px
	}

	.box {
		width: auto;
		max-width: 300px;
		float: none;
		margin: 0 auto 10px
	}

	.box.last {
		margin: 0 auto 10px
	}

	#featured_plans .carousel {
		height: auto
	}

	#featured_plans .carousel ul.overview {
		position: static;
		width: 100% !important;
		height: auto !important
	}

	#featured_plans .carousel ul.overview:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	#featured_plans .plan {
		max-width: 300px;
		width: auto;
		height: auto;
		float: none;
		margin: 0 auto 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	#featured_plans .plan:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	#featured_plans .plan img {
		min-height: 0;
		max-height: none
	}

	#featured_plans .plan .id {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	#featured_plans .results .plan p:first-child {
		margin-top: -7px
	}

	#featured_plans .results .plan p {
		height: 100%;
		font-size: 14px
	}

	#featured_plans .navi,
	#footer .bottom .banner2 {
		display: none
	}

	.advertisement {
		display: none
	}

	.sidebar {
		float: none;
		margin: 60px auto 10px
	}

	.content {
		width: auto;
		float: none
	}

	.content_block.results .results {
		width: auto;
		text-align: center
	}

	.content_block.results .results .plan {
		text-align: left;
		width: 241px;
		float: none;
		display: inline-block;
		vertical-align: top
	}

	.content_block.results .results .plan .id {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	li.widget-container {
		width: auto;
		float: none
	}

	.blog-content img.alignleft,
	.blog-content img.alignright,
	.blog-content img.aligncenter,
	.blog-content img.alignnone {
		width: auto;
		float: none;
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto 15px
	}

	.blog-content .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper {
		display: block !important
	}

	.blog-content .shareaholic-share-buttons-container ul.shareaholic-share-buttons {
		margin: 0 !important
	}

	.blog-content .shareaholic-share-buttons-container li.shareaholic-share-button {
		padding: 0 5px 0 0 !important
	}

	.blog-content ul.shareaholic-share-buttons li.shareaholic-share-button i.shareaholic-service-icon {
		width: 32px;
		height: 32px;
		background-size: 32px auto;
		-webkit-background-size: 32px auto
	}

	.blog-content i.shareaholic-service-icon[class*=" service-twitter"] {
		background-position: 0 -96px
	}

	.blog-content i.shareaholic-service-icon[class*=" service-facebook"] {
		background-position: 0 -64px
	}

	.blog-content i.shareaholic-service-icon[class*=" service-google_plus"] {
		background-position: 0 -160px
	}

	.blog-content i.shareaholic-service-icon[class*=" service-pinterest"] {
		background-position: 0 -288px
	}

	.blog-content i.shareaholic-service-icon[class*=" service-email_this"] {
		background-position: 0 -128px
	}

	.blog-content i.shareaholic-service-icon[class*=" service-all"] {
		background-position: 0 -32px
	}

	.content_block.individual>.left,
	.content_block.individual>.right {
		width: auto
	}

	.content .individual h2 {
		float: none
	}

	.content .individual .control_links {
		float: none
	}

	.content .individual .plan_links:after {
		content: "";
		line-height: 0;
		display: table;
		clear: both
	}

	.content .individual .plan_pricing_btns {
		width: auto;
		text-align: center
	}

	.content .individual .add_to_cart {
		width: auto;
		background-size: 100%;
		-webkit-background-size: 100%
	}

	.content .individual .socials {
		width: auto !important
	}

	.plan_image_area,
	.plan_image_area a.main_photo {
		width: 100%
	}

	.plan_image_area a.main_photo img {
		width: 100%;
		max-width: none;
		height: auto;
		display: block
	}

	.plan_image_area .thumbs .navi {
		display: none
	}

	.plan_image_area .carousel {
		width: 100%;
		margin: 0;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}

	.plan_image_area .carousel ul.overview {
		font-size: 0;
		line-height: 0;
		white-space: nowrap;
		width: auto !important;
		position: static
	}

	.plan_image_area .carousel ul.overview li {
		float: none;
		display: inline-block;
		vertical-align: top
	}

	.floor_img a.floorplan_image_link #floorplan {
		width: 100%;
		max-width: 100%;
		height: auto;
		display: block
	}

	.description_block p.read_adjust {
		width: 100%
	}

	.estimated_cost .cost_table {
		width: auto;
		float: none
	}

	.estimated_cost .cost_table:after {
		content: "";
		line-height: 0;
		display: table
	}

	.content_block:not(.cart) form table,
	.content_block:not(.cart) form thead,
	.content_block:not(.cart) form tbody,
	.content_block:not(.cart) form tfoot,
	.content_block:not(.cart) form tr,
	.content_block:not(.cart) form th,
	.content_block:not(.cart) form td {
		width: 100%;
		display: block
	}

	.content_block:not(.cart) form th,
	.content_block:not(.cart) form td {
		text-align: left;
		padding: 0 0 10px
	}

	.content_block:not(.cart) form .formfield {
		width: 100% !important;
		height: 26px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.content_block:not(.cart) form textarea.formfield {
		width: 100% !important
	}

	.content_block.cart form fieldset table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0
	}

	.content_block.cart form fieldset table,
	.content_block.cart form fieldset tbody,
	.content_block.cart form fieldset table tr,
	.content_block.cart form fieldset table tr[onmouseover] td:first-child {
		width: 100%;
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.content_block.cart form fieldset table tr[onmouseover] td:first-child+td {
		float: left;
		width: 50%;
		padding-left: 80px
	}

	.content_block.cart form fieldset table tr[onmouseover] td:first-child+td+td {
		width: 80px;
		position: absolute;
		bottom: -2px;
		left: 0
	}

	.content_block.cart form fieldset table tr {
		position: relative;
		overflow: hidden;
		padding: 0 !important;
		border: 0 !important;
		margin: 0 !important
	}

	.content_block.cart form fieldset table td {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	.content_block.cart form fieldset table tr:last-child td {
		width: 100%
	}

	.content_block.cart form fieldset table tr:last-child td:first-child {
		padding-left: 30px
	}

	.content_block.cart .buttonarea .left,
	.content_block.cart .buttonarea .right {
		margin: 0
	}

	.content_block.cart .buttonarea .right table,
	.content_block.cart .buttonarea .right tbody,
	.content_block.cart .buttonarea .right thead,
	.content_block.cart .buttonarea .right tfoot,
	.content_block.cart .buttonarea .right tr,
	.content_block.cart .buttonarea .right th,
	.content_block.cart .buttonarea .right td {
		width: 100%;
		display: block
	}

	.content_block.cart .buttonarea .right td {
		padding: 10px 0
	}

	.checkout .content_block.custom fieldset {
		padding: 0;
		margin: 0;
		width: 100%
	}

	.checkout .content_block.custom fieldset table,
	.checkout .content_block.custom fieldset thead,
	.checkout .content_block.custom fieldset tbody,
	.checkout .content_block.custom fieldset tr,
	.checkout .content_block.custom fieldset th,
	.checkout .content_block.custom fieldset td {
		display: block
	}

	.checkout .content_block.custom fieldset tr:last-child th {
		text-align: right
	}

	.orderarea table.ordertable~table.ordertable th:nth-child(2):not(:last-child),
	.orderarea table.ordertable~table.ordertable td:nth-child(2):not(:last-child) {
		font-size: 0;
		line-height: 0;
		padding: 0
	}

	.content_block.custom>table[cellspacing="5"][cellpadding="5"][align=center] td {
		width: 260px;
		float: none;
		display: block;
		padding: 10px 0;
		margin: 0 auto
	}

	.content_block.custom table[style="width: 70%; clear: right;"] {
		width: 100% !important;
		display: block
	}

	.content_block.custom table[style="width: 70%; clear: right;"] tbody,
	.content_block.custom table[style="width: 70%; clear: right;"] tr,
	.content_block.custom table[style="width: 70%; clear: right;"] td {
		width: 100%;
		display: block
	}

	.plans-wrap .results .plan p {
		font-size: 16px
	}

	.plans-wrap .content {
		width: auto
	}

	.plans-wrap .read_more_section {
		width: auto
	}

	.search_overlay_wrap blockquote {
		left: 20px;
		top: 20px;
		right: 20px
	}
}

.banner-bg {
	background: url(../img/header-right1bce.svg?v=6);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 228px
}

.cat-head {
	position: relative;
	margin-top: 0;
	background: #f7f7f7
}

.banner-bg.home {
	height: 450px
}

.banner-head-text {
	text-align: center;
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	top: 28%
}

.banner-head-text h1 {
	font-family: var(--din_2014);
	text-transform: none;
	font-size: 36px;
	line-height: 70px;
	padding: 15px 0 20px;
	margin-bottom: 0 !important
}

a.readmore_link {
	text-decoration: none;
	font-size: 16px
}

.read_more_section {
	clear: both;
	border-top: 1px solid #4a6491;
	padding-top: 25px;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	color: #777
}

@media only screen and (max-width:1200px) {
	.banner-head-text h1 {
		font-size: 3em
	}
}

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

	.shdw,
	.contaner_top {
		width: 100%
	}
}

@media only screen and (max-width:640px) {
	.banner-head-text h1 {
		font-size: 36px
	}
}

@media print {
	.tabs {
		display: block !important
	}

	#side-ads {
		display: none
	}
}

@media only screen and (max-width:1900px) {

	#side-ads,
	.home #side-ads {
		right: 13%
	}
}

@media only screen and (max-width:1800px) {

	#side-ads,
	.home #side-ads {
		right: 10%
	}
}

@media only screen and (max-width:1700px) {

	#side-ads,
	.home #side-ads {
		right: 7%
	}
}

@media only screen and (max-width:1600px) {

	#side-ads,
	.home #side-ads {
		right: 4%
	}
}

@media only screen and (max-width:1500px) {

	#side-ads,
	.home #side-ads {
		right: 1%
	}
}

@media only screen and (max-width:940px) {
	.content_block.results .results .plan {
		height: 280px
	}

	.plan {
		height: 100%
	}

	.plans-wrap .content_block.results {
		width: 100%
	}
}

.home .search_overlay {
	top: 13%
}

.quick_search .onhomepage,
.home .quick_search .nohomepage {
	display: none
}

.home .quick_search .onhomepage {
	display: block
}

.home .quick_search {
	width: 361px;
	height: auto;
	background: 0 0;
	padding: 36px 0 0
}

.home .quick_search .tips {
	display: none
}

.home .quick_search .adv_search {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	width: 216px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 20px;
	background: rgba(0, 0, 0, .5)
}

.home .quick_search #quick_search {
	padding: 18px 19px 10px;
	background-color: rgba(255, 255, 255, .9)
}

.home .quick_search #quick_search:after {
	content: "";
	line-height: 0;
	display: table;
	clear: both
}

.home .quick_search #quick_search h3 {
	font-size: 20px;
	line-height: 24px;
	color: #b00;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 0 41px
}

.home .quick_search #quick_search h3:before {
	content: "";
	width: 31px;
	height: 31px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	background: url(images/ico-quick-search.html) no-repeat 0 0
}

.home .quick_search #quick_search input.submit {
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(7, 7, 7, .4);
	width: 100%;
	height: 38px;
	display: block;
	padding: 0;
	border: 0;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #af0000;
	background: -moz-linear-gradient(top, #af0000 0%, #d12525 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #af0000), color-stop(100%, #d12525));
	background: -webkit-linear-gradient(top, #af0000 0%, #d12525 100%);
	background: -o-linear-gradient(top, #af0000 0%, #d12525 100%);
	background: -ms-linear-gradient(top, #af0000 0%, #d12525 100%);
	background: linear-gradient(to bottom, #af0000 0%, #d12525 100%)
}

.home .quick_search #quick_search input.submit:hover {
	background: #d12525;
	background: -moz-linear-gradient(top, #d12525 0%, #af0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d12525), color-stop(100%, #af0000));
	background: -webkit-linear-gradient(top, #d12525 0%, #af0000 100%);
	background: -o-linear-gradient(top, #d12525 0%, #af0000 100%);
	background: -ms-linear-gradient(top, #d12525 0%, #af0000 100%);
	background: linear-gradient(to bottom, #d12525 0%, #af0000 100%)
}

.home .quick_search #quick_search>p {
	font-size: 10px;
	line-height: 14px;
	color: #424242;
	padding: 0 0 13px 41px
}

.home .quick_search #quick_search>input[type=hidden]+div {
	position: absolute;
	top: 0;
	left: 0
}

.home .quick_search #quick_search>input[type=hidden]+div a {
	font-size: 16px;
	line-height: 20px;
	color: #021d30;
	text-decoration: none;
	font-weight: 400;
	width: 67px;
	display: block;
	padding: 8px 19px;
	background-color: rgba(255, 255, 255, .9)
}

.home .quick_search #quick_search .form_line {
	float: left;
	padding-bottom: 10px
}

.home .quick_search #quick_search .form_line.radio {
	width: 50%;
	position: relative;
	z-index: 9
}

.home .quick_search #quick_search .form_line.radio.expanded {
	z-index: 10
}

.home .quick_search #quick_search .form_line strong.centered-text {
	text-indent: 4px
}

.home .quick_search #quick_search .form_line>strong:first-child,
.home .quick_search #quick_search .form_line strong.onhomepage {
	font-size: 14px;
	line-height: 26px;
	color: #b00;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -.02em;
	width: 102px;
	float: left;
	padding: 0
}

.home .quick_search #quick_search .form_line strong.onhomepage:after,
.home .quick_search #quick_search .form_line>strong:first-child:after {
	content: ":"
}

.home .quick_search #quick_search .form_line select {
	font-size: 14px;
	line-height: 24px;
	color: #06192d;
	width: 94px;
	height: 26px;
	float: left;
	padding: 0 5px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 0
}

.home .quick_search #quick_search .form_line select+span {
	font-size: 14px;
	line-height: 26px;
	color: #06192d;
	text-align: center;
	width: 33px;
	float: left
}

.home .quick_search #quick_search .form_line .multivalue {
	font-size: 14px;
	line-height: 24px;
	color: #06192d;
	width: 34px;
	height: 24px;
	float: left;
	position: relative;
	padding: 0 18px 0 5px;
	border: 1px solid #ccc;
	background: #fff
}

.home .quick_search #quick_search .form_line .multivalue p {
	white-space: nowrap;
	text-overflow: ellipsis;
	float: none;
	overflow: hidden
}

.home .quick_search #quick_search .form_line .multivalue:after {
	content: "";
	width: 8px;
	height: 7px;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	background: url(images/ico-multivalue-arrow.html) no-repeat 0 0
}

.home .quick_search #quick_search .form_line .multivalue+p {
	width: 47px;
	position: absolute;
	top: 26px;
	right: 1px;
	padding: 5px 5px 0;
	border: 1px solid #ccc;
	border-top: 0;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: -5
}

.home .quick_search #quick_search .form_line .multivalue+p input {
	margin: 0 5px 5px 0
}

.home .quick_search #quick_search .form_line .multivalue+p label {
	float: left;
	padding: 0;
	margin-bottom: 5px
}

.home .quick_search #quick_search .form_line .multivalue+p br {
	clear: both
}

.home .quick_search #quick_search .form_line.expanded .multivalue+p {
	opacity: 1;
	visibility: visible;
	z-index: 2
}

.home .quick_search #find_by_plan_num {
	padding: 10px 19px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .5)
}

.home .quick_search #find_by_plan_num label {
	font-size: 14px;
	line-height: 23px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	width: 159px;
	white-space: nowrap;
	float: left;
	padding: 5px 8px 5px 0
}

.home .quick_search #find_by_plan_num input[type=text] {
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	width: 95px;
	height: 21px;
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0;
	background: 0 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.home .quick_search #find_by_plan_num input.submit {
	font: normal 14px/23px Arial, Helvetica, sans-serif;
	color: #081f33;
	width: 49px;
	height: 33px;
	float: left;
	padding: 5px 0;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.home .quick_search #find_by_plan_num input.submit:hover {
	color: #fff;
	background-color: #081f33
}

@media only screen and (max-width:767px) {
	.sa_info>span {
		bottom: -4px !important;
		right: 50% !important
	}

	.home .search_overlay {
		margin: auto;
		top: auto
	}

	.forget-pass-wrapper {
		max-width: 350px
	}

	.tabsContent .forget-pass-wrapper h4 {
		font-size: 20px;
		line-height: 30px;
		text-align: center
	}

	.tabsContent .forget-pass-wrapper form label {
		font-size: 13px;
		text-align: center
	}
}

@media only screen and (max-width:400px) {
	.home .search_overlay {
		margin: auto;
		top: auto
	}

	.home .quick_search {
		width: 320px
	}

	.home .quick_search .adv_search {
		width: 236px;
		padding: 8px 10px
	}

	.home .quick_search #quick_search>input[type=hidden]+div a {
		width: 44px;
		padding: 8px 10px
	}

	.home .quick_search #quick_search {
		padding: 18px 10px 10px
	}

	.home .quick_search #quick_search .form_line>strong:first-child,
	.home .quick_search #quick_search .form_line strong.onhomepage {
		font-size: 12px;
		width: 91px
	}

	.home .quick_search #quick_search .form_line select {
		width: 88px
	}

	.home .quick_search #find_by_plan_num input[type=text] {
		width: 53px
	}
}

.details-legal-info {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
	padding: 0 13px 13px;
	background-color: #efefef
}

.details-legal-info a {
	color: red;
	text-decoration: none
}

.details-legal-info a:hover {
	text-decoration: underline
}

.legal-info-modal {
	width: 500px;
	padding: 8px;
	display: none
}

.legal-info-modal h2,
.legal-info-modal p {
	margin-bottom: 15px
}

#loginform {
	z-index: 99998;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 15;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 700px;
	width: 600px;
	max-height: 80%;
	max-width: 90%;
	margin: 20px auto;
	background-color: #fff
}

#loginform .content {
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 100% !important
}

#loginform .content_block,
#loginform .stackable-50 {
	display: block;
	max-width: 95%;
	float: none
}

#loginform h2 {
	float: none
}

#loginform p a {
	float: right
}

#wrapper form .honey {
	display: none !important
}

.ts-hide {
	display: none;
	text-align: center;
	margin: 0 auto
}

.ts-show {
	display: block
}

@media screen and (min-width:767px) {
	.ts-ads {
		display: block !important
	}
}

input.submit,
input.btnsubmit {
	background: #1f437a !important;
	border: 2px solid #1f437a !important;
	color: #eee !important;
	padding-top: 8px !important;
	padding-bottom: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	margin-bottom: 10px !important;
	height: auto !important;
	text-decoration: none !important;
	display: inline-block !important;
	text-align: center !important
}

.button:hover,
input.submit:hover,
input.btnsubmit:hover {
	border: 2px solid #0a3d7a !important;
	background-color: #0a3d7a !important;
	cursor: pointer !important
}

span.button {
	background-color: #1f437a !important;
	border: 2px solid #1f437a !important;
	color: #eee !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	margin-bottom: 0 !important;
	height: auto !important;
	text-decoration: none !important;
	display: inline-block !important;
	text-align: center !important
}

.button--cta {
	background-color: #ff8c01 !important;
	border: 2px solid #ff8c01 !important;
	width: 80%
}

.button--cta:hover {
	background-color: #fea525 !important;
	border: 2px solid #fea525 !important
}

.button--info {
	background-color: #1b95e0 !important;
	border: 2px solid #1b95e0 !important;
	width: 80%
}

.button--info:hover {
	background-color: #51aee7 !important;
	border: 2px solid #51aee7 !important
}

.reverse-button {
	font: 12px var(--opensans), sans-serif;
	background-color: #1b95e0 !important;
	border: 2px solid #1b95e0 !important;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 999
}

.reverse-button:hover {
	background-color: #51aee7 !important;
	border: 2px solid #51aee7 !important
}

.reverse-plan-button,
.print-button,
.download-button {
	background-color: #1b95e0 !important;
	border: 2px solid #1b95e0 !important;
	border-radius: 5px;
	cursor: pointer
}

.reverse-plan-button:hover,
.print-button:hover,
.download-button:hover {
	background-color: #51aee7 !important;
	border: 2px solid #51aee7 !important
}

.button--add-to-cart {
	font-size: 28px;
	font-weight: 700
}

.submit-no-margin {
	font-size: 18px;
	font-weight: 700
}

#find_by_plan_num input.submit {
	margin: 0 !important;
	padding: 2px 5px 2px 4px !important
}

.floorplan-tabs-actions {
	text-align: left;
	position: relative
}

.block {
	display: block !important
}

#imgLink img {
	width: 100%;
	min-width: 100%;
	max-width: 100%
}

.list h3:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	content: "\f015 ";
	margin-right: 5px
}

#ccclinkimg {
	height: 56px
}

.icon {
	vertical-align: bottom;
	margin-right: 5px;
	height: 40px
}

.banner2 {
	margin-top: 20px
}

.promo-box {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
	height: auto;
	font-size: 12px;
	text-align: center;
	padding: 15px 5px 10px
}

.promo-box>i {
	color: #1b95e0;
	font-size: 30px
}

.promo-box h3 {
	font-size: 22px;
	margin-bottom: 12px
}

.promo-box ul {
	text-align: left;
	padding: 15px 10px 15px 15px;
	font-size: 14px;
	background-color: #efefef
}

.promo-box li {
	margin: 5px 0
}

.promo-box li>i {
	margin: 0 7px 0 0
}

.swiper-wrapper .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 15px;
	border: 1px solid #000;
	border-radius: 9px;
	font-size: 14px;
	font-weight: 700
}

.swiper-wrapper .overlay:hover {
	box-shadow: 0 0 8px rgb(255 255 255/80%) !important
}

@media only screen and (max-width:767px) {
	.promo-box {
		float: none;
		width: 300px;
		margin: 0 auto !important
	}

	h1.logo {
		max-width: 300px;
		padding-left: 25px
	}

	.header .right {
		text-align: center;
		float: none;
		padding: 0;
		margin: 0
	}
}

.social-sharing {
	margin-top: 5px
}

.social-sharing a i {
	font-size: 200%;
	color: #777;
	text-decoration: none
}

.social-sharing a i:hover {
	color: #0a3d7a
}

ul.overview li {
	float: left;
	width: 144px;
	height: 94px;
	margin: 0 1px;
	background: url(images_new/thumb_bg.html) repeat-x 0 0;
	border: 1px solid #85a5cc;
	padding: 0;
	list-style: none
}

@media only screen and (min-width:768px) {
	#wrapper>.container.row {
		min-height: 1260px
	}
}

.bottom_imglinks img {
	margin-bottom: 10px;
	z-index: 9999
}

body {
	-webkit-animation: bugfix infinite 1s
}

@-webkit-keyframes bugfix {
	from {
		padding: 0
	}

	to {
		padding: 0
	}
}

@media only screen and (min-width:831px) {
	#styles-link .drop-down-menu {
		width: 660px
	}

	#styles-link .drop-down-menu .list {
		width: 600px
	}

	#styles-link ul li a {
		width: 180px;
		float: left
	}
}

@media only screen and (min-width:1350px) and (max-width:1439px) {
	.login-signup-wrapper .authBox {
		height: 95%
	}

	.authOptions {
		padding: 5px 0 0
	}

	.authOptions a:nth-child(1) {
		margin-bottom: 3px
	}
}

@media only screen and (min-width:768px) and (max-width:830px) {
	#styles-link .drop-down-menu {
		width: 480px
	}

	#styles-link .drop-down-menu .list {
		width: 420px
	}

	#styles-link ul li a {
		width: 180px;
		float: left
	}

	#collections-link .drop-down-menu {
		width: 300px
	}
}

#styles-link ul li:first-child {
	display: none
}

body {
	-webkit-animation: bugfix infinite 1s
}

@-webkit-keyframes bugfix {
	from {
		padding: 0
	}

	to {
		padding: 0
	}
}

#wrapper input.toggle {
	display: none !important
}

label.toggle {
	cursor: pointer
}

img {
	max-width: 100%;
	height: auto
}

.container.row {
	float: none !important
}

#masthead-block {
	position: relative;
	width: 100%;
	min-height: 70px !important;
	max-height: 70px !important;
	border-bottom: 1px solid #bbb
}

.logo img {
	max-height: 50px;
	width: auto;
	padding: 5px 8px 0
}

.logo {
	max-width: 55%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.logo a:hover {
	background-color: transparent !important
}

label a {
	display: inline !important
}

#search-block {
	padding: 0 10px
}

#user-account-block {
	border: 1px solid #ff8c01;
	overflow: hidden;
	text-align: center
}

#user-account-block ul {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	padding: 0
}

#user-account-block li {
	list-style: none;
	display: inline-block;
	min-width: 100%;
	margin: 0;
	padding: 0
}

#user-account-block li>a {
	display: block;
	text-decoration: none;
	color: #222;
	padding: 6px 15px 5px;
	text-transform: uppercase
}

#user-account-block li>a:hover {
	background: #ddd
}

#header label:before,
#header label:after,
#header a:before,
#header a:after,
#header h4:before,
.cta-group label:after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	display: inline;
	vertical-align: middle;
	color: #19437a;
	padding: 0 5px
}

#styles-list-block h4:before,
#engineering-list-block h4:before,
#a-frame-list-block h4:before,,
#tiny-home-list-block h4:before,
#bunker-home-list-block h4:before,
#collections-list-block h4:before,
#dropmenu-wrapper-learn h4:before,
#lear-mobile h4:before {
	content: "\f015";
	padding-left: 0;
	vertical-align: top;
	color: #19437a
}

#dropmenu-wrapper-services h4:before,
#services-mobile h4:before {
	content: "\f015";
	padding-left: 0;
	vertical-align: top;
	color: #19437a
}

.cta-group {
	text-align: center
}

input#styles-list+li label[for=styles-list]:after,
input#engineering-list+li label[for=engineering-list]:after,
input#a-frame-list+li label[for=a-frame-list]:after,
input#tiny-home-list+li label[for=tiny-home-list]:after,
input#bunker-home-list+li label[for=bunker-home-list]:after,
input#collections-list+li label[for=collections-list]:after,
input#search-button+label[for=search-button]:after,
input#adv-search-button+#search-block label[for=adv-search-button]:after,
input#search-beds+li label[for=search-beds]:after,
input#search-baths+li label[for=search-baths]:after,
input#search-garages+li label[for=search-garages]:after,
input#search-stories+li label[for=search-stories]:after,
input#modifications-button+label[for=modifications-button]:after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: relative;
	top: -2px;
	font-family: "font awesome 5 free";
	font-weight: 900;
	content: "\f0d7";
	padding-right: 0;
	color: #0a3d7a
}

input#styles-list:checked+li label[for=styles-list]:after,
input#engineering-list:checked+li label[for=engineering-list]:after,
input#a-frame-list:checked+li label[for=a-frame-list]:after,
input#tiny-home-list:checked+li label[for=tiny-home-list]:after,
input#bunker-home-list:checked+li label[for=bunker-home-list]:after,
input#collections-list:checked+li label[for=collections-list]:after,
input#search-button:checked+label[for=search-button]:after,
input#adv-search-button:checked+#search-block label[for=adv-search-button]:after,
input#search-beds:checked+li label[for=search-beds]:after,
input#search-baths:checked+li label[for=search-baths]:after,
input#search-garages:checked+li label[for=search-garages]:after,
input#search-stories:checked+li label[for=search-stories]:after,
input#modifications-button:checked+label[for=modifications-button]:after {
	content: "\f0d8";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	position: relative;
	top: -2px;
	padding-right: 0;
	color: #0a3d7a
}

input#search-button+label[for=search-button]:after,
input#search-button:checked+label[for=search-button]:after,
.button--cta:after,
.button--info:after {
	margin-left: 5px;
	color: #fff !important
}

input#search-button+label[for=search-button]:before {
	margin-left: 5px;
	color: orange !important
}

#primary-nav+label span {
	display: none
}

#primary-nav+label i {
	font-size: smaller;
	position: relative;
	top: 1px;
	color: #444
}

#primary-nav+label {
	border: 1px solid #fff;
	border-radius: 4px
}

#primary-nav+label:hover {
	border: 1px solid #444;
	border-radius: 4px;
	background-color: transparent
}

#search-block,
#search+label,
#modifications-block {
	display: none
}

input#primary-nav:checked~#user-menu-block,
input#primary-nav:checked~#primary-nav-block,
input#primary-nav:checked~#secondary-nav-block,
input#styles-list:checked~#styles-list-block,
input#engineering-list:checked~#engineering-list-block,
input#a-frame-list:checked~#a-frame-list-block,
input#tiny-home-list:checked~#tiny-home-list-block,
input#bunker-home-list:checked~#bunker-home-list-block,
input#collections-list:checked~#collections-list-block,
input#modifications-button:checked~#modifications-block {
	display: block
}

@media screen and (min-width:400px) {
	#fav-link {
		right: 10px
	}

	#cart-link {
		right: 70px
	}

	#phone-number {
		right: 118px
	}
}

@media screen and (min-width:768px) {
	#masthead-block {
		min-height: 80px !important;
		max-height: 80px !important
	}

	.logo img {
		max-height: 70px;
		padding: 15px 17px 10px
	}
}

.plan {
	min-width: 226px !important;
	max-width: 226px !important;
	min-height: 290px !important;
	max-height: 290px !important;
	margin-right: 10px !important
}

.plan a.plan_img {
	line-height: 0 !important;
	min-width: 226px !important;
	max-width: 226px !important;
	min-height: 150px !important;
	max-height: 150px !important;
	overflow: hidden !important;
	vertical-align: middle !important
}

.plan a.plan_img img {
	min-width: 226px !important;
	max-width: 226px !important;
	min-height: 150px !important;
	max-height: 150px !important;
	height: auto !important
}

.plan .id {
	padding: 3px !important;
	margin-bottom: 10px !important;
	width: 100% !important
}

.plan .plan_btns {
	float: left !important;
	width: 90px !important;
	padding: 0 !important;
	margin: 0 !important
}

.plan .plan_btns a {
	margin: 0 10px 10px !important
}

#wrapper.blog-page #side-ads {
	float: right !important;
	top: 15px !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important
}

#wrapper.blog-page .inner.cont {
	width: auto !important
}

@media screen and (min-width:923px) {
	#wrapper.home .carousel.viewport {
		min-width: 476px !important;
		max-width: 476px !important;
		min-height: 600px !important;
		max-height: 600px !important
	}

	#wrapper.blog-page .content {
		min-width: 476px !important;
		width: 50% !important
	}

	#wrapper.blog-page .sidebar {
		margin-left: 0 !important;
		margin-right: -5px !important
	}
}

@media screen and (min-width:1000px) {
	#wrapper.blog-page .content {
		width: 56% !important
	}
}

@media screen and (min-width:1200px) {
	#wrapper.blog-page .content_block.custom {
		width: 100% !important
	}

	#wrapper.blog-page .blog-content {
		width: 65% !important
	}

	#wrapper.blog-page .content {
		width: 60% !important;
		float: left !important
	}
}

p.found {
	display: none !important
}

#search-block li.drop-search #search-beds-block label.checkbox {
	display: block !important;
	margin-left: auto;
	margin-right: auto
}

#header p.radio label {
	color: #fff !important
}

form#search-bar-form fieldset p {
	display: inline-block;
	text-align: left !important
}

#search-block fieldset {
	color: #fff;
	border: 1px solid #999;
	border-radius: 3px
}

#search-block fieldset fieldset {
	border: none
}

#search-block legend {
	font-size: 12px;
	font-weight: 400;
	text-align: left
}

#search-block form {
	margin: 0 !important;
	padding: 0 !important
}

#search-block ul.adv-search-items {
	display: inline-block
}

#search-block ul {
	vertical-align: top !important
}

#search-block {
	display: none !important;
	vertical-align: top;
	text-align: center;
	width: 100%;
	font-size: 12px !important;
	background-color: #efefef;
	background-color: #4a6491 !important
}

#search-block ul.basic-search-items {
	color: #fff
}

#search-block .label,
#search-block .small-input,
#search-block .search-submit {
	background-color: #4a6491 !important;
	color: #fff;
	border: none !important
}

#header input.toggle:checked+label[for=search-button],
#header label[for=search-button]:hover,
#header #search-block label:hover {
	background-color: #4a6491 !important
}

#header #search-block li.drop-search label:hover,
#header #search-block li.adv-search-button label:hover {
	background-color: #fff !important
}

#header label[for=search-button]:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	position: relative;
	top: 0;
	content: "\f002";
	color: orange;
	margin-right: 2px;
	vertical-align: top
}

#search-wrap {
	width: 100%;
	max-width: 800px;
	text-align: center !important;
	margin: 0 auto;
	min-width: 260px
}

input[name=min_width],
input[name=max_width],
input[name=min_depth],
input[name=max_depth] {
	float: left;
	margin: 8px 5px
}

#search-block ul.advanced-search-items fieldset {
	min-width: 100% !important
}

#find-plan-by-num-form {
	width: 100%
}

#search-block ul {
	padding: 5px !important;
	text-align: center !important
}

#search-block ul.basic-search-items>li {
	background-color: #fff !important
}

#search-block ul.advanced-search-items label {
	background-color: #a30404 !important
}

#search-block ul.adv-search-items {
	width: 100%;
	max-width: 640px
}

#search-block ul.adv-search-items li {
	width: 100%;
	max-width: 100%
}

#search-block ul.adv-search-items.small {
	width: 320px;
	max-width: 320px
}

#search-block ul.basic-search-items {
	width: 320px;
	max-width: 320px
}

#search-block ul.adv-search-items>li label {
	float: left
}

ul.basic-search-items>li {
	position: relative
}

ul.basic-search-items>li>div {
	display: none;
	position: absolute
}

#header input.toggle:checked+li label.main-label {
	background-color: #fff !important
}

label.main-label {
	cursor: pointer
}

input#search-button:checked~#search-block,
input#search-beds:checked+li #search-beds-block,
input#search-baths:checked+li #search-baths-block {
	display: block !important
}

label[for=search-button] {
	border-top: 1px solid #999
}

#search-block ul li#find-by-plan button {
	display: inline-block;
	position: relative;
	top: 1px;
	padding: 3px 6px !important;
	background-color: #a30404
}

#search-beds-block,
#search-baths-block,
#search-garages-block,
#search-stories-block {
	z-index: 2;
	width: 100%;
	overflow: hidden
}

#search-block ul.adv-search-items label {
	background-color: #4a6491 !important
}

#search-block input {
	background-color: #fff
}

#search-block ul li div {
	position: absolute;
	border: 1px solid #fff;
	box-shadow: 0 6px 5px #333;
	border-top: 1px solid #fff;
	width: 100%;
	border-radius: 0 0 3px 3px;
	text-align: left !important;
	left: 0;
	top: 27px;
	padding-left: 20px;
	background-color: #fff !important
}

#search-block ul>li {
	margin: 6px 2px !important;
	display: inline-block;
	border: 1px solid #999 !important;
	border-radius: 3px;
	min-width: 80px !important;
	text-align: center;
	padding: 7px 12px !important
}

#search-block ul.adv-search-items li {
	text-align: left !important
}

#search-block ul.adv-search-items li.search-submit {
	text-align: center !important
}

#search-block li.search-text {
	width: 90px !important;
	padding: 3px 5px !important
}

#search-block li.search-text input[type=text] {
	border: none !important;
	width: 80px;
	padding: 0 !important;
	margin: 0;
	text-align: center
}

#search-block>ul>li>label {
	width: 100px;
	height: 100%
}

#search-block input,
#search-block label,
#search-block button.button {
	display: inline-flex !important;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: left;
	margin-bottom: 0 !important;
	transform: initial
}

#search-block li.search-text input[type=text] {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff
}

#search-block li.drop-search {
	background: #4a6491 !important
}

#search-block li.search-submit {
	border: none !important;
	padding: 0 !important
}

.search-submit .button {
	padding: 7px 6px !important;
	margin: 0 !important;
	width: auto !important
}

#search-block ul li div {
	text-align: center
}

.button {
	border-radius: 8px !important
}

.button,
input.submit,
input.btnsubmit {
	background: #1f437a !important;
	border: 2px solid #1f437a !important;
	border-top-color: #1f437a;
	border-right-color: #1f437a;
	border-bottom-color: #1f437a;
	border-left-color: #1f437a;
	color: #eee !important;
	padding-top: 8px !important;
	padding-bottom: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	margin-bottom: 10px !important;
	height: auto !important;
	text-decoration: none !important;
	display: inline-block !important;
	text-align: center !important
}

form#search-bar-form {
	display: block
}

#search-block ul li.adv-search-button {
	display: none !important
}

#search-block {
	text-align: center !important
}

#search-block li#find-by-plan {
	border: none !important;
	width: auto !important;
	text-align: center !important
}

#search-block ul.basic-search-items {
	width: 100% !important;
	max-width: 100% !important
}

@media screen and (min-width:800px) {
	#search-block li#find-by-plan.mobile {
		display: none !important;
		text-align: center
	}

	#search-block li#find-by-plan {
		display: inline-block !important;
		text-align: center;
		padding: 7px 0 7px 14px !important
	}

	#search-block li#find-by-plan {
		display: inline-block !important
	}

	#search-block ul.basic-search-items {
		width: 100% !important;
		max-width: 100% !important
	}

	#search-block ul.adv-search-items {
		display: none !important
	}

	#search-block ul.basic-search-items,
	input#adv-search-button:checked+#search-block ul.adv-search-items {
		display: inline-block !important
	}

	#search-block ul li.adv-search-button {
		display: inline-block !important
	}

	label[for=search-button] {
		display: none !important
	}

	#search-block {
		display: block !important
	}

	#search-block button.mobile:after {
		content: ""
	}

	form#search-bar-form {
		display: inline-block
	}
}

@media screen and (max-width:480px) {
	.alert-message {
		font-size: 13px !important
	}

	.promo-wrap .message-block h2 {
		font-size: 11px
	}

	.promo-wrap .message-block h3 {
		font-size: 9px
	}

	.banner-head-text h1 {
		line-height: normal
	}
}

@media screen and (max-width:440px) {
	.alert-message {
		font-size: 12px !important
	}

	#search-block ul li.drop-search,
	#search-block ul li.search-text,
	#search-block ul li.search-submit {
		width: 145px !important
	}

	#search-block ul li.search-text input,
	#search-block ul li.search-submit button {
		width: 100% !important
	}

	#search-block #sqft-label,
	#search-block li.search-text {
		position: relative !important;
		left: -12px
	}
}

@media screen and (max-width:380px) {

	#search-block ul li.drop-search,
	#search-block ul li.search-text,
	#search-block ul li.search-submit {
		width: 230px !important
	}

	#search-block ul li.search-text input,
	#search-block ul li.search-submit button {
		width: 100% !important
	}

	#search-block #sqft-label,
	#search-block li.search-text {
		position: relative !important;
		left: -12px
	}

	#search-block li.search-text+li.search-text {
		left: 0
	}
}

@media screen and (max-width:485px) {

	#search-block #search-wrap ul.adv-search-items,
	#search-block #search-wrap ul.basic-search-items {
		width: 230px !important;
		max-width: 230px !important;
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important
	}
}

@media screen and (max-width:672px) {
	#search-wrap {
		max-width: 440px !important;
		margin-left: auto;
		margin-right: auto
	}

	#search-block li.search-submit {
		width: 100% !important
	}

	#search-block li.search-submit button.button {
		width: 100% !important
	}
}

@media screen and (max-width:799px) {
	#search-block li#find-by-plan {
		padding-top: 5px;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto !important
	}

	#search-block ul.basic-search-items {
		position: relative;
		padding-top: 45px !important
	}

	#header label[for=search-button] {
		border-bottom: 1px solid #999;
		padding: 10px 0 !important;
		background-color: #4a6491;
		color: #fff !important
	}

	#search-block ul.basic-search-items {
		min-width: 100% !important;
		display: block
	}

	label[for=adv-search-button] {
		display: none !important
	}
}

#search-block button.button {
	width: 100%;
	font-size: 18px;
	letter-spacing: 1px
}

#search-block>ul>li {
	text-align: center !important
}

label.label {
	float: left
}

#search-block label.checkbox {
	padding: 0;
	margin: 0 5px;
	float: left;
	background-color: transparent !important
}

#search-block label.checkbox.large {
	width: 190px !important;
	margin: 8px 5px
}

label.checkbox>[type=checkbox]:not(:checked)+span,
label.checkbox>[type=checkbox]:checked+span {
	position: relative;
	display: inline-block;
	text-align: center !important;
	width: 190px;
	border-radius: 4px;
	padding: 3px 0;
	cursor: pointer
}

#search-beds-block label.checkbox>[type=checkbox]:not(:checked)+span,
#search-beds-block label.checkbox>[type=checkbox]:checked+span,
#search-baths-block label.checkbox>[type=checkbox]:not(:checked)+span,
#search-baths-block label.checkbox>[type=checkbox]:checked+span {
	margin: 3px
}

label>[type=checkbox]:not(:checked),
label>[type=checkbox]:checked {
	position: absolute;
	left: -9999px
}

label.checkbox.small>[type=checkbox]:not(:checked)+span,
label.checkbox.small>[type=checkbox]:checked+span {
	width: 25px
}

label>[type=checkbox]:not(:checked)+span {
	background-color: #f5f5f5
}

@media screen and (min-width:768px) {
	label>[type=checkbox]+span:hover {
		background-color: #19437a;
		color: #fff
	}
}

label>[type=checkbox]:checked+span {
	background-color: #19437a;
	color: #fff
}

label[for=search-button] {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px
}

ul.adv-search-items {
	position: relative
}

a.more-toggle i:before {
	content: "Less";
	font-size: 12px;
	padding: 0 6px 0 9px;
	position: relative;
	top: -1px
}

a.more-toggle i:after {
	content: "\f062";
	font-size: 12px;
	position: relative;
	top: -1px
}

a.more-toggle.less i:before {
	content: "More";
	padding: 0 3px;
	position: relative;
	top: -1px
}

a.more-toggle.less i:after {
	content: "\f063";
	position: relative;
	top: -1px
}

#search-block #search-wrap ul a.more-toggle {
	cursor: pointer;
	position: absolute;
	right: 14px;
	top: 3px;
	padding: 0 2px !important;
	background-color: orange;
	border: 1px solid #999;
	border-radius: 3px;
	font-size: 16px
}

fieldset.minimize-height {
	max-height: 57px !important;
	overflow: hidden
}

li.search-text input::-webkit-input-placeholder,
li.search-text input:-ms-input-placeholder,
li.search-text input::-moz-placeholder,
li.search-text input:-moz-placeholder {
	color: red;
	opacity: 1
}

#sqft-label {
	background-color: transparent !important;
	display: inline-block !important;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #444;
	line-height: .9;
	padding: 0;
	margin: 0;
	text-transform: capitalize !important;
	font-variant: small-caps;
	vertical-align: middle
}

#search-block li.search-text,
#search-block li.drop-search,
#search-block li.adv-search-button {
	padding: 0 !important
}

#search-block li.search-text {
	box-shadow: 1px 1px 3px #19437a
}

#search-block li.search-text input[type=text] {
	width: 88px !important;
	display: inline-block !important;
	font-size: 14px !important;
	height: 30px !important
}

#search-block li label.main-label {
	width: 100% !important;
	display: inline-block !important;
	font-size: 14px !important;
	margin-top: 0 !important
}

#search-block li.drop-search label[for=search-beds] {
	padding: 7px 16px 7px 17px !important
}

#search-block li.drop-search label[for=search-baths] {
	padding: 7px 11px !important
}

#search-block li.adv-search-button label[for=adv-search-button] {
	padding: 7px 13px !important
}

#search-block a.button.small {
	font-size: 10px;
	min-width: 100px;
	width: 35%;
	margin: 5%
}

p#search-form-submit {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0
}

p#search-form-submit button.big {
	margin: 0 auto;
	padding-top: 12px !important;
	padding-bottom: 10px !important
}

p#search-form-reset {
	padding-bottom: 5px
}

p#search-form-reset a#form-reset:after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	color: #fff;
	font-size: 12px;
	position: relative;
	top: 0;
	content: "\f021";
	margin-left: 5px;
	padding: 0;
	vertical-align: top
}

p#search-form-reset a#form-close:after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	color: #fff;
	font-size: 12px;
	position: relative;
	top: 0;
	content: "\f00d";
	margin-left: 5px;
	padding: 0;
	vertical-align: top
}

div.page_navi {
	float: left;
	display: inline-block;
	width: auto;
	vertical-align: bottom !important
}

#search-block fieldset {
	margin-bottom: 10px !important
}

.why-buy {
	text-align: center
}

.why-buy .promo-box {
	width: 100%
}

a.button.link {
	background-color: #4a6491 !important;
	border-color: #4a6491 !important;
	margin-top: 5px
}

a.button.link:hover {
	background-color: #4a6491 !important;
	border-color: #4a6491 !important
}

.button.small {
	padding: 3px 6px !important
}

#wrapper.plans-wrap .container.row .inner.cont {
	padding: 15px !important;
	width: auto !important;
	margin: 0 !important
}

.results.row {
	width: auto !important
}

.banner_side {
	margin-right: 20px !important
}

#modifications-block {
	text-align: left;
	padding: 15px 20px;
	background-color: #fff
}

.cta-group h3 {
	text-transform: uppercase;
	line-height: 1.5;
	color: orange;
	font-size: 22px !important
}

.cta-group h4 {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5;
	float: none !important;
	color: #444;
	font-weight: 400;
	font-style: italic;
	font-size: 18px !important
}

.cta-group h4 span {
	font-weight: 700;
	color: #555
}

.cta-group h5 {
	font-weight: 700;
	color: #ff8c01;
	font-size: 20px !important;
	text-shadow: 1px 1px 1px #aaa
}

.cta-group h5 span {
	font-weight: 700;
	font-size: 16px !important;
	color: #555;
	text-shadow: none
}

.cta-group h5 span em {
	font-size: 90%;
	color: #a30404;
	font-style: normal
}

.cta-group span.option1 {
	display: inline
}

.cta-group span.option2 {
	display: none
}

@media screen and (max-width:450px) {
	.cta-group span.option1 {
		display: none
	}

	.cta-group span.option2 {
		display: inline
	}

	.cta-group h4 {
		padding-left: 0;
		padding-right: 0
	}
}

.plan_links {
	overflow: hidden;
	clear: both;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center
}

.plan_links a {
	border: 2px solid #4a6491;
	border-radius: 3px;
	padding: 6px 10px 4px !important;
	margin: 0 10px 10px 0 !important;
	color: #fff;
	float: left;
	background-color: #4a6491;
	background-image: none;
	font-size: 12px;
	display: inline-block;
	text-decoration: none
}

@media screen and (max-width:599px) {
	.plan_links a {
		width: 40% !important
	}
}

@media screen and (max-width:576px) {
	.alert-message {
		margin-top: 0 !important;
		font-size: 15px;
		padding: 0 25px 20px !important;
		text-align: center
	}

	.swiper-wrapper .no-data {
		margin: 0 auto;
		text-align: center
	}
}

@media screen and (max-width:479px) {
	.plan_links a {
		width: 90% !important
	}
}

.plan_links a:hover {
	background-color: #1b95e0;
	border-color: #1b95e0
}

.plan_links .add_to_fav:before,
.plan_links .remove_fav:before,
.plan_links .plans_by_designer:before,
.plan_links .garage_plans:before,
.plan_links .whats_included:before,
.plan_links .modify_plans:before {
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	display: inline;
	vertical-align: middle;
	color: #fff;
	margin-right: 8px
}

.plan_links .add_to_fav:before,
.plan_links .remove_fav:before {
	content: "\f004"
}

.plan_links .remove_fav {
	background-color: #a30404;
	border-color: #a30404
}

.plan_links .plans_by_designer:before,
.plan_links .garage_plans:before {
	content: "\f015"
}

.plan_links .whats_included:before {
	content: "\f022"
}

.plan_links .modify_plans:before {
	content: "\f040"
}

#modformsubmit .processing {
	display: none
}

@-ms-viewport {
	width: device-width;
}



.admin-menu {
	padding: 5px;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 3px
}

.admin-menu .admin-menu-item {
	padding: 0 10px
}

.admin-label {
	font-weight: 700;
	font-size: 12px;
	color: #aaa
}

@media screen and (min-width:1199px) {
	.notification-bar {
		display: flex;
		justify-content: space-between
	}
}

.promo-wrap {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px
}

.promo-wrap h2 {
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4)
}

.promo-wrap .message-block h2 {
	font-family: var(--opensans);
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	color: #fff;
	margin-bottom: 5px
}

.promo-wrap .message-block h3 {
	font-family: var(--opensans);
	font-size: 11px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	color: #fff
}

.ribbon h2 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

.ribbon-block,
.message-block {
	padding: 10px 15px 0;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle
}

.ribbon:after,
.ribbon:before {
	margin-top: .5em;
	content: "";
	float: left;
	border: 1.5em solid #fec525
}

.ribbon:after {
	border-right-color: transparent
}

.ribbon:before {
	border-left-color: transparent
}

.ribbon a:link,
.ribbon a:visited {
	color: #555;
	text-decoration: none;
	float: left;
	height: 3.5em;
	overflow: hidden
}

.ribbon span {
	background: #ffd204;
	margin-top: 0;
	display: inline-block;
	line-height: 3em;
	padding: 0 1em;
	position: relative
}

.ribbon span:before {
	content: "";
	position: absolute;
	top: 3em;
	left: 0;
	border-right: .5em solid #9b8651;
	border-bottom: .5em solid #fec525
}

.ribbon span:after {
	content: "";
	position: absolute;
	top: 3em;
	right: 0;
	border-left: .5em solid #9b8651;
	border-bottom: .5em solid #fec525
}

@media screen and (max-width:479px) {
	.tab-menu ul li .tab-a {
		font-size: 14px
	}

	#alert-bar,
	.promo-wrap h2,
	.promo-wrap h3 {
		font-size: 100%
	}

	.ribbon-block,
	.message-block {
		padding: 10px 0 0
	}
}

.sale-price {
	margin: 0;
	vertical-align: baseline
}

.strikethrough-inner {
	color: #19437a
}

.strikethrough-outer {
	color: rgba(255, 0, 0, .5) !important;
	text-decoration: line-through
}

.sale-ribbon-wrapper {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
	z-index: 99999
}

.sale-ribbon {
	font: 700 15px Sans-Serif;
	color: #222;
	text-align: center;
	text-shadow: rgba(255, 255, 255, .7) 0 1px 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #ffd204;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd204), to(#fec525));
	background-image: -webkit-linear-gradient(top, #ffd204, #fec525);
	background-image: -moz-linear-gradient(top, #ffd204, #fec525);
	background-image: -ms-linear-gradient(top, #ffd204, #fec525);
	background-image: -o-linear-gradient(top, #ffd204, #fec525);
	color: #6a6340;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	z-index: 99999
}

.sale-ribbon:before,
.sale-ribbon:after {
	content: "";
	border-top: 3px solid #9b8651;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px
}

.sale-ribbon:before {
	left: 0
}

.sale-ribbon:after {
	right: 0
}

​ .FIX {}

.checkout-title {
	display: block;
	max-width: 100%;
	text-align: left
}

.checkout-title span {
	position: relative;
	top: 38px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #999;
	z-index: -1
}

.checkout-title h1 {
	display: inline-block !important;
	text-align: center;
	padding: 15px;
	padding-left: 0;
	background-color: #fff;
	z-index: 99
}

.checkout_progress {
	margin-bottom: 40px !important;
	border: none !important;
	text-align: center
}

.checkout_progress li {
	display: inline-block;
	text-align: center;
	width: 32%;
	max-width: 32%;
	background-color: #eee;
	list-style: none;
	color: #888
}

.checkout_progress li:first-child {
	float: left
}

.checkout_progress li:last-child {
	float: right
}

.checkout_progress li.current-step {
	color: #eee;
	background-color: #499b1e
}

.checkout_progress li a {
	display: block;
	min-width: 100%;
	min-height: 100%;
	color: #499b1e !important
}

.checkout_progress li a:hover {
	color: #499b1e !important;
	background-color: rgba(200, 200, 200, .2)
}

.checkout_progress li.current-step span {
	color: #eee;
	background-color: rgba(255, 255, 255, .2)
}

.checkout_progress li span {
	display: inline-block;
	float: left;
	background-color: #ddd;
	text-align: center;
	width: 30px
}

.button.green {
	background-color: #499b1e !important;
	border-color: #499b1e !important;
	width: 310px
}

.button.green:hover {
	background-color: #499f3f !important;
	border-color: #499f3f !important
}

.button.blue {
	background-color: #2764b3 !important;
	border: solid 1px #2764b3 !important;
	height: 50px !important;
	display: flex !important;
	justify-content: center;
	width: 100%;
	font-family: open sans, sans-serif;
	font-size: 19px
}

.button.blue:hover {
	background-color: #fff !important;
	border: solid 1px #2764b3 !important;
	color: #2764b3 !important
}

.button.orange {
	color: #4a6491 !important;
	font-size: 18px !important;
	font-weight: 700;
	padding: 10px 12px 8px !important;
	background-color: orange !important;
	border-color: orange !important;
	width: 282px
}

.button.orange:hover {
	background-color: orange !important;
	border-color: orange !important
}

i.padlock:before {
	content: "\f023";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	font-style: normal;
	color: #499b1e
}

#discount .checkout-form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	text-align: left
}

#discount .checkout-form dl {
	width: 100% !important
}

#discount .checkout-form dt {
	width: auto !important
}

.carttable * {
	box-sizing: content-box !important
}

.carttable {
	background-color: #efefef;
	vertical-align: top !important
}

.carttable .header-row {
	color: #000;
	font-size: 18px
}

.carttable .footer-row td {
	font-weight: 700 !important
}

.carttable .header-row th {
	font-weight: 600 !important;
	font-size: 29px
}

.carttable th,
.carttable td {
	box-sizing: border-box;
	padding: 5px 20px !important;
	font-weight: 400 !important;
	vertical-align: top !important;
	box-sizing: border-box !important
}

.content_block.custom .checkout-form {
	width: 100%;
	overflow: hidden;
	margin-top: 5% !important;
	margin-left: 10%
}

.checkout-form table select.formfield,
.checkout-form table input.formfield,
.checkout-form table textarea.formfield {
	min-width: 210px !important
}

.checkout-form fieldset {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100%
}

.checkout-form dt,
.checkout-form dd {
	text-align: left;
	float: left
}

.checkout-form tr:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both
}

.checkout-form input[type=checkbox],
.checkout-form input[type=radio] {
	position: relative;
	top: 7px;
	margin-right: 10px
}

.checkout-form select option[disabled] {
	display: none
}

.checkout-buttons .divider {
	padding: 0 20px
}

.usair,
.canada,
.intl {
	display: none
}

tr.spacer {
	height: 375px
}

@media screen and (max-width:1180px) {
	tr.spacer {
		height: 660px
	}

	.logo-popup {
		display: flex;
		justify-content: center;
		align-items: center
	}
}

@media screen and (max-width:768px) {
	.promo-wrap .message-block h2 {
		font-size: 12px
	}

	.promo-wrap .message-block h3 {
		font-size: 10px
	}

	.inner {
		padding: 0
	}

	.banner-bg {
		background: 0 0
	}

	.content {
		margin-top: 0
	}

	.checkout_progress li {
		float: none !important;
		display: block !important;
		min-width: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 5px 0 !important
	}

	.checkout-buttons .divider {
		display: block !important;
		padding: 10px
	}

	.carttable tr table {
		width: 100% !important;
		margin: 0 !important
	}

	tr.spacer {
		height: 32px
	}
}

tr {
	max-width: 100% !important
}

.checkout-form input[type=radio],
.checkout-form input[type=checkbox] {
	transform: scale(1.25)
}

input.custom-input:not(:checked),
input.custom-input:checked {
	display: none
}

input.custom-input+label .checkbox,
input.custom-input+label .radio {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	display: inline-block;
	min-width: 24px;
	font-size: 20px;
	color: #555;
	position: relative;
	top: 2px
}

.cart.add input.custom-input+label .checkbox,
.cart.add input.custom-input+label .radio {
	top: -5px
}

input.custom-input+label .checkbox:before {
	content: "\f0c8";
	font-weight: 400
}

input.custom-input:checked+label .checkbox:before {
	content: "\f14a";
	color: #0a3d7a
}

input.custom-input+label .radio:before {
	content: "\f111";
	font-weight: 400
}

input.custom-input:checked+label .radio:before {
	content: "\f058";
	font-weight: 900;
	color: green
}

#cboxLoadedContent {
	font-size: 14px !important
}

.checkbox:before,
.checkbox:after,
.radio:before,
.radio:after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free"
}

.featherlight * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html.with-featherlight {
	overflow: hidden
}

@media print {
	html.with-featherlight>*>:not(.featherlight) {
		display: none
	}
}

.featherlight {
	font-size: 14px;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .9)
}

.featherlight.featherlight-iframe:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.featherlight.featherlight-iframe .featherlight-content {
	border-bottom: 0;
	margin: 0;
	height: 100%;
	max-height: 100%;
	width: 100%;
	background: #fff;
	padding: 20px;
	-webkit-overflow-scrolling: touch
}

.featherlight.featherlight-iframe .featherlight-close-icon {
	background-color: transparent;
	font-size: 28px;
	font-weight: 900
}

.featherlight iframe {
	border: 0;
	height: 95%;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 15px
}

.featherlight .featherlight-content {
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	max-height: 95%;
	background: #fff;
	cursor: auto;
	white-space: normal;
	border-radius: 11px;
	max-width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow: hidden;
	height: max-content;
	top: 50%;
	transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
	.featherlight .featherlight-content {
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;
		padding: 10px 10px 0;
		border-bottom: 10px solid transparent
	}
}

.featherlight .featherlight-inner {
	display: block;
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 25px;
	padding-right: 25px;
	height: 100%;
	overflow: auto;
	max-height: calc(100vh - 50px) !important
}

.featherlight link.featherlight-inner,
.featherlight script.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none
}

.featherlight .featherlight-close-icon {
	position: absolute;
	z-index: 9999;
	top: 10px;
	right: 1px;
	line-height: 25px;
	width: 50px;
	cursor: pointer;
	text-align: center;
	background: #fff;
	background: rgba(255, 255, 255, .3);
	color: #000;
	border: 0;
	padding: 0;
	font-weight: 900;
	font-size: 20px
}

.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0
}

.featherlight .featherlight-image {
	width: 100%
}

#login-popup,
#pricematch-popup {
	display: none;
	padding: 15px 20px;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 14px
}

.featherlight #login-popup,
.featherlight #pricematch-popup {
	display: block
}

#login-popup h3,
#pricematch-popup h3 {
	font-size: 28px;
	padding-bottom: 20px
}

#login-popup section {
	display: none;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

#pricematch-popup section {
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #ddd
}

#login-popup .promo,
#pricematch-popup .promo {
	background-color: #eee;
	color: green;
	padding: 10px 20px
}

#login-popup input.hide,
#pricematch-popup input.hide {
	position: absolute;
	left: -9999px
}

#login-popup input,
#pricematch-popup input,
#pricematch-popup select {
	margin: 10px 0;
	font-size: larger
}

#login-popup input.formfield,
#pricematch-popup input.formfield {
	padding: 12px 5px !important;
	min-height: 32px !important
}

#login-popup label,
#pricematch-popup label {
	display: inline-block;
	margin-right: 15px;
	padding: 12px 5px;
	text-align: center;
	font-size: 18px;
	color: #555;
	border: 2px solid transparent
}

#login-popup label:hover,
#pricematch-popup label:hover {
	color: #1b95e0;
	cursor: pointer
}

#login-popup label.active,
#pricematch-popup label.active {
	color: #1b95e0;
	border-bottom: 2px solid #1b95e0
}

#login-popup section.active,
#pricematch-popup section.active {
	display: block
}

#login-popup .checkbox-text,
#pricematch-popup .checkbox-text {
	position: relative;
	padding-left: 13px;
	top: -6px
}

#login-popup .button {
	background-color: #1b95e0 !important;
	border-color: #1b95e0 !important;
	margin: 10px 0
}

#login-popup .social-login,
#pricematch-popup .button {
	margin-top: 10px;
	font-size: 18px;
	text-align: center
}

@media screen and (max-width:650px) {

	#login-popup label,
	#pricematch-popup label {
		font-size: 10
	}
}

@media screen and (max-width:400px) {

	#login-popup label,
	#pricematch-popup label {
		padding: 15px
	}
}

.tiled_cards_wrapper,
.single_card_wrapper {
	min-width: 100% !important;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.tiled_cards_wrapper div,
.single_card_wrapper div {
	box-sizing: border-box
}

.sort-fields {
	margin-top: 15px
}

.sort-fields form {
	display: inline-block;
	margin: 5px;
	padding: 10px 10px 5px;
	background-color: #efefef;
	margin-right: 10px
}

.sort-fields p span {
	position: relative;
	top: 3px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	width: 60px
}

.alert-message {
	margin-top: 15px;
	padding: 10px 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5em !important;
	font-family: var(--din_2014) !important
}

.card {
	vertical-align: middle;
	display: inline-block;
	min-width: 310px !important;
	max-width: 310px !important;
	margin: 15px 5px 30px;
	padding: 10px;
	border: 1px solid #bbb;
	overflow: hidden
}

.card li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0
}

.card a {
	text-decoration: none;
	color: #444
}

.card .plan_link {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%
}

.card .plan_link:hover:after {
	content: "View Plan Details";
	position: absolute;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding-top: 70px;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999
}

.favorite-controls {
	width: 50%;
	float: left;
	margin: 0 0 10px;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px
}

.favorite-controls.list {
	padding-left: 0
}

.favorite-controls.ban {
	padding-right: 0
}

.favorite-controls a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 5px 8px 3px;
	color: #444;
	border: 2px solid #777;
	vertical-align: top;
	text-decoration: none
}

.favorite-controls.list a i:before {
	content: "\f004"
}

.favorite-controls.list a:hover i:before {
	content: "\f004"
}

.favorite-controls.list a.selected i:before {
	content: "\f004"
}

.favorite-controls.list a.selected:hover i:before {
	content: "\f004"
}

.favorite-controls.ban a i:before {
	content: "\f05e"
}

.favorite-controls.ban a:hover i:before {
	content: "\f05e"
}

.favorite-controls.ban a.selected i:before {
	content: "\f05e"
}

.favorite-controls.ban a.selected:hover i:before {
	content: "\f068"
}

.favorite-controls.list .selected,
.favorite-controls.list a:hover {
	background-color: #0a3d7a;
	border-color: #0a3d7a;
	color: #fff
}

.favorite-controls.ban .selected,
.favorite-controls.ban a:hover {
	background-color: #222;
	border-color: #222;
	color: #fff
}

.favorite-controls a.selected:hover {
	color: #444;
	border-color: #444;
	background-color: #fff
}

.favorite-controls i {
	padding-right: 5px
}

.card .floorplanlistthumbnail {
	clear: both;
	position: relative;
	vertical-align: center;
	background-color: #999;
	height: 170px;
	overflow: hidden
}

.card .floorplanlistthumbnail img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	min-width: 100%;
	min-height: 170px
}

.card .floorplanlistthumbnail.xout:after {
	position: absolute;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "font awesome 5 free";
	font-weight: 900;
	content: "\f05e";
	color: rgba(0, 0, 0, .6);
	padding-top: 10px;
	font-size: 96px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .6);
	z-index: 9
}

.floorplanlistplanname {
	text-align: center;
	padding: 5px 0
}

.floorplanlistplanname h3 {
	display: inline-block;
	width: 100%;
	font-weight: 300;
	font-size: 32px;
	color: #444 !important;
	text-decoration: none;
	background-color: #dedede
}

.floorplanlistplanname h3 span {
	font-weight: 100;
	padding-right: 4px
}

.plan-data {
	width: 100%;
	overflow: hidden;
	text-transform: uppercase
}

.plan-data .data-block {
	background-color: #efefef;
	margin: 2px;
	padding: 5px 2px;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	width: 69px;
	float: left;
	text-transform: uppercase
}

.plan-data .data-block.data-wide {
	width: 140px
}

.plan-data .data-block span {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	font-weight: 500
}

.plan-data .data-block:first-child {
	margin-left: 0
}

.plan-data .data-block:last-child {
	margin-right: 0
}

.personal-data {
	clear: both;
	overflow: hidden;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 300;
	vertical-align: middle
}

.rating {
	margin-top: 5px
}

.rating ul a i {
	font-size: 24px;
	padding: 5px
}

.rating span {
	text-transform: uppercase;
	float: left
}

.rating span,
.notes span {
	position: relative;
	top: 3px
}

.searchname span {
	position: relative;
	top: 7px
}

.notes,
.searchname {
	text-transform: uppercase
}

.notes p,
.searchname p {
	display: block;
	width: 100%;
	height: 100%;
	text-transform: none;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both
}

.searchname p {
	overflow: hidden;
	border: 1px solid orange;
	background-color: #fff
}

.notes p textarea,
.searchname p textarea {
	border: none !important;
	display: block !important;
	width: 100% !important;
	height: 100px !important;
	margin: 0 !important;
	padding: 10px 0 !important;
	color: #666;
	font-style: italic;
	resize: none !important
}

.searchname p textarea {
	padding: 12px 10px !important;
	float: left;
	height: 1em !important;
	width: 70% !important;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px
}

.edit-button {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 8px;
	color: orange;
	border: 1px solid orange !important;
	float: right;
	margin-bottom: 5px
}

.edit-button:hover {
	background-color: orange;
	color: #fff
}

.searchname .edit-button {
	position: relative;
	top: 9px;
	right: 8px;
	background-color: orange;
	color: #fff
}

.searchname .edit-button:hover {
	background-color: #fff;
	color: orange
}

.card .full-width {
	display: block !important;
	margin-top: 20px;
	margin-bottom: 0 !important;
	text-transform: uppercase
}

.single_card_wrapper {
	text-align: left;
	margin: 0;
	padding: 0
}

.single_card_wrapper .card {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left
}

.single_card_wrapper .favorite-controls {
	margin: 10px 0 0
}

.single_card_wrapper .floorplanlistplanname {
	padding: 0;
	margin: 0;
	text-align: left
}

.single_card_wrapper .floorplanlistplanname h3 {
	background-color: #fff;
	padding: 0;
	margin: 10px 0 0;
	line-height: 1em;
	font-size: 36px
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff
}

body.loading {
	overflow: hidden
}

body.loading .modal {
	display: block
}

#btnlogin {
	padding: 10px;
	font-size: 11px
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.row-groupc {
	display: flex
}

.logincheck {
	display: block !important
}

.alignform {
	padding-left: 5%;
	width: 100%;
	margin-bottom: 3%
}

.inputcheck {
	height: 30px !important;
	border-radius: 6px;
	border: .5px solid #e5e5e5;
	padding: 3% !important
}

.border-dott {
	border-left: dotted #e5e5e5;
	margin-left: -10px;
	margin-top: -5%
}

.border-dot {
	border-left: dotted #e5e5e5;
	margin-left: -10px;
	margin-top: -2%
}

.border-dote {
	border-left: dotted #e5e5e5;
	margin-left: -10px;
	height: 3px;
	margin-top: -6px
}

.border-doe {
	border-left: dotted #e5e5e5;
	margin-left: -10px;
	height: 3px;
	margin-top: -8px
}

.seePlanContainer {
	max-width: 1330px;
	width: 100% !important;
	margin: 20px auto 30px
}

.seePlanContainer .seePlanContent {
	background: #fafafa;
	border: 1px solid #19437a;
	border-radius: 11px;
	padding: 10px;
	text-align: center;
	box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.seePlanContent p {
	color: #19437a;
	font-family: var(--opensans) !important;
	font-size: 14px;
	font-weight: 500
}

.seePlanContent p a {
	display: inline-block;
	background: #19437a;
	border-radius: 6px;
	padding: 5px 10px;
	margin-left: 10px;
	color: #fff;
	font-family: var(--opensans) !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none
}

.seePlanContent p a:hover {
	background-color: #fff;
	color: #19437a;
	box-shadow: 0 0 8px rgb(0 0 0/80%)
}

.fovCard {
	overflow: visible !important
}

.hp-header {
	position: sticky;
	z-index: 5000;
	background: 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	top: 0;
	border-bottom: 1px solid #ddd;
	max-height: 80px
}

@media(max-width:1024px) {
	body:not(.show_mobile_menu) #hp-mobile-navigator {
		display: flex
	}
}

.hp-header__logo {
	flex: 0 0 260px;
	width: 260px
}

@media(max-width:1024px) {
	.hp-header__logo {
		flex: 0 0 140px;
		width: 140px
	}
}

.hp-header__right {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end
}

.hp-header__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 6px 12px;
	flex: 1 0 100%
}

@media(max-width:1024px) {
	.hp-header__top {
		position: relative;
		z-index: 2;
		border-bottom: 1px solid #999
	}
}

.hp-header__primarynav {
	flex: 1 0 100%;
	border-top: 1px solid #999;
	font-size: 0;
	position: relative;
	z-index: 50
}

@media(max-width:1024px) {
	.hp-header__primarynav {
		max-height: 0;
		overflow: hidden;
		position: absolute;
		top: 44px;
		left: 0;
		right: 0;
		background: #fff;
		border: 0;
		transition: .2s all cubic-bezier(0, 1, 0, 1)
	}

	.hp-header__primarynav.active {
		max-height: 2000px;
		overflow: visible;
		transition: .2s all cubic-bezier(0, 1, 0, 1)
	}
}

.hp-header__primarynav #styles-list-block,
.hp-header__primarynav #engineering-list-block,
.hp-header__primarynav #a-frame-list-block,
.hp-header__primarynav #tiny-home-list-block,
.hp-header__primarynav #bunker-home-list-block,
.hp-header__primarynav #collections-list-block {
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	background: #fff;
	z-index: 99;
	display: block;
	transition: .2s all cubic-bezier(0, 1, 0, 1);
	max-height: 0;
	overflow: hidden
}

.hp-header__primarynav #styles-list:checked~#styles-list-block,
.hp-header__primarynav #engineering-list:checked~#engineering-list-block,
.hp-header__primarynav #a-frame-list:checked~#a-frame-list-block,
.hp-header__primarynav #tiny-home-list:checked~#tiny-home-list-block,
.hp-header__primarynav #bunker-home-list:checked~#bunker-home-list-block,
.hp-header__primarynav #collections-list:checked~#collections-list-block {
	transition: .2s all cubic-bezier(0, 1, 0, 1);
	max-height: 2000px;
	padding: 16px;
	border: 2px solid #bbb;
	border-left: 0;
	border-right: 0
}

.hp-header__primarynav #collections-list-block ul li:first-child {
	border: 0;
	background: 0
}

@media(max-width:1024px) {
	.hp-header__primarynav #styles-list-block,
	.hp-header__primarynav #engineering-list-block,
	.hp-header__primarynav #a-frame-list-block,
	.hp-header__primarynav #tiny-home-list-block,
	.hp-header__primarynav #bunker-home-list-block{
		top: 60px
	}
}

@media(max-width:1024px) {
	.hp-header__primarynav #collections-list-block {
		top: 92px
	}

	.hp-header__primarynav #collections-list-block ul {
		margin: 0 0 16px
	}
}

.hp-header__primarynav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	font-size: 0
}

.hp-header__primarynav ul li {
	font-size: 14px;
	transition: .2s all ease
}

@media(max-width:1024px) {
	.hp-header__primarynav ul li {
		flex: 1 0 100%;
		text-align: center
	}
}

.hp-header__primarynav ul li label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 8px 16px;
	border-radius: 4px;
	line-height: 1
}

.hp-header__primarynav ul li label a {
	padding: 0
}

.hp-header__primarynav ul li:hover {
	background: #ddd
}

.hp-header__primarynav ul li a {
	font-size: 14px;
	display: block;
	padding: 8px 16px;
	line-height: 1;
	color: #222;
	text-transform: uppercase;
	transition: .2s all ease;
	text-decoration: none;
	color: #222
}

.hp-header__primarynav ul li a:hover {
	background: #ddd
}

.hp-header__secondarynav {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end
}

@media(max-width:1024px) {
	.hp-header__secondarynav {
		z-index: 40;
		position: absolute;
		right: 0;
		transition: .1s all ease;
		left: unset;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		padding: 12px;
		background: #fff;
		border-radius: 0;
		border-left: 0 !important;
		border-right: 0 !important;
		text-align: center;
		width: 100%;
		top: 251px
	}

	.hp-header__secondarynav.active {
		opacity: 1;
		max-height: 500px;
		border-bottom: 2px solid #ccc
	}
}

.hp-header__secondarynav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 0
}

@media(max-width:1024px) {
	.hp-header__secondarynav ul {
		width: 100%
	}
}

@media(max-width:1024px) {
	.hp-header__secondarynav ul li {
		flex: 1 0 100%
	}
}

@media(max-width:1024px) {
	.hp-header__secondarynav ul li#find-by-plan {
		display: block
	}
}

.hp-header__secondarynav ul li#find-by-plan form {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-end;
	margin: 0 8px 0 0
}

@media(max-width:1024px) {
	.hp-header__secondarynav ul li#find-by-plan form {
		margin: 0;
		justify-content: center
	}
}

.hp-header__secondarynav ul li#find-by-plan form input {
	border-radius: 4px 0 0 4px;
	padding: 6px;
	border: 1px solid #ccc
}

.hp-header__secondarynav ul li#find-by-plan form button {
	border-radius: 0 4px 4px 0;
	background: #0a3d7a;
	appearance: none;
	border: 0;
	color: #fff
}

.hp-header__secondarynav ul li a {
	display: block;
	padding: 6px 12px;
	color: #222;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	transition: .2s all ease;
	border-radius: 4px
}

@media(max-width:1024px) {
	.hp-header__secondarynav ul li a {
		font-size: 14px
	}
}

.hp-header__secondarynav ul li a:hover {
	background: #ddd
}

.hp-header__info-cart {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 4px 0 0
}

.hp-header__info-cart a.user-menu {
	color: #ff8c01 !important;
	text-decoration: none !important
}

@media(max-width:1024px) {
	.hp-header__info-cart .hp-header__usermenu {
		order: 4
	}

	.hp-header__info-cart .hp-header__usermenu span {
		display: none
	}
}

.hp-header__info-cart .hp-header__usermenu #user-menu a {
	transition: .2s all ease;
	border: 1px solid transparent;
	border-radius: 4px
}

.hp-header__info-cart .hp-header__usermenu #user-menu a:hover {
	border-color: #ff8c01
}

.hp-header__info-cart .hp-header__usermenu label {
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none;
	border-radius: 4px;
	transition: .2s all ease;
	display: block;
	padding: 6px 12px;
	font-size: 12px;
	text-transform: uppercase
}

.hp-header__info-cart .hp-header__usermenu label[for=primary-nav] {
	display: none
}

@media(max-width:1024px) {
	.hp-header__info-cart .hp-header__usermenu label[for=primary-nav] {
		display: block
	}
}

@media(max-width:1024px) {
	.hp-header__info-cart #cart-link {
		order: 1
	}

	.hp-header__info-cart #phone-number {
		order: 2
	}

	.hp-header__info-cart #fav-link {
		order: 3
	}

	.hp-header__info-cart #phone-number span,
	.hp-header__info-cart #fav-link span {
		display: none
	}
}

.hp-header__info-cart #phone-number a {
	color: #b13533;
	border: 1px solid transparent;
	text-decoration: none;
	border-radius: 4px;
	transition: .2s all ease;
	font-size: 12px
}

.hp-header__info-cart #cart-link a,
.hp-header__info-cart #fav-link a {
	color: #0a3d7a !important;
	border: 1px solid transparent;
	text-decoration: none;
	border-radius: 4px;
	transition: .2s all ease;
	font-size: 12px;
	position: relative
}

.hp-header__info-cart #cart-link a:hover,
.hp-header__info-cart #fav-link a:hover {
	border-color: #0a3d7a
}

.hp-header__info-cart #phone-number a:hover {
	border-color: #b13533
}

.hp-header__info-cart #cart-link a span {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 7px;
	border-radius: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	background: #b13533;
	font-weight: 500;
	font-size: 10px;
	color: #fff
}

.hp-header__info-cart ul,
.hp-header__info-cart .hp-header__usermenu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end
}

.hp-header__info-cart ul li a,
.hp-header__info-cart .hp-header__usermenu li a {
	display: block;
	padding: 6px 12px;
	text-transform: uppercase
}

.hp-header__usermenu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end
}

.hp-header__userlogo-list {
	flex: 0 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	transition: .2s all cubic-bezier(0, 1, 0, 1);
	max-height: 0;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 4px;
	position: relative;
	z-index: 20
}

@media(max-width:1024px) {
	.hp-header__userlogo-list {
		position: absolute;
		top: 43px;
		right: 0;
		left: 0;
		padding: 0 12px;
		background: #fff;
		border-radius: 0;
		border-left: 0 !important;
		border-right: 0 !important
	}

	.hp-header__userlogo-list ul {
		width: 100%
	}
}

.hp-header__userlogo-list.active {
	max-height: 32px;
	border: 1px solid #ccc;
	transition: .2s all cubic-bezier(0, 1, 0, 1)
}

@media(max-width:1024px) {
	.hp-header__userlogo-list.active {
		max-width: 100%;
		border-top: 0;
		max-height: 250px
	}
}

.hp-header__userlogo-list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 0
}

@media(max-width:1024px) {
	.hp-header__userlogo-list ul {
		padding: 8px 0
	}
}

@media(max-width:1024px) {
	.hp-header__userlogo-list ul li {
		flex: 1 0 100%;
		text-align: right
	}

	.hp-header__userlogo-list ul li.account-link:first-of-type a {
		color: #ff8c01;
		font-weight: 500
	}
}

.hp-header__userlogo-list ul li a {
	display: block;
	padding: 8px 16px;
	font-size: 12px;
	text-transform: uppercase;
	transition: .2s all ease;
	text-decoration: none;
	color: #222
}

@media(max-width:1024px) {
	.hp-header__userlogo-list ul li a {
		padding: 8px 0;
		text-align: center;
		font-size: 14px
	}
}

.hp-header__userlogo-list ul li a:hover {
	background: #ddd
}

.hp-header__dropmenu-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 925px;
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0 0 15px rgb(149 132 132/80%)
}

.allOtherWrapper{
	width: 600px;
}

#dropmenu-wrapper-collections {
	width: 590px;
	padding: 25px
}

#dropmenu-wrapper-collections h4,
#dropmenu-wrapper-garage h4,
#dropmenu-wrapper-services h4,
#dropmenu-wrapper-learn h4 {
	color: #19437a !important;
	text-transform: uppercase;
	text-align: left
}

#dropmenu-wrapper-collections ul li a,
#dropmenu-wrapper-garage ul li a,
#dropmenu-wrapper-services ul li a,
#dropmenu-wrapper-learn ul li a {
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	text-align: left
}

#dropmenu-wrapper-collections a:hover,
#dropmenu-wrapper-garage a:hover,
#dropmenu-wrapper-services a:hover,
#dropmenu-wrapper-learn a:hover {
	box-shadow: none;
	color: #19437a !important
}

#dropmenu-wrapper-collections ul li a i,
#collections-mobile ul li a i,
#garage-mobile ul li a i,
#barndominium-mobile ul li a i,
#a-frame-mobile ul li a i,
#tiny-home-mobile ul li a i,
#bunker-home-mobile ul li a i,
#engineering-mobile ul li a i,
#service-mobile ul li a i,
#services-mobile ul li a i,
#lear-mobile ul li a i {
	font-size: 7px;
	color: #19437a;
	padding: 4px
}

#dropmenu-wrapper-garage ul li a i,
#dropmenu-wrapper-services ul li a i,
#dropmenu-wrapper-learn ul li a i {
	font-size: 7px;
	color: #19437a;
	padding: 4px;
	padding-right: 10px
}

#dropmenu-wrapper-garage {
	width: 380px;
	justify-content: left !important;
	padding: 25px
}

#dropmenu-wrapper-garage ul,
#dropmenu-wrapper-services ul,
#dropmenu-wrapper-learn ul {
	flex: 0 0 100%
}

#dropmenu-wrapper-garage ul li a #dropmenu-wrapper-services ul li a {
	margin-bottom: 4px
}

#dropmenu-wrapper-services {
	width: 290px;
	margin-left: 280px;
	justify-content: left !important;
	padding: 25px
}

#dropmenu-wrapper-learn {
	width: 290px;
	margin-left: 430px;
	justify-content: left !important;
	padding: 25px
}

.hp-header__dropmenu-wrapper ul {
	flex: 0 0 50%
}

@media(max-width:1024px) {
	.hp-header__dropmenu-wrapper ul {
		flex: 1 0 100%
	}
}

.hp-header__dropmenu-wrapper ul li {
	width: 100%;
	padding: 3px 5px
}

.hp-header__dropmenu-wrapper ul li:last-child {
	border: 0
}

.hp-header__dropmenu-wrapper ul li a {
	display: block;
	font-size: 12px;
	color: #19437a;
	padding: 3px !important
}

.hp-header__dropdown {
	padding: 0
}

.hp-header__dropdown h4 {
	display: block;
	font-size: 14px;
	margin: 0 0 8px;
	color: #19437a !important;
	text-transform: uppercase
}

#footer {
	background-color: #19437a;
	max-width: 100%
}

#footer #live-chat-button {
	z-index: 99999;
	position: fixed;
	width: 170px;
	bottom: 5px;
	left: 0
}

#footer .hp-footer {
	display: flex;
	flex-wrap: wrap;
	padding: 64px 32px;
	max-width: 100%
}

@media(max-width:767px) {
	#footer .hp-footer {
		padding: 32px 16px
	}
}

#footer .hp-footer__ad-row {
	flex: 1 0 100%;
	max-width: 700px;
	margin: 0 auto 48px;
	text-align: center;
	display: none
}

#footer .hp-footer__wrapper {
	width: 1260px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	max-width: 100%
}

#footer .hp-footer__cell {
	flex: 0 0 33%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly
}

#footer .hp-footer__cell:last-child {
	justify-content: flex-end
}

@media(max-width:1024px) {
	#footer .hp-footer__cell:last-child {
		justify-content: space-around
	}
}

@media(max-width:767px) {
	#footer .hp-footer__cell:last-child {
		justify-content: center
	}
}

@media(max-width:1024px) {
	#footer .hp-footer__cell {
		flex: 0 0 50%
	}

	#footer .hp-footer__cell:last-of-type {
		flex: 1 0 100%;
		margin: 32px 0 0
	}

	#footer .hp-footer__cell:last-of-type .bagdes {
		flex: 1 0 100%;
		text-align: center
	}
}

@media(max-width:767px) {
	#footer .hp-footer__cell {
		flex: 1 0 100%;
		margin: 0 0 24px
	}

	#footer .hp-footer__cell:last-of-type {
		margin: 0
	}
}

#footer .hp-footer__cell .social-networks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 6px 0
}

#footer .hp-footer__cell .social-networks a {
	font-size: 38px;
	margin: 0 6px;
	color: #ccc;
	transition: .2s color ease
}

#footer .hp-footer__cell .social-networks a:hover {
	color: #fff
}

#footer .hp-footer__cell .badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

#footer .hp-footer__cell .badges a {
	text-decoration: none;
	flex: 0 0 49%
}

#footer .hp-footer__cell .badges img {
	height: 56px;
	flex: 0 0 49%
}

#footer .hp-footer__cell .socials {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 0 6px 0
}

#footer .hp-footer__cell .socials i {
	font-size: 38px;
	margin: 0 4px;
	color: #eee
}

#footer .hp-footer__cell a,
#footer .hp-footer__cell p {
	font-size: 14px;
	color: #ccc
}

#footer .hp-footer__cell p {
	flex: 1 0 100%;
	text-align: center
}

#footer .hp-footer__cell p.copyright {
	font-size: 12px
}

#footer .hp-footer__cell ul {
	list-style: none;
	margin: 0;
	flex: 0 0 33%;
	padding: 0
}

@media(max-width:767px) {
	#footer .hp-footer__cell ul {
		flex: 1 0 100%;
		text-align: center
	}
}

#footer .hp-footer__cell ul li {
	margin: 0 0 6px
}

#footer .hp-footer__cell ul li a {
	text-decoration: none;
	transition: .2s color ease
}

#footer .hp-footer__cell ul li a:hover {
	color: #fff
}

.hp-homepage #wrapper>.container.row>.inner.cont {
	display: flex;
	flex-wrap: wrap
}

.hp-homepage #wrapper>.container.row>.inner.cont .content.houseplan {
	flex: 1 0 100%
}

.hp-homepage #wrapper>.container.row>.inner.cont #footer {
	flex: 1 0 100%
}

.hp-homepage iframe {
	background-color: #fff
}

.hp-homepage .container .inner.cont,
.hp-homepage .inner.cont .content {
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box
}

.hp-homepage .inner.cont .content_block {
	padding: 100px 0 0 !important;
	margin: 0 auto !important;
	width: 100% !important;
	margin-bottom: 0 !important;
	box-sizing: border-box
}

.hp-homepage .inner.cont .content_block * {
	box-sizing: border-box
}

.hp-homepage .content-wrap {
	width: 1320px;
	max-width: 96%;
	margin: 0 auto;
	padding: 0 30px 100px;
	box-sizing: border-box;
	position: relative
}

.hp-homepage .hero-description {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	color: #444;
	font-size: 1.4em;
	background-color: #fff;
	line-height: 1.8;
	padding: 25px 25px 0;
	margin: -170px -23px 0 !important
}

.hp-homepage .hero-description div {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 20px 30px 30px;
	border: 2px solid #222;
	border-radius: 3px;
	text-align: center
}

.hp-homepage .hero-description div h1 {
	font-weight: 700;
	color: #0a3d7a !important;
	text-align: center;
	font-size: 1.8em;
	padding-bottom: 5px
}

.hp-homepage .full {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	box-sizing: border-box
}

.hp-homepage .heading {
	margin-bottom: 10px
}

.hp-homepage .info-section {
	padding-top: 20px !important;
	background-color: #fff
}

.hp-homepage .drawings-section {
	background-color: #eee
}

.hp-homepage .about-section {
	background-color: #f6f6f6
}

.hp-homepage .about-section .media-text {
	background-color: #fff
}

.hp-homepage .button {
	background-color: #0a3d7a !important;
	border: 2px solid #0a3d7a !important;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 0 !important
}

.hp-homepage .button:hover {
	background-color: #19437a !important;
	border-color: #19437a !important
}

.hp-homepage .button i {
	padding: 0 !important
}

.hp-homepage .reverse.button {
	background-color: transparent !important;
	color: #0a3d7a !important
}

.hp-homepage .reverse.button:hover {
	background-color: #0a3d7a !important;
	border-color: #0a3d7a !important;
	color: #fff !important
}

.hp-homepage .more {
	margin-top: 40px;
	text-align: center
}

.hp-homepage .side.more {
	float: right;
	margin-top: 22px;
	margin-left: 40px
}

.hp-homepage .slick-slider {
	-ms-touch-action: auto;
	touch-action: auto
}

.hp-homepage .slick-track {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.hp-homepage .fixed-frame {
	position: relative
}

.hp-homepage .fixed-frame:before {
	display: block;
	content: '';
	width: 100%;
	padding-top: 66.67%
}

.hp-homepage .fixed-frame.square:before {
	display: block;
	content: '';
	width: 100%;
	padding-top: 100%
}

.hp-homepage .fixed-frame>a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 5px;
	overflow: hidden;
	background-color: #fff
}

.hp-homepage .adaptive-frame>a,
.hp-homepage .adaptive-frame img {
	min-width: 100% !important;
	width: 100% !important
}

.hp-homepage .fixed-frame.shrink-width img {
	height: 100% !important;
	width: auto;
	max-width: 100% !important;
	margin: 0 auto
}

.hp-homepage .fixed-frame.contain img {
	height: 100% !important;
	width: 100%;
	max-height: 100% !important;
	max-width: 100% !important;
	margin: 0 auto;
	object-fit: contain
}

.hp-homepage .fixed-frame.cover img {
	height: 100% !important;
	width: 100% !important;
	margin: 0 auto;
	object-fit: cover
}

.hp-homepage .container input[type=radio],
.hp-homepage .container input[type=checkbox] {
	margin: 0 !important
}

.hp-homepage .container span.checkbox,
.hp-homepage .container span.radio {
	margin: 0 !important;
	min-width: auto !important;
	top: -5px !important
}

.hp-homepage .content .individual h1 {
	float: none;
	display: block;
	color: #0a3d7a
}

.hp-homepage .content .individual h1 small {
	font-weight: 300;
	font-size: 22px
}

.hp-homepage .content .individual h2 {
	font-size: 1.8em !important;
	letter-spacing: .5px;
	float: none;
	display: block;
	font-weight: 500;
	text-shadow: 1px 1px 1px #fff;
	color: #0a3d7a;
	text-transform: none;
	line-height: 1.3
}

.hp-homepage .content .individual h2 small {
	font-weight: 400;
	font-size: 80%
}

.hp-homepage .content h3 {
	color: #0a3d7a;
	text-transform: uppercase;
	padding-bottom: 5px
}

.hp-homepage .content h3 small {
	font-weight: 300;
	font-size: 16px !important
}

.hp-homepage .content_block h4 {
	color: #444;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent
}

.hp-homepage .box {
	position: relative
}

.hp-homepage .box h3.label {
	color: #0a3d7a !important;
	background-color: #fff !important;
	padding: 6px 0 3px !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	background-image: none !important;
	float: none !important;
	position: inherit !important;
	margin-bottom: 10px
}

.hp-homepage .box span {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 1px 8px;
	background-color: rgba(0, 0, 0, .3);
	color: #fff
}

.hp-homepage .content p {
	font-size: 18px;
	margin-bottom: 9px;
	line-height: 1.8;
	font-weight: 300;
	color: #000
}

.hp-homepage .basic-search-items input {
	border: none !important
}

.hp-homepage input::-webkit-outer-spin-button,
.hp-homepage input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.hp-homepage .similar-plan {
	position: relative;
	font-weight: 300
}

.hp-homepage .data {
	display: block;
	padding: 5px 10px;
	background-color: #fff;
	font-size: 90%
}

.hp-homepage .data small {
	padding-top: 3px
}

.hp-homepage a.plan-link {
	text-decoration: none !important
}

.hp-homepage .similar-data {
	position: absolute;
	padding: 5px 10px;
	background-color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 90%
}

.hp-homepage .similar-data small {
	padding-top: 3px
}

.hp-homepage form dd {
	margin: 0 0 20px
}

.hp-homepage form dd input,
.hp-homepage form dd textarea {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important
}

.hp-homepage form dt {
	font-size: 12px !important;
	text-transform: uppercase
}

.hp-homepage .banner-bg.home {
	height: 660px;
	background-position: 50% 55%;
	position: relative;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../../images/header-images/009-00302d1cf.jpg?v=2021-01-01");
	display: flex;
	flex-direction: column;
	justify-content: center
}

.hp-homepage .exclusive-badge {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ffd204;
	padding: 3px 10px;
	line-height: 1.6;
	font-weight: 300;
	color: #444
}

.hp-homepage #wrapper .plan-number {
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .35);
	padding: 3px 10px;
	line-height: 1.6;
	color: #fff;
	text-decoration: none;
	font-size: 12px !important
}

.hp-homepage a.plan-number:hover {
	text-decoration: none
}

.hp-homepage .site-headline {
	margin: 0 auto;
	padding: 0 50px 50px;
	text-align: center
}

.hp-homepage .site-headline h2 {
	text-transform: capitalize;
	margin-top: 0 !important;
	color: #fff;
	font-size: 6em;
	font-weight: 900;
	text-shadow: 2px 2px 2px #444
}

.hp-homepage .site-headline h3 {
	text-transform: none;
	margin-top: 20px;
	color: #fff;
	font-size: 2.5em;
	text-shadow: 1px 1px 1px #444
}

.hp-homepage .site-headline h3 span {
	border-radius: 1px;
	padding: 3px 10px
}

.hp-homepage .content ul.selling-points {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8
}

@media screen and (min-width:100px) {
	.hp-homepage .search-box * {
		box-sizing: border-box
	}

	.hp-homepage .search-box {
		display: flex;
		width: 400px;
		max-width: 100%;
		justify-content: center;
		align-items: center;
		margin: 40px auto 10px;
		padding: 5px;
		background-color: #fff;
		border-radius: 3px
	}

	.hp-homepage .search-box #search-block {
		font: 1.3em;
		font-weight: 500;
		padding: 0;
		margin: 0 !important;
		border-radius: 2px;
		color: #444 !important;
		background-color: #fff !important
	}

	.hp-homepage .search-box #search-block li.search-text {
		width: 80px !important;
		box-shadow: none !important
	}

	.hp-homepage .search-box #search-block li.search-text input {
		font-size: 12px !important;
		width: 62px !important;
		padding: 0 !important;
		height: 28px !important
	}

	.hp-homepage .search-box #search-block li label.main-label {
		font-size: 12px !important;
		width: auto !important
	}

	.hp-homepage .search-box #search-block li.search-submit {
		width: auto !important
	}

	.hp-homepage .search-box #search-block .search-submit button.button {
		font-size: 14px !important;
		padding: 7px 4px 5px 5px !important;
		width: auto !important
	}

	.hp-homepage .search-box #search-block li.search-text,
	.hp-homepage .search-box #search-block #sqft-label {
		position: inherit !important;
		left: 0 !important
	}

	.hp-homepage .search-box #search-wrap ul.basic-search-items {
		display: block !important
	}

	.hp-homepage .search-box #search-block ul {
		padding: 0 !important
	}

	.hp-homepage .search-box #search-block ul>li {
		min-width: 0 !important
	}

	.hp-homepage .search-box #search-block ul.basic-search-items {
		color: #666 !important
	}

	.hp-homepage .search-box #search-block #search-wrap ul.basic-search-items {
		width: auto !important
	}

	.hp-homepage .search-box #search-block ul li.drop-search {
		width: auto !important
	}

	.hp-homepage .search-box input#search-beds+li label[for=search-beds]:after,
	.hp-homepage .search-box input#search-baths+li label[for=search-baths]:after {
		padding-left: 5px;
		top: 0 !important
	}

	.hp-homepage .search.button {
		line-height: 1;
		padding: 4px 7px 5px 6px !important;
		margin-left: 30px;
		width: 103px
	}

	.hp-homepage #search-block ul.basic-search-items {
		width: 100% !important;
		max-width: 100% !important
	}

	.hp-homepage #search-block ul.basic-search-items,
	.hp-homepage input#adv-search-button:checked+#search-block ul.adv-search-items {
		display: inline-block !important
	}

	.hp-homepage label[for=search-button] {
		display: none !important
	}

	.hp-homepage #search-block {
		display: block !important
	}

	.hp-homepage #search-block button.mobile:after {
		content: ''
	}

	.hp-homepage form#search-bar-form {
		display: inline-block
	}
}

.hp-homepage .flex {
	display: flex;
	box-sizing: border-box;
	justify-content: space-between
}

.hp-homepage .flex.column {
	flex-direction: column
}

.hp-homepage .flex>div {
	flex: 1 1 0%;
	position: relative;
	align-items: stretch
}

.hp-homepage .flex>div.third {
	max-width: 33.3333%
}

.hp-homepage .flex.two>div {
	max-width: 50%;
	flex: 1 1 0%
}

.hp-homepage .flex.three {
	flex-wrap: wrap
}

.hp-homepage .flex.three>div {
	max-width: 33.3333%;
	flex: 1 1 auto
}

.hp-homepage .flex>div.half {
	max-width: 52.5%
}

.hp-homepage .flex iframe {
	width: 100%;
	height: 100%;
	flex: 1 1 0%
}

.hp-homepage .gutter-sm>div {
	padding: 0 0 20px 20px !important
}

.hp-homepage .gutter-sm {
	margin: 0 0 0 -20px !important
}

.hp-homepage .gutter-sm .gutter-sm {
	margin-bottom: -20px !important
}

.hp-homepage .gutter-md>div {
	padding: 0 0 40px 40px !important
}

.hp-homepage .gutter-md {
	margin: 0 0 0 -40px !important
}

.hp-homepage .gutter-md .gutter-md {
	margin-bottom: -40px !important
}

.hp-homepage .split-feature {
	display: flex;
	justify-content: space-between;
	margin: 0
}

.hp-homepage .split-feature.exclusive {
	background-color: #f6f6f6;
	padding: 40px
}

.hp-homepage .media {
	padding: 0;
	width: 48%;
	background-color: #fff;
	display: flex
}

.hp-homepage .media.wide {
	width: 100%;
	position: relative
}

.hp-homepage .media.narrow {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 33%;
	background-color: #f6f6f6
}

.hp-homepage .media-text {
	padding: 35px 40px;
	background-color: #f6f6f6;
	text-align: center;
	height: 100%
}

.hp-homepage .media-text>div {
	box-sizing: border-box;
	border: 1px solid #0a3d7a;
	border-radius: 2px;
	padding: 30px;
	height: 100%
}

.hp-homepage .media img,
.hp-homepage .flex img {
	display: block !important
}

.hp-homepage .split-feature.stacked {
	flex-direction: column
}

.hp-homepage .split-feature.stacked .media,
.hp-homepage .split-feature.stacked .media-text {
	width: 100%
}

.hp-homepage .split-feature small {
	line-height: 1.2
}

.hp-homepage .split-feature i {
	padding-right: 15px;
	color: #fff;
	text-shadow: 1px 1px 1px #444
}

.hp-homepage .split-feature p {
	font-size: 16px;
	padding: 5px 40px
}

.hp-homepage .split-feature .subtitle {
	line-height: 1
}

.hp-homepage .split-feature .button {
	margin-top: 10px
}

.hp-homepage .tile {
	display: block;
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	transition: .4s ease;
	position: relative;
	text-align: center;
	line-height: 1;
	background-color: #fff;
	padding: 10px
}

.hp-homepage .tile:hover {
	box-shadow: 1px 3px 2px #ddd
}

.hp-homepage .shadow {
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	transition: .4s ease
}

.hp-homepage .shadow:hover {
	box-shadow: 1px 3px 2px #ddd
}

.hp-homepage .tile-text {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
	position: relative
}

.hp-homepage .tile-text.top {
	margin-top: 0;
	margin-bottom: -40px;
	z-index: 2
}

.hp-homepage .tile-text>div {
	border: 1px solid #0a3d7a;
	padding: 10px
}

.hp-homepage .reviews {
	display: flex;
	justify-content: space-between;
	margin-left: -20px;
	margin-right: -20px
}

.hp-homepage .review {
	background-color: #fff;
	padding: 20px;
	margin: 20px
}

.hp-homepage .review .fa-star {
	color: gold
}

.hp-homepage .review p {
	font-size: 16px
}

.hp-homepage .trendingStateSelect {
	float: right;
	display: flex
}

.hp-homepage .trendingStateSelect>small {
	font-size: .91rem;
	padding: .34rem .34rem 0 0;
	text-transform: none
}

.hp-homepage .trendingStateSelect select {
	margin-top: .34rem;
	height: 30px;
	border-radius: 3px;
	color: #0a3d7a
}

.hp-homepage .slick-slider .slick-slide {
	display: none !important
}

.hp-homepage .slick-slider .slick-slide:first-child {
	display: block !important
}

.hp-homepage .slick-slider.slick-initialized .slick-slide {
	display: block !important;
	padding-bottom: 20px !important
}

.hp-homepage .home-cta {
	box-sizing: border-box;
	display: flex
}

.hp-homepage .home-cta>div {
	box-sizing: border-box;
	background-color: #eee;
	line-height: .9
}

.hp-homepage .home-cta .cta-text {
	box-sizing: border-box;
	flex: 1 100%;
	padding: 25px 40px 20px;
	line-height: 1.7
}

.hp-homepage .home-cta .cta-img {
	box-sizing: border-box;
	width: 414px;
	min-width: 30%;
	background: url(../../uploads/plans/16855/elevations/25261-768.jpg)
}

.hp-homepage .home-cta h4 {
	font-size: 28px
}

@media screen and (max-width:1600px) {
	.hp-homepage .banner-bg.home {
		height: 550px
	}
}

@media screen and (max-width:1440px) {
	.hp-homepage .banner-bg.home {
		height: 500px
	}
}

@media screen and (max-width:1440px) {
	.hp-homepage .flex.two {
		margin-left: 0 !important;
		margin-bottom: 0 !important
	}

	.hp-homepage .flex.two>div {
		padding-left: 0 !important;
		padding-bottom: 0 !important
	}
}

@media screen and (max-width:1280px) {
	.hp-homepage .full {
		width: 97% !important;
		float: none;
		margin-left: auto;
		margin-right: auto
	}

	.hp-homepage .flex.two {
		flex-direction: column;
		width: 70%;
		max-width: 70%;
		margin: 0 auto !important
	}

	.hp-homepage .flex.two>div {
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto
	}

	.hp-homepage .split-feature {
		flex-direction: column;
		min-width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important
	}

	.hp-homepage .split-feature .media.wide {
		float: right !important;
		width: 70%;
		max-width: 70%;
		align-self: flex-end;
		margin-top: -60px
	}

	.hp-homepage .split-feature>.media-text {
		order: -1;
		float: right !important;
		width: 70%;
		max-width: 70%;
		align-self: flex-start;
		z-index: 2
	}

	.hp-homepage .hero-description {
		font-size: 1.3em;
		line-height: 1.6;
		padding: 20px;
		margin-top: -80px
	}

	.hp-homepage .hero-description div {
		padding: 15px 25px 25px 20px;
		border: 2px solid #222;
		border-radius: 3px
	}

	.hp-homepage .hero-description div h1 {
		font-size: 1.6em;
		line-height: 2
	}
}

@media screen and (max-width:1160px) {
	.hp-homepage div.flex.first {
		flex-wrap: wrap
	}

	.hp-homepage div.flex.column.third {
		flex-direction: row;
		flex-basis: 100%;
		order: -1;
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
		padding-left: 0 !important
	}

	.hp-homepage .flex.three>div {
		max-width: 50%
	}
}

@media screen and (max-width:1024px) {
	.hp-homepage .inner.cont .content_block {
		padding-right: 0 !important
	}

	.hp-homepage .site-headline h2 {
		font-size: 5em
	}

	.hp-homepage .site-headline h3 {
		font-size: 3em
	}

	.hp-homepage .banner-bg.home {
		height: 450px
	}

	.hp-homepage .hero-description {
		font-size: 1.2em;
		line-height: 1.6;
		padding: 15px;
		margin-top: -60px
	}

	.hp-homepage .hero-description div {
		padding: 10px 15px 15px 20px;
		border: 2px solid #222;
		border-radius: 3px
	}

	.hp-homepage .hero-description div h1 {
		font-size: 1.4em;
		line-height: 1.8
	}
}

@media screen and (max-width:880px) {
	.hp-homepage .flex.two {
		width: 100%;
		max-width: 100%
	}

	.hp-homepage .media-text {
		padding: 15px 20px
	}

	.hp-homepage .media-text p {
		margin-bottom: 0 !important;
		font-size: 1.1em
	}

	.hp-homepage .media-text h3 {
		padding-bottom: 0 !important
	}

	.hp-homepage .site-headline h2 {
		font-size: 4em
	}

	.hp-homepage .site-headline h3 {
		font-size: 2.5em
	}

	.hp-homepage .banner-bg.home {
		height: 400px;
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/images/header-images/009-00302.jpg?v=2021-01-01")
	}
}

@media screen and (max-width:800px) {
	.hp-homepage .reviews {
		display: block
	}
}

@media screen and (max-width:768px) {
	a.favorites_icon_footer {
		height: 30px !important
	}

	.hp-homepage .video {
		height: 55vw
	}

	.hp-homepage .flex,
	.hp-homepage .third,
	.hp-homepage .half {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important
	}

	.hp-homepage .flex.three>div {
		max-width: 100%;
		width: 100%
	}

	.hp-homepage .gutter-sm>div,
	.hp-homepage .gutter-md>div {
		padding-left: 0 !important
	}

	.hp-homepage .split-feature .media.wide {
		display: block;
		width: 100%;
		max-width: 100%;
		margin-top: 0;
		align-self: auto;
		float: none !important
	}

	.hp-homepage .split-feature>.media-text {
		display: block;
		width: 100%;
		max-width: 100%;
		align-self: auto;
		float: none !important
	}

	.hp-homepage .search-box #search-block {
		padding: 1px 2px 0 !important
	}

	.hp-homepage .search-box {
		background-color: transparent;
		padding: 0 !important
	}

	.hp-homepage .home-cta {
		flex-wrap: wrap
	}

	.hp-homepage .home-cta .cta-img {
		width: 100%;
		min-height: 45vw;
		flex-basis: 100%
	}

	.hp-homepage .home-cta .cta-text {
		width: 100%;
		flex-basis: 100%
	}

	.hp-homepage .hero-description {
		margin-top: -160px !important
	}

	.hp-homepage .content-wrap {
		padding-bottom: 50px !important
	}

	.hp-homepage .inner.cont .content_block {
		padding-top: 50px !important
	}
}

@media screen and (max-width:700px) {
	.hp-homepage .trendingStateSelect {
		float: none
	}

	.hp-homepage .banner-bg.home {
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/images/header-images/009-00302.jpg?v=2021-01-01");
		height: 360px;
		background-position: 50% 70%
	}

	.hp-homepage .site-headline {
		padding: 0
	}

	.hp-homepage .site-headline h2 {
		font-size: 3.5em;
		margin-top: 10px
	}

	.hp-homepage .site-headline h3 {
		font-size: 2.2em;
		margin-top: 10px
	}

	.hp-homepage .hero-description {
		margin-top: -140px !important
	}

	.hp-homepage .side.more {
		float: left;
		margin: 0 0 20px !important;
		font-size: smaller
	}

	.hp-homepage .content .content-wrap h2 {
		font-size: 1.6em !important;
		clear: both;
		margin: 15px 0 0;
		padding-bottom: 0 !important
	}
}

@media screen and (max-width:550px) {
	.hp-homepage .content-wrap .media-text h2 {
		font-size: 1.4em !important
	}

	.hp-homepage .content-wrap .media-text h3 small {
		font-size: .9em !important;
		padding-top: 5px
	}

	.hp-homepage .site-headline h2 {
		font-size: 2.7em;
		margin-top: 10px
	}

	.hp-homepage .site-headline h3 {
		font-size: 1.8em;
		margin-top: 10px !important;
		margin-bottom: 5px
	}

	.hp-homepage .banner-bg.home {
		height: 280px
	}

	.hp-homepage .search-box #search-block {
		background-color: transparent !important;
		padding: 0 !important
	}

	.hp-homepage .search-box {
		background-color: transparent;
		margin-bottom: 5px !important
	}

	.hp-homepage .hero-description div h1 {
		font-size: 1.3em
	}

	.hp-homepage .site-headline.content-wrap {
		margin: 0 auto
	}

	.hp-homepage .hero-description {
		margin-top: -100px !important
	}

	.hp-homepage .content-wrap {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (max-width:435px) {
	.hp-homepage .site-headline.content-wrap {
		max-width: 100%
	}

	.hp-homepage .search-box #search-block li.search-text {
		width: 70px !important
	}

	.hp-homepage .search-box #search-block li.search-text input {
		font-size: 11px !important;
		width: 60px !important
	}

	.hp-homepage .search-box #search-block li label.main-label {
		font-size: 11px !important;
		width: auto !important
	}

	.hp-homepage .search-box #search-block li.search-submit {
		width: auto !important
	}

	.hp-homepage .banner-bg.home {
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/images/header-images/009-00302.jpg?v=2021-01-01");
		height: 240px;
		background-position: 50% 80%
	}

	.hp-homepage .search-box {
		margin: 20px 0 10px;
		width: 100%
	}

	.hp-homepage .site-headline {
		padding: 0
	}

	.hp-homepage .site-headline h2 {
		font-size: 2.2em
	}

	.hp-homepage .site-headline h3 {
		font-size: 1.6em;
		margin-top: 10px !important;
		margin-bottom: 5px
	}

	.hp-homepage .hero-description {
		font-size: 1.2em;
		line-height: 1.5;
		padding: 10px;
		margin-top: -80px !important
	}

	.hp-homepage .hero-description div {
		padding: 5px 10px 10px 15px;
		border: 2px solid #222;
		border-radius: 3px
	}

	.hp-homepage .hero-description div h1 {
		font-size: 1em
	}
}

@media screen and (max-width:350px) {
	.hp-homepage .search-box #search-block .search-text.min {
		display: none
	}

	.hp-homepage .site-headline h2 {
		font-size: 2em
	}

	.hp-homepage .site-headline h3 {
		font-size: 1.4em;
		margin-top: 15px
	}
}

.hp-garage-plans .page-wrapper {
	min-height: calc(100vh - 339px)
}

.hp-garage-plans .row {
	float: none;
	width: 100%;
	position: relative
}

.hp-garage-plans .row.grey {
	background: #f6f6f6
}

.hp-garage-plans .row__wrapper {
	width: 1200px;
	margin: 0 auto;
	max-width: 100%;
	padding: 32px 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between
}

.hp-garage-plans .row__wrapper.stretch {
	align-items: stretch
}

.above-the-fold {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

.above-the-fold img {
	height: 555px;
	width: 100%;
	object-fit: cover
}

.above-the-fold .row__wrapper {
	position: absolute
}

.above-the-fold .row__wrapper h1 {
	color: #fff;
	font-size: 54px;
	text-align: center;
	text-shadow: 2px 2px 2px #444;
	flex: 1 0 100%;
	margin: 0 0 18px;
	line-height: 1
}

.above-the-fold .row__wrapper p {
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	text-shadow: 2px 2px 2px #444;
	text-align: center;
	width: 740px;
	max-width: 100%;
	margin: 0 auto 18px;
	flex: 0 0 740px
}

.above-the-fold .row__wrapper a {
	display: inline-block;
	border-radius: 12px;
	background: #b13533;
	padding: 12px 24px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1;
	transition: .2s all ease;
	text-shadow: none
}

.above-the-fold .row__wrapper a:hover {
	background: #892928
}

.leader-banner {
	position: relative;
	margin: -120px 0 0;
	background: #fff;
	padding: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	border-radius: 2px;
	flex: 1 0 100%
}

@media(max-width:767px) {
	.leader-banner {
		margin: 0
	}
}

.leader-banner__content {
	border: 2px solid #0a3d7a;
	padding: 18px;
	text-align: center
}

.leader-banner__content h2 {
	font-size: 27px;
	margin: 0 0 12px;
	color: #0a3d7a
}

.leader-banner__content p {
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 12px
}

@media(max-width:767px) {
	.leader-banner__content p {
		font-size: 14px
	}
}

.splitcells {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	border-radius: 2px;
	overflow: hidden;
	flex: 1 0 100%
}

@media(min-width:1025px) {
	.splitcells--reverse {
		flex-flow: row-reverse
	}
}

.splitcells--straight {
	margin: 0 0 24px;
	background: #fff
}

@media(min-width:768px) {
	.splitcells--straight {
		flex: 0 0 48%
	}
}

@media(min-width:1025px) {
	.splitcells--straight {
		flex: 0 0 32%
	}

	.splitcells--straight .splitcells__image,
	.splitcells--straight .splitcells__content {
		flex: 1 0 100%
	}

	.splitcells--straight .splitcells__image img {
		height: 333px
	}

	.splitcells--straight .splitcells__content {
		padding: 32px 48px
	}

	.splitcells--straight .splitcells__content:after {
		display: none
	}
}

.splitcells__image {
	flex: 0 0 50%
}

@media(max-width:1024px) {
	.splitcells__image {
		flex: 1 0 100%
	}
}

.splitcells__image img {
	max-width: 100%;
	width: 100%;
	height: 420px;
	object-fit: cover
}

@media(max-width:767px) {
	.splitcells__image img {
		height: 333px
	}
}

.splitcells__content {
	flex: 0 0 50%;
	text-align: center;
	background: #fff;
	padding: 32px 64px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative
}

@media(max-width:1024px) {
	.splitcells__content {
		flex: 1 0 100%;
		padding: 32px
	}
}

.splitcells__content:after {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	background: 0 0;
	border: 2px solid #0a3d7a;
	left: 32px;
	right: 32px;
	bottom: 32px;
	top: 32px
}

@media(max-width:1024px) {
	.splitcells__content:after {
		left: 16px;
		right: 16px;
		bottom: 16px;
		top: 16px
	}
}

.splitcells__content h3 {
	color: #0a3d7a;
	font-size: 24px;
	margin: 0 0 12px;
	text-transform: uppercase;
	line-height: 1;
	flex: 1 0 100%
}

.splitcells__content h4 {
	color: #b13533;
	font-size: 20px;
	margin: 0 0 12px;
	line-height: 1;
	flex: 1 0 100%
}

.splitcells__content p {
	color: #222;
	font-size: 16px;
	margin: 0 0 12px;
	line-height: 1.36;
	flex: 1 0 100%
}

@media(max-width:767px) {
	.splitcells__content p {
		font-size: 14px
	}
}

.splitcells__content a {
	display: inline-block;
	border-radius: 12px;
	background: #b13533;
	padding: 12px 24px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1;
	transition: .2s all ease
}

.splitcells__content a:hover {
	background: #892928
}

.benefits h2 {
	text-align: center;
	font-size: 27px;
	margin: 0 0 12px;
	color: #0a3d7a
}

.benefits ul {
	list-style: none;
	padding: 64px;
	margin: 0;
	columns: 1;
	position: relative;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

@media(max-width:767px) {
	.benefits ul {
		padding: 32px
	}
}

.benefits ul:after {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	background: 0 0;
	border: 2px solid #0a3d7a;
	left: 32px;
	right: 32px;
	bottom: 32px;
	top: 32px
}

@media(max-width:767px) {
	.benefits ul:after {
		left: 16px;
		right: 16px;
		bottom: 16px;
		top: 16px
	}
}

.benefits ul li {
	font-size: 16px;
	margin: 0 0 12px;
	line-height: 1.36
}

@media(max-width:767px) {
	.benefits ul li {
		font-size: 14px
	}
}

.benefits ul li:last-child {
	margin: 0
}

.benefits ul li i {
	font-size: 18px;
	color: #b13533;
	margin: 0 8px 0 0;
	vertical-align: text-bottom
}

@media(max-width:767px) {
	.benefits ul li i {
		margin: 0 4px 0 0
	}
}

.hp-floorplans .hp-search-block input {
	border: 1px solid #bbb;
	padding: 4px 5px;
	border-radius: 3px;
	height: 24px;
	background-color: #fff
}

.hp-floorplans .loading {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(246, 246, 246, .9);
	align-items: flex-start;
	justify-content: center;
	z-index: 99999
}

.hp-floorplans .loading div {
	display: inline-block;
	padding-top: 30vh;
	color: #444;
	font-size: 60px;
	font-weight: 900
}

.hp-floorplans .content {
	display: flex;
	width: 100% !important;
	max-width: 1310px;
	margin-left: auto;
	margin-right: auto;
	float: none !important
}

.hp-floorplans .search-top {
	max-width: 1290px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	vertical-align: baseline
}

.hp-floorplans .container,
.hp-floorplans .content_block,
.hp-floorplans .content_block.results .results,
.hp-floorplans .results.row,
.hp-floorplans .results-header,
.hp-floorplans .results-footer {
	display: block !important;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
	clear: both
}

.hp-floorplans .content_block.results {
	padding: 0 20px !important;
	position: relative;
	border-radius: 5px
}

.hp-floorplans .inner.cont {
	width: 90% !important;
	margin-left: auto;
	margin-right: auto
}

.hp-floorplans .banner_side {
	position: relative !important
}

.hp-floorplans .matches {
	background-color: #4a6491;
	color: #efefef
}

.hp-floorplans .matches a.button {
	margin: 5px
}

.hp-floorplans .button.apply-button {
	border-color: #fff !important
}

.hp-floorplans .matches span {
	vertical-align: middle;
	margin: 5px 0;
	font-size: 125%;
	text-transform: uppercase
}

.hp-floorplans .flex-ad {
	display: flex
}

.hp-floorplans .search-close {
	display: none
}

.hp-floorplans .search-sidebar #search-block #search-wrap ul a.more-toggle {
	right: 0;
	left: 0;
	bottom: 15px;
	top: auto;
	display: block;
	text-align: center;
	padding: 0 3px 0 2px !important;
	font-size: 12px !important;
	text-transform: uppercase;
	background-color: #eee;
	z-index: 2;
	color: #b13533;
	border-radius: 4px;
	font: 12px var(--opensans), sans-serif;
	border: none
}

.hp-floorplans #search-block a.more-toggle.less i:before {
	content: 'Show More';
	font: 12px var(--opensans), sans-serif;
	padding: 0 !important
}

.hp-floorplans #search-block a.more-toggle i:before {
	content: 'Show Less';
	font: 12px var(--opensans), sans-serif;
	padding: 0 !important
}

.hp-floorplans #search-block a.more-toggle.less i:after {
	content: '\f0d7';
	padding: 0 0 0 5px !important
}

.hp-floorplans #search-block a.more-toggle i:after {
	content: '\f0d8';
	padding: 0 0 0 5px !important
}

.hp-floorplans select.large {
	width: 100%;
	padding: 3px;
	border-radius: 4px
}

.hp-floorplans .counter {
	float: right;
	padding: 0 10px;
	font-weight: 300
}

.hp-floorplans .counter:before {
	content: '(';
	padding: 0 2px
}

.hp-floorplans .counter:after {
	content: ')';
	padding: 0 2px
}

.hp-floorplans .tiled_cards_wrapper {
	margin-bottom: 10px;
	padding-top: 0 !important
}

.hp-floorplans .card {
	box-shadow: 1px 2px 3px #999;
	border-radius: 5px;
	border: 1px solid #ddd;
	margin: 10px;
	background-color: #fff !important
}

.hp-floorplans #primary-nav-block ul {
	height: auto;
	margin-bottom: 0 !important
}

.hp-floorplans #search-block .minimize-height .secondary-search {
	display: none !important
}

.hp-floorplans .secondary-search .divider {
	width: 60%;
	margin: 20px auto 10px;
	border-top: 1px solid #999
}

.hp-floorplans .container.row {
	background-color: #f6f6f6
}

.hp-floorplans .container.row>p {
	padding: 0 30px;
	font-size: 1.2em
}

.hp-floorplans .results-header p {
	color: #444 !important
}

.hp-floorplans .results-header,
.hp-floorplans .results-footer {
	padding: 0 15px
}

.hp-floorplans #add-search input {
	width: 160px;
	height: 30px !important
}

.hp-floorplans form.sort-by-dropdown,
.hp-floorplans div.page_navi {
	padding-bottom: 10px !important
}

.hp-floorplans #search-block label.checkbox.large {
	width: 100% !important;
	margin: 5px 0 !important;
	background-color: transparent !important
}

.hp-floorplans #search-block label.checkbox.small {
	margin: 0 !important
}

.hp-floorplans #search-block .basic-search-items label.checkbox.small input span {
	width: 20px !important
}

.hp-floorplans #search-block label.checkbox>span {
	margin: 0 6px 0 0 !important;
	width: 26px !important
}

.hp-floorplans input[name=sqft_min],
.hp-floorplans input[name=sqft_max],
.hp-floorplans input[name=unfinished_sqft_min],
.hp-floorplans input[name=unfinished_sqft_max],
.hp-floorplans input[name=min_height],
.hp-floorplans input[name=max_height],
.hp-floorplans input[name=min_depth],
.hp-floorplans input[name=max_depth],
.hp-floorplans input[name=min_width],
.hp-floorplans input[name=max_width] {
	margin: 5px 0;
	width: 48%;
	float: left
}

.hp-floorplans input[name=sqft_max],
.hp-floorplans input[name=unfinished_sqft_max],
.hp-floorplans input[name=max_height],
.hp-floorplans input[name=max_depth],
.hp-floorplans input[name=max_width] {
	float: right
}

.hp-floorplans select[name=category_id] {
	background-color: #92c7fb !important
}

.hp-floorplans #search-block fieldset {
	margin-top: 15px !important;
	padding-bottom: 15px;
	border-radius: 0 !important;
	border: none !important;
	border-bottom: 1px solid #999 !important
}

.hp-floorplans #search-block fieldset.toggle {
	padding-bottom: 40px !important
}

.hp-floorplans #search-block fieldset legend {
	text-transform: uppercase;
	font-size: 14px;
	color: #0a3d7a
}

.hp-floorplans fieldset.minimize-height {
	max-height: 9999px !important
}

.hp-floorplans #search-block .adv-search-items label.checkbox>span {
	width: 100% !important;
	text-align: left !important;
	padding-left: 5px
}

.hp-floorplans #search-block label>[type=checkbox]:checked+span {
	border: 1px solid #fff !important;
	background-color: #92c7fb !important
}

.hp-floorplans #search-block label {
	color: #444 !important;
	text-transform: none !important
}

.hp-floorplans #search-block #sqft-label {
	color: #fff
}

.hp-floorplans #search-block button.search-form {
	display: none !important
}

.hp-floorplans .top-nav {
	overflow: hidden;
	float: right;
	padding: 0 30px 0 0
}

.hp-floorplans .bottom-nav {
	overflow: hidden;
	float: left;
	padding: 7px 30px 0 0
}

.hp-floorplans .button,
.hp-floorplans button {
	background-color: #0a3d7a !important;
	border-color: #0a3d7a !important;
	color: #fff !important
}

.hp-floorplans .page_navi a i {
	background-color: #fff !important;
	color: #0a3d7a !important;
	position: relative;
	top: 3px
}

.hp-floorplans .page_navi input {
	height: 16px !important;
	width: 32px;
	position: relative;
	top: 1px
}

.hp-floorplans div.page_navi {
	padding: 0 !important;
	vertical-align: baseline !important;
	position: relative;
	top: -2px
}

.hp-floorplans .button:hover {
	border: 2px solid #19437a !important;
	background-color: #19437a !important
}

.hp-floorplans #search-block a.button.small {
	width: auto !important
}

.hp-floorplans .search-sidebar #search-block #search-wrap ul.adv-search-items {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important
}

.hp-floorplans .search-sidebar * {
	box-sizing: border-box !important
}

.hp-floorplans .search-sidebar {
	max-width: 270px;
	justify-content: center;
	align-items: center;
	background-color: #eee;
	border-radius: 5px;
	width: 100%;
	box-shadow: 1px 2px 3px #999;
	margin-top: 10px
}

.hp-floorplans .search-sidebar #search-block {
	font: 1.3em;
	padding: 0;
	padding-top: 10px;
	margin: 0 !important;
	color: #444 !important;
	background-color: transparent !important;
	border-radius: 0 0 5px 5px
}

.hp-floorplans .search-sidebar .search-save {
	background-color: #eee !important;
	margin-top: 0 !important
}

.hp-floorplans .search-sidebar #search-block li.search-text {
	width: 80px !important;
	box-shadow: none !important
}

.hp-floorplans .search-sidebar #search-block li.search-text input {
	font-size: 12px !important;
	width: 62px !important;
	padding: 0 !important
}

.hp-floorplans .search-sidebar #search-block li label.main-label {
	font-size: 12px !important;
	width: auto !important
}

.hp-floorplans .search-sidebar #search-block li.search-submit {
	width: auto !important
}

.hp-floorplans .search-sidebar #search-block .search-submit button.button {
	font-size: 14px !important;
	padding: 7px 4px 5px 5px !important;
	width: auto !important
}

.hp-floorplans .search-sidebar #search-block li.search-text,
.hp-floorplans .search-sidebar #search-block #sqft-label {
	position: inherit !important;
	left: 0 !important
}

.hp-floorplans .search-sidebar #search-wrap ul.basic-search-items {
	display: block !important
}

.hp-floorplans .search-sidebar #search-block ul {
	padding: 0 !important
}

.hp-floorplans .search-sidebar #search-block ul>li {
	min-width: 0 !important
}

.hp-floorplans .search-sidebar #search-block ul.basic-search-items {
	color: #666 !important
}

.hp-floorplans .search-sidebar #search-block #search-wrap ul.basic-search-items {
	width: auto !important
}

.hp-floorplans .search-sidebar #search-block ul li.drop-search {
	width: auto !important
}

.hp-floorplans .search-sidebar li label:after {
	padding-left: 5px !important;
	top: 0 !important
}

.hp-floorplans .search-sidebar #search-block #find-by-plan {
	background-color: transparent !important;
	padding-left: 0 !important;
	margin-top: 15px !important;
	margin-bottom: 0 !important
}

.hp-floorplans .search.button {
	line-height: 1;
	padding: 4px 7px 5px 6px !important;
	margin-left: 30px;
	width: 103px
}

.hp-floorplans .facet-button {
	display: inline-block;
	color: #222 !important;
	font-weight: 400;
	border: 1px solid #666;
	border-radius: 2px;
	padding: 3px 6px 6px 5px;
	line-height: 1;
	text-transform: none;
	text-decoration: none !important;
	margin-right: 10px;
	margin-bottom: 10px
}

.hp-floorplans .facet-button i {
	margin-right: 6px;
	color: #b13533;
	position: relative;
	top: 2px;
	font-size: 14px
}

.hp-floorplans .matches-found {
	float: left;
	padding-right: 30px
}

.hp-floorplans .facets-menu {
	position: relative;
	top: -6px;
	float: right
}

.hp-floorplans .facets-menu-close {
	float: right;
	padding-right: 10px;
	width: 100%;
	text-align: right
}

.hp-floorplans .facets-menu .button {
	margin-bottom: 0 !important;
	display: none !important
}

.hp-floorplans .facets-menu i,
.hp-floorplans .facets-menu-close i {
	margin-right: 10px
}

.hp-floorplans .facet-display {
	padding-bottom: 15px
}

.hp-floorplans #search-block ul.basic-search-items {
	width: 100% !important;
	max-width: 100% !important
}

.hp-floorplans #search-block ul.basic-search-items,
.hp-floorplans input#adv-search-button:checked+#search-block ul.adv-search-items {
	display: block !important
}

.hp-floorplans #search-block {
	display: block !important
}

.hp-floorplans #search-block button.mobile:after {
	content: ''
}

.hp-floorplans form#search-bar-form {
	display: block
}

@media screen and (max-width:1120px) {
	.hp-floorplans .flex-ad {
		flex-direction: column-reverse
	}

	.hp-floorplans .flex-ad>div {
		padding: 0 0 10px !important
	}
}

@media screen and (max-width:768px) {
	.hp-floorplans .search-sidebar {
		display: none;
		flex-direction: column;
		position: fixed !important;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		border-radius: 0;
		max-width: 100% !important;
		margin-top: 0 !important
	}

	.hp-floorplans .search-sidebar.display {
		display: flex !important
	}

	.hp-floorplans .facets-menu .button {
		display: block !important
	}

	.hp-floorplans #search-block {
		overflow: auto
	}

	.hp-floorplans .search-close {
		display: block;
		width: 100% !important;
		float: none;
		background-color: #0a3d7a;
		padding-top: 10px;
		height: 60px;
		margin: 45px 0 0
	}

	.hp-floorplans .search-close .button i {
		margin-left: 10px;
		margin-right: 0
	}

	.hp-floorplans .search-close .button i:hover {
		background-color: transparent !important
	}

	.hp-floorplans .top-nav {
		float: none;
		clear: both;
		display: block;
		padding-right: 0 !important;
		padding-top: 10px
	}

	.hp-floorplans .loading {
		position: fixed
	}
}

.hp-floorplans #wrapper.floorplans div.read_more_section {
	min-width: 100% !important;
	width: 100% !important;
	min-width: 100% !important
}

@media only screen and (max-width:1180px) {
	.hp-floorplans #wrapper.plans-wrap .results.row .banner_side {
		float: right !important;
		width: 160px !important;
		margin: 5px !important;
		min-height: 100% !important;
		height: 100% !important;
		top: 0 !important;
		left: 0 !important
	}
}

.floorplan-drawings__buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 16px
}

.floorplan-drawings__buttons a {
	flex: 0 0 32%
}

@media(max-width:420px) {
	.floorplan-drawings__buttons a {
		min-width: 0;
		padding: 6px !important;
		font-size: 12px
	}
}

@media(max-width:320px) {
	.floorplan-drawings__buttons a {
		font-size: 10px
	}
}

.floorplan-drawings__buttons--virtual {
	padding: 8px 0 16px
}

.floorplan-drawings__buttons--virtual a {
	flex: 0 0 49%
}

.single_card_wrapper .favorite-controls {
	margin: 0
}

.social-and-cta {
	align-items: center
}

.social-and-cta .page-social {
	margin: 0
}

@media(max-width:767px) {
	.social-and-cta .page-social {
		margin: 16px 0
	}
}

.social-and-cta .social-sharing {
	padding: 0;
	margin: 0 0 0 16px
}

@media(max-width:767px) {
	.social-and-cta .social-sharing {
		margin: 0
	}
}

.hp-single-floorplan {
	overflow-x: hidden
}

.hp-single-floorplan div.socials {
	text-align: center;
	width: 100% !important;
	padding: 0 !important
}

.hp-single-floorplan .container .inner.cont,
.hp-single-floorplan .inner.cont .content {
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box
}

.hp-single-floorplan .inner.cont .content_block {
	padding: 30px 180px 20px 0 !important;
	margin: 0 auto !important;
	width: 100% !important;
	margin-bottom: 0 !important;
	box-sizing: border-box
}

.hp-single-floorplan .content-wrap {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative
}

.hp-single-floorplan .ad-section {
	position: absolute;
	margin-top: 57px;
	width: 160px;
	top: 0;
	right: -180px
}

.hp-single-floorplan .no-title {
	margin-top: 0
}

.hp-single-floorplan .full {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	box-sizing: border-box
}

.hp-single-floorplan .left {
	margin-bottom: 30px;
	width: 740px !important;
	max-width: 100%;
	box-sizing: border-box
}

.hp-single-floorplan .right {
	margin-bottom: 30px;
	width: 340px !important;
	max-width: 100%;
	box-sizing: border-box
}

.hp-single-floorplan .heading {
	margin-bottom: 10px
}

.hp-single-floorplan .right aside {
	margin-bottom: 30px
}

.hp-single-floorplan .title-section {
	background-color: #fff
}

.hp-single-floorplan .info-section {
	padding-top: 20px !important;
	padding-: 20px !important;
	background-color: #fff
}

.hp-single-floorplan .photos-section {
	background-color: #eee
}

.hp-single-floorplan .drawings-section {
	background-color: #ddd
}

.hp-single-floorplan .faq-section {
	background-color: #fff
}

.hp-single-floorplan .about-section {
	background-color: #eee
}

.hp-single-floorplan .similar-section {
	background-color: #fff
}

.hp-single-floorplan .recent-section {
	background-color: #fff
}

.hp-single-floorplan .searches-section {
	background-color: #eee
}

.hp-single-floorplan .flexbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.hp-single-floorplan .flexbox.searches {
	justify-content: space-between;
	align-items: center
}

.hp-single-floorplan .flexbox.searches>a {
	font-size: 18px;
	box-sizing: border-box;
	width: 23%;
	height: 200px !important;
	max-height: 200px !important;
	align-items: center;
	justify-content: center;
	display: flex !important;
	margin-bottom: 30px !important;
	position: relative;
	z-index: 2;
	background-color: #4a6491 !important;
	border-color: #4a6491 !important;
	overflow: hidden
}

.hp-single-floorplan .flexbox.searches>a:hover {
	background-color: #19437a !important;
	border-color: #19437a !important
}

.hp-single-floorplan .flexbox.searches>a:before {
	content: '\f015';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'font awesome 5 free';
	font-weight: 900;
	color: rgba(255, 255, 255, .05);
	font-size: 150px;
	position: absolute;
	margin: 0 auto;
	z-index: 1
}

.hp-single-floorplan .flexbox.searches>a span {
	z-index: 3
}

.hp-single-floorplan #wrapper .flexbox>div {
	flex: 1;
	flex-basis: 66%
}

.hp-single-floorplan #wrapper .flexbox>.page-social {
	flex: 1;
	flex-basis: 34%
}

.hp-single-floorplan .vertical-flex {
	display: flex;
	flex-direction: column
}

.hp-single-floorplan .flex-1 {
	order: 1
}

.hp-single-floorplan .flex-2 {
	order: 2
}

.hp-single-floorplan .flex-3 {
	order: 3
}

.hp-single-floorplan .flex-4 {
	order: 4
}

.hp-single-floorplan #submit-question-header,
.hp-single-floorplan #cost-build-header,
.hp-single-floorplan #modifications-header,
.hp-single-floorplan #purchase-header {
	background-color: #4a6491;
	font-weight: 300;
	font-size: 20px;
	color: #fff;
	padding: 12px;
	text-align: center
}

.hp-single-floorplan #submit-question-header:hover,
.hp-single-floorplan #cost-build-header:hover,
.hp-single-floorplan #modifications-header:hover {
	background-color: #5a75aa !important
}

.hp-single-floorplan #submit-question-body,
.hp-single-floorplan #cost-build-body {
	background-color: #eee;
	padding: 15px 20px;
	border: 2px solid #eee;
	display: none
}

.hp-single-floorplan .show-mobile {
	display: block
}

.hp-single-floorplan .show-desktop {
	display: none
}

.hp-single-floorplan #wrapper .single_card_wrapper {
	min-width: 0 !important
}

.hp-single-floorplan #wrapper .card {
	min-width: 100% !important;
	width: 100% !important;
	max-width: 100% !important
}

.hp-single-floorplan #wrapper .floorplanlistplanname h3 {
	padding: 5px;
	background-color: #eee;
	text-align: center
}

.hp-single-floorplan .button--add-to-cart {
	box-sizing: border-box;
	width: 100% !important
}

.hp-single-floorplan #wrapper .content .content_block header {
	display: block;
	width: 100%;
	overflow: hidden
}

.hp-single-floorplan .floor_img a.floorplan_image_link #floorplan {
	width: 100% !important;
	max-width: 100% !important
}

.hp-single-floorplan .mainSlider .slick-arrow:before {
	font-size: 44px;
	color: #666;
	opacity: 1
}

.hp-single-floorplan .mainSlider .slick-prev {
	min-width: 44px;
	left: -42px
}

.hp-single-floorplan .mainSlider .slick-next {
	min-width: 44px;
	right: -42px
}

.hp-single-floorplan .button:hover {
	background-color: #19437a !important;
	border-color: #19437a !important
}

.hp-single-floorplan #form-reset,
.hp-single-floorplan #form-close,
.hp-single-floorplan .button.search-form {
	background-color: #a30404 !important;
	border-color: #a30404 !important;
	font-weight: 400;
	text-transform: uppercase
}

.hp-single-floorplan #form-reset:hover,
.hp-single-floorplan #form-close:hover,
.hp-single-floorplan .button.search-form:hover {
	background-color: #b13533 !important;
	border-color: #b13533 !important
}

.hp-single-floorplan button.slick-arrow {
	min-height: 100%;
	z-index: 99999
}

.hp-single-floorplan button.slick-arrow:before {
	color: #777;
	z-index: 99999
}

.hp-single-floorplan .slick-lightbox .slick-arrow:before {
	font-size: 20px
}

.hp-single-floorplan button.slick-arrow:before:hover {
	color: #999
}

.hp-single-floorplan .planSlider {
	padding-top: 15px
}

.hp-single-floorplan .mainSliderNav {
	padding: 5px 0
}

.hp-single-floorplan .planSliderNav {
	padding: 5px;
	background-color: #999
}

.hp-single-floorplan .planSliderNav a {
	border: 2px solid #fff
}

.hp-single-floorplan .planSliderNav .slick-current a {
	border: 2px solid #444
}

.hp-single-floorplan .slick-slider {
	-ms-touch-action: auto;
	touch-action: auto
}

.hp-single-floorplan .slick-track {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.hp-single-floorplan .mainSliderNav .slick-current a {
	box-shadow: 1px 0 3px rgba(0, 0, 0, .16), 1px 0 3px rgba(0, 0, 0, .23), -1px 0 3px rgba(0, 0, 0, .16), -1px 0 3px rgba(0, 0, 0, .23), 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
	border: 1px solid #fff
}

.hp-single-floorplan .fixed-frame {
	position: relative
}

.hp-single-floorplan .fixed-frame:before {
	display: block;
	content: '';
	width: 100%;
	padding-top: 66.67%
}

.hp-single-floorplan .fixed-frame.square:before {
	display: block;
	content: '';
	width: 100%;
	padding-top: 100%
}

.hp-single-floorplan .fixed-frame>a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 5px;
	overflow: hidden;
	display: block;
	background-color: #fff
}

.hp-single-floorplan .adaptive-frame>a,
.hp-single-floorplan .adaptive-frame img {
	min-width: 100% !important;
	width: 100% !important
}

.hp-single-floorplan .fixed-frame.shrink-width img {
	height: 100% !important;
	width: auto;
	max-width: 100% !important;
	margin: 0 auto
}

.hp-single-floorplan .fixed-frame.contain img {
	height: 100% !important;
	width: 100%;
	max-height: 100% !important;
	max-width: 100% !important;
	margin: 0 auto;
	object-fit: contain
}

.hp-single-floorplan .fixed-frame.cover img {
	height: 100% !important;
	width: 100% !important;
	margin: 0 auto;
	object-fit: cover
}

.hp-single-floorplan .container input[type=radio],
.hp-single-floorplan .container input[type=checkbox] {
	margin: 0 !important
}

.hp-single-floorplan .container span.checkbox,
.hp-single-floorplan .container span.radio {
	margin: 0 !important;
	min-width: auto !important;
	top: -5px !important
}

.hp-single-floorplan .header-row {
	padding: 10px 15px;
	border: 2px solid #999;
	margin: 20px 0 0;
	background-color: #fff
}

.hp-single-floorplan .header-row.select {
	background-color: #fff;
	cursor: pointer
}

.hp-single-floorplan .header-row.select h3 {
	padding-right: 5px
}

.hp-single-floorplan .header-row.select h3 i:after {
	content: '\f0d7';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'font awesome 5 free';
	font-weight: 900;
	float: right
}

.hp-single-floorplan .price-section-wrap {
	position: relative
}

.hp-single-floorplan .price-section {
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 10px 15px 0;
	background: #fff
}

.hp-single-floorplan .price-section-wrap .package-drop,
.hp-single-floorplan .price-section-wrap .foundation-drop {
	position: absolute;
	box-sizing: border-box;
	z-index: 2;
	width: 100%;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, .12), 1px 2px 2px rgba(0, 0, 0, .24)
}

.hp-single-floorplan .select {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .12), 1px 1px 2px rgba(0, 0, 0, .24)
}

.hp-single-floorplan .price-display {
	position: relative;
	width: 100%;
	margin: 10px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px
}

.hp-single-floorplan .price-display:last-of-type {
	border: none
}

.hp-single-floorplan .price-display .layer {
	content: ' ';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .6);
	display: none
}

.hp-single-floorplan .price-title {
	display: inline-block;
	font-weight: 700;
	color: #444;
	margin-right: 10px
}

.hp-single-floorplan .price {
	display: inline-block;
	color: #1b95e0;
	font-weight: 700
}

.hp-single-floorplan .price-select {
	float: right
}

.hp-single-floorplan .price-description {
	display: block;
	width: 100%;
	color: #444;
	font-size: 12px;
	padding-top: 5px
}

.hp-single-floorplan .price-description .recommended {
	color: orange;
	font-style: italic;
	font-weight: 700
}

.hp-single-floorplan .price-description .electronic {
	color: green;
	font-style: italic;
	font-weight: 700
}

.hp-single-floorplan .price-description .physical {
	color: green;
	font-style: italic;
	font-weight: 700
}

.hp-single-floorplan .plan_details {
	width: 100%
}

.hp-single-floorplan .content .individual h1 {
	float: none;
	display: block;
	color: #4a6491
}

.hp-single-floorplan .content .individual h1 small {
	font-weight: 300;
	font-size: 22px
}

.hp-single-floorplan .content .individual h2 {
	font-size: 20px;
	letter-spacing: .5px;
	float: none;
	display: block;
	font-weight: 400;
	color: #4a6491
}

.hp-single-floorplan .content .individual h2 small {
	font-weight: 400;
	font-size: 80%
}

.hp-single-floorplan .content h3 {
	color: orange;
	text-transform: uppercase;
	padding-bottom: 5px
}

.hp-single-floorplan .content_block h4 {
	color: #444;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent
}

.hp-single-floorplan p {
	line-height: 1.5em !important
}

.hp-single-floorplan #cost-build-body {
	display: none
}

.hp-single-floorplan .block:after {
	content: ' ';
	display: block;
	height: 0;
	clear: both
}

.hp-single-floorplan i.caret:after {
	content: '\f0d7';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'font awesome 5 free';
	font-weight: 900;
	padding-left: 20px
}

.hp-single-floorplan .select .caret {
	float: right
}

.hp-single-floorplan .similar-plan {
	position: relative;
	font-weight: 300
}

.hp-single-floorplan .similar-data {
	position: absolute;
	padding: 5px 10px;
	background-color: #eee;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 90%
}

.hp-single-floorplan .similar-data small {
	padding-top: 3px
}

.hp-single-floorplan .faq-wrap {
	margin-bottom: 30px
}

.hp-single-floorplan .faq-block {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #eee
}

.hp-single-floorplan .reverse-mainSlider,
.hp-single-floorplan .print-planSlider,
.hp-single-floorplan .download-planSlider,
.hp-single-floorplan .reverse-planSlider {
	min-width: 120px
}

.hp-single-floorplan #questionformsubmit .processing {
	display: none
}

.hp-single-floorplan form dd {
	margin: 0 0 20px
}

.hp-single-floorplan form dd input,
.hp-single-floorplan form dd textarea {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important
}

.hp-single-floorplan form dt {
	font-size: 12px !important;
	text-transform: uppercase
}

.hp-single-floorplan body {
	overflow: hidden
}

@media screen and (min-width:993px) and (max-width:1128px) {
	.hp-about-our-plans .flex-row {
		display: flex !important;
		flex-wrap: nowrap !important;
		box-sizing: border-box !important
	}

	.hp-header-logo {
		width: 140px
	}
}

@media screen and (min-width:1280px) and (max-width:1380px) {
	.hp-single-floorplan .content-wrap {
		max-width: 1085px
	}

	.hp-single-floorplan .left {
		width: 690px !important
	}

	.hp-single-floorplan .right {
		width: 335px !important
	}

	.hp-single-floorplan .ad-section {
		right: -160px
	}
}

@media screen and (max-width:1279px) {

	.hp-single-floorplan .left,
	.hp-single-floorplan .right,
	.hp-single-floorplan .full {
		width: 97% !important;
		float: none;
		margin-left: auto;
		margin-right: auto
	}

	.hp-single-floorplan .ad-section {
		right: -150px
	}

	.hp-single-floorplan .show-mobile {
		display: block
	}

	.hp-single-floorplan .show-desktop {
		display: none
	}

	.hp-single-floorplan #submit-question-body,
	.hp-single-floorplan #cost-build-body {
		display: none
	}
}

@media screen and (max-width:930px) {
	.hp-single-floorplan .flexbox.searches>a {
		width: 48%
	}

	.hp-single-floorplan .inner.cont .content_block {
		padding-right: 0 !important
	}

	.hp-single-floorplan .ad-section {
		display: none
	}
}

@media screen and (max-width:800px) {
	.hp-single-floorplan #wrapper .flexbox>div {
		flex: 1;
		flex-basis: 60%
	}

	.hp-single-floorplan #wrapper .flexbox>.page-social {
		flex: 1;
		flex-basis: 40%
	}
}

@media screen and (max-width:700px) {
	.hp-single-floorplan #wrapper .flexbox>div {
		flex: 1;
		flex-basis: 100%
	}

	.hp-single-floorplan #wrapper .flexbox>.page-social {
		flex: 1;
		flex-basis: 100%
	}
}

@media print {
	.hp-single-floorplan body {
		width: auto !important;
		overflow-y: hidden
	}

	.hp-single-floorplan .inner.cont div,
	.hp-single-floorplan .inner.cont div aside {
		background-color: #fff !important
	}

	.hp-single-floorplan .planSlider .slick-slide {
		page-break-inside: avoid
	}

	.hp-single-floorplan .planSlider .slick-slide {
		padding-top: 40px
	}

	.hp-single-floorplan .planSlider .slick-slider,
	.hp-single-floorplan .planSlider .slick-list,
	.hp-single-floorplan .planSlider .slick-track,
	.hp-single-floorplan .planSlider .slick-slide,
	.hp-single-floorplan .mainSlider .slick-slider,
	.hp-single-floorplan .mainSlider .slick-list,
	.hp-single-floorplan .mainSlider .slick-track,
	.hp-single-floorplan .mainSlider .slick-slide,
	.hp-single-floorplan .mainSLider .fixed-frame,
	.hp-single-floorplan .mainSlider a,
	.hp-single-floorplan .mainSlider img {
		position: static;
		float: none !important;
		display: block !important;
		min-width: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: auto !important;
		height: auto !important;
		transform: none !important;
		clear: both !important;
		overflow: auto !important;
		padding: 0 !important;
		margin: 0 !important
	}

	.hp-single-floorplan .fixed-frame:before,
	.hp-single-floorplan .show-desktop,
	.hp-single-floorplan .show-mobile,
	.hp-single-floorplan .cta-group,
	.hp-single-floorplan .faq-wrap,
	.hp-single-floorplan .page-social,
	.hp-single-floorplan .single_card_wrapper,
	.hp-single-floorplan .legal-info-link,
	.hp-single-floorplan #purchase-header,
	.hp-single-floorplan #purchase-body a,
	.hp-single-floorplan .drawings-section .heading h2,
	.hp-single-floorplan .button,
	.hp-single-floorplan #modifications-header,
	.hp-single-floorplan #modifications-block,
	.hp-single-floorplan #cost-build-body,
	.hp-single-floorplan .searches-section,
	.hp-single-floorplan .similar-section,
	.hp-single-floorplan .recent-section,
	.hp-single-floorplan #submit-question-body,
	.hp-single-floorplan .ad-section,
	.hp-single-floorplan .toggle,
	.hp-single-floorplan .page-nav,
	.hp-single-floorplan .mainSliderNav,
	.hp-single-floorplan .planSliderNav,
	.hp-single-floorplan .planSlider .slick-cloned,
	.hp-single-floorplan .mainSlider .slick-cloned,
	.hp-single-floorplan .mainSlider .slick-slide,
	.hp-single-floorplan #footer {
		display: none !important
	}

	.hp-single-floorplan #header,
	.hp-single-floorplan .mainSlider .slick-current,
	.hp-single-floorplan #purchase-body,
	.hp-single-floorplan .package-drop,
	.hp-single-floorplan .foundation-drop {
		display: block !important;
		position: static !important
	}

	.hp-single-floorplan .inner.cont .content_block.full-bars {
		padding: 0 !important;
		margin: 0 !important
	}

	.hp-single-floorplan .inner.cont .content_block {
		padding-right: 0 !important
	}

	.hp-single-floorplan .left,
	.hp-single-floorplan .right,
	.hp-single-floorplan .full {
		width: 96% !important;
		float: none;
		margin-left: auto;
		margin-right: auto
	}
}

.hp-single-floorplan .slick-slider .slick-slide {
	display: none !important
}

.hp-single-floorplan .slick-slider .slick-slide:first-child {
	display: block !important
}

.hp-single-floorplan .slick-slider.slick-initialized .slick-slide {
	display: block !important
}

.hp-contact-us .contactus .intro {
	padding: 59px 0;
	margin-bottom: 75px;
	background-size: cover;
	background-position: center;
	text-align: center
}

.hp-contact-us .contactus .intro .intro__title {
	display: inline-block;
	padding: 17px 92px;
	background: rgba(0, 0, 0, .6);
	font-size: 56px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase
}

.hp-contact-us .contactus .contacts {
	margin-bottom: 81px
}

.hp-contact-us .contactus .contacts .cols {
	margin: 0 -16px 0 -40px
}

.hp-contact-us .contactus .contacts .cols:after {
	content: '';
	display: table;
	clear: both;
	line-height: 0
}

.hp-contact-us .contactus .contacts .col {
	float: left;
	box-sizing: border-box;
	padding: 0 45px
}

.hp-contact-us .contactus .contacts .col--1of3 {
	width: 33.33%
}

.hp-contact-us .contactus .contact+.contact {
	margin-top: 33px
}

.hp-contact-us .contactus .contact:after {
	content: '';
	display: table;
	clear: both;
	line-height: 0
}

.hp-contact-us .contactus .contact .contact__content {
	float: left;
	width: calc(100% - 45px);
	padding-top: 6px
}

.hp-contact-us .contactus .contact .contact__title {
	margin-bottom: 5px;
	font-size: 16px;
	text-transform: uppercase;
	color: #444
}

.hp-contact-us .contactus .contact .contact__content p,
.hp-contact-us .contactus .contact .contact__content ul,
.hp-contact-us .contactus .contact .contact__content a {
	position: relative;
	font-size: 14px;
	color: #989898;
	line-height: 1.5
}

.hp-contact-us .contactus .contact .contact__content a {
	display: inline-block
}

.hp-contact-us .contactus .contact .contact__content a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #989898;
	transition: width .3s
}

.hp-contact-us .contactus .contact .contact__content a:hover {
	text-decoration: none
}

.hp-contact-us .contactus .contact .contact__content a:hover:after {
	width: 100%
}

.hp-contact-us .contactus .contact .contact__content ul {
	padding-right: 24px
}

.hp-contact-us .contactus .contact .contact__content ul li {
	display: flex;
	justify-content: space-between;
	overflow: hidden
}

.hp-contact-us .contactus .contact .contact__content ul li strong {
	position: relative;
	z-index: 1;
	font-weight: 400
}

.hp-contact-us .contactus .contact .contact__content ul li strong:after {
	content: '...................................................................................';
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 100%
}

.hp-contact-us .contactus .contact .contact__content ul li span {
	position: relative;
	z-index: 5;
	padding-left: 3px;
	background: #fff
}

.hp-contact-us .contactus .contact .contact__image {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	border-radius: 100%;
	background: #a30404;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 17px
}

.hp-contact-us .contactus .content {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	float: none;
	width: 100%;
	margin: 0
}

.hp-contact-us .contactus .content .title {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 32px;
	font-size: 21px;
	text-transform: uppercase;
	color: #444;
	text-align: center
}

.hp-contact-us .contactus .content .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: #a30404
}

.hp-contact-us .contactus .content .map,
.hp-contact-us .contactus .content .content_block.custom {
	flex: 0 0 calc(50% - 21px);
	width: calc(50% - 21px);
	padding: 25px 43px 44px;
	margin: 0;
	background: #f6f6f6;
	box-sizing: border-box
}

.hp-contact-us .contactus .content .content_block.custom {
	padding: 25px 40px 44px
}

.hp-contact-us .contactus .content .map .map__holder {
	height: 257px;
	width: 100%
}

.hp-contact-us .contactus .content .map p {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0;
	color: #989898;
	line-height: 1.5
}

.hp-contact-us .contactus .content .map iframe {
	width: 100% !important
}

.hp-contact-us .contactus .content .content_block.custom tr td:first-child {
	display: none
}

.hp-contact-us .contactus .content .content_block.custom input,
.hp-contact-us .contactus .content .content_block.custom table,
.hp-contact-us .contactus .content .content_block.custom td,
.hp-contact-us .contactus .content .content_block.custom textarea {
	width: 100% !important;
	box-sizing: border-box
}

.hp-contact-us .contactus .content .content_block.custom td {
	padding: 0 0 14px
}

.hp-contact-us .contactus .content .content_block.custom input {
	height: 38px !important;
	padding: 0 15px !important;
	border: 0 !important;
	font-size: 12px
}

.hp-contact-us .contactus .content .content_block.custom textarea {
	overflow: auto;
	height: 114px !important;
	padding: 13px 15px !important;
	border: 0;
	font-size: 12px
}

.hp-contact-us .contactus .content .content_block.custom input::placeholder,
.hp-contact-us .contactus .content .content_block.custom textarea::placeholder {
	text-transform: uppercase;
	color: #adadad;
	font-size: 12px
}

.hp-contact-us .contactus .content .content_block.custom .btnsubmit {
	width: 160px !important;
	height: 40px !important;
	border-radius: 3px !important;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 40px
}

@media(max-width:1200px) {
	.hp-contact-us .contactus .contacts .cols {
		margin: 0 -10px
	}

	.hp-contact-us .contactus .contacts .col {
		padding: 0 10px
	}

	.hp-contact-us .contactus .contact .contact__content ul {
		padding-right: 0
	}
}

@media(max-width:1023px) {
	.hp-contact-us .contactus .intro .intro__title {
		font-size: 40px;
		padding: 14px 85px
	}
}

@media(max-width:767px) {
	.hp-contact-us html {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%
	}

	.hp-contact-us .contactus .intro {
		padding: 30px 0;
		margin-bottom: 30px
	}

	.hp-contact-us .contactus .intro .intro__title {
		font-size: 22px;
		padding: 10px 50px
	}

	.hp-contact-us .contactus .contacts {
		margin-bottom: 30px
	}

	.hp-contact-us .contactus .contacts .contact+.contact {
		margin-top: 20px
	}

	.hp-contact-us .contactus .contacts .col--1of3 {
		width: 50%;
		margin-bottom: 20px
	}

	.hp-contact-us .contactus .contact .contact__content ul {
		max-width: 231px;
		padding: 0
	}

	.hp-contact-us .contactus .content {
		flex-wrap: wrap;
		margin-bottom: 30px
	}

	.hp-contact-us .contactus .content .map,
	.hp-contact-us .contactus .content .content_block.custom {
		flex: 0 0 100%;
		width: 100%;
		padding: 20px 15px;
		margin: 0;
		background: #f6f6f6;
		box-sizing: border-box
	}

	.hp-contact-us .contactus .content .content_block.custom .btnsubmit {
		width: 100% !important
	}
}

@media(max-width:469px) {
	.hp-contact-us .contactus .contacts .cols {
		margin: 0
	}

	.hp-contact-us .contactus .contacts .col {
		padding: 0
	}

	.hp-contact-us .contactus .contacts .col+.col {
		margin-top: 20px
	}

	.hp-contact-us .contactus .contacts .col--1of3 {
		width: 100%;
		margin-bottom: 0
	}
}

.hp-about-us__bold {
	color: #333;
	font-weight: 700
}

.hp-about-us__row {
	width: 100%;
	padding: 100px 0;
	height: auto;
	overflow: auto
}

.hp-about-us__row--one {
	background: #f6f6f6
}

.hp-about-us__row--two {
	background: #ddd
}

.hp-about-us__row--three {
	background: #fafafa
}

.hp-about-us .rqduo {
	font-size: 48px;
	font-weight: 300;
	color: #4a6491
}

.hp-about-us .owner__wrapper {
	padding: 20px
}

.hp-about-us .owner__wrapper img {
	box-shadow: 8px 8px #4a6491
}

.hp-about-us .quotebox.titles h3 {
	text-align: center;
	font-size: 28px;
	line-height: 170%;
	font-weight: 300;
	font-family: Baskerville, palatino linotype, Palatino, century schoolbook l, times new roman, 'serif';
	text-transform: none
}

.hp-about-us .quotebox.titles h3 span {
	font-size: 48px;
	font-weight: 300;
	color: #4a6491
}

.hp-about-us .abp .intro {
	padding: 59px 0;
	margin-bottom: 75px;
	background-size: cover;
	background-position: center;
	text-align: center
}

.hp-about-us .abp .intro .intro__title {
	display: inline-block;
	padding: 17px 92px;
	background: rgba(0, 0, 0, .6);
	font-size: 56px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase
}

.hp-about-us .abp .abo {
	margin-bottom: 81px
}

.hp-about-us .abp .abop .title {
	margin-bottom: 35px
}

.hp-about-us .abp .abop .cols {
	margin: 25px -16px 25px -40px
}

.hp-about-us .abp .abop .cols:after {
	content: '';
	display: table;
	clear: both;
	line-height: 0
}

.hp-about-us .abp .abop .col {
	float: left;
	box-sizing: border-box;
	padding: 0 25px
}

.hp-about-us .abp .abop .col--1of3 {
	width: 33.33%
}

.hp-about-us .abp .aop+.aop {
	margin-top: 33px
}

.hp-about-us .abp .aop:after {
	content: '';
	display: table;
	clear: both;
	line-height: 0
}

.hp-about-us .abp .aop .aop__content {
	float: left;
	width: calc(100% - 45px);
	padding-top: 6px
}

.hp-about-us .abp .aop .aop__title {
	margin-bottom: 5px;
	font-size: 16px;
	text-transform: uppercase;
	color: #444
}

.hp-about-us .abp .aop .aop__content p,
.hp-about-us .abp .aop .aop__content ul,
.hp-about-us .abp .aop .aop__content a {
	position: relative;
	font-size: 14px;
	color: #989898;
	line-height: 1.5
}

.hp-about-us .abp .aop .aop__content a {
	display: inline-block
}

.hp-about-us .abp .aop .aop__content a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #989898;
	transition: width .3s
}

.hp-about-us .abp .aop .aop__content a:hover {
	text-decoration: none
}

.hp-about-us .abp .aop .aop__content a:hover:after {
	width: 100%
}

.hp-about-us .abp .aop .aop__content ul {
	padding-right: 24px
}

.hp-about-us .abp .aop .aop__content ul li {
	display: flex;
	justify-content: space-between;
	overflow: hidden
}

.hp-about-us .abp .aop .aop__content ul li strong {
	position: relative;
	z-index: 1;
	font-weight: 400
}

.hp-about-us .abp .aop .aop__content ul li strong:after {
	content: '...................................................................................';
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 100%
}

.hp-about-us .abp .aop .aop__content ul li span {
	position: relative;
	z-index: 5;
	padding-left: 3px;
	background: #fff
}

.hp-about-us .abp .aop .aop__image {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	border-radius: 100%;
	background: #a30404;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 17px
}

.hp-about-us .abp .content {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	float: none;
	width: 100%;
	margin: 0
}

.hp-about-us .abp .content .title {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 32px;
	font-size: 21px;
	text-transform: uppercase;
	color: #444;
	text-align: center
}

.hp-about-us .abp .content .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: #a30404
}

.hp-about-us .abp .content .title2 {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 32px;
	font-size: 21px;
	text-transform: uppercase;
	color: #444;
	text-align: center
}

.hp-about-us .content .title2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: #a30404
}

.hp-about-us .abp .content .map,
.hp-about-us .abp .content .content_block.custom {
	flex: 0 0 calc(50% - 21px);
	width: calc(50% - 21px);
	padding: 25px 43px 44px;
	margin: 0;
	background: #f6f6f6;
	box-sizing: border-box
}

.hp-about-us .abp .content .content_block.custom {
	padding: 25px 40px 44px
}

.hp-about-us .abp .content .map .map__holder {
	height: 257px;
	width: 100%
}

.hp-about-us .abp .content .map p {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0;
	color: #989898;
	line-height: 1.5
}

.hp-about-us .abp .content .map iframe {
	width: 100% !important
}

.hp-about-us .abp .content .content_block.custom tr td:first-child {
	display: none
}

.hp-about-us .abp .content .content_block.custom input,
.hp-about-us .abp .content .content_block.custom table,
.hp-about-us .abp .content .content_block.custom td,
.hp-about-us .abp .content .content_block.custom textarea {
	width: 100% !important;
	box-sizing: border-box
}

.hp-about-us .abp .content .content_block.custom td {
	padding: 0 0 14px
}

.hp-about-us .abp .content .content_block.custom input {
	height: 38px !important;
	padding: 0 15px !important;
	border: 0 !important;
	font-size: 12px
}

.hp-about-us .abp .content .content_block.custom textarea {
	overflow: auto;
	height: 114px !important;
	padding: 13px 15px !important;
	border: 0;
	font-size: 12px
}

.hp-about-us .abp .content .content_block.custom input::placeholder,
.hp-about-us .abp .content .content_block.custom textarea::placeholder {
	text-transform: uppercase;
	color: #adadad;
	font-size: 12px
}

.hp-about-us .abp .content .content_block.custom .btnsubmit {
	width: 160px !important;
	height: 40px !important;
	border-radius: 3px !important;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 40px
}

.hp-about-us .list li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1.25em
}

.hp-about-us .top-img {
	background-position: center
}

@media(max-width:1200px) {
	.hp-about-us .abp .abop .cols {
		margin: 0 -10px
	}

	.hp-about-us .abp .abop .col {
		padding: 0 10px
	}

	.hp-about-us .abp .aop .aop__content ul {
		padding-right: 0
	}
}

@media(max-width:1023px) {
	.hp-about-us .abp .intro .intro__title {
		font-size: 40px;
		padding: 14px 85px
	}
}

@media(max-width:767px) {
	.hp-about-us html {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%
	}

	.hp-about-us .abp .intro {
		padding: 30px 0;
		margin-bottom: 30px
	}

	.hp-about-us .abp .intro .intro__title {
		font-size: 22px;
		padding: 10px 50px
	}

	.hp-about-us .abp .abop {
		margin-bottom: 30px
	}

	.hp-about-us .abp .abop .aop+.aop {
		margin-top: 20px
	}

	.hp-about-us .abp .abop .col--1of3 {
		width: 50%;
		margin-bottom: 20px
	}

	.hp-about-us .abp .aop .aop__content ul {
		max-width: 231px;
		padding: 0
	}

	.hp-about-us .abp .content {
		flex-wrap: wrap;
		margin-bottom: 30px
	}

	.hp-about-us .abp .content .map,
	.hp-about-us .abp .content .content_block.custom {
		flex: 0 0 100%;
		width: 100%;
		padding: 20px 15px;
		margin: 0;
		background: #f6f6f6;
		box-sizing: border-box
	}

	.hp-about-us .abp .content .content_block.custom .btnsubmit {
		width: 100% !important
	}

	.hp-about-us .abp .abop .col--1of3 {
		width: 100%;
		margin-bottom: 0
	}
}

@media(max-width:469px) {
	.hp-about-us .abp .abop .cols {
		margin: 0
	}

	.hp-about-us .abp .abop .col {
		padding: 0
	}

	.hp-about-us .abp .abop .col+.col {
		margin-top: 20px
	}

	.hp-about-us .abp .abop .col--1of3 {
		width: 100%;
		margin-bottom: 0
	}
}

.hp-about-us .navlinks a {
	color: #fff
}

.hp-about-us .navlinks a:hover {
	text-decoration: none;
	color: #4a6491
}

.hp-about-us .inner.cont .content_block {
	padding: 30px 0 20px !important;
	margin: 0 auto !important;
	width: 100% !important;
	box-sizing: border-box
}

.hp-about-us .inner.cont .content_block {
	padding: 30px 0 20px !important;
	margin: 0 auto !important;
	width: 100% !important;
	box-sizing: border-box
}

.hp-about-us .container .inner.cont {
	margin-top: 0 !important
}

.hp-about-us .abp .abop .cols {
	margin-bottom: 50px !important
}

.hp-about-us .abp .abop {
	margin-bottom: 50px
}

.hp-about-us .inner strong {
	color: #771516;
	font-size: 115%;
	text-transform: uppercase
}

.hp-about-us .promo-box3 {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 32.3%;
	margin: 0 1% 2% 0 !important;
	height: auto;
	font-size: 12px;
	text-align: center;
	padding: 15px 5px 10px
}

.hp-about-us .promo-box2 {
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 32.3%;
	margin: 0 1% 2% 0;
	height: auto;
	font-size: 12px;
	text-align: center;
	padding: 15px 5px 10px
}

.hp-about-us .title {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 32px;
	font-size: 21px;
	text-transform: uppercase;
	color: #444;
	text-align: left
}

.hp-about-us .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: #a30404
}

.hp-about-us .title2 {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 32px;
	font-size: 21px;
	text-transform: uppercase;
	color: #444;
	text-align: center
}

.hp-about-us .title2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: #a30404
}

.hp-about-us .content-box-L {
	float: left;
	width: 45%;
	padding: 20px
}

.hp-about-us .content-box-R {
	float: right;
	width: 42%;
	height: 350px;
	padding: 20px;
	background: url(/images/exterior0001.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #4a6491;
	box-shadow: 8px 8px #4a6491
}

.hp-about-us .content-box2-L {
	float: left;
	width: 42%;
	height: 400px;
	padding: 20px;
	background: url(/images/exterior0005.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #4a6491;
	box-shadow: 8px 8px #4a6491
}

.hp-about-us .content-box2-R {
	float: right;
	width: 45%;
	padding: 20px
}

.hp-about-us .content-box3-R {
	float: right;
	width: 30%;
	height: 400px;
	padding: 0;
	background: url(/images/exterior0008.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #4a6491
}

.hp-about-us .content-box3-L {
	float: left;
	width: 65%;
	height: 400px;
	padding: 0;
	background: url(/images/interior0002.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #4a6491
}

.hp-about-us .aop-nav-box {
	margin-bottom: 50px !important;
	background-color: #ddd !important;
	border: 1px solid #4a6491;
	padding: 15px 25px 0 20px;
	border-radius: 5px
}

@media only screen and (max-width:767px) {
	.hp-about-us .promo-box2 {
		float: none;
		width: 95%;
		margin: 0 auto !important
	}

	.hp-about-us .promo-box {
		float: none;
		width: 95%;
		margin: 0 auto !important
	}

	.hp-about-us .abp2 {
		padding: 0 20px !important
	}
}

.hp-about-us .button_base {
	width: 95%
}

.hp-about-us .button_base:hover {
	cursor: pointer
}

.hp-about-us .b01_simple_rollover {
	color: #fff;
	border: #4a6491 solid 1px;
	border-radius: 5px;
	padding: 10px;
	background-color: #4a6491
}

.hp-about-us .b01_simple_rollover:hover {
	color: #4a6491;
	background-color: #fff
}

.hp-about-us .plans-acc {
	margin-bottom: 15px !important;
	font-size: 16px;
	font-smooth: always;
	-webkit-font-smoothing: antialiased
}

.hp-about-us .plans2-acc {
	margin-bottom: 0 !important;
	font-size: 16px;
	font-smooth: always;
	-webkit-font-smoothing: antialiased
}

@media only screen and (max-width:767px) {
	.hp-about-us .aop-nav-box {
		margin-bottom: 50px !important;
		background-color: #ddd !important;
		border: 1px solid #4a6491;
		padding: 15px 25px 25px;
		border-radius: 5px
	}
}

.hp-about-us .section {
	clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 130%
}

.hp-about-us .section.bio-col-container {
	margin-bottom: 30px
}

.hp-about-us .col {
	display: block;
	float: left;
	padding: 6% 0 6% 0%
}

.hp-about-us .col2 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.5%
}

.hp-about-us .col3 {
	display: block;
	float: left;
	margin: 1% 0 1% 1%
}

.hp-about-us .one {
	background-color: #82b0ff;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

.hp-about-us .one:hover {
	background-color: #222;
	cursor: pointer;
	color: #fff
}

.hp-about-us .two {
	background-color: #4a6491;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

.hp-about-us .two:hover {
	background-color: #222;
	cursor: pointer;
	color: #fff
}

.hp-about-us .three {
	background-color: #688dcc;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

.hp-about-us .three:hover {
	background-color: #222;
	cursor: pointer;
	color: #fff
}

.hp-about-us .col:first-child {
	margin-left: 0
}

.hp-about-us .col2:first-child {
	margin-left: 0
}

.hp-about-us .group:before,
.hp-about-us .group:after {
	content: '';
	display: table
}

.hp-about-us .group:after {
	clear: both
}

.hp-about-us .group {
	zoom: 1
}

.hp-about-us .span2_1_of_3 {
	width: 32.33%
}

.hp-about-us .span_3_of_3 {
	width: 100%
}

.hp-about-us .span_2_of_3 {
	width: 66.66%
}

.hp-about-us .span_1_of_3 {
	width: 33.33%
}

.hp-about-us .span_4_of_4 {
	width: 100%
}

.hp-about-us .span_3_of_4 {
	width: 74.62%
}

.hp-about-us .span_2_of_4 {
	width: 49.25%
}

.hp-about-us .span_1_of_4 {
	width: 23.87%
}

.hp-about-us .span_2_of_2 {
	width: 100%
}

.hp-about-us .span_1_of_2 {
	width: 49.25%
}

@media only screen and (max-width:480px) {
	.hp-about-us .col {
		margin: 1% 0 1% 0%
	}
}

@media only screen and (max-width:480px) {

	.hp-about-us .span_2_of_2,
	.hp-about-us .span_1_of_2 {
		width: 100%
	}

	.hp-about-us .span2_1_of_3 {
		width: 100%
	}
}

.hp-about-us .owner {
	background-color: #eee;
	padding: 50px;
	box-sizing: border-box
}

.hp-about-us .team-img {
	border: 1px solid #4a6491;
	width: 98%;
	margin: 0 auto
}

.hp-about-us .our-team h3 {
	text-align: center !important;
	font-size: 200% !important;
	margin-bottom: 20px
}

.hp-about-us .our-team p {
	margin: 20px 0;
	padding: 0 7px
}

.hp-about-us .our-team .name {
	font-size: 110%;
	text-transform: uppercase;
	margin: 20px 0 5px;
	font-weight: 700
}

.hp-about-us .our-team .a-title {
	font-size: 100%;
	margin: 0
}

.hp-about-us .our-team .desc {
	text-align: left;
	font-size: 90%;
	line-height: 150%;
	margin: 20px 0 5px
}

.hp-about-us .our-team .desc2 {
	text-align: left;
	font-size: 90%;
	line-height: 150%;
	margin: 20px 0 5px
}

.hp-about-us .our-team .desc3 {
	text-align: left;
	font-size: 90%;
	line-height: 150%;
	margin: 20px 0 5px
}

.hp-about-us .our-team .fave {
	font-size: 90%;
	text-align: left;
	margin: 20px 0 !important;
	line-height: 180%
}

.hp-about-us .fave a {
	color: #4a6491;
	font-weight: 700
}

.hp-about-us .face a:hover {
	color: #444
}

.hp-about-us .fave-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden
}

.hp-about-us .fave-box .fave-column {
	flex: 1
}

.hp-about-us .bio-col-container {
	display: flex;
	width: 100%
}

.hp-about-us .bio-col {
	flex: 1;
	padding: 16px
}

@media screen and (max-width:670px) {
	.hp-about-us .bio-col-container {
		flex-direction: column
	}
}

.hp-about-us .top-footer {
	color: #fff;
	font-size: 170%
}

.hp-about-us .top-footer p {
	color: #fff;
	font-size: 65% !important;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 0 20px;
	letter-spacing: 2px;
	font-style: italic
}

.hp-about-us .top-footer a {
	color: #fff
}

.hp-about-us .top-footer h3 {
	font-size: 1.75em
}

.hp-about-us .top-intro {
	background: url(/images/header-images/AboutUs.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 0 !important
}

.hp-about-us .quotebox {
	float: left;
	width: auto;
	height: auto;
	margin: 70px 50px;
	padding: 0 30px
}

.hp-about-us .about-text {
	margin-bottom: 50px
}

.hp-about-us .about-text p {
	line-height: 190%;
	font-size: 130%;
	text-align: left;
	margin-bottom: 10px
}

.hp-about-us .about-text .title {
	margin-bottom: 35px !important
}

.hp-about-us .about-photos {
	float: left;
	width: 100%;
	height: auto;
	margin: 70px 0 0
}

@media only screen and (max-width:800px) {
	.hp-about-us .quotebox {
		width: auto;
		height: auto;
		padding: 20px;
		margin: 50px 0 0
	}
}

@media only screen and (max-width:767px) {
	.hp-about-us .col {
		margin: 1% 0 1% 0%
	}

	.hp-about-us .span_1_of_4,
	.hp-about-us .span_1_of_2,
	.hp-about-us .span_2_of_4,
	.hp-about-us .span_3_of_4,
	.hp-about-us .span_4_of_4 {
		width: 100%
	}

	.hp-about-us .span_3_of_3,
	.hp-about-us .span_2_of_3,
	.hp-about-us .span_1_of_3,
	.hp-about-us .span2_1_of_3 {
		width: 100%
	}

	.hp-about-us .quotebox {
		height: auto;
		padding: 20px
	}

	.hp-about-us .content-box-L {
		width: 100%;
		padding: 0
	}

	.hp-about-us .content-box-R {
		float: left;
		width: 97%;
		margin: 0 auto;
		padding: 0 !important
	}

	.hp-about-us .content-box2-R {
		width: 100%;
		padding: 0;
		margin-top: 50px
	}

	.hp-about-us .content-box2-L {
		float: left;
		width: 97%;
		margin: 0 auto;
		padding: 0 !important
	}

	.hp-about-us .content-box3-L {
		width: 100%;
		padding: 0;
		margin-bottom: 20px
	}

	.hp-about-us .content-box3-R {
		width: 100%;
		padding: 0
	}

	.hp-about-us .about-text {
		margin-bottom: 10px
	}

	.hp-about-us .about-photos {
		float: left;
		width: 100%;
		height: auto;
		margin: 20px 0 0
	}

	.hp-about-us .owner {
		background-color: #eee;
		padding: 20px;
		box-sizing: border-box
	}

	.hp-about-us .our-team .desc {
		text-align: left;
		font-size: 90%;
		line-height: 150%;
		margin: 20px 0 5px;
		min-height: auto !important
	}
}

@media only screen and (max-width:480px) {
	.hp-about-us .col {
		margin: 1% 0 1% 0%
	}

	.hp-about-us .span_1_of_4,
	.hp-about-us .span_1_of_2,
	.hp-about-us .span_2_of_4,
	.hp-about-us .span_3_of_4,
	.hp-about-us .span_4_of_4 {
		width: 100%
	}

	.hp-about-us .span_3_of_3,
	.hp-about-us .span_2_of_3,
	.hp-about-us .span_1_of_3,
	.hp-about-us .span2_1_of_3 {
		width: 100%
	}

	.hp-about-us .quotebox {
		width: auto;
		height: auto;
		padding: 20px
	}

	.hp-about-us .content-box-L {
		width: auto;
		padding: 0
	}

	.hp-about-us .content-box-R {
		float: left;
		width: 97%;
		margin: 0 auto;
		padding: 0 !important
	}

	.hp-about-us .content-box2-R {
		width: 100%;
		padding: 0;
		margin-top: 50px
	}

	.hp-about-us .content-box2-L {
		float: left;
		width: 97%;
		margin: 0 auto;
		padding: 0 !important
	}

	.hp-about-us .content-box3-L {
		width: 100%;
		padding: 0;
		margin-bottom: 20px
	}

	.hp-about-us .content-box3-R {
		width: 100%;
		padding: 0
	}

	.hp-about-us .about-text {
		margin-bottom: 10px
	}

	.hp-about-us .about-photos {
		float: left;
		width: 100%;
		height: auto;
		margin: 20px 0 0
	}

	.hp-about-us .owner {
		background-color: #eee;
		padding: 20px;
		box-sizing: border-box
	}

	.hp-about-us .our-team .desc {
		text-align: left;
		font-size: 90%;
		line-height: 150%;
		margin: 20px 0 5px;
		min-height: auto !important
	}
}

@media screen and (max-width:620px) {

	.hp-about-us .span_3_of_3,
	.hp-about-us .span_2_of_3,
	.hp-about-us .span_1_of_3 {
		width: 100%;
		margin: 0
	}
}

.hp-myaccount-designer-order tr,
.hp-myaccount-designer-order table {
	width: 100%
}

.hp-myaccount-designer-order .inner.cont {
	width: 1150px !important;
	padding: 0 10px !important
}

.hp-myaccount-designer-order .content,
.hp-myaccount-designer-order .content_block.custom {
	width: 100%
}

.button {
	margin-bottom: 0 !important;
	padding-top: 6px !important
}

s table,
s tr {
	width: 100%;
	text-align: left
}

s th {
	background-color: #999;
	color: #fff
}

s td {
	padding: 10px 10px 10px 0;
	border-top: 1px solid #777
}

s td.open {
	color: green;
	font-weight: 700;
	text-transform: uppercase
}

.hp-styles {
	overflow-x: hidden
}

.hp-styles .container .inner.cont,
.hp-styles .inner.cont .content {
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box
}

.hp-styles .inner.cont .content_block {
	padding: 100px 0 0 !important;
	margin: 0 auto !important;
	width: 100% !important;
	margin-bottom: 0 !important;
	box-sizing: border-box
}

.hp-styles .inner.cont .content_block * {
	box-sizing: border-box
}

.hp-styles .content-wrap {
	width: 1320px;
	max-width: 96%;
	margin: 0 auto;
	padding: 0 30px 100px;
	box-sizing: border-box;
	position: relative
}

.hp-styles .full {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	box-sizing: border-box
}

.hp-styles .more {
	margin-top: 40px;
	text-align: center
}

.hp-styles .side.more {
	float: right;
	margin-top: 22px;
	margin-left: 40px
}

.hp-styles .content .individual h1 {
	float: none;
	display: block;
	color: #0a3d7a
}

.hp-styles .content .individual h1 small {
	font-weight: 300;
	font-size: 22px
}

.hp-styles .content .individual h2 {
	font-size: 1.8em !important;
	letter-spacing: .5px;
	float: none;
	display: block;
	font-weight: 500;
	text-shadow: 1px 1px 1px #fff;
	color: #0a3d7a;
	text-transform: none;
	line-height: 1.3
}

.hp-styles .content .individual h2 small {
	font-weight: 400;
	font-size: 80%
}

.hp-styles .content .tile h2 {
	padding-bottom: 0 !important
}

.hp-styles .content h3 {
	color: #0a3d7a;
	text-transform: uppercase;
	padding-bottom: 5px
}

.hp-styles .content h3 small {
	font-weight: 300;
	font-size: 16px !important
}

.hp-styles .content_block h4 {
	color: #444;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent
}

.hp-styles .content p {
	font-size: 18px;
	margin-bottom: 9px;
	line-height: 1.8;
	font-weight: 300;
	color: #000
}

.hp-styles #wrapper .plan-number {
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .35);
	padding: 3px 10px;
	line-height: 1.6;
	color: #fff;
	text-decoration: none;
	font-size: 12px !important
}

.hp-styles a.plan-number:hover {
	text-decoration: none
}

.hp-styles .flex {
	display: flex;
	box-sizing: border-box;
	justify-content: space-between
}

.hp-styles .flex.column {
	flex-direction: column
}

.hp-styles .flex>div {
	flex: 1 1 0%;
	position: relative;
	align-items: stretch
}

.hp-styles .flex>div.third {
	max-width: 33.3333%
}

.hp-styles .flex.two>div {
	max-width: 50%;
	flex: 1 1 0%
}

.hp-styles .flex.three {
	flex-wrap: wrap
}

.hp-styles .flex.three>div {
	max-width: 33.3333%;
	flex: 1 1 auto
}

.hp-styles .flex>div.half {
	max-width: 52.5%
}

.hp-styles .flex iframe {
	width: 100%;
	height: 100%;
	flex: 1 1 0%
}

.hp-styles .gutter-sm>div {
	padding: 0 0 20px 20px !important
}

.hp-styles .gutter-sm {
	margin: 0 0 0 -20px !important
}

.hp-styles .gutter-sm .gutter-sm {
	margin-bottom: -20px !important
}

.hp-styles .gutter-md>div {
	padding: 0 0 40px 40px !important
}

.hp-styles .gutter-md {
	margin: 0 0 0 -40px !important
}

.hp-styles .gutter-md .gutter-md {
	margin-bottom: -40px !important
}

.hp-styles .tile {
	display: block;
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	transition: .4s ease;
	position: relative;
	text-align: center;
	line-height: 1;
	background-color: #fff;
	padding: 10px
}

.hp-styles .tile:hover {
	box-shadow: 1px 3px 2px #ddd
}

.hp-styles .shadow {
	border-radius: 3px;
	box-shadow: 0 1px 2px #ccc;
	transition: .4s ease
}

.hp-styles .shadow:hover {
	box-shadow: 1px 3px 2px #ddd
}

.hp-styles .tile-text {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
	position: relative
}

.hp-styles .tile-text.top {
	margin-top: 0;
	margin-bottom: -40px;
	z-index: 2
}

.hp-styles .tile-text>div {
	border: 1px solid #0a3d7a;
	padding: 10px
}

@media screen and (max-width:1440px) {
	.hp-styles .flex.two {
		margin-left: 0 !important;
		margin-bottom: 0 !important
	}

	.hp-styles .flex.two>div {
		padding-left: 0 !important;
		padding-bottom: 0 !important
	}
}

@media screen and (max-width:1280px) {
	.hp-styles .full {
		width: 97% !important;
		float: none;
		margin-left: auto;
		margin-right: auto
	}

	.hp-styles .flex.two {
		flex-direction: column;
		width: 70%;
		max-width: 70%;
		margin: 0 auto !important
	}

	.hp-styles .flex.two>div {
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto
	}
}

@media screen and (max-width:1160px) {
	.hp-styles div.flex.first {
		flex-wrap: wrap
	}

	.hp-styles div.flex.column.third {
		flex-direction: row;
		flex-basis: 100%;
		order: -1;
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
		padding-left: 0 !important
	}

	.hp-styles .flex.three>div {
		max-width: 50%
	}
}

@media screen and (max-width:1024px) {
	.hp-styles .inner.cont .content_block {
		padding-right: 0 !important
	}

	.hp-styles .site-headline h2 {
		font-size: 5em
	}

	.hp-styles .site-headline h3 {
		font-size: 3em
	}
}

@media screen and (max-width:880px) {
	.hp-styles .flex.two {
		width: 100%;
		max-width: 100%
	}

	.hp-styles .media-text {
		padding: 15px 20px
	}
}

@media screen and (max-width:768px) {

	.hp-styles .flex,
	.hp-styles .third,
	.hp-styles .half {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important
	}

	.hp-styles .flex.three>div {
		max-width: 100%;
		width: 100%
	}

	.hp-styles .gutter-sm>div,
	.hp-styles .gutter-md>div {
		padding-left: 0 !important
	}

	.hp-styles .content-wrap {
		padding-bottom: 50px !important
	}

	.hp-styles .inner.cont .content_block {
		padding-top: 50px !important
	}
}

@media screen and (max-width:700px) {
	.hp-styles .side.more {
		float: left;
		margin: 0 0 20px !important;
		font-size: smaller
	}

	.hp-styles .content .content-wrap h2 {
		font-size: 1.6em !important;
		clear: both;
		margin: 15px 0 0;
		padding-bottom: 0 !important
	}
}

@media screen and (max-width:550px) {
	.hp-styles .content-wrap {
		padding-left: 10px;
		padding-right: 10px
	}
}

.hp-about-our-plans .intro {
	padding: 80px 0;
	margin-bottom: 25px;
	background-size: cover;
	background-position: center;
	text-align: center
}

.hp-about-our-plans .intro .intro__title {
	display: inline-block;
	padding: 17px 92px;
	background: rgba(0, 0, 0, .6);
	font-size: 56px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase
}

@media(max-width:1023px) {
	.hp-about-our-plans .intro .intro__title {
		font-size: 40px;
		padding: 14px 85px
	}
}

@media(max-width:767px) {
	.hp-about-our-plans .intro {
		padding: 30px 0;
		margin-bottom: 30px
	}

	.hp-about-our-plans .intro .intro__title {
		font-size: 22px;
		padding: 10px 50px
	}
}

.hp-about-our-plans .container .inner.cont,
.hp-about-our-plans .inner.cont .content {
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box
}

.hp-about-our-plans .inner.cont .content_block {
	padding: 0 0 20px 0 !important;
	margin: 0 auto !important;
	width: 100% !important;
	margin-bottom: 0 !important;
	box-sizing: border-box
}

.hp-about-our-plans .content-wrap {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative
}

.hp-about-our-plans .inner.cont .content .individual {
	padding-top: 30px !important;
	background-color: #fff
}

.hp-about-our-plans .inner.cont .content .individual:nth-child(even) {
	background-color: #eee !important
}

.hp-about-our-plans .content .individual .full {
	padding: 10px 0 40px
}

.hp-about-our-plans .content .individual .column {
	padding: 30px 0 10px;
	box-sizing: border-box
}

.hp-about-our-plans .column .left-col {
	box-sizing: border-box;
	float: left;
	width: 40%;
	padding-right: 10px
}

.hp-about-our-plans .column .right-col {
	box-sizing: border-box;
	float: right;
	width: 60%;
	padding-left: 10px
}

.hp-about-our-plans .column .left-col ul,
.hp-about-our-plans .column .right-col ul {
	margin-bottom: 40px
}

.hp-about-our-plans .column img {
	min-width: 100%
}

@media screen and (max-width:780px) {

	.hp-about-our-plans .column .right-col,
	.hp-about-our-plans .column .left-col {
		width: 100%;
		padding: 0
	}
}

.hp-about-our-plans .content .individual h2 {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 10px;
	font-size: 21px;
	text-transform: uppercase;
	color: #444;
	text-align: center;
	float: none;
	padding-top: 40px
}

.hp-about-our-plans .content .individual h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: #a30404
}

.hp-about-our-plans .content .individual p,
.hp-about-our-plans .content .individual ul {
	line-height: 180%;
	font-size: 115%;
	margin-bottom: 1em
}

.hp-about-our-plans .content .individual ul {
	padding-left: 20px
}

.hp-about-our-plans .content .individual li {
	line-height: 2em;
	list-style-position: outside
}

.hp-about-our-plans .content .individual h3 {
	margin: 15px 0;
	font-size: large;
	color: #a30404
}

.hp-about-our-plans .column h4 {
	margin-top: 15px;
	color: #a30404
}

.hp-about-our-plans .column h5 {
	margin-top: 10px;
	font-size: 14px
}

.hp-about-our-plans .column h5 i {
	margin-right: 10px;
	color: #a30404
}

.hp-about-our-plans h3 span.circle {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	border-radius: 100%;
	background: #a30404;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 17px
}

.hp-about-our-plans .section {
	clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 130%
}

.hp-about-our-plans .col {
	display: block;
	float: left;
	padding: 6% 0 6% 0%
}

.hp-about-our-plans .col2 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.5%
}

.hp-about-our-plans .col3 {
	display: block;
	float: left;
	margin: 1% 0 1% 1%
}

.hp-about-our-plans .one {
	background-color: #82b0ff;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

.hp-about-our-plans .one:hover {
	background-color: #222;
	cursor: pointer;
	color: #fff
}

.hp-about-our-plans .two {
	background-color: #4a6491;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

.hp-about-our-plans .two:hover {
	background-color: #222;
	cursor: pointer;
	color: #fff
}

.hp-about-our-plans .three {
	background-color: #688dcc;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out
}

.hp-about-our-plans .three:hover {
	background-color: #222;
	cursor: pointer;
	color: #fff
}

.hp-about-our-plans .col:first-child {
	margin-left: 0
}

.hp-about-our-plans .col2:first-child {
	margin-left: 0
}

.hp-about-our-plans .group:before,
.hp-about-our-plans .group:after {
	content: '';
	display: table
}

.hp-about-our-plans .group:after {
	clear: both
}

.hp-about-our-plans .group {
	zoom: 1
}

.hp-about-our-plans .span2_1_of_3 {
	width: 32.33%
}

.hp-about-our-plans .span_3_of_3 {
	width: 100%
}

.hp-about-our-plans .span_2_of_3 {
	width: 66.66%
}

.hp-about-our-plans .span_1_of_3 {
	width: 33.33%
}

@media screen and (max-width:620px) {

	.hp-about-our-plans .span_3_of_3,
	.hp-about-our-plans .span_2_of_3,
	.hp-about-our-plans .span_1_of_3 {
		width: 100%;
		margin: 0
	}
}

.hp-about-our-plans .span_4_of_4 {
	width: 100%
}

.hp-about-our-plans .span_3_of_4 {
	width: 74.62%
}

.hp-about-our-plans .span_2_of_4 {
	width: 49.25%
}

.hp-about-our-plans .span_1_of_4 {
	width: 23.87%
}

.hp-about-our-plans .span_2_of_2 {
	width: 100%
}

.hp-about-our-plans .span_1_of_2 {
	width: 49.25%
}

.hp-about-our-plans .top-footer {
	color: #fff;
	font-size: 170%
}

.hp-about-our-plans .top-footer p {
	color: #fff;
	font-size: 65% !important;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 0 20px;
	letter-spacing: 2px;
	font-style: italic
}

.hp-about-our-plans .top-footer a {
	color: #fff
}

.hp-about-our-plans .top-footer h3 {
	font-size: 1.75em
}

.hp-about-our-plans .quotebox {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 25px 0 15px;
	padding: 0 30px
}

.hp-about-our-plans .flex-row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box
}

.hp-about-our-plans .flex-row .column {
	box-sizing: border-box;
	flex: 1;
	margin: 20px;
	padding: 20px !important;
	background-color: #fff;
	border-radius: 2px;
	min-width: 350px
}

@media screen and (max-width:730px) {
	.hp-about-our-plans .flex-row .column {
		min-width: 300px
	}

	.hp-about-our-plans .flex-row .column,
	.hp-about-our-plans p.call-out {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
}

.hp-about-our-plans .btn-bar {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	background-color: #fff;
	padding: 0
}

.hp-about-our-plans .btn-bar a.btn {
	box-sizing: border-box;
	display: block;
	flex: 1;
	min-width: 250px;
	font-size: 16px;
	line-height: 2;
	text-transform: uppercase;
	color: #fff;
	background-color: #4a6491;
	border: 2px solid #4a6491;
	border-radius: 2px;
	cursor: pointer;
	padding: 6px 5px 4px 15px;
	text-align: left;
	text-decoration: none;
	transition: background 100ms ease-in;
	vertical-align: middle;
	margin: 1px
}

.hp-about-our-plans .btn-bar a.btn:hover,
.hp-about-our-plans .btn-bar a.btn:active {
	color: #4a6491;
	background-color: #fff;
	border-color: #4a6491
}

.hp-about-our-plans a.btn i {
	padding-right: 15px
}

.hp-about-our-plans p.call-out {
	margin: 40px 50px;
	padding: 40px;
	font-style: italic !important;
	font-size: 18px !important;
	text-align: center;
	color: #4a6491;
	border: 2px solid #4a6491;
	background-color: #fff
}

.hp-about-our-plans--modifications .reviews {
	display: flex;
	justify-content: space-between;
	margin-left: -20px;
	margin-right: -20px
}

.hp-about-our-plans--modifications .review {
	background-color: #fff;
	padding: 20px;
	margin: 20px
}

.hp-about-our-plans--modifications .review .fa-star {
	color: gold
}

@media screen and (max-width:800px) {
	.hp-about-our-plans--modifications .reviews {
		display: block
	}
}

.hp-about-our-plans--rewards h4 {
	color: #19437a !important;
	text-transform: uppercase
}

.hp-about-our-plans--rewards .inner.cont .content .individual {
	padding: 0 !important
}

.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form {
	background: #eee;
	padding: 32px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 32px;
	max-width: 100%;
	border-radius: 8px;
	margin: 32px 0 64px
}

.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form h2 {
	padding: 0
}

.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form p {
	margin: 0 0 12px;
	line-height: 1.6;
	padding: 0
}

.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form form input {
	margin: 0 0 16px;
	font-size: 14px;
	height: auto;
	flex: 0 0 32.5%;
	padding: 8px !important
}

@media(max-width:767px) {
	.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form form input {
		flex: 1 0 100%;
		margin: 0 0 8px
	}
}

.hp-about-our-plans--rewards .inner.cont .content .individual .rewards-form form .button {
	width: 100%;
	padding: 12px !important;
	font-size: 16px;
	font-weight: 700;
	margin: 0 !important
}

.hp-about-our-plans--rewards .inner.cont .content .individual h2 {
	margin: 0 0 24px
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full {
	padding: 20px 0
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full h3 {
	margin: 32px 0 16px
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full p {
	margin: 0 0 12px;
	line-height: 2;
	padding: 0
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	padding: 12px 0
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier {
	flex: 0 0 31%;
	padding: 32px;
	background-color: #eee;
	border-radius: 8px
}

@media(max-width:767px) {
	.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier {
		flex: 1 0 100%;
		padding: 24px;
		margin: 0 0 16px
	}

	.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier:last-child {
		margin: 0
	}
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier ul {
	margin: 0 0 16px;
	padding: 0;
	list-style: none
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier ul li {
	list-style: none
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier ul li i {
	margin: 0 6px 0 0;
	color: #a30404
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier h4 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 16px !important;
	padding: 0 0 16px !important;
	line-height: 1
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier p {
	padding: 0;
	line-height: 1.6
}

.hp-about-our-plans--rewards .inner.cont .content .individual .full .reward-tiers__tier p:last-child {
	margin: 0
}

.hp-account {
	min-height: calc(100vh - 459px);
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-between;
	padding-top: 9%
}

@media(max-width:1024px) {
	.hp-account {
		align-content: flex-start
	}
}

.hp-account__sidebar {
	flex: 0 0 23%;
	max-width: 260px;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
	z-index: 10
}

@media(max-width:1024px) {
	.hp-account__sidebar {
		flex: 1 0 100%;
		max-width: 100%
	}
}

.hp-account__sidebar nav {
	height: 100%;
	flex: 1 0 100%
}

.hp-account__sidebar nav ul {
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	user-select: none
}

@media(max-width:1024px) {
	.hp-account__sidebar nav ul {
		max-height: 64px;
		overflow: hidden;
		transition: max-height .3s ease
	}

	.hp-account__sidebar nav ul.active {
		max-height: 800px
	}
}

.hp-account__sidebar nav ul li {
	user-select: none
}

.hp-account__sidebar nav ul li.user-block {
	padding: 18px 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start
}

.hp-account__sidebar nav ul li.user-block div {
	max-width: 80%
}

.hp-account__sidebar nav ul li.user-block i {
	font-size: 28px;
	color: #b13533;
	margin: 0 16px 0 0
}

.hp-account__sidebar nav ul li.user-block i.fa-bars {
	margin: 0 0 0 auto;
	color: #0a3d7a;
	display: none
}

@media(max-width:1024px) {
	.hp-account__sidebar nav ul li.user-block i.fa-bars {
		display: block
	}
}

.hp-account__sidebar nav ul li.user-block p {
	color: #0a3d7a;
	display: block;
	margin: 0;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700
}

.hp-account__sidebar nav ul li.user-block span {
	color: #222;
	display: block;
	font-size: 14px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.hp-account__sidebar nav ul li a {
	transition: .2s all ease;
	display: block;
	padding: 18px 24px;
	font-size: 14px;
	background: #fff;
	text-decoration: none;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1;
	text-transform: uppercase;
	color: #222
}

.hp-account__sidebar nav ul li a i {
	margin: 0 8px 0 0;
	font-size: 18px;
	color: #0a3d7a;
	width: 22px;
	display: inline-block;
	text-align: center;
	line-height: 1
}

.hp-account__sidebar nav ul li a:hover,
.hp-account__sidebar nav ul li a.active {
	background: #eee
}

.hp-account__card {
	padding: 18px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
	position: relative;
	flex: 0 0 32%
}

.hp-account__card h1 {
	font-size: 36px;
	margin: 0 0 8px;
	line-height: 1;
	color: #2f313d
}

.hp-account__card h2 {
	margin: 0 0 16px;
	line-height: 1;
	font-size: 20px;
	color: #0a3d7a
}

.hp-account__card h3 {
	margin: 8px 0 0
}

.hp-account__card h3:first-of-type {
	margin: 0
}

.hp-account__card label {
	display: block
}

.hp-account__card .input-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.hp-account__card .input-form label {
	margin: 0 0 4px;
	font-weight: 500;
	font-size: 14px;
	flex: 1 0 100%;
	display: block;
	color: #222
}

.hp-account__card .input-form input[type=text],
.hp-account__card .input-form input[type=email],
.hp-account__card .input-form input[type=password],
.hp-account__card .input-form input[type=number],
.hp-account__card .input-form select {
	border: 1px solid #ddd;
	height: auto;
	font-size: 14px;
	padding: 6px 12px !important;
	display: block;
	flex: 1 0 100%;
	width: 100%;
	min-width: 220px;
	max-width: 100%
}

.hp-account__card .input-form--checks label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	flex: 1 0 100%;
	margin: 8px 0 0;
	cursor: pointer;
	user-select: none
}

.hp-account__card .input-form--checks label input {
	left: 0;
	flex: 0;
	margin: 0 8px 0 0;
	position: relative
}

.hp-account__card .input-form--checks label span {
	flex: 1;
	background: 0 0
}

.hp-account__card .input-form--inline label,
.hp-account__card .input-form--inline input,
.hp-account__card .input-form--inline select {
	flex: 1
}

.hp-account__card .input-form--inline label {
	margin: 0 8px 0 0
}

.hp-account__card--form {
	grid-column: span 4
}

.hp-account__card--table {
	grid-column: span 4
}

.hp-account__card--table .table-button {
	background: #0a3d7a;
	padding: 4px 8px;
	border-radius: 4px;
	appearance: none;
	color: #fff;
	border: 0;
	cursor: pointer
}

.hp-account__card--table table {
	width: 100%
}

.hp-account__card--table table.hoverable tr:hover {
	background: #eee
}

.hp-account__card--table table tr {
	width: 100%;
	transition: .1s all ease
}

.hp-account__card--table table tr[data-href] {
	cursor: pointer
}

.hp-account__card--table table tr.cut td {
	padding-bottom: 3px
}

.hp-account__card--table table tr.cut~tr td {
	padding-top: 3px
}

.hp-account__card--table table tr th,
.hp-account__card--table table tr td {
	padding: 12px 16px;
	text-align: left;
	font-size: 14px;
	color: #222
}

.hp-account__card--table table tr th {
	background: #0a3d7a;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

.hp-account__card--table table tr td {
	font-weight: 500
}

.hp-account__card--table table tr td strong {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	color: #0a3d7a
}

.hp-account__card--table table tr td.action {
	font-weight: 600;
	text-transform: uppercase
}

.hp-account__card--dash {
	text-align: center
}

.hp-account__card--dash h1 {
	font-size: 46px;
	font-weight: 600;
	margin: 0 0 4px
}

.hp-account__card--dash h3 {
	color: #6d7174;
	text-transform: none;
	font-size: 16px;
	font-weight: 500
}

.hp-account__card--dash div {
	width: 48px;
	height: 48px;
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px
}

.hp-account__card--dash div i {
	font-size: 22px
}

.hp-account__card--dash-one div {
	background-color: rgba(139, 110, 255, .2);
	box-shadow: 0 0 8px rgba(139, 110, 255, .2)
}

.hp-account__card--dash-one div i {
	color: #8b6eff
}

.hp-account__card--dash-two div {
	background-color: rgba(5, 130, 250, .2);
	box-shadow: 0 0 8px rgba(5, 130, 250, .2)
}

.hp-account__card--dash-two div i {
	color: #0582fa
}

.hp-account__card--dash-three div {
	background-color: rgba(49, 192, 48, .2);
	box-shadow: 0 0 8px rgba(49, 192, 48, .2)
}

.hp-account__card--dash-three div i {
	color: #31c030
}

.hp-account__card--dash-four div {
	background-color: rgba(232, 174, 28, .2);
	box-shadow: 0 0 8px rgba(232, 174, 28, .2)
}

.hp-account__card--dash-four div i {
	color: #e8ae1c
}

@media(max-width:1024px) {
	.hp-account__card--favorite {
		grid-column: span 2
	}
}

@media(max-width:767px) {
	.hp-account__card--favorite {
		grid-column: span 4
	}
}

.hp-account__card--favorite .floorplanlistthumbnail img {
	width: 100%
}

.hp-account__card--full {
	grid-column: span 4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	max-width: 100%
}

@media(max-width:767px) {
	.hp-account__card--full form {
		flex: 1;
		margin: 0 0 12px
	}

	.hp-account__card--full form:last-of-type {
		margin: 0
	}
}

.hp-account__card-buttonarea {
	margin: 16px 0 0 !important;
	flex: 1 0 100% !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center
}

.hp-account__card-buttonarea input,
.hp-account__card-buttonarea button,
.hp-account__card-buttonarea a {
	margin: 0;
	padding: 8px 16px;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 4px;
	border: 0;
	background: #0a3d7a;
	color: #fff;
	text-align: center;
	text-decoration: none;
	appearance: none;
	cursor: pointer
}

.hp-account__card fieldset {
	border: 0;
	padding: 0;
	margin: 0
}

.hp-account__card fieldset>p {
	margin: 0 0 4px;
	color: #b13533;
	font-size: 12px;
	font-weight: 500;
	line-height: 1
}

.hp-account__card fieldset ul {
	border: 0;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: space-between
}

.hp-account__card fieldset ul li {
	margin: 0 0 8px;
	flex: 0 0 32%;
	break-inside: avoid
}

.hp-account__card fieldset ul li:last-child {
	margin: 0
}

.hp-account__main {
	flex: 1 0 77%;
	display: flex;
	flex-wrap: wrap;
	z-index: 9
}

@media(max-width:1024px) {
	.hp-account__main {
		flex: 1 0 100%
	}
}

.hp-account__main-header {
	flex: 1 0 100%;
	padding: 12px 24px;
	font-size: 0;
	user-select: none;
	height: 69px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
	background: #fff
}

.hp-account__main-header h1 {
	margin: 0;
	line-height: .9;
	font-size: 28px;
	color: #0a3d7a;
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start
}

.hp-account__main-header h1 i {
	font-size: 20px;
	color: #222
}

.hp-account__main-header h1~p {
	margin: 4px 0 0;
	font-size: 14px;
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start
}

@media(max-width:767px) {
	.hp-account__main-header h1~p {
		display: none
	}
}

.hp-account__main-header h1~p i {
	font-size: 12px;
	color: #b13533
}

.hp-account__main-cards {
	flex: 1 0 100%;
	display: grid;
	grid-auto-columns: 1fr 200px;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 18px;
	padding: 18px;
	background: #eee;
	align-items: flex-start;
	justify-content: space-between;
	align-content: flex-start;
	min-height: calc(100% - 69px)
}

.hp-account__main-cards .rating ul {
	display: flex;
	flex-wrap: wrap;
	margin: 6px 0 18px;
	padding: 0;
	align-items: center;
	justify-content: flex-start
}

.hp-account__main-cards .rating ul li {
	margin: 0 4px 0 0
}

.hp-account__main-cards .rating ul li span {
	top: unset;
	position: static
}

.hp-account__main-cards a.button.full-width {
	width: 100%
}

.hp-account__main-cards .floorplanlistplanname h3 {
	display: inline-block;
	width: 100%;
	font-weight: 300;
	font-size: 28px;
	color: #444 !important;
	text-decoration: none;
	background-color: #dedede;
	padding: 6px 0
}

.hp-account__main-cards .plan-data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.hp-account__main-cards .plan-data .data-block {
	flex: 0 0 24%;
	background-color: #efefef;
	margin: 0 0 4px;
	padding: 6px 0;
	font-size: 11px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase
}

.hp-account .searchname .edit-button {
	position: unset;
	margin: 0
}

.hp-account .searchname textarea {
	height: 24px !important;
	padding: 0 !important
}

.hp-account .searchname p {
	margin: 0 0 12px;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.favorite-card__buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 8px
}

.favorite-card__buttons .favorite-controls {
	padding: 0;
	margin: 0;
	flex: 0 0 49%;
	float: none
}

.favorite-card__details {
	font-size: 0;
	text-decoration: none !important;
	overflow: auto;
	display: block
}

.favorite-card__details .floorplanlistthumbnail {
	margin: 0 0 8px
}

.favorite-card__details .floorplanlistplanname {
	margin: 0 0 8px;
	padding: 0
}

.favorite-card__details .plan-data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.favorite-card__details .plan-data .data-block {
	flex: 0 0 23%;
	margin: 0 0 8px;
	float: none;
	text-decoration: none
}

.promo-code-wrapper {
	border: 0;
	margin: 8px 0 0;
	padding: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end
}

.promo-code-wrapper p {
	flex: 1 0 100%
}

.promo-code-wrapper p>br:first-child {
	display: none
}

.promo-code-wrapper__wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1 0 100%;
	transition: .2s all ease;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	justify-content: flex-end;
	overflow: visible
}

.promo-code-wrapper__wrapper input,
.promo-code-wrapper__wrapper a {
	margin: 0 0 0 8px;
	font-size: 13px;
	padding: 8px !important;
	line-height: 1;
	display: inline-block
}

.promo-code-wrapper__wrapper span {
	margin: 0 8px 0 0;
	font-size: 13px;
	line-height: 1;
	display: inline-block
}

.promo-code-wrapper__wrapper input[type=text] {
	width: 120px
}

.promo-code-wrapper__wrapper .button {
	border-color: #0a3d7a !important;
	background: #0a3d7a !important
}

.promo-code-wrapper__wrapper a {
	text-transform: uppercase;
	color: #222;
	text-decoration: none
}

.promo-code-wrapper__wrapper.active {
	max-height: 36px;
	opacity: 1
}

.promo-code-wrapper label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1 0 100%;
	margin: 0 0 8px;
	cursor: pointer
}

.promo-code-wrapper label input {
	position: initial !important;
	left: unset !important;
	margin: 0 8px 0 0
}

@media print {

	.floorplan #header,
	.floorplan .flex-2,
	.floorplan .flex-3,
	.floorplan .floorplan-drawings__buttons.floorplan-drawings__buttons--virtual,
	.floorplan .flex-4,
	.floorplan .content_block.individual.full-bars.about-section,
	.floorplan .price-section-wrap,
	.floorplan .floorplan-drawings__buttons,
	.floorplan .slick-arrow,
	.floorplan .social-and-cta,
	.floorplan .plan_details.exception~div[style],
	.floorplan .content_block.individual.full-bars.photos-section .content-wrap>.right {
		display: none !important
	}

	.floorplan .right aside {
		margin: 0
	}

	.floorplan .right aside .block {
		padding: 0 !important;
		margin: 0 0 32px !important
	}

	.floorplan #whats-included ul {
		padding: 0 0 0 48px
	}

	.floorplan #whats-included ul li {
		list-style: inside;
		text-indent: -48px;
		margin: 0 0 16px
	}

	.floorplan .content_block.floorplan-drawings.individual.full-bars.drawings-section .content-wrap>.right,
	.floorplan .content_block.individual.full-bars.faq-section,
	.floorplan .content_block.individual.full-bars.faq-section .content-wrap,
	.floorplan .content_block.individual .left {
		page-break-before: always
	}

	.floorplan .content_block.individual.full-bars.info-section {
		padding: 32px 0 0 !important
	}

	.floorplan .single_card_wrapper {
		display: block !important
	}

	.floorplan .image-block {
		padding: 0
	}

	.floorplan .package-select span {
		font-size: 30px
	}

	.floorplan .adaptive-frame>div[style],
	.floorplan .header-row.select.package-select,
	.floorplan .content .individual h2,
	.floorplan .content .individual h2 small {
		box-shadow: none;
		display: block;
		border: 0;
		margin: 32px 0 16px;
		padding: 0;
		text-align: center;
		font-size: 28px !important;
		font-weight: 700;
		color: #4a6491
	}

	.floorplan .adaptive-frame>div[style] br,
	.floorplan .header-row.select.package-select br,
	.floorplan .content .individual h2 br,
	.floorplan .content .individual h2 small br {
		display: none
	}

	.floorplan .planSlider.slick-slider.slick-initialized .slick-slide.slick-cloned {
		display: none !important
	}

	.floorplan .planSlider.slick-slider.slick-initialized .slick-slide img {
		max-width: 90%;
		display: block;
		margin: 0 auto
	}

	.floorplan .mainSlider.slick-slider.slick-initialized .slick-track {
		display: flex !important;
		flex-wrap: wrap
	}

	.floorplan .mainSlider.slick-slider.slick-initialized .slick-slide {
		display: block !important;
		flex: 0 0 33%;
		max-width: 33% !important;
		min-width: unset !important
	}

	.floorplan .mainSlider.slick-slider.slick-initialized .slick-slide.slick-cloned {
		display: none !important
	}

	.floorplan .mainSlider.slick-slider.slick-initialized .slick-slide img {
		max-width: 100%
	}
}

.floorplan .content h3 {
	color: #0a3d7a
}

.floorplan aside.price-guarantee {
	margin: 20px 0 0;
	background-color: #efefef;
	padding: 10px 10px 7px;
	border-radius: 4px
}

.floorplan a.included {
	display: block;
	text-align: center;
	margin: 10px 0 0 !important;
	background-color: #efefef;
	padding: 5px 5px 4px;
	border-radius: 4px;
	color: #0a3d7a;
	text-decoration: none !important;
	font-size: 14px
}

.floorplan a.included i {
	font-size: 16px;
	position: relative;
	top: 1px
}

.floorplan .price-guarantee .icon-frame {
	float: left
}

.floorplan .price-guarantee .icon {
	position: relative;
	top: 0;
	left: 2px;
	float: left;
	font-size: 18px;
	color: #0a3d7a
}

.floorplan .price-guarantee .icon-inner {
	position: relative;
	top: -4px;
	left: -15px;
	font-size: 7px;
	color: #fff
}

.floorplan .price-guarantee h3 {
	color: #0a3d7a;
	font-size: 12px;
	padding-bottom: 0
}

.floorplan .price-guarantee .text {
	line-height: 1.6;
	display: inline-block;
	position: relative;
	top: 2px;
	margin: 0 !important;
	padding: 0 !important;
	color: #222;
	font-size: 12px
}

.floorplan .price-guarantee a {
	margin: 0 !important;
	padding: 0 !important
}

.hp-search-block a.text-link {
	text-decoration: underline;
	color: #fff !important;
	font-size: 150%;
	padding-bottom: 20px !important
}

.hp-search-block a.text-link:hover {
	background-color: transparent !important
}

html,
body {
	width: 100%;
	min-height: 100%;
	overflow: initial
}

html *,
body * {
	box-sizing: border-box
}

#styles-list-block .hp-header__dropmenu-wrapper,
#a-frame-list-block .hp-header__dropmenu-wrapper,
#tiny-home-list-block .hp-header__dropmenu-wrapper,
#bunker-home-list-block .hp-header__dropmenu-wrapper,
#engineering-list-block .hp-header__dropmenu-wrapper {
	justify-content: center
}

#styles-list-block .see-all-styles-btn,
#a-frame-list-block .see-all-styles-btn,
#tiny-home-list-block .see-all-styles-btn,
#bunker-home-list-block .see-all-styles-btn,
#engineering-list-block .see-all-styles-btn {
	margin-top: 1.2rem;
	background-color: #0a3d7a !important;
	border: 2px solid #0a3d7a !important;
	margin-bottom: .9rem !important;
	color: #eee !important
}

#dropmenu-wrapper-collections ul li a.see-all-styles-btn,
#dropmenu-wrapper-garage ul li a.see-all-styles-btn {
	padding: 6px 12px !important;
	font-size: .8rem !important;
	font-weight: 400 !important;
	margin-top: .8rem !important;
	margin-bottom: .8rem !important;
	color: #eee !important
}

#dropmenu-wrapper-collections ul li a.see-all-styles-btn:hover,
#dropmenu-wrapper-garage ul li a.see-all-styles-btn:hover {
	box-shadow: 0 0 8px rgb(0 0 0/80%) !important;
	background-color: #0a3d7a !important;
	border: 2px solid #0a3d7a !important
}

#styles-list-block ul,
#engineering-list-block ul,
#a-frame-list-block ul,
#tiny-home-list-block ul,
#bunker-home-list-block ul,
#styles-list-block-mobile ul,
#engineering-list-block-mobile ul,
#tiny-home-list-block-mobile ul,
#bunker-home-list-block-mobile ul,
#a-frame-list-block-mobile ul{
	display: grid;
	grid-gap: .9rem;
	justify-items: center;
	width: 100%;
	max-width: 891px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	font-size: 0;
	flex: 0 0 100%
}

#styles-list-block ul li,
#engineering-list-block ul li,
#a-frame-list-block ul li,
#tiny-home-list-block ul li,
#bunker-home-list-block ul li{
	border-bottom: 0;
	padding: 0 !important
}

#styles-list-block ul li img,
#engineering-list-block ul li img,
#a-frame-list-block ul li img,
#tiny-home-list-block ul li img,
#bunker-home-list-block ul li img,
#styles-list-block-mobile ul li img,
#engineering-list-block-mobile ul li img,
#a-frame-list-block-mobile ul li img,
#tiny-home-list-block-mobile ul li img,
#bunker-home-list-block-mobile ul li img{
	max-height: 130px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px
}

#styles-list-block ul li a,
#engineering-list-block ul li a,
#a-frame-list-block ul li a,
#tiny-home-list-block ul li a,
#bunker-home-list-block ul li a{
	padding: 0;
	text-align: center
}

#styles-list-block ul li a:hover,
#engineering-list-block ul li a:hover,
#a-frame-list-block ul li a:hover,
#tiny-home-list-block ul li a:hover,
#bunker-home-list-block ul li a:hover{
	box-shadow: 0 0 8px rgb(10 61 122/80%) !important;
}

#styles-list-block-mobile ul li a,
#engineering-list-block-mobile ul li a,
#a-frame-list-block-mobile ul li a,
#tiny-home-list-block-mobile ul li a,
#bunker-home-list-block-mobile ul li a{
	text-align: center;
	text-transform: capitalize;
	color: #19437a;
}

#styles-list-block ul {
	grid-template-columns: repeat(6, 1fr);
}
#engineering-list-block ul,
#a-frame-list-block ul,
#tiny-home-list-block ul,
#bunker-home-list-block ul{
	grid-template-columns: repeat(4, 1fr);
}

@media(max-width:600px) {

	#styles-list-block ul,#engineering-list-block ul,
	#styles-list-block ul,#a-frame-list-block ul,
	#styles-list-block ul,#tiny-home-list-block ul,
	#styles-list-block ul,#bunker-home-list-block ul,
	#styles-list-block-mobile ul,#engineering-list-block-mobile ul,
	#styles-list-block-mobile ul,#a-frame-list-block-mobile ul,
	#styles-list-block-mobile ul,#tiny-home-list-block-mobile ul,
	#styles-list-block-mobile ul,#bunker-home-list-block-mobile ul{
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(min-width:701px) {
	#styles-list-block .see-all-styles-btn,
	#engineering-list-block .see-all-styles-btn,
	#a-frame-list-block .see-all-styles-btn,
	#tiny-home-list-block .see-all-styles-btn,
	#bunker-home-list-block .see-all-styles-btn{
		font-size: .8rem
	}
}

@media(max-width:700px) {
	#styles-list-block .see-all-styles-btn,
	#engineering-list-block .see-all-styles-btn,
	#a-frame-list-block .see-all-styles-btn,
	#tiny-home-list-block .see-all-styles-btn,
	#bunker-home-list-block .see-all-styles-btn{
		font-size: 12px
	}
}

.bigger-container {
	max-width: 1330px;
	margin: 0 auto;
	width: 100%
}

.smaller-container {
	max-width: 1230px;
	margin: 0 auto;
	width: 100%
}

.d-flex {
	display: flex
}

.d-block {
	display: block
}

.d-none {
	display: none
}

.flex-row,
.flex-desktop-row {
	flex-direction: row
}

.flex-column,
.flex-desktop-column {
	flex-direction: column
}

.only-mobile {
	display: none
}

#hp-mobile-navigator {
	padding: 5px 0;
	display: none;
	background-color: #fff;
	position: fixed;
	width: 100vw;
	bottom: 0;
	z-index: 10000;
	border-top: 1px solid #ccc;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(245, 245, 245, 1) 80%)
}

#hp-mobile-navigator a {
	color: #000;
	flex: 1 1 0%;
	text-decoration: none;
	width: fit-content
}

.mobile-navigator-btn {
	padding: 0 10px
}

.mobile-navigator-icon {
	width: 28px;
	object-fit: contain;
	margin: 0 auto
}

.mobile-navigator-label {
	font-size: 12px;
	margin-top: 2px
}

.label-fav {
	margin-top: 33px
}

a.icon1 {
	position: relative;
	left: -6px
}

a.icon2 {
	position: relative;
	left: -5px
}

a.icon22 {
	position: relative;
	left: 6px
}

a.icon3 {
	position: relative;
	left: -6px
}

a.icon33,
div.icon3 {
	position: relative;
	left: 10px
}

a.icon4 {
	position: relative;
	left: -3px;
	top: 1px
}

div.icon4 {
	position: relative;
	left: 6px
}

a.icon5 {
	position: relative;
	left: 3px
}

@media screen and (max-width:768px) {
	.container {
		position: unset
	}

	.flex-desktop-row {
		flex-direction: column
	}

	.flex-desktop-column {
		flex-direction: row
	}

	.hp-header__dropmenu-wrapper {
		width: 100% !important
	}
}

.justify-between {
	justify-content: space-between
}

.justify-center {
	justify-content: center
}

.justify-around {
	justify-content: space-around
}

.align-center {
	align-items: center
}

.align-start {
	align-items: start
}

a.favorites_icon {
	display: inline-flex;
	height: 32px;
	width: 35px;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	line-height: 10px
}

a.favorites_icon_footer {
	height: 30px
}

span.favorites_count {
	line-height: 12px;
	letter-spacing: 0;
	font-size: 11px;
	position: relative;
	top: -2px;
	color: #fff
}

.favorites_count_footer {
	color: #fff;
	position: relative;
	top: 21px
}

@media screen and (max-width:576px) {
	.not-mobile {
		display: none
	}

	.only-mobile {
		display: block
	}
}

.mobile-menu-icons-container a.favorites_icon {
	background-size: contain
}

.mobile-menu-icons-container a.favorites_icon span.favorites_count {
	font-size: 12px
}

.new-hp-header {
	min-height: 80px;
	width: 100%;
	font-family: open sans, sans-serif
}

.hp-header-logo {
	width: 180px;
	object-fit: contain;
	padding-right: 10px
}

.link-nav-primary-item#shop-menu-btn {
	border-radius: 4px;
	border: 2px solid #19437a;
	background-color: #fff
}

.baths-select-chevron {
	margin-left: 10px
}

.hp-primary-nav ul,
.hp-primary-nav-mobile ul {
	list-style: none
}

.nav-primary-item {
	margin: 0 5px;
	padding: 7px;
	border-bottom: 2px transparent solid
}

.link-nav-primary-item a {
	display: block;
	margin: 0;
	padding: 7px
}

.nav-primary-item-active a {
	color: #19437a !important;
	font-weight: 700 !important
}

.mobile-menu-icon {
	object-fit: contain;
	width: 20px;
	margin-right: 10px
}

.hp-primary-nav ul li {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle
}

.hp-primary-nav ul li a {
	text-decoration: none;
	font-weight: 600;
	color: #000;
	font-weight: 600
}

.hp-primary-nav ul li a:hover {
	color: #19437a
}

#mobile-menu {
	width: 100%;
	display: none
}

.hp-primary-nav-mobile ul li a {
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	padding: 0;
	width: 100%
}

#nav-scroll {
	overflow-y: scroll
}

.cart-icon-container,
.favorite-icon-container {
	position: relative
}

.favorite-icon-container img {
	max-width: 29px
}

.favorite-icon-container img.mobile-navigator-icon {
	position: relative;
	top: 2px
}

.cart-count,
.favorite-count {
	position: absolute;
	background-color: #b13533;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
	font-weight: 500;
	top: -5px;
	right: -6px;
	width: 17px;
	height: 17px;
	display: flex;
	justify-content: center;
	align-items: center
}

.favorite-count {
	color: #fff;
	background-color: transparent;
	top: 4px;
	right: 6px
}

.menu-active {
	border-bottom: 2px #436591 solid
}

.menu-dropdown {
	margin: 0 auto !important;
	padding: 0 !important;
	animation: growDown 100ms ease-in-out forwards;
	transform-origin: top center
}

.goes-down::after {
	content: '\f078';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'font awesome 5 free';
	font-weight: 900;
	color: #1c457b
}

.goes-up::after {
	content: '\f077';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'font awesome 5 free';
	font-weight: 900;
	color: #1c457b
}

@keyframes growDown {
	0% {
		transform: scaleY(0)
	}

	50% {
		transform: scaleY(.5)
	}

	100% {
		transform: scaleY(1)
	}
}

.secondary-nav-icon {
	cursor: pointer;
	height: 28px
}

.secondary-nav-phone-number {
	padding-left: 7px;
	font-size: 15px;
	font-weight: 700
}

.secondary-nav-buttons {
	gap: 15px
}

.secondary-nav-item {
	align-self: center
}

.secondary-nav-item a {
	display: inline-block
}

.secondary-nav-search-bar {
	margin-top: 10px
}

.secondary-nav-search-bar-mobile {
	margin: 10px 0;
	padding: 0 35px
}

#find-by-plan-form {
	flex-wrap: nowrap !important
}

.dropdown-title {
	color: #19437a !important
}

#find-by-plan-input,
#find-by-plan-input-mobile {
	border-radius: 10px 0 0 10px;
	background-color: #f5f5f5;
	height: 28px;
	font-size: 12px;
	line-height: 14px;
	padding: 0 10px;
	width: 120px;
	min-width: 70px;
	border: 1px solid #bbb;
	border-right: none;
	outline: none
}

.search-placeholder-label {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	width: 100px;
	padding-left: 10px;
	display: flex !important;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #182026;
	pointer-events: none;
	height: 28px
}

#find-by-plan-input:focus+.search-placeholder-label,
#find-by-plan-input:valid+.search-placeholder-label,
#find-by-plan-input-mobile:focus+.search-placeholder-label,
#find-by-plan-input-mobile:valid+.search-placeholder-label {
	display: none !important
}
.menu-icon-btn {
	display: none;
	background-color: transparent !important;
	color: #000 !important;
	border: none;
	outline: none;
	width: 32px;
	height: 32px;
	align-self: center;
	cursor: pointer;
	margin-left: 0
}

.menu-icon-btn img {
	width: 32px;
	height: 32px
}

.hp-header__dropmenu-wrapper {
	justify-content: center !important;
	padding-bottom: 10px !important;
	background: #fff;
	padding-top: 28px;
	border-radius: 10px;
	margin-top: -1px
}

.header-dropdown-list {
	width: 100%
}

.header-dropdown-list ul {
	text-align: center;
	padding-bottom: 20px
}

.header-dropdown-list ul li {
	margin-bottom: 5px
}

.header-dropdown-list ul li a {
	text-decoration: none;
	color: #000;
	font-size: 15px !important;
	font-family: open sans, sans-serif
}

.header-dropdown-list ul li a:hover {
	text-decoration: underline
}

.mobile-btn-icon {
	margin-right: 10px
}

@media screen and (max-width:1370px) {
	.hp-primary-nav ul {
		font-size: 10px
	}

	.hp-primary-nav ul li a {
		padding: 10px 5px
	}

	.header-content {
		padding: 0 20px
	}

	.hp-header-logo {
		width: 180px;
		object-fit: contain
	}
}

@media screen and (max-width:1138px) {
	.nav-primary-item {
		margin: 0 3px !important
	}

	.secondary-nav-search-bar {
		width: 190px !important
	}

	.nav-primary-item {
		padding: 7px 4px !important
	}
}

@media screen and (max-width:1225px) {
	.hp-header-logo {
		width: 140px
	}

	.new-hp-header {
		min-height: 80px
	}
}

@media screen and (max-width:1024px) {
	.secondary-nav-desktop {
		display: none
	}

	.mobile-menu-icons-container a {
		margin: 0 10px;
		color: #222
	}

	.mobile-menu-icons-container a:hover {
		text-decoration: none
	}

	#shop-menu-btn-mobile {
		border-radius: 4px;
		border: 2px solid #19437a;
		background-color: #fff;
		padding-left: 9px;
		text-transform: uppercase;
		padding-right: 9px
	}

	#shop-menu-btn-mobile a {
		color: #19437a
	}

	#hp-nav-mobile {
		padding: 15px 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(245, 245, 245, 1) 80%);
		display: flex;
		flex-direction: column;
		max-height: calc(100vh - 55px)
	}

	.only-desktop {
		display: none
	}

	.hp-primary-nav {
		display: none
	}

	.nav-primary-item {
		margin-bottom: 8px;
		display: flex;
		justify-content: space-between;
		width: fit-content;
		margin-top: 15px !important
	}

	.new-hp-header {
		min-height: 60px
	}

	.menu-icon-btn {
		display: inline-block
	}

	.menu-icon-btn i {
		font-size: 20px
	}

	.secondary-nav-search-bar {
		display: none
	}

	#find-by-plan-form {
		display: flex;
		flex-direction: row
	}

	body.show_mobile_menu #mobile-menu {
		display: block
	}

	body.show_mobile_menu .notification-bar {
		display: none
	}

	.dropdown-only-desktop {
		display: none
	}

	.see-all-styles-btn {
		margin: 10px auto 20px;
		background-color: #0a3d7a !important;
		border: 2px solid #0a3d7a !important
	}

	.all-button.see-all-styles-btn {
		padding: 6px 12px !important;
		font-size: .8rem !important;
		background-color: #0a3d7a !important;
		border: 2px solid #0a3d7a !important;
		width: auto !important;
		margin: 0 0 10px !important;
		color: #eee !important
	}

	.hp-header__dropmenu-wrapper {
		margin: 10px 0 !important
	}

	.hp-header__dropmenu-wrapper ul {
		grid-template-columns: repeat(3, 1fr);
		padding: 0 15px
	}

	.header-dropdown-list ul li a {
		font-size: 14px !important
	}

	.hp-primary-nav-mobile ul {
		padding: 0 35px
	}

	.hp-primary-nav-mobile ul li {
		padding: 5px 0;
		display: flex;
		text-transform: uppercase
	}

	.hp-header__dropmenu-wrapper ul li a {
		font-size: 12px
	}

	#collections-list-block-mobile h4::before {
		content: "\f015";
		padding-left: 0;
		vertical-align: top
	}

	.goes-down::after {
		content: '\f078'
	}

	.goes-up::after {
		content: '\f077'
	}
}

@media screen and (max-width:768px) {
	.menu-icon-btn img {
		width: 24px;
		height: 24px
	}

	.hp-secondary-nav {
		align-self: center
	}

	a.phone-number-link {
		margin-right: 4px;
		margin-top: 4px
	}

	#hp-nav-mobile {
		padding: 15px 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(245, 245, 245, 1) 80%)
	}

	#hp-nav-mobile ul {
		margin: 0 !important
	}

	.dropdown-menu-element {
		text-transform: uppercase
	}

	#shop-menu-btn-mobile {
		border-radius: 4px;
		border: 2px solid #19437a;
		background-color: #fff;
		padding-left: 7px;
		text-transform: uppercase
	}

	#shop-menu-btn-mobile a {
		color: #19437a
	}

	.goes-up {
		border-bottom: 2px #19437a solid
	}

	.goes-up a {
		color: #19437a !important
	}

	.baths-select-chevron {
		margin-left: 4px !important
	}

	.hp-header__dropmenu-wrapper ul {
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 10px
	}

	.nav-primary-item a {
		display: flex;
		width: fit-content !important
	}

	.dropdown-title {
		margin: 0 auto
	}
}

@media screen and (max-width:520px) {
	.hp-header__dropmenu-wrapper ul {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media screen and (max-width:450px) {
	.secondary-nav-item #find-by-plan-form {
		display: none
	}
}

#new-header {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(245, 245, 245, 1) 80%)
}

.top-nav-active {
	border-radius: 4px;
	border: 2px solid #19437a;
	background-color: #fff
}

li.nav-primary-item:hover {
	border-radius: 4px;
	background-color: #19437a !important;
	padding-left: 7px;
	padding-right: 7px
}

li.link-nav-primary-item:hover {
	border-radius: 4px;
	background-color: #19437a !important
}

.nav-primary-item a:hover,
li.nav-primary-item:hover a,
li.link-nav-primary-item:hover a {
	color: #fff !important
}

.top-nav-active a {
	color: #19437a !important;
	font-weight: 700 !important
}

li.nav-primary-item:hover::after {
	color: #fff
}

.mobile-menu-icons-container {
	margin: 15px 0;
	padding: 0 35px 0 25px
}

.sign-in {
	position: relative;
	top: -9px;
	padding-left: 5px;
	font-weight: 700;
	color: #19437a !important
}