.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
}

.loading div {
    display: inline-block;
    padding-top: 30vh;
    color: #444;
    font-size: 60px;
    font-weight: 900
}

.content {
    width: 100% !important;
    max-width: 1310px;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    margin-top: 0
}

.search-top {
    max-width: 1290px;
    margin: 0 auto;
    overflow: hidden;
    vertical-align: baseline
}

.search-top .notification {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ffc848;
    border-left: 15px solid #ffc848;
    border-radius: 4px;
    background-color: #fff9f0;
    font-size: 1.2em
}

.container,
.content_block,
.content_block.results .results,
.results.row,
.results-header,
.results-footer {
    display: block !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    clear: both
}

.content_block.results {
    padding: 0 20px !important;
    position: relative;
    border-radius: 5px
}

.inner.cont {
    width: 95% !important;
    margin-left: auto;
    margin-right: auto
}

#FAQ-container {
    background-image: url(../img/plan-options-min.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding-bottom: 34vw;
    background-color: #fff !important;
    position: relative
}

.featured-styles-container {
    min-height: 25vw
}

.banner_side {
    position: relative !important
}

.matches {
    background-color: #4a6491;
    color: #efefef
}

.matches a.button {
    margin: 5px
}

.search-close-footer .apply-button {
    border-color: #fff !important;
    background-color: #0a3d7a !important;
    color: #fff !important;
    border-radius: 4px
}

.search-close-footer .apply-button i {
    color: #fff !important;
    padding-left: 10px;
    padding-right: 0;
    margin-right: 0
}

.search-close-footer .clear-button {
    border-color: #fff !important;
    background-color: #0a3d7a;
    color: #fff;
    border-radius: 4px
}

.matches span {
    vertical-align: middle;
    margin: 5px 0;
    font-size: 125%;
    text-transform: uppercase
}

.flex-ad {
    display: flex
}

.search-close {
    display: none
}

#search-wrap {
    padding-bottom: 10px
}

select.large {
    width: 100%;
    padding: 3px;
    border-radius: 4px
}

select.medium {
    width: 49%;
    background-color: #f5f5f5 !important;
    border: none
}

.counter {
    font-weight: 400;
    position: absolute;
    right: 0;
    color: #19437a !important
}

.counter:before {
    content: "(";
    padding: 0 2px
}

.counter:after {
    content: ")";
    padding: 0 2px
}

.tiled_cards_wrapper {
    margin-bottom: 10px;
    padding-top: 0 !important
}

.card {
    box-shadow: 1px 2px 3px #999;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff !important
}

#primary-nav-block ul {
    height: auto;
    margin-bottom: 0 !important
}

#search-block .minimize-height .secondary-search {
    display: none !important
}

.secondary-search .divider {
    width: 60%;
    margin: 20px auto 10px;
    border-top: 1px solid #999
}

.container.row>p {
    padding: 0 30px;
    font-size: 1.2em
}

.results-header p {
    color: #444 !important
}

.results-header,
.results-footer {
    padding: 0 15px
}

#add-search input {
    width: 160px;
    height: 30px !important
}

#search-block label.checkbox.large {
    width: 100% !important;
    margin: 5px 0 !important;
    background-color: transparent !important
}

#search-block label.checkbox.small {
    margin: 0 !important
}

#search-block .basic-search-items label.checkbox.small input span {
    width: 20px !important
}

#search-block label.checkbox>span {
    margin: 0 6px 0 0 !important;
    width: 26px !important
}

.search-save input {
    padding: 2px 5px
}

input[name=sqft_min],
input[name=sqft_max],
input[name=unfinished_sqft_min],
input[name=unfinished_sqft_max],
input[name=min_height],
input[name=max_height],
input[name=min_depth],
input[name=max_depth],
input[name=min_width],
input[name=max_width] {
    margin: 5px 0;
    width: 48%;
    float: left;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #999;
    text-transform: none !important
}

input[name=sqft_max],
input[name=unfinished_sqft_max],
input[name=max_height],
input[name=max_depth],
input[name=max_width] {
    float: right
}

select[name=category_id] {
    background-color: #f5f5f5 !important;
    border: none
}

#search-block fieldset {
    margin-top: 15px;
    border-radius: 0;
    border: none !important
}

#search-block fieldset legend {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #616363
}

