html.js .lazy { background-image: none; }
.site-header { border-bottom: 2px solid rgb(159, 196, 62); }
.site-header .site-search { width: 425px !important; display: flex !important; }
.site-header .site-search-filter { width: 140px; border-radius: 3px 0px 0px 3px; background-color: rgb(245, 245, 245); margin-right: -1px; }
.site-header .site-search-term { flex: 1 1 0%; min-width: 0px; border-radius: 0px 3px 3px 0px !important; }
@media screen and (max-width: 47.9375em) {
  .site-header .site-search { width: initial !important; }
}
.site-header .site-quick-links > li:first-of-type { margin-left: 15px !important; }
.site-header .site-quick-links a { border-bottom: 2px solid transparent; }
.site-header .site-quick-links a:hover { border-bottom-color: rgb(110, 138, 41); }
#top-menu { background-color: transparent; }
.row-wide { max-width: 1600px; }
.wide { max-width: 1270px; }
.text-red { color: rgb(255, 71, 15); font-weight: bold; }
.u-strike { text-decoration: line-through; }
.dark-link { color: rgb(0, 0, 0); text-decoration: none; border-bottom: 1px solid rgb(0, 0, 0); }
.dark-link:hover, .dark-link:focus { border-bottom: 1px solid rgb(110, 110, 110); color: rgb(110, 110, 110); }
.gray-link { border-bottom: 1px solid rgb(84, 84, 84); color: rgb(84, 84, 84); }
.gray-link:hover, .gray-link:focus { border-bottom: 2px solid rgb(0, 0, 0); color: rgb(0, 0, 0); font-weight: 500; }
.social-icon-container { float: none; margin: 0px auto; max-width: 320px; }
.social-icon-container .social-icon { border-bottom: none; font-size: 1.25rem; padding: 0px; margin: 0px; color: inherit; }
.social-icon:hover, .social-icon:focus { border-bottom: none; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.no-bullet-list { list-style: none; }
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
.spacer-20 { height: 20px; }
.spacer-30 { height: 30px; }
.spacer-35 { height: 35px; }
.spacer-50 { height: 50px; }
.spacer-100 { height: 100px; }
.spacer-150 { height: 150px; }
.spacer-164 { height: 164px; }
.spacer-205 { height: 205px; }
div[class^="spacer"] { line-height: 0; margin: 0px; padding: 0px; }
@media only screen and (max-width: 64em) {
  .wide { padding: 0px 80px; }
}
@media only screen and (max-width: 40em) {
  .wide { padding: inherit; }
}
.kb-column h1 { font-size: 3.125rem !important; line-height: 1.25 !important; margin: 0px !important; padding: 0px !important; }
.kb-column h2 { font-size: 2.8125rem !important; }
.kb-column h3 { font-size: 2.625rem !important; }
.kb-column h2, .kb-column h3 { line-height: 1.1 !important; margin: 0px !important; padding: 0px !important; }
.kb-column h1, .kb-column h2, .kb-column h3 { margin-bottom: 20px !important; }
.kb-column p, .kb-column a, .kb-column li, .kb-column label, .kb-column button, .kb-column input, .kb-column .programVersion { font-size: 1.25rem !important; line-height: 1.5 !important; }
.kb-column ul, .kb-column ol { margin-left: 40px; }
.kb-column .article-list, .kb-column .featured-articles { margin-left: 0px; }
@media only screen and (max-width: 375px) {
  .kb-column h1 { font-size: 2.375rem !important; line-height: 1.1 !important; }
  .kb-column h2 { font-size: 2.25rem !important; }
  .kb-column h3 { font-size: 2rem !important; line-height: 1.25 !important; }
  .kb-column p, .kb-column a, .kb-column li, .kb-column label, .kb-column button, .kb-column input, .kb-column .programVersion { font-size: 1rem !important; }
}

.content-wrapper h1 { font-size: 3.125rem; line-height: 1.2; }
.content-wrapper h2 { font-size: 3.0625rem; line-height: 1.1; }
.content-wrapper h2.subheader { font-size: 2.8125rem; font-weight: 300; line-height: 1.2; }
.content-wrapper h3 { font-size: 2.25rem; line-height: 1.2; }
.content-wrapper p { font-size: 1.25rem; }
.content-wrapper a:not(.button) { border: none; color: rgb(84, 84, 84); text-decoration: underline 1px solid rgb(84, 84, 84); }
.content-wrapper a:hover, .content-wrapper a:focus { border: none; color: rgb(0, 0, 0); font-weight: 500; text-decoration-thickness: 2px; }
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3, .content-wrapper p { margin: 0px; padding: 0px; }
.content-wrapper a.white-link { border: none; color: rgb(255, 255, 255); text-decoration: underline 1px solid rgb(255, 255, 255); }
.content-wrapper a.white-link:hover, .content-wrapper a.white-link:focus { border: none; color: rgb(159, 196, 62); text-decoration: underline 2px solid rgb(159, 196, 62); }
.wide { max-width: 1269px; padding: 0px 5px; }
.newline { display: none; }
.dark-gray-background { background: rgb(72, 72, 72); color: rgb(255, 255, 255); padding: 149px 0px 151px; }
.content-wrapper .transparent-gray-outline-btn { background: transparent; text-decoration: none; font-size: 1.5625rem; line-height: 1; border: 2px solid rgb(155, 156, 161); color: rgb(34, 34, 34); margin: 0px; max-width: 413px; min-height: 64px; display: inline-flex; justify-content: center; align-items: center; }
.content-wrapper .transparent-gray-outline-btn:hover, .content-wrapper .transparent-gray-outline-btn:focus { background: transparent; text-decoration: none; border: 2px solid rgb(159, 196, 62); color: rgb(34, 34, 34); }
.content-wrapper .transparent-green-outline-btn { background: transparent; text-decoration: none; font-size: 1.5625rem; line-height: 1; border: 2px solid rgb(159, 196, 62); color: rgb(255, 255, 255); margin: 0px; max-width: 413px; min-height: 64px; }
.content-wrapper .transparent-green-outline-btn:hover, .content-wrapper .transparent-green-outline-btn:focus { border: 2px solid rgb(255, 255, 255); text-decoration: none; color: rgb(255, 255, 255); background: transparent; }
.play-button { bottom: 28px; right: 28px; position: absolute; max-width: 118px; transition: all 0.3s ease-out 0s; }
a:hover .play-button, a:focus .play-button { filter: brightness(85%); }
a.close-reveal-modal:hover { border: none; }
.row.nav-menu { max-width: 1269px; margin: 0px auto; }
.sticky-nav-container { margin: 0px; }
[data-magellan-expedition-clone], [data-magellan-expedition] { padding: 0px; position: relative; background: rgb(241, 241, 241); min-height: 70px; }
[data-magellan-expedition-clone] div.row.nav-menu, [data-magellan-expedition] div.row.nav-menu { background: rgb(241, 241, 241); position: relative; min-height: 70px; }
dl.sub-nav { position: absolute; background: rgb(241, 241, 241); width: 100%; top: 0px; left: 50%; transform: translateX(-50%); padding: 0px; margin: 0px; overflow: hidden; min-height: 70px; max-height: 70px; max-width: 1269px; }
dd.magellan-button-wrapper { position: relative; width: 12.3%; min-height: 70px; margin: 0px; }
dd.magellan-button-wrapper a { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); text-align: center; border: none; padding: 0px; color: rgb(52, 52, 52); }
dd.magellan-button-wrapper.active, dd.magellan-button-wrapper.active a, dd.magellan-button-wrapper.active a:hover, dd.magellan-button-wrapper.active a:focus { background: rgb(229, 229, 229); color: rgb(52, 52, 52); }
dd.magellan-button-wrapper a:hover { border: none; background: rgb(229, 229, 229); }
dd.trial-button-wrapper { margin-right: 5px; }
dd a.trial-button { background: rgb(255, 255, 255); max-width: 145px; max-height: 50px; border: 2px solid rgb(147, 147, 147); }
dd a.trial-button:hover, dd a.trial-button:focus { background: rgb(147, 147, 147); color: rgb(255, 255, 255); }
dd a.buy-button { border: 2px solid rgb(159, 196, 62); background: rgb(255, 255, 255); max-height: 50px; max-width: 145px; }
dd a.buy-button:hover, dd a.buy-button:focus { background: rgb(159, 196, 62); color: rgb(255, 255, 255); }
dd a .menu-text-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sticky-nav-container.fixed { box-shadow: rgba(0, 0, 0, 0.13) 0px 6px 10px 0px; }
.responsive-image-container { margin: 0px auto; position: relative; }
.responsive-image-wrapper { height: 0px; position: relative; }
.responsive-image { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.bungalow-elevation-container { max-width: 627px; }
.bungalow-elevation-wrapper { padding-bottom: 62.36%; }
.breckenridge-kitchen-elevation-container { max-width: 627px; }
.breckenridge-kitchen-elevation-wrapper { padding-bottom: 58.21%; }
#overview-video a.hide-for-medium-up { margin: 0px auto; max-width: 413px; }
.overview-video-container { max-width: 413px; }
.overview-video-wrapper { padding-bottom: 68.77%; }
.space-planning-image-container { max-width: 841px; }
.space-planning-image-wrapper { padding-bottom: 52.2%; }
.interior-design-image-container { max-width: 413px; }
.interior-design-image-wrapper { padding-bottom: 104.36%; }
#design-options .cabinet-groupings-image-container { max-width: 413px; }
.cabinet-groupings-image-wrapper { padding-bottom: 63.44%; }
#design-options .kitchen-styles-image-container { max-width: 841px; }
#design-options .kitchen-styles-image-wrapper { padding-bottom: 81.81%; }
.remodeling-image-container { max-width: 841px; }
.remodeling-image-wrapper { padding-bottom: 69.32%; }
.building-image-container { max-width: 841px; }
.building-image-wrapper { padding-bottom: 40.78%; }
.kitchen-bath-interiors-section { background: url("../../../../cloud.chiefarchitect.com/1/images/product-pages/premier/industrial-kitchen-white-dark-floors-1920x884.jpg") center center / cover no-repeat; padding: 209px 0px; }
.kitchen-bath-interiors-section .u-contentBG { padding: 45px 20px 32px; width: 413px; }
#models a.hide-for-medium-up { margin: 0px auto; max-width: 413px; }
.models-image-container { max-width: 841px; }
.models-image-wrapper { padding-bottom: 83.71%; }
.rendering-image-container { max-width: 841px; }
.rendering-image-wrapper { padding-bottom: 57.43%; }
.cad-layout-image-container { max-width: 841px; }
.cad-layout-image-wrapper { padding-bottom: 48.99%; }
.docs-image-container { max-width: 841px; }
.docs-image-wrapper { padding-bottom: 53.63%; }
.terrain-image-container { max-width: 841px; }
.terrain-image-wrapper { padding-bottom: 62.78%; }
.compare-features-tile { border-right: 1px solid rgb(159, 196, 62); }
.compare-features-tile .panel { border: none; background: transparent; display: flex; flex-flow: column; place-content: stretch space-between; align-items: center; margin: 0px; padding: 0px; }
.compare-features-tile .panel[data-equalizer-watch="row-one"] { display: block; }
.compare-features-tile p, .compare-features-tile h3 { color: rgb(255, 255, 255); }
.compare-features-tile:last-of-type { border-right: none; }
.banner-image-container { background: url("../../../../cloud.chiefarchitect.com/1/images/product-pages/premier/nashville-elevation-1920x358.jpg") center center / cover no-repeat padding-box padding-box; height: 358px; }
.u-contentBG { padding: 0px 2em; }
#features hr { border-color: rgb(147, 147, 147); }
#features .feature-tile-separator { display: none; margin: 0px auto; max-width: 300px; }
#features .feature-tile-separator hr { border-color: rgb(159, 196, 62); }
@media screen and (max-width: 90em) {
  .newline { display: block; line-height: 0; }
}
@media screen and (max-width: 64em) {
  .row.wide { padding: 0px 80px; }
  .banner-image-container { background-position: 55% 0px; }
  dd.magellan-button-wrapper { font-size: 14px; }
  .compare-features-tile:not(.wrapped-tile) { margin-bottom: 80px; }
  .compare-features-tile.no-border-at-medium-down { border: none; }
  #disclosure-buttons .transparent-gray-outline-btn { height: 89px; line-height: 1.2; }
}
@media screen and (max-width: 890px) {
  .menu-text-wrapper { font-size: 0.7rem; }
}
@media screen and (max-width: 825px) {
  dl.sub-nav { padding: 0px 5px; }
  .menu-text-wrapper { font-size: 0.6rem; }
}
@media screen and (max-width: 40em) {
  .row.wide { padding: 0px 5px; }
  .banner-image-container { background-position: 52% 0px; }
  .sticky-nav-container { display: none; }
  .play-button { bottom: 15px; max-width: 100px; right: 15px; }
  .kitchen-bath-interiors-section { background-position: 85% 0%; height: 522px; }
  .content-wrapper .transparent-green-outline-btn { height: inherit; }
  .content-wrapper .transparent-gray-outline-btn { height: inherit; }
  #disclosure-buttons .transparent-gray-outline-btn { height: initial; padding: 0px; line-height: 1; }
}
@media screen and (max-width: 500px) {
  #features h2 { font-size: 2.375rem; }
  #features div.small-6.columns, #features div.small-8.columns { width: 100%; }
  #features .feature-tile-separator { display: block; max-width: inherit; padding: 0px 50px; }
  .compare-features-tile { border: none; margin: 0px; }
}
@media screen and (max-width: 375px) {
  .banner-image-container { background-position: 51% 0px; }
  .content-wrapper h1, .content-wrapper h2 { font-size: 2.375rem; }
  .content-wrapper h2.subheader { font-size: 1.875rem; }
  .content-wrapper p { font-size: 1rem; }
  .play-button { bottom: 10px; max-width: 64px; right: 10px; }
}

.f-topbar-fixed { padding-top: 45px; }
.f-topbar-fixed { padding-top: 45px; }
.f-topbar-fixed { padding-top: 45px; }

#widget-outer-container { background: rgb(72, 72, 72); display: flex; flex-direction: column; height: 650px; margin: 0px auto; max-width: 380px; }
#purchase-widget-header { flex: 0 0 auto; }
#purchase-widget-header h3 { color: rgb(255, 255, 255); font-size: 2.25rem; font-weight: 300; line-height: 1.2; }
#purchase-widget { background: rgb(255, 255, 255); border: 2px solid rgb(72, 72, 72); flex: 1 1 auto; padding: 20px; }
#purchase-widget p { font-size: 1.25rem; line-height: 1.6; margin: 0px; }
#purchase-widget ul.no-style-list { list-style-type: none; }
#purchase-widget ul li { font-size: 1.25rem; line-height: 1.6; margin: 0px; }
#purchase-widget small { font-size: 0.75rem; }
#purchase-widget label { line-height: 22px; font-size: 1.25rem; margin: 0px; }
#purchase-widget input[type="radio"] { accent-color: rgb(34, 34, 34); margin: 0px; }
#purchase-widget dd { text-align: center; }
#purchase-widget dd a { border: none; }
#purchase-widget dd a:hover, #purchase-widget dd a:focus { border: none; }
#purchase-widget .tabs dd > a { border: none; padding: 1rem 2rem; text-decoration: none; }
#purchase-widget .tabs dd.active > a { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); }
#purchase-widget .button.green-outline { background: transparent; text-decoration: none; font-size: 1.5625rem; line-height: 1; border: 2px solid rgb(159, 196, 62); color: rgb(34, 34, 34); margin: 0px; min-height: 64px; }
@media only screen and (max-width: 64em) {
  #widget-outer-container { height: 702px; max-width: inherit; }
}