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

h2 { font-size: 50px; }
h3 { font-size: 30px; font-weight: 400; }
p { font-size: 20px; }
.no-margin { margin: 0px; }
.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; }
.row-wide { max-width: 1270px; }
.new-subscription-control { max-width: 412px; }
@media only screen and (max-width: 40em) {
  .new-subscription-control { margin-left: auto; margin-right: auto; }
}
.new-subscription-control .new-label { line-height: 1rem; }
.new-subscription-control small { font-size: 0.75rem; }
.new-subscription-control label { font-size: 1.25rem; line-height: 22px; min-width: 115px; }
.new-subscription-control input[type="radio"] { accent-color: rgb(34, 34, 34); margin: 0px; }
.gray-border-button, .green-border-button { color: rgb(0, 0, 0); background: transparent; font-size: 25px; letter-spacing: 0.25px; line-height: 100%; margin: 0px; text-align: center; max-height: 64px; max-width: 412px; transition: color 0.2s ease 0s; width: 100%; }
.gray-border-button { border: 3px solid rgb(155, 156, 161); }
.green-border-button { border: 3px solid rgb(159, 196, 62); }
.gray-border-button:hover, .gray-border-button:focus { background: transparent; border: 3px solid rgb(159, 196, 62); color: rgba(0, 0, 0, 0.75); }
.green-border-button:hover, .green-border-button:focus { background: transparent; border: 3px solid rgb(72, 72, 72); color: rgba(0, 0, 0, 0.75); }
.flex-container { display: flex; }
.flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.flex-justify-space-around { justify-content: space-around; }
.flex-justify-center { -webkit-box-pack: center; justify-content: center; }
.flex-align-center { -webkit-box-align: center; align-items: center; }
.intrinsic-image-wrapper { position: relative; margin: 0px auto; }
.intrinsic-image-container { height: 0px; }
.intrinsic-image { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.spacer { height: 2.062em; }
.equalizer-panel { background: transparent; border: 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%; }
.timelapse .embed-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.timelapse .embed-container iframe, .timelapse .embed-container object, .timelapse .embed-container embed { width: 100%; height: 100%; }
.hero-wrapper { background-image: url("../cloud.chiefarchitect.com/1/images/index/michael-rust-design-ca-backdrop-1920x675.jpg"), linear-gradient(rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 1%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.01) 51%, rgba(0, 0, 0, 0.65) 80%, rgba(0, 0, 0, 0.65) 100%); background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: saturation; height: 675px; margin: 0px; overflow: hidden; padding: 0px; position: relative; }
.row-wide.hero-text-wrapper { height: 100%; padding: 20px; }
.hero-text { bottom: 4.74%; position: absolute; width: 100%; z-index: 2; }
.tagline { color: rgb(255, 255, 255); display: block; font-size: 60px; letter-spacing: 0.06px; text-shadow: rgb(0, 0, 0) 0px 0px 15px; width: 100%; }
.hero-wrapper .cta-trial-button { backdrop-filter: blur(2px); background: 0% 0% no-repeat padding-box padding-box rgba(0, 0, 0, 0.3); border: 2px solid rgb(159, 196, 62); color: rgb(255, 255, 255); font-size: 25px; font-weight: 400; letter-spacing: 0.24px; margin: 0px; opacity: 1; text-shadow: rgba(0, 0, 0, 0.68) 0px 0px 3px; transition: border 0.2s ease 0s; }
.hero-wrapper .cta-trial-button:hover, .hero-wrapper .cta-trial-button:focus { border: 2px solid rgb(255, 255, 255); }
.hemsley-elevation-wrapper { max-width: 627px; }
.hemsley-elevation-container { padding-bottom: 29.67%; }
.arrow-icon { height: auto; max-width: 40px; }
.cta-tiles-wrapper { padding: 0px; }
.cta-tiles-wrapper .cta-tiles-wrapper { padding: 0px 10px; }
.cta-link { border-bottom: none; }
.cta-link:hover, .cta-link:focus { border-bottom: none; }
.cta-tile { background-color: rgb(245, 245, 245); border: none; height: 276px; max-width: 858px; transition: background 0.2s ease 0s; }
.cta-tile .flex-container { height: 100%; width: 100%; }
.cta-tile:hover { background: rgb(241, 241, 241); }
.cta-tile h3 { color: rgb(110, 110, 110); }
.time-lapse-thumb-wrapper { max-width: 841px; }
.time-lapse-thumb-container { padding-bottom: 87.04%; }
.news-section { background: rgb(72, 72, 72); }
.article-slider h1, .article-slider h2, .article-slider h3, .article-slider h4, .article-slider h5, .article-slider h6 { color: rgb(255, 255, 255); font-weight: 300; }
.article-slider h3:first-of-type { margin-top: -8px; }
.news-section a { border-bottom: none; color: rgb(255, 255, 255); text-decoration: underline; transition: all 0.3s ease-out 0s; }
.news-section a:hover, .news-section a:focus { border-bottom: none; color: rgb(204, 204, 204); }
.news-section p { font-weight: 300; }
.news-section a.button { color: inherit; }
.title-row { margin-bottom: 2em; }
.article-slider { max-width: 1300px; margin-bottom: 1em; }
.article-snippet { margin-bottom: 2em; }
.article-img { margin-bottom: 2em; }
.slick-dots { max-width: 650px; margin: 0px auto; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0px 5px; padding: 0px; cursor: pointer; background: rgb(255, 255, 255); opacity: 0.5; border-radius: 50%; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button::before { font-size: 1rem; line-height: 100%; position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active { opacity: 1; }
.professionals { padding: 0px 10px; }
.professionals-link { border-bottom: none; }
.professionals-link:hover, .professionals-link:focus { border-bottom: none; }
.professionals-tile { background-color: rgb(245, 245, 245); border: none; height: 186px; max-width: 305px; transition: background 0.2s ease 0s; }
.professionals-tile .flex-container { height: 100%; width: 100%; }
.professionals-tile:hover { background: rgb(241, 241, 241); }
.professionals-tile h3 { color: rgb(110, 110, 110); }
.callout-icon { transition: margin 0.2s ease 0s; }
.professionals-link:hover .callout-icon { margin-top: 10px; }
.premier-product-box { padding: 0px 0px 20px 40px; }
.row .row { margin: 0px; max-width: none; width: auto; }
.kitchen-elevation-wrapper { max-width: 1270px; }
.kitchen-elevation-container { padding-bottom: 58.19%; }
.stone-creek-wrapper { max-width: 627px; }
.stone-creek-container { padding-bottom: 96.81%; }
@media screen and (max-width: 64em) {
  .spacer { height: 1.031em; }
  .row-wide { max-width: 858px; }
  .hero-wrapper { background-position: 70% center; }
  .cta-tile { margin: 10px auto; }
  .professionals-tile { max-width: 420px; }
  .stone-creek-container { margin: 0px auto; }
}
@media screen and (max-width: 40em) {
  h2 { font-size: 38px; }
  h3 { font-size: 25px; }
  .row-wide.hero-text-wrapper { padding: 0px; }
  .hero-text { text-align: center; width: 100%; }
  .tagline { font-size: 40px; }
  .hero-text .cta-trial-button { font-size: 20px; max-width: 412px; }
}
@media screen and (max-width: 375px) {
  p { font-size: 16px; }
  .gray-border-button { font-size: 16px; }
  .hero-wrapper { height: 563px; background-position: 70% center; }
  .tagline { font-size: 34px; }
  .hero-text .cta-trial-button { font-size: 16px; }
  .small-6.professionals { width: 100%; }
}

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