fieldset.minimize-height {
    max-height: 9999px !important
}

#search-block .adv-search-items label.checkbox>span {
    width: 100% !important;
    text-align: left !important;
    padding-left: 5px
}

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

#search-block label {
    color: #444 !important;
    text-transform: none !important
}

#search-block #sqft-label {
    color: #fff
}

#search-block button.search-form {
    display: none !important
}

.top-nav {
    overflow: hidden;
    padding: 0 30px 12px 0;
    margin-left: 0
}

.bottom-nav {
    overflow: hidden;
    float: left;
    padding: 7px 30px 0 0
}

.page_navi a i {
    background-color: #fff !important;
    color: #0a3d7a !important;
    position: relative;
    top: 3px
}

.sort-footer .page_navi a i {
    top: 2px
}

.sort-footer .page_navi {
    font-size: 17px
}

.page_navi input {
    height: 20px !important;
    width: 35px;
    position: relative;
    border-radius: 5px;
    margin: 0 2px
}

div.page_navi {
    padding: 0 !important;
    vertical-align: baseline !important;
    position: relative;
    top: -2px;
    float: right
}

.button:hover {
    border: 2px solid #1f437a !important;
    background-color: #fff !important;
    color: #1f437a !important
}

#search-block a.button.small {
    width: auto !important
}

#wrapper #find-by-plan button[type=submit] {
    height: 24px !important
}

#wrapper #find-by-plan button[type=submit]:hover {
    background-color: #51aee7 !important
}

.search-sidebar #search-block #search-wrap ul.adv-search-items,
ul.basic-search-items {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    border-bottom: 2px solid #f5f5f5
}

.search-sidebar * {
    box-sizing: border-box !important
}

.search-sidebar {
    max-width: 270px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 100%;
    margin-top: 10px
}

.search-sidebar #search-block {
    font: 1.3em;
    padding: 10px;
    margin: 0 !important;
    color: #444 !important;
    background-color: transparent !important;
    border: 1px solid #ddd;
    border-radius: 10px
}

.search-sidebar .search-save {
    background-color: #eee !important;
    margin-top: 5% !important;
    border-radius: 8px !important;
    width: 98%
}

.search-sidebar #search-block li.search-text {
    width: 80px !important;
    box-shadow: none !important
}

.search-sidebar #search-block li.search-text input {
    font-size: 12px !important;
    width: 62px !important;
    padding: 0 !important
}

.search-sidebar #search-block li label.main-label {
    font-size: 12px !important;
    width: auto !important
}

.search-sidebar #search-block li.search-submit {
    width: auto !important
}

.search-sidebar #search-block .search-submit button.button {
    font-size: 14px !important;
    padding: 7px 4px 5px 5px !important;
    width: auto !important
}

.search-sidebar #search-block li.search-text,
.search-sidebar #search-block #sqft-label {
    position: inherit !important;
    left: 0 !important
}

.search-sidebar #search-wrap ul.basic-search-items {
    display: block !important
}

.search-sidebar #search-block ul {
    padding: 0 !important
}

.search-sidebar #search-block ul>li {
    min-width: 0 !important
}

.search-sidebar #search-block ul.basic-search-items {
    color: #666 !important
}

.search-sidebar #search-block #search-wrap ul.basic-search-items {
    width: auto !important
}

.search-sidebar #search-block ul li.drop-search {
    width: auto !important
}

.search-sidebar li label:after {
    padding-left: 5px !important;
    top: 0 !important
}

.search-sidebar #search-block #find-by-plan {
    background-color: transparent !important;
    padding-left: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important
}

.search.button {
    line-height: 1;
    padding: 4px 7px 5px 6px !important;
    margin-left: 30px;
    width: 103px
}

#SquareFeet,
#bathrooms_nav,
#bedrooms_nav,
#stories_nav,
#garage_nav,
#architectural_nav,
#bedroom_nav,
#outdoor_nav,
#kitchen_nav,
#laundry_nav,
#additional_nav,
#garagetype_nav,
#other_nav,
#foundation_nav,
#plan_width_nav,
#plan_depth_nav {
    border-bottom: 2px solid #f5f5f5
}

.matches-found {
    float: left;
    padding-right: 30px
}

.facets-menu-close {
    width: 100%
}

.facets-menu .button {
    margin-bottom: 0 !important;
    display: none !important
}

.facets-menu i,
.facets-menu-close i {
    margin-right: 10px
}

.facet-display {
    padding-bottom: 15px
}

#search-block ul.basic-search-items {
    width: 100% !important;
    max-width: 100% !important;
    border-bottom: 2px solid #f5f5f5
}

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

#search-block {
    display: block !important
}

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

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

.content_block.results.col-9.col-md-8.favouritePlansSection {
    background: 0 0;
    padding: 0 !important
}

.browseHousePlansSection {
    padding: 40px 0 80px;
    border-top: 1px solid #f5f5f5
}

.browseHousePlansSection .browseHousePlansContainer {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0 35px
}

.browseHousePlansContainer .browseHousePlans {
    margin-top: 40px;
    display: flex;
    align-items: center
}

.browseHousePlans .browseHouseText {
    flex: 1;
    margin-right: 30px
}

.browseHousePlansContainer .browseHousePlans p {
    color: #404040;
    font-family: var(--opensans) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-style: normal
}

.browseHousePlans p a {
    color: #19437a;
    text-decoration: none
}

.browseHousePlans .browseHouseImg {
    max-width: 330px;
    width: 100%
}

.browseHouseImg img {
    width: 100%;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.browseHousePlans .browseHouseText ul {
    padding: 20px 0 0 15px
}

.browseHouseText ul li {
    margin-bottom: 10px;
    font-family: var(--opensans);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    color: #000
}

.browseHouseText ul li a {
    text-decoration: none;
    color: #19437a;
    font-weight: 600
}

.setsOfHousePlans.floorPlansIncludesMain {
    align-items: center !important
}

.houseplansIncludesCard p a {
    color: #19437a;
    text-decoration: none;
    font-weight: 600
}

.setsOfHousePlansText .floorPlansIncludes {
    padding: 15px 20px;
    border-radius: 11px
}

.setsOfHousePlansText .floorPlansIncludes:nth-child(even) {
    background: #fff
}

.floorPlansIncludes h4 {
    font-family: var(--din_2014);
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    color: #19437a;
    margin-bottom: 10px
}

.floorPlansIncludes p {
    line-height: 24px !important;
    margin: 0 !important
}

.setsOfHousePlans.designs {
    align-items: stretch
}

.setsOfHousePlans.designs img {
    height: 100%;
    object-fit: cover
}

.setsOfHousePlansContainer .drawUpHouse .drawUpHouseCard:nth-child(odd) {
    background: #fff
}

.setsOfHousePlans.expensiveFloor {
    align-items: center
}

.expensiveFloor .setsOfHousePlansText h2 {
    text-align: start !important
}

a.prev,
a.next {
    display: inline-flex !important;
    align-items: center;
    top: 0;
    column-gap: 5px
}

a.prev>i,
a.next>i {
    top: 0
}

a.prev>span,
a.next>span {
    padding: 0 !important;
    margin: 0 !important
}

.fovPaginationHead {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px
}

.fovPaginationHead ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fovPaginationHead ul a {
    text-decoration: none !important
}

.fovPaginationHead ul li {
    height: 24px;
    min-width: 24px;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px !important;
    font-family: var(--opensans);
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
    cursor: pointer;
    padding: 0 5px !important
}

.fovPaginationHead ul li.active {
    background-color: #19437a;
    color: #fff !important;
    border-color: #19437a !important
}

.fovPaginationHead ul li.active::after {
    content: "" !important
}

.fovPaginationHead span {
    font-family: var(--opensans);
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #19437a;
    cursor: pointer;
    white-space: nowrap
}

.fovPaginationHead span.prev {
    margin-right: 12px
}

.fovPaginationHead span.next {
    margin-left: 12px
}

.fovPaginationHead>img:first-child {
    margin-right: 12px !important
}

.fovPaginationHead>img:last-child {
    margin-left: 12px !important
}

@media screen and (max-width:1600px) {
    #FAQ-container {
        padding-bottom: 35vw
    }
}

@media screen and (max-width:1002px) {
    .favouritePlansSection .results>.fovCards {
        justify-content: center !important
    }
}

@media screen and (max-width:1350px) {
    #FAQ-container {
        padding-bottom: 36vw
    }

    .featured-styles-container {
        max-width: 800px !important
    }

    .content_block.results.col-9.col-md-8.favouritePlansSection {
        width: 100% !important;
        min-width: auto !important
    }

    .favouritePlansSection .results>.fovCards {
        column-gap: 25px;
        row-gap: 25px
    }

    .favouritePlansSection .results>.fovCards>.fovCard {
        margin-right: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width:1120px) {
    .flex-ad {
        flex-direction: column-reverse
    }

    .flex-ad>div {
        padding: 0 0 10px !important
    }
}

@media screen and (min-width:420px) and (max-width:768px) {
    .plans-track #mobile-plans-featured {
        margin-left: 0 !important
    }
}

.search-top,
.content {
    width: 100%
}

#wrapper.plans-wrap .container.row .inner.cont.first {
    margin-bottom: 10px !important
}

.content {
    max-width: 1320px;
    margin-bottom: 20px
}

.page-description-main {
    position: relative;
    font-size: 16px !important;
    color: #666 !important;
    overflow: hidden;
    text-align: left;
    padding-bottom: 20px
}

.page-description-main p {
    line-height: 24px !important
}

#page-description-max {
    display: none;
    padding-bottom: 20px
}

a.read_more_link {
    padding: 10px 0 20px;
    text-align: left;
    text-decoration: none
}

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

a.read_more_link:after {
    content: " ";
    width: 7px;
    height: 7px;
    border: solid 2px #4a6491;
    border-bottom: none;
    border-right: #ffdead;
    display: inline-block;
    margin-left: 5px;
    transform: rotate(225deg);
    position: relative;
    top: -1px
}

a.read_more_link.less:after {
    transform: rotate(45deg)
}

.content.expanded a.read_more_link:after {
    transform: rotate(45deg);
    top: 2px
}

a.read-more {
    white-space: nowrap
}

.page-description h2 {
    color: #444;
    font-weight: 400;
    padding: 0 0 5px !important
}

.page-description p {
    padding-bottom: 15px !important;
    line-height: 1.6 !important
}

.accordion-wrapper {
    display: flex;
    overflow: hidden
}

.accordion-wrapper:after {
    content: '';
    height: 50px;
    transition: height .6s linear, max-height 0s .6s linear;
    max-height: 0
}

.accordion {
    transition: margin-bottom .6s cubic-bezier(0, 0, 0, 1);
    margin-bottom: 0;
    max-height: 1000000px;
    padding-bottom: 10px
}

.accordion-wrapper.closed>.accordion {
    margin-bottom: -2000px;
    transition: margin-bottom .6s cubic-bezier(1, 0, 1, 1), visibility 0s .6s, max-height 0s .6s;
    visibility: hidden;
    max-height: 0
}

.accordion-wrapper.closed:after {
    height: 0;
    transition: height .6s linear;
    max-height: 50px
}

.fade {
    position: absolute;
    bottom: 19px;
    height: 20px;
    width: 100%;
    z-index: 2
}

#accordion-button {
    display: block;
    font-weight: 700;
    bottom: -17px;
    padding-left: 0 !important;
    background-color: #f6f6f6 !important;
    border-color: transparent !important;
    color: #0a3d7a !important;
    border-radius: 5px;
    z-index: 3;
    right: 20rem
}

.accordion-rule {
    position: relative;
    top: 0
}

.page-description .hide {
    display: none
}

.content_block.results p {
    color: #666 !important
}

.readmore_link {
    font-weight: 700
}

#testimonials-floorplans {
    background-color: #fff
}

.plan-card {
    box-shadow: 0 1px 8px rgb(5 20 42/21%)
}

#SquareFeet,
#bathrooms_nav,
#bedrooms_nav,
#stories_nav,
#garage_nav,
#architectural_nav,
#bedroom_nav,
#outdoor_nav,
#kitchen_nav,
#laundry_nav,
#additional_nav,
#garagetype_nav,
#other_nav,
#foundation_nav,
#plan_width_nav,
#plan_depth_nav {
    border-bottom: 2px solid #f5f5f5
}

.acordeon .contenedor {
    position: relative
}

.acordeon .labela {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

.acordeon .labela::before {
    content: '+';
    color: #000;
    position: absolute;
    top: 50%;
    font-size: 16px;
    right: -5px;
    transform: translateY(-50%)
}

.acordeon .content-as {
    position: relative;
    background: #fff;
    height: 0;
    text-align: justify;
    overflow: hidden;
    transition: .5s
}

.acordeon .contenedor.activa .content-as {
    height: fit-content
}

.acordeon .contenedor.activa .labela::before {
    content: '-';
    color: #19437a;
    font-size: 30px
}

.acordeon .contenedor.activa .nosgin::before {
    content: ''
}

.acordeon .contenedor.activa .labela legend {
    color: #19437a !important
}

#plans-floorplans {
    width: 970px
}

#clear-filters {
    width: 95%;
    background: #1f437a !important;
    border-color: #1f437a !important;
    height: 35px !important
}

#clear-filters:hover {
    background: #fff !important;
    border-color: #19437a !important;
    color: #19437a !important
}

.more-more ul a {
    display: none !important
}

.more-more.activamore ul a {
    display: block !important
}

#sqftmin,
#sqftmax,
#unfinished_sqft_min,
#unfinished_sqft_max {
    background-color: #f5f5f5 !important;
    border: none
}

.search_save {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 15px;
    width: 98%;
    margin-top: 10%;
    text-transform: uppercase;
    color: #1f437a
}

#button-save-search {
    width: 29% !important;
    font-size: 11px !important
}

#save-search-input {
    border-radius: 10px 0 0 10px;
    border: none;
    height: 27px;
    text-transform: none !important;
    padding-left: 5px
}

.modify-chex {
    margin-bottom: 5%
}

.modify-chex label>[type=checkbox]:not(:checked),
.modify-chex label>[type=checkbox]:checked {
    position: initial !important;
    transform: initial
}

.modify-chex label>[type=checkbox]:checked+span {
    background-color: transparent !important
}

.modify-chex span {
    color: #7e7e7e;
    padding-left: 6px;
    font-size: 14px
}

.button-clear {
    display: inline-block;
    float: left
}

#clear-fil {
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #1a1f2b;
    font-size: 11px;
    padding: 6px 7px 4px;
    text-decoration: none
}

#fa-icon-left {
    padding-right: 4px
}

#select-sortby {}

#page_prev,
#page_prev_prev {
    border: none
}

#next-text {
    margin-right: .3rem;
    margin-top: 5px
}

#prev-text {
    margin-left: .3rem
}

.sort-footer {
    justify-content: center;
    display: flex;
    float: none
}

.plan-card-icons-container-garage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
    margin-top: 10px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 31% !important
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75% !important
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100% !important
}

@media(max-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100% !important
    }
}

.plan-card {
    width: 275px !important;
    min-width: 275px !important
}

@media screen and (min-width:491px) and (max-width:920px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333% !important
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667% !important
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25% !important
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50% !important
    }

    .plan-card {
        height: 350px !important;
        width: 230px !important;
        min-width: 230px !important
    }

    .plans-track {
        flex-direction: row;
        gap: 0 !important
    }

    .top-nav {
        margin-left: 16rem !important
    }

    #colfaq {
        width: 70% !important;
        margin-bottom: 17%
    }
}

.align-self-center {
    align-self: center !important
}

#select-sortby {}

#top-banner-floorplans {
    float: right;
    height: 200px
}

.banner-bg {
    background-color: #f7f7f7;
    min-height: 18page-description-max0px;
    height: auto !important
}

.plan-tag {
    background-color: #bbbec3
}

.exclusive {
    background-color: #19437a !important
}

.starting-price-label {
    font-size: 12px;
    color: red;
    font-weight: 500
}

.facets-menu-close {
    display: none
}

.row {
    float: none !important
}

#colfaq {
    width: 40%;
    font-size: 16px
}

.accordionfaq {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: .4s
}

.active,
.accordionfaq:hover {
    /*background-color: #ccc*/
}

.accordionfaq:after {
    content: '\002B';
    color: #777;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.active:after {
    content: "\2212"
}

.panel {
    padding: 0 24px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-top: 2%
}

.panel ul li {
    list-style-type: disc;
    list-style-position: outside;
    padding-bottom: 15px !important;
    line-height: 1.6 !important;
    margin: 0 0 0 30px;
    padding: 0
}

#FAQ-container #colfaq {
    max-width: 996px;
    width: 100% !important
}

#FAQ-container .accordionfaq {
    background: 0 0;
    font-weight: 600;
    padding: 20px 24px 8px;
    border-radius: 15px 15px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .2s ease-out
}

#FAQ-container .accordionfaq.active {
    box-shadow: 0 8px 43px rgba(0, 0, 0, .07);
    padding-bottom: 20px;
    background-color: #f7f7f7 !important;
    border: 15px
}

.accordionfaq:after {
    min-width: 45px;
    width: 45px;
    min-height: 45px;
    height: 45px;
    background: #dedede;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1f2325;
    border-radius: 50%
}

.accordionfaq.active:after {
    background: #19437a;
    color: #fff
}

#FAQ-container .panel {
    background: #f7f7f7;
    margin-top: 0 !important;
    border-radius: 15px
}

#FAQ-container .panel p {
    line-height: 24px !important;
    margin-bottom: 24px
}

.accordionfaq.active+.panel {}

.faq-block:has(.accordionfaq.active) {
    box-shadow: 0 8px 43px rgba(0, 0, 0, .07);
    margin-bottom: 15px
}

.faq-block:has(.accordionfaq.active) hr {
    display: none
}

.browseHousePlansSection {
    padding: 40px 0 80px;
    border-top: 1px solid #f5f5f5
}

.browseHousePlansSection .browseHousePlansContainer {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0 35px
}

.browseHousePlansContainer .browseHousePlans {
    margin-top: 40px;
    display: flex;
    align-items: center
}

.browseHousePlans .browseHouseText {
    flex: 1;
    margin-right: 30px
}

.browseHousePlansContainer .browseHousePlans p {
    color: #404040;
    font-family: var(--opensans) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-style: normal
}

.browseHousePlans p a {
    color: #19437a;
    text-decoration: none
}

.browseHousePlans .browseHouseImg {
    max-width: 330px;
    width: 100%
}

.browseHouseImg img {
    width: 100%;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.houseplansIncludesSection {
    background: #f5f5f5;
    padding: 80px 0
}

.houseplansIncludesSection .houseplansIncludesContainer {
    max-width: 1018px;
    width: 100%;
    margin: 0 auto;
    padding: 0 35px
}

.houseplansSectionHeading h2 {
    color: #000;
    font-family: var(--din_2014) !important;
    font-size: 48px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    margin-bottom: 30px;
    text-transform: none;
    line-height: 60px
}

.houseplansSectionHeading p {
    color: #404040;
    font-family: var(--opensans) !important;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 28px;
    text-align: center
}

.houseplansIncludesCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 60px
}

.houseplansIncludesCards .houseplansIncludesCard {
    background: #fff;
    width: 48%;
    margin-right: 0 !important;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    padding: 40px 20px 20px;
    border-radius: 11px;
    position: relative;
    cursor: pointer
}

.houseplansIncludesCards .houseplansIncludesCard h4 {
    font-family: var(--din_2014);
    font-size: 20px;
    margin-bottom: 10px
}

.houseplansIncludesCards .houseplansIncludesCard p {
    font-family: var(--opensans);
    font-size: 15px;
    margin: 0
}

.houseplansIncludesCards .houseplansIncludesCard::before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #19437a;
    background-image: url(../img/tick-white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -20px;
    left: 20px
}

.houseplansIncludesCards .houseplansIncludesCard:nth-child(3n) {
    margin-right: 0
}

.setsOfHousePlansSection {
    padding: 80px 0
}

.setsOfHousePlansSection.inverse {
    background: #f5f5f5
}

.setsOfHousePlansSection .setsOfHousePlansContainer {
    max-width: 1018px;
    width: 100%;
    margin: 0 auto;
    padding: 0 35px
}

.setsOfHousePlansContainer .setsOfHousePlans {
    display: flex;
    margin-top: 60px
}

.setsOfHousePlans .setsOfHousePlansText {
    flex: 1;
    margin-right: 30px
}

.setsOfHousePlans .setsOfHousePlansText.inverse {
    flex: 1;
    margin-right: 0;
    margin-left: 30px
}

.setsOfHousePlans .setsOfHousePlansText p {
    font-family: var(--opensans);
    font-size: 16px;
    line-height: 32px;
    color: #000;
    margin-bottom: 30px
}

.setsOfHousePlans .setsOfHousePlansText p a {
    color: #19437a;
    text-decoration: none
}

.setsOfHousePlans .setsOfHousePlansImg {
    width: 330px
}

.setsOfHousePlansImg img {
    width: 100%;
    border-radius: 11px
}

.drawUpHouseSection {
    padding: 80px 0 60px
}

.drawUpHouseSection .drawUpHouseContainer {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0 35px
}

.drawUpHouseContainer .drawUpHouse {
    margin-top: 60px
}

.drawUpHouse .drawUpHouseCard {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 11px
}

.drawUpHouse .drawUpHouseCard:nth-child(odd) {
    background: #f5f5f5
}

.drawUpHouseCard .drawUpHouseCardHeading {
    display: flex;
    align-items: center
}

.drawUpHouseCardHeading img {
    width: 40px;
    height: 40px;
    margin-right: 15px
}

.drawUpHouseCard h4 {
    font-family: var(--din_2014);
    font-size: 20px;
    color: #19437a
}

.drawUpHouseCard p {
    font-family: var(--opensans);
    font-size: 16px;
    color: #404040;
    margin-top: 15px;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .houseplansSectionHeading h2 {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 38px
    }

    .houseplansSectionHeading p {
        font-size: 16px
    }

    .setsOfHousePlans.floorPlansIncludesMain {
        flex-direction: column
    }

    .setsOfHousePlans.designs {
        align-items: start
    }

    .featured-styles-container {
        max-width: 600px !important
    }

    #FAQ-container {
        padding-bottom: 32vw
    }

    .setsOfHousePlansSection {
        padding: 60px 0 40px
    }

    .expensiveFloor .setsOfHousePlansText h2 {
        text-align: center !important
    }

    .inner.cont {
        width: 100% !important
    }

    .page_navi {
        width: 100% !important
    }

    .page_navi div {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important
    }

    #search-help {
        display: none
    }

    #wrapper.plans-wrap .container.row .inner.cont {
        padding: 0 !important;
        margin-left: 5% !important
    }

    .content_block.results {
        max-width: 100%;
        padding: 0 !important
    }

    .search-sidebar {
        display: none;
        flex-direction: column;
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999999;
        height: 100vh;
        min-height: 100%;
        border-radius: 0;
        max-width: 100% !important;
        margin: 0 !important
    }

    .search-sidebar.display {
        display: flex !important;
        background-color: #fff
    }

    .facets-menu {
        width: 100%;
        display: flex;
        padding-bottom: 15px !important;
        flex-direction: column
    }

    .facets-menu .button {}

    .facets-menu .button {
        display: inline-block !important;
        height: 36px !important;
        display: flex !important;
        justify-content: center;
        font-size: 14px;
        align-items: center
    }

    #search-block {
        overflow: auto
    }

    .search-close-footer {
        width: 100% !important;
        float: none;
        background-color: #0a3d7a;
        padding: 10px 0;
        height: 60px;
        margin-left: 0;
        font-size: 15px
    }

    .search-close {
        display: block;
        width: 100% !important;
        float: none;
        background-color: #0a3d7a;
        padding: 10px 0;
        height: 60px
    }

    .search-close .button i {
        margin-left: 10px;
        margin-right: 0
    }

    .search-close .button:hover {
        background-color: transparent !important
    }

    .top-nav {
        float: none;
        clear: both;
        display: block;
        padding-right: 30 !important;
        padding-left: 30px;
        text-align: center
    }

    .loading {
        position: fixed
    }
}

@media screen and (max-width:768px) {
    #FAQ-container {
        padding-bottom: 32vw !important
    }

    .featured-styles-container {
        max-width: 450px !important
    }

    .browseHousePlansSection {
        padding: 30px 0 50px
    }

    .browseHousePlansContainer .browseHousePlans {
        margin-top: 40px;
        flex-direction: column
    }

    .browseHousePlans .browseHouseText {
        flex: unset;
        margin-right: 0;
        order: 2
    }

    .browseHousePlans .browseHouseImg {
        max-width: 330px;
        width: 100%;
        order: 1;
        margin-bottom: 30px
    }

    .houseplansIncludesSection {
        padding: 60px 0 40px
    }

    .houseplansIncludesCards {
        justify-content: space-between
    }

    .houseplansIncludesCards .houseplansIncludesCard {
        width: 100%
    }

    .setsOfHousePlansSection {
        padding: 60px 0 40px
    }

    .setsOfHousePlansContainer .setsOfHousePlans {
        display: flex;
        flex-direction: column;
        margin-top: 30px
    }

    .setsOfHousePlans .setsOfHousePlansText {
        flex: unset;
        margin-right: 0;
        order: 2;
        text-align: center
    }

    .setsOfHousePlans .setsOfHousePlansText.inverse {
        flex: unset;
        margin-left: 0;
        order: 2;
        text-align: center
    }

    .setsOfHousePlans .setsOfHousePlansImg {
        max-width: 330px;
        width: 100%;
        order: 1;
        margin: 0 auto 30px
    }

    .drawUpHouseSection {
        padding: 60px 0 20px
    }
}

@media screen and (max-width:725px) {
    .button-clear {
        width: 90% !important
    }
}

@media screen and (max-width:576px) {
    .houseplansIncludesCards .houseplansIncludesCard {
        width: 100%
    }

    .drawUpHouseCardHeading {
        flex-direction: column;
        text-align: center
    }

    .drawUpHouseCardHeading img {
        margin-right: 0;
        margin-bottom: 10px
    }

    .drawUpHouseCard p {
        text-align: center
    }
}

.browseHouseText p {
    margin-top: 30px !important
}

.browseHouseText p:first-child {
    margin-top: 0 !important
}

.differentStylesSection {
    padding: 80px 0;
    background: #f5f5f5
}

.differentStylesSection .differentStylesContainer {
    max-width: 1018px;
    width: 100%;
    margin: 0 auto;
    padding: 0 35px
}

.differentStylesContainer .differentStyles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 60px
}

.differentStyles .differentStylesCard {
    width: 48%;
    padding: 25px;
    border-top: 5px solid #19437a;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    border-radius: 11px;
    margin-bottom: 30px;
    background: #fff;
    cursor: pointer
}

.differentStylesCard h4 {
    font-family: var(--din_2014);
    font-size: 25px;
    font-style: normal;
    margin-bottom: 15px;
    color: #19437a
}

.differentStylesCard p {
    font-family: var(--opensans);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 15px;
    color: #404040
}

.differentStylesCard p a {
    font-weight: 600;
    color: #19437a;
    text-decoration: none
}

.houseplansSectionHeading p {
    text-align: left
}

@media(min-width:1351px) {
    .search-top.topsearch {
        max-width: 1350px;
        margin: 0 auto
    }

    #wrapper.plans-wrap .container.row .inner.cont>.content {
        max-width: 1350px !important;
        margin: 0 auto !important
    }
}

@media screen and (max-width:768px) {
    .differentStyles .differentStylesCard {
        width: 100%
    }
}

@media screen and (max-width:576px) {
    #FAQ-container {
        padding-bottom: 30vw !important
    }

    .differentStylesCard h4 {
        font-size: 20px
    }
}

@media screen and (max-width:490px) {
    #FAQ-container {
        padding-bottom: 45vw !important
    }

    .button-clear {
        width: 100% !important
    }

    .fovPaginationHead {
        margin: 0 auto !important
    }

    .floorplans .row {
        --bs-gutter-x: 0px !important
    }

    #wrapper.plans-wrap .container.row .inner.cont {
        margin-left: 0 !important
    }

    .page-description {
        padding-top: 0
    }

    .favouritePlansSection .fovCard {
        width: 100%
    }

    .row>* {
        padding-left: 0 !important
    }

    #colfaq {
        width: 80% !important
    }

    #select-sortby {
        -webkit-appearance: none
    }

    .page_navi {
        min-width: 130px
    }

    #next-text {
        display: none
    }

    #prev-text {
        display: none
    }

    #chevronfa {
        top: 3px !important;
        right: 5px
    }

    .top-nav {
        margin-left: 0 !important
    }

    #clear-botton {
        display: none !important
    }

    .search-close {
        display: none !important
    }

    .search-top {
        margin-top: 16%
    }

    .plan-card {
        margin-right: auto !important
    }

    .button-clear {
        display: none
    }

    #plans-floorplans {
        margin-left: 5%
    }

    .matches-found {
        float: none;
        padding-right: 0;
        font-size: 16px
    }

    div.page_navi {
        float: none
    }

    #search-wrap {
        width: 90%
    }

    .plan-card-icons-container {
        margin-bottom: 8px
    }

    .plan-card {
        margin-bottom: 30px !important;
        height: auto !important
    }
}