/** Shopify CDN: Minification failed

Line 1949:19 Unexpected "{"
Line 1949:28 Expected ":"

**/
.container{
  max-width: 1700px;
    margin: 0 auto;
    padding: 0 50px;
}
/* h1,h2,h3,h4,h5,h6{
  font-weight: 600;
  color: #2B2B2c;
  text-transform: capitalize;
}

p,span{
  font-weight: 400;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: -2%;
} */

.section-header h1 , .section-header , .sample-door-banner__heading{
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0;
  text-transform: capitalize;
}

.button , button{
  font-weight: 500;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: -2%;
  text-transform: capitalize;
  padding: 13px 24px;
  --initial-gradient: linear-gradient(#DC9B37, #DC9B37);
    border-color: #dc9b37;
}
.button:hover, button:hover{
    color: #dc9b37!important;
    background-position: var(--hover-background-position);
    --transform-origin-start: left;
    background-size: 0 100%, 100% 100%;
    background-color: #fff;
    border: 1px solid #dc9b37!important;
}
.ctm-btn--secondary:hover{
   color: #fff !important;
    background-position: var(--hover-background-position);
    --transform-origin-start: left;
    background-size: 0 100%, 100% 100%;
    background-color: #1A1917;
    border-color: #1A1917!important;
}
.section-header{
  text-align: center;
  margin: 0 auto !important;
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
}

.section-description p , .section-header p{
  text-align: center;
  padding-bottom: 40px;
  color: #616161;
  font-weight: 400;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: -2%;
}

html {
  scroll-behavior: smooth;
}

badge-list.badge-list {
  display: none;
}

.page-template--kitchen-visualizer iframe#myIframe {
  margin-top: -50px !important;
}
section#shopify-section-template--16619828674719__main {
  position: relative;
  z-index: 1;
}
.product .vendor{
   text-transform: uppercase;
}
.product .product-title{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.18em;
}
.product .buy-buttons button{
  --initial-gradient: linear-gradient(#fff, #fff);
  text-transform: uppercase;
}
.product .buy-buttons button:hover{
  color: #fff;
}

#chat-widget-container .needsclick p , #chat-widget-container .needsclick span{
  font-size: 12px!important;
  line-height: normal; 
}
.needsclick span , .needsclick p{
  font-size: 12px!important;
  line-height: normal;
}

.footer__block--image .constrained-image{
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .page-template--kitchen-visualizer iframe#myIframe {
    margin-top: -100px !important;
  }
  .container{
    padding: 0 16px;
    width: auto;
    max-width: 100%;
    margin: auto;
  }
  .section-header h1{
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  }
  .section-description p{
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0;
    padding-bottom: 16px;
  }
  .section-header{
  font-size: 24px;
  line-height: 1.2;
  }

 .button , button{ 
  font-size: 15px;
  letter-spacing: 0;
  padding: 10px 14px;
  line-height: normal;
 }
}
.page-template--index
  section#shopify-section-sections--16605491789983__text-with-icons {
  display: none;
}
iv.globo-form-control .gfb__image-option__list {
  --gfb-image-option-columns: 5;
}
div.globo-form-control .gfb__image-option__wrapper .gfb__image-option__thumb {
  height: 100px;
}
div.globo-form-control
  .gfb__image-option__wrapper
  .gfb__image-option__thumb
  img {
  object-fit: unset;
}
div.globo-form-control .radio-wrapper .radio-label {
  font-size: 13px;
}
div.gfb__footer .action,
div.gfb__footer [type="button"],
div.gfb__footer [type="submit"],
.globo-form-app .footer .action,
.globo-form-app .footer [type="button"],
.globo-form-app .footer [type="submit"] {
  background-color: rgba(217, 194, 111, 1);
}
div.globo-form-app .flex-wrap {
  width: 100%;
}
.page-template--kitchen-visualizer
  .shopify-section--main-page
  .section-spacing--tight {
  padding: 0px;
}
.page-template--kitchen-visualizer
  .shopify-section--main-page
  .section-spacing--tight
  .container {
  margin: 0px;
}
.page-template--contact h4 br {
  display: block;
}
.page-template--free-design .announcement-bar {
  background-color: #000;
}
.text-with-icons__item {
  background-color: #fff;
  padding: 30px 0px;
  border-radius: 6px;
}
.two-column-link .multi-column__item_link {
  padding: 15px 50px;
  background-color: #f1f1f1;
  transition: all 0.3s ease-in;
}
.two-column-link .multi-column__item_link p {
  margin-top: 5px;
}
.css-vubbuv {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
}
.prose ul.review-platform {
  display: flex;
  list-style-type: none;
}
.review-platform li {
  width: 350px;
}
#shopify-section-template--16605491232927__rich_text_pbVGBD {
  position: relative;
}
#shopify-section-template--16605491232927__rich_text_pbVGBD::before {
  content: "";
  background-image: url("/cdn/shop/files/sample-door-collection.png?v=1710399216");
  background-repeat: no-repeat;
  padding: 20px;
  background-size: 435px;
  position: absolute;
  left: 0;
  width: 425px;
  height: 100%;
}

/* Two Column Link */
.two-column-link .multi-column {
  column-gap: 0px;
}
.two-column-link .multi-column__item_link:first-child {
  background-color: #14171a;
  color: #fff;
  display: flex;
  align-items: center;
}
.two-column-link .multi-column__item_link:last-child {
  background-color: #f1f1f1;
}
.two-column-link .multi-column__item_link svg {
  transition: all 0.3s ease-in;
}
.two-column-link .multi-column__item_link:hover svg {
  margin-left: 20px;
}

/* Comparision Table */
.cabinets-vs {
  background-color: #f7f7f7;
  padding: 45px 0px;
}
.cabinets-vs table.responsive .slider-preload {
  background: 0 0;
}
.cabinets-vs table.responsive thead tr {
  background: #fff;
}
.cabinets-vs table.responsive thead tr th.first.empty {
  width: 27%;
  background: #f7f7f7;
}
.cabinets-vs table.responsive thead tr th:not(:first-child) {
  background: #fff;
  text-align: center;
  border: 1px solid #d1d5d7;
  position: relative;
  padding-bottom: 0;
}
.cabinets-vs table.responsive thead tr th:last-child {
  width: 30%;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  background: 0 0;
}
.cabinets-vs table.responsive thead tr th.cabinets {
  font-size: 30px;
  font-weight: 700;
  color: #484848;
  margin-top: -10px;
  margin-right: -1px;
  z-index: 10;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  opacity: 1;
  color: #dc9b37;
}
.cabinets-vs table.responsive tbody {
  padding: 0;
}
.cabinets-vs table.responsive tbody.slider-preload:not(.slick-initialized) {
  background: unset;
  max-height: unset;
  overflow: visible;
}
.cabinets-vs table.responsive tbody.slider-preload:not(.slick-initialized) > * {
  visibility: visible;
}
.cabinets-vs table.responsive tbody tr td.empty.first {
  width: 25%;
}
.cabinets-vs table.responsive tbody tr td:last-child {
  width: 30%;
}
.cabinets-vs table.responsive tbody tr td.title {
  color: #393940;
  text-align: right;
  border-bottom: 1px solid #d1d5d7;
  border-top: 1px solid #d1d5d7;
  position: relative;
  vertical-align: middle;
}
.cabinets-vs table.responsive thead tr th.cabinets img {
  height: 100px;
  margin: 0 auto;
}
table.responsive {
  max-width: 900px;
  margin: 0 auto;
}
.cabinets-vs table.responsive tbody tr td.mobile {
  color: #393940;
  background: #fff;
  border-right: 1px solid #d1d5d7;
  border-left: 1px solid #d1d5d7;
  border-bottom: 1px solid #d1d5d7 !important;
  vertical-align: middle;
  border-block-width: 0;
}
.cabinets-vs table.responsive tbody tr:first-child td:first-child {
  border-top: 0;
}
.cabinets-vs table.responsive tbody tr td.mobile span {
  display: inline-block;
}
.cabinets-vs table.responsive tbody tr td span img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.cabinets-vs table.responsive tbody tr td.competitors {
  color: #999;
}
.cabinets-vs table.responsive tbody tr:last-child td {
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-bottom: 20px;
}
.cabinets-vs table.responsive tbody tr:last-child td.mobile {
  border-bottom: 1px solid #d1d5d7;
}
.cabinets-vs table.responsive tbody tr:last-child td.mobile:after {
  display: none;
}
.cabinets-vs table.responsive thead tr th:first-child {
  width: 25%;
}
.cabinets-vs table.responsive tbody tr td.mobile {
  display: revert;
}
.cabinets-vs table.responsive tbody tr td.mobile span {
  width: auto;
}

.announcement-bar {
  background-color: #dc9b37;
}
.h6 {
  font-weight: 900;
}
.features--button-transition .shopify-section--featured-collections .button,
.timeline__item-content .button,
.shopify-section--header .sticky-button,
.shopify-section--media-grid .button {
  --initial-gradient: linear-gradient(#dc9b37, #dc9b37);
  --hover-gradient: linear-gradient(transparent, transparent);
  --initial-background-position: var(--transform-origin-end);
  --hover-background-position: var(--transform-origin-start);
  -webkit-appearance: none;
  appearance: none;
  text-transform: var(--button-text-transform);
  font-size: 18px;
  letter-spacing: 0;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  color: rgb(var(--button-text-color));
  border: 1px solid rgb(var(--button-outline-color, #dc9b37));
  border-radius: var(--button-border-radius);
  background-color: #dc9b37;
  background-image: var(--initial-gradient), var(--hover-gradient);
  background-size: 100% 100%, 0 100%;
  background-position: var(--initial-background-position);
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  column-gap: 1.125rem;
  padding: 13px 24px;
  transition: background-size 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    background-position 0.45s step-end,
    color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  display: inline-flex;
  position: relative;
  border: 1px solid #dc9b37;
}
.shopify-section--featured-collections .button:hover,
.shopify-section--header .sticky-button:hover,
.timeline__item-content .button:hover {
  color: #dc9b37 !important;
  background-position: var(--hover-background-position);
  background-size: 0 100%, 100% 100%;
  background-color: #fff !important;
  border: 1px solid #dc9b37 !important;
}
.slideshow__slide .button:hover,
.shopify-section--media-grid .button:hover,
.fixed-side-button a.btn:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #dc9b37 !important;
}
.shopify-section--slideshow .content-over-media > picture img {
  object-fit: contain;
}
.shopify-section--slideshow .content-over-media--lg {
  --content-over-media-height: auto;
}
.shopify-section--media-grid .content-over-media:last-child .button {
  bottom: -48px;
  left: 48px;
}
.shopify-section--image-with-text .product-card__info {
  display: none;
}
.shopify-section--image-with-text .product-card {
  margin-block-start: 1.25rem !important;
}
.usadb-ccs .multi-column {
  column-gap: 0px;
}
.image-with-text .prose div ul,
.usadb-ccs .multi-column ul,
.lc-contactror-content ul,
.lc-usadb-cs ul,
.product-info__block-list ul {
  list-style-type: none;
  margin: 0px;
  position: relative;
}
.usadb-ccs .multi-column ul li {
  line-height: 12px;
}

.image-with-text .prose div ul li,
.two-column-list ul li,
.usadb-ccs .multi-column ul li,
.lc-contactror-content ul li,
.lc-usadb-cs ul li,
.product-info__block-list ul li {
  position: relative;
  padding-left: 27px;
}
.two-column-list ul li,
.lc-contactror-content ul li {
  margin-bottom: 10px;
}
.two-column-list ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  display: block;
  list-style-type: none;
}
.image-with-text .prose div ul li::before,
.usadb-ccs .multi-column ul li::before,
.two-column-list ul li::before,
.lc-contactror-content ul li::before,
.lc-usadb-cs ul li::before,
.product-info__block-list ul li::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  /* background-image: url("/cdn/shop/files/16x16_right.png?v=1707459176"); */
  background-image: url("/cdn/shop/files/before-icon.svg?v=1783927437");
  background-size: 20px;
  margin-right: 10px;
  background-repeat: no-repeat;
  position: absolute;
  left: 3px;
}

.product-info__block-list .prod__additional_infos li::before{
  top: initial;
}

.product-info__block-list ul .band_logo:first-child::before {
  background-image: none;
}
p.brand_social a {
  display: inline-block;
  background: none;
  padding: 5px;
}
height-observer{background: #fff;}
.header {
  padding-top: 0px;
  padding-bottom: 0px;
  max-width: 1700px;
  margin: auto;
  box-shadow:none;
}

.header .header__primary-nav .header__primary-nav-item summary.h6 , .header  .header__primary-nav .header__primary-nav-item .h6{
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #333333;
}

.header .header__secondary-nav a{
  color: #000;
}
.custom-container-mc div.multi-column__item {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
  padding: 40px 45px 45px;
  position: relative;
}
.footer__inner {
  row-gap: 70px;
  padding: 40px 0 70px 0;
}
.footer-gray-box-1 {
  max-width: 250px;
  background-color: #f7f7f7;
  padding: 19px;
  color: #000;
}
.footer-gray-box-1 small {
  display: block;
  font-size: 9px;
  padding-top: 4px;
  padding-bottom: 5px;
  text-transform: capitalize;
  color: #777;
}
.footer-gray-box-1 ul {
  list-style-type: none;
  margin: 10px 0px;
  line-height: 26px;
}
.footer-bottom-counter-wrap {
  display: flex;
  justify-content: center;
}
.footer-bottom-counter-wrap .foot-co {
  margin: 0 40px;
}
.foot-co img {
  float: left;
  margin-right: 9px;
}
.footer-box.footer-middle-right ul {
  list-style: none;
  margin: 0;
  line-height: 30px;
}
.footer-box.footer-middle-right p {
  margin: 10px 0px;
}
.features--zoom-image .group:hover .group-hover\:zoom {
  scale: 1;
}
.countdown-condensed__timer {
  display: none;
}
.shopify-section--shop-the-look
  .shop-the-look__item-content
  .product-card__image {
  width: 120px;
}
.timeline__item-content {
  align-self: start;
}
.before-after__content-wrapper .h6 {
  color: #dc9b37;
}
.footer__middle,
.footer__inner hr {
  display: none;
}
.shopify-section--countdown-condensed span {
  color: #dc9b37;
  margin: 0px 10px;
  margin-block-start: 0px !important;
}
.countdown-condensed {
  justify-content: space-around !important;
}
.countdown-condensed .contact-info {
  flex: 20%;
}
.countdown-condensed .countdown-condensed__text {
  flex: 60%;
  justify-content: center;
  max-width: 100%;
    height: auto;
}
.slideshow__slide-content .h1 {
  font-weight: 700;
  text-shadow: 2px 2px #000000c4;
  font-size: 60px;
  line-height: 75px;
}
.slideshow__slide-content .h1 b {
  color: #dc9b37;
}
div.gfb__footer .action,
div.gfb__footer [type="button"],
div.gfb__footer [type="submit"],
.globo-form-app .footer .action,
.globo-form-app .footer [type="button"],
.globo-form-app .footer [type="submit"] {
  background-color: #dc9b37;
}

.fixed-side-button {
  position: fixed;
  z-index: 9999;
  top: 30%;
}
.fixed-side-button a.btn {
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
  width: 165px;
  letter-spacing: 1px;
  border: 0px;
  padding: 10px;
  --initial-gradient: linear-gradient(#dc9b37, #dc9b37);
  --hover-gradient: linear-gradient(transparent, transparent);
  --initial-background-position: var(--transform-origin-end);
  --hover-background-position: var(--transform-origin-start);
}
.fixed-side-button a.btn-2 {
  left: -160px;
  width: 200px;
}

#shopify-section-template--16605491232927__contractor_section_WNYwtg
  .usadb-ccs {
  padding: 0px;
}
.usadb-ccs a.overflow-hidden {
  width: auto;
  position: absolute;
  bottom: 0;
}
.usadb-ccs a.overflow-hidden {
  width: auto;
  position: absolute;
  bottom: 0;
}
.usadb-ccs p.h4 {
  text-align: right;
}
.usadb-ccs div.prose.text-start h3,
.usadb-ccs div.prose.text-start a {
  text-align: right;
  float: right;
}
.usadb-ccs .multi-column ul li {
  line-height: 20px;
  margin-bottom: 10px;
}
.lc-contactror-content .multi-column__item {
  padding: 0px;
}
.lc-contactror-content p {
  margin-bottom: 20px;
}
.usadb-ccs.custom-container-mc div.multi-column__item {
  background-color: transparent;
}
.made-in-usa {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.made-in-usa svg {
  margin-right: 15px;
}
.made-in-usa figure {
  width: 100%;
  max-width: 115px;
  margin-bottom: 0;
  margin-right: 20px;
}
.lc-usadb-cs div.multi-column__item {
  padding: 0px;
}
.page-template--free-design .multi-column a.button {
  margin-top: 20px;
}
.globo-form-control .gfb__image-option__wrapper {
  min-width: 80px !important;
}
.globo-form-app {
  margin: 5px !important;
}
.contact-info a {
  display: inline-flex;
  align-items: center;
  justify-content: end;
}
.contact-info a svg {
  width: 16px;
  height: auto;
}
.social-media__item svg path {
  fill: #dc9b37;
}
.page-template--contractor .custom-container-mc div.multi-column__item {
  position: relative;
  padding: 0px;
}
.page-template--contractor .shopify-section--rich-text .prose div p {
  max-width: 50%;
}
.is-sticky {
  position: fixed;
}
.is-sunk {
  position: absolute;
  bottom: 0;
}
.is-sunk-wrapper {
  position: relative;
}
.tc-icon-usatc-cs .text-with-icons__item:last-child,
.tc-icon-usatc-cs .text-with-icons__item:nth-last-child(2),
.tc-icon-usatc-cs-2 .text-with-icons__item:last-child,
.tc-icon-usatc-cs-2 .text-with-icons__item:nth-last-child(2) {
  visibility: hidden;
}
.tc-icon-usatc-cs-2 {
  padding-top: 0px;
}
.globo-form-control {
  margin-bottom: 1rem;
}
ul.prod__additional_infos {
  background: #fafafa;
  padding: 4px 20px;
  list-style-type: none;
}
ul.prod__additional_infos li:first-child {
  padding-top: 25px;
  margin-bottom: 10px;
}
span.prod__additional_infos-label {
  color: #454545;
  font-weight: 700;
  padding-right: 10px;
  width: 167px;
}
.prod__additional_infos-label {
  display: block;
  margin-right: 40px;
  min-width: 85px;
}
.prod__additional_infos li {
  align-items: center;
  display: flex;
  line-height: 34px;
}
li.band_logo img {
  margin: auto;
  padding: 5px;
  background: #fff;
  border: 1px solid #d9d9d9;
  width: 25%;
}
.shopify-section--main-page h1 {
  font-weight: 900;
}
.bookeasy-next-btn {
  background-color: #dc9b37;
  border: 1px solid rgba(220, 155, 55, 1);
}
.bookeasy-next-btn:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
  filter: brightness(110%);
}
.countdown-condensed {
  padding: 0.5rem 3rem;
}
.page-template--privacy p,
.page-template--terms-condition p {
  margin-top: 1.25rem;
}
.collection-banner .collection-description {
  text-align: center;
  font-size: 18px;
}
.collection-banner h1 {
  font-weight: 700;
  text-shadow: 2px 2px #000000c4;
  font-size: 58px;
  line-height: 75px;
  padding-top: 250px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #fff;
}
.collection .product-list .h6 , .shopify-section--related-products .h6{
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.header__primary-nav li[data-title="Book an appointment"],
.header__primary-nav li[data-title="Free 3D Design & Quote"] {
  display: none;
}
.testimonial-item {
  max-width: 65rem;
}
.content-tabs .button-group {
  margin-top: 20px;
}
.collection-banner hr {
  width: 30%;
  margin: 15px auto;
  border-width: 2px;
  border-color: #dc9b37;
}
a.link-insta {
  color: #dc9b37;
}

.badge {
  display: inline-block;
  background-color: #dc9b37;
  border-radius: 50%;
  color: #fff;
  padding: 0.5em 0.75em;
  position: relative;
  margin-left: 10px;
}
.pulsate::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: pulse 1s ease infinite;
  border-radius: 50%;
  border: 4px double #dc9b37;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1.3);
    opacity: 0.4;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.countdown-condensed .contact-info.ci-2 {
  display: flex;
  justify-content: end;
}
/* .page-template--collection .content-over-media > picture img {
  object-fit: contain;
  margin-top: 100px;
  min-height: auto;
} */
.prose a.trustpilot-logo {
  max-width: 350px;
  display: block;
  margin: 0 auto;
  background: none;
}
.page-template--index .media-grid img {
  object-fit: contain;
}

.page-template--financing .multi-column {
  display: flex;
}
.page-template--financing .multi-column__item:nth-child(1),
.page-template--financing .multi-column__item:nth-child(3) {
  width: 45%;
}
.page-template--financing .multi-column__item:nth-child(2) {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopify-section--header .sticky-button {
  display: none;
}
.shopify-section--header .sticky-button {
  display: block;
}
a.header-drop-help-number:hover {
  text-decoration: none;
}
.prose a.header-drop-help-number {
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 0.3em;
  margin-bottom: 0.66667em;
  display: block;
  font-weight: 500;
  background: none;
}
.shopify-section--slideshow .content-over-media:before {
  background: none;
}


@media screen and (max-width: 767px) {
 .header{
    min-height: auto;
    width: auto;
    max-width: 100%;
    padding: 0 16px;
  }
  height-observer{
    padding: 10px 0;
  }
  .header .header__primary-nav button{
    padding: 0;
  }
  .footer__inner{
    padding: 16px 0 24px 0;
  }
  .shopify-section--slideshow .content-over-media > picture img {
    object-fit: unset;
  }
  .two-column-list .image-with-text > .prose {
    text-align: left;
  }
  .shopify-section--countdown-condensed {
    display: none;
  }
  #shopify-section-template--16605491232927__comparision_section_J6RPX9 table {
    max-width: 100%;
  }
  .cabinets-vs table.responsive thead tr th:last-child {
    font-size: 10px;
  }
  .cabinets-vs table.responsive thead tr th.cabinets img {
    height: auto;
  }
  .page-template--contractor .shopify-section--rich-text .prose div p {
    max-width: 100%;
  }
  .tc-icon-usatc-cs .text-with-icons__item:last-child,
  .tc-icon-usatc-cs .text-with-icons__item:nth-last-child(2),
  .tc-icon-usatc-cs-2 .text-with-icons__item:last-child,
  .tc-icon-usatc-cs-2 .text-with-icons__item:nth-last-child(2) {
    display: none;
  }
  div.globo-form-control .gfb__image-option__list {
    --gfb-image-option-columns: 3;
  }
  .shopify-section-group-footer-group .text-with-icons__item {
    margin: 0px 15px;
  }
  .page-template--free-design .text-with-icons {
    margin: 0px;
  }
  .page-template--free-design .prose {
    text-align: left;
  }
  .page-template--free-design .prose ul {
    margin-top: 20px;
  }
  .slideshow__slide-content .h1,
  .collection-banner h1 {
    font-weight: 700;
    text-shadow: none;
    font-size: 12px;
    line-height: 15px;
  }
  .collection-banner h1 {
    padding-top: 0;
  }
  .slideshow__slide-content .h6 {
    font-size: 10px;
  }
  .slideshow__slide-content .prose :is(.button, .button-group:has(.button)) {
    margin-block-start: 0.5rem;
  }
  .slideshow__slide-content .button {
    padding: 0.25rem 0.75rem;
    font-size: 10px;
  }
  .slideshow__slide-content {
    min-height: 65px;
  }
  .two-column-link .multi-column {
    row-gap: 0;
  }
  .content-over-media--fill {
    --content-over-media-height: 260px !important;
    height: 260px;
  }
  .timeline__carousel p {
    color: #fff;
  }
  .content-over-media > :is(img, video, iframe, svg, video-media),
  .content-over-media > picture img {
    max-height: 260px !important;
  }
  .made-in-usa {
    display: block;
    text-align: left;
  }
  .made-in-usa figure {
    margin: 0;
  }
  .two-column-list ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  .header {
    height: 45px;
  }
  .header__logo-image {
    width: 120px;
  }
  .fixed-side-button a.btn-2 {
    display: none;
  }
  .header__primary-nav li[data-title="Book an appointment"],
  .header__primary-nav li[data-title="Free 3D Design & Quote"] {
    display: block;
  }
  .made-in-usa a {
    margin-top: 10px;
  }
  div.tc-wud-cs .text-with-icons .text-with-icons__item {
    flex-basis: 100%;
    padding: 0px;
  }
  .header-sidebar__main-panel .text-with-icon.smallcaps.sm\:hidden {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .accordion-group .button-group .button {
    font-size: 9px;
    padding: 10px;
  }
  .accordion-group .button-group {
    gap: 0.5rem;
    padding: 10px 0px;
  }
  .two-column-link .multi-column__item_link {
    padding: 30px 25px;
  }
  .shopify-section--rich-text img {
    height: auto !important;
  }
  #shopify-section-template--16605491232927__rich_text_pbVGBD::before {
    background: none;
    width: 100%;
  }
  .collection-banner .collection-description {
    font-size: 10px;
    display: none;
  }
  .content-over-media--md {
    --content-over-media-height: auto;
  }
  .page-template--collection .content-over-media > picture img {
    margin-top: 0px;
  }
  .features--zoom-image .zoom-image {
    padding: 0px;
  }
  .product-gallery__image-list {
    padding: 15px;
  }
  .page-template--index .media-grid {
    --media-grid-column-count: 0;
  }
  .page-template--index .shopify-section--media-grid .section-spacing {
    padding: 1rem 0px;
  }
  .page-template--financing .multi-column {
    display: block;
  }
  .page-template--financing .multi-column__item:nth-child(1),
  .page-template--financing .multi-column__item:nth-child(2),
  .page-template--financing .multi-column__item:nth-child(3) {
    width: 100%;
    padding: 10px 0px;
  }
  .shopify-section--header .sticky-button {
    display: none;
  }
  .slideshow .slideshow__slide:first-child .slideshow__slide-content {
    display: flex;
    align-items: center;
  }
  .slideshow .slideshow__slide:first-child .slideshow__slide-content .h6 {
    font-size: 5px;
  }
  .shopify-section--slideshow:first-child .slideshow[allow-transparent-header] {
    padding-top: 45px;
  }
  .content-over-media {
    --content-over-media-calculated-row-gap: auto;
  }
  .circle-button--lg,
  .circle-button--xl {
    --circle-button-size: 2.125rem;
  }
  .slideshow__next-section-button {
    inset-block-end: -1.5rem;
  }
  .slideshow .page-dots {
    inset-block-end: 8px;
  }
  .page-template--index .header {
    background: #fff;
  }
  .page-template--index .header svg path {
    stroke: #000;
  }
  .two-column-link .multi-column__item_link:hover svg {
    margin-left: 5px;
  }
  .two-column-link .multi-column__item_link {
    padding: 15px;
  }
  .two-column-link .multi-column__item_link p {
    margin-top: 0px;
  }
  .badge {
    padding: 0.25em 0.75em;
  }
  .collection-card .button {
    margin-block-start: 0.5rem;
    margin-block-end: 0.5rem !important;
  }
  .globo-form-id-119186 .globo-form-app .globo-heading.title {
    font-size: 20px;
  }
  .globo-form-id-119186 .globo-form-app .globo-description {
    font-size: 14px;
  }
}
@media screen and (max-width: 999px) {
  .shopify-section--countdown-condensed {
    display: none;
  }
  .shopify-section--header .sticky-button {
    display: none;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
  .countdown-condensed .countdown-condensed__text {
    flex: 50%;
  }
  .countdown-condensed {
    padding: 0.5rem 1rem;
  }
  .contact-info a,
  .countdown-condensed__text a {
    font-size: 10px;
  }
  .countdown-condensed .contact-info {
    flex: 20%;
  }
  .countdown-condensed .contact-info.ci-2 {
    flex: 30%;
  }
  .countdown-condensed .countdown-condensed__text {
    flex: 50%;
  }
  .contact-info a svg {
    width: 12px !important;
    height: 12px !important;
  }
  .header__primary-nav .h6 {
    font-size: 9px;
  }
  .header__primary-nav {
    gap: 0.625rem 1rem;
  }
  .header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .shopify-section--header .sticky-button {
    padding: 5px 7px;
    font-size: 10px;
  }
  .header__primary-nav {
    column-gap: 1.5rem;
  }
  .shopify-section--header .sticky-button.book-appointment {
    display: none;
  }
  .slideshow__slide-content .h1 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1465px) {
  .shopify-section--header .sticky-button.book-appointment {
    display: none;
  }
}
@media screen and (min-width: 1301px) and (max-width: 1800px) {
  .contact-info a,
  .countdown-condensed__text a {
    font-size: 12px;
  }
  .countdown-condensed {
    column-gap: 0.5rem;
  }
  .countdown-condensed .countdown-condensed__text {
    flex: 55%;
  }
  .countdown-condensed .contact-info {
    flex: 20%;
  }
  .countdown-condensed .contact-info.ci-2 {
    flex: 25%;
  }
  .shopify-section--header .sticky-button {
    padding: 5px 7px;
    font-size: 12px;
  }
  .header__primary-nav {
    column-gap: 1rem;
  }
  header#shopify-section-sections--16605491822751__header {
    --header-grid: "primary-nav logo secondary-nav" / minmax(0, 0.9fr) auto
      minmax(0, 1fr);
  }
}
@media screen and (max-width: 1499px) {
  #shopify-section-template--16605491232927__rich_text_pbVGBD::before {
    background: none;
  }
}
/* header css menu*/

.header .tab-container {
  float: left;
}

.header .sub-tab {
  min-width: 1000px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  align-items: center;
  grid-template-rows: auto auto;
  justify-content: space-around;
  padding: 20px;
  gap: 10px;
  text-align: center;
  min-height: max-content;
}

.header .tab-container a,
.header .tabitems {
  opacity: 1;
  color: black;
  padding: 14px 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
}

.header .tab-container .tab-menu a {
  color: #000000;
}

.header .tab-content,
.header .tab {
  width: 100%;
  opacity: 0;
}

.header .tab-content.active,
.header .tab.active {
  opacity: 1;
}

.header .tab-menu {
  height: 400px;
}

.header .tab-menu,
.header .tab-content {
  min-width: 400px;
}

.header a.product-item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  max-width: 200px;
}

.header .tablinks.active,
.header .tabitems.active {
  background: black;
  color: white !important;
}

.header a.tablinks,
.header a.tabitems {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.header span.product-title {
  width: 150px;
  margin: 5px 0px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  letter-spacing: normal;
}

.header .dropdown-content.mega-menu {
  display: unset;
  padding: 20px 0 14px 20px;
}

@media screen and (max-width: 1920px) {
  .header .sub-tab {
    min-width: unset;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto;
    grid-auto-flow: row;
    grid-gap: 30px;
  }
  .header .tab-menu,
  .header .tab-content {
    min-width: 325px;
  }
}

@media screen and (max-width: 1750px) {
  .header .sub-tab {
    /* min-width: 700px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    grid-gap: 28px;
  }
}

@media screen and (max-width: 1620px) {
  .header .sub-tab {
    /* min-width: 700px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); */
    grid-gap: 24px;
  }
}

@media screen and (max-width: 1550px) {
  .header .sub-tab {
    /* min-width: 700px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
    grid-gap: 20px;
  }
  .header .tab-menu,
  .header .tab-content {
    min-width: 250px;
  }
}
@media screen and (max-width: 1470px) {
  .header .tab-menu,
  .header .tab-content {
    min-width: 200px;
  }
}
@media screen and (max-width: 1375px) {
  .header .sub-tab {
    /* min-width: 700px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); */
    grid-gap: 18px;
  }
}
@media screen and (max-width: 1300px) {
  .header .dropdown-content.mega-menu {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1300px) {
  .header .sub-tab {
    /* min-width: 600px;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); */
    grid-gap: 15px;
  }
  .header .tab-menu,
  .header .tab-content {
    min-width: 150px;
  }
}
@media screen and (max-width: 1225px) {
  .header .sub-tab {
    /* min-width: 600px;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); */
    grid-gap: 10px;
  }
  .header .tab-menu,
  .header .tab-content {
    min-width: 125px;
  }
}
@media screen and (max-width: 1125px) {
  .header .sub-tab {
    /* min-width: 500px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 
    padding: 0;*/
    gap: 5px;
  }
  .header .tab-menu,
  .header .tab-content {
    min-width: 100px;
  }
  a.product-item {
    padding: 5px !important;
  }
}
@media screen and (max-width: 1000.98px) {
  ul.nav__sub.collection-list-cls.is-active .nav__item:nth-child(2) {
    height: -webkit-fill-available;
    position: relative;
    top: 0;
    overflow-y: scroll;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 60px;
  }
}
/* header sidebar   */
.nav,
.nav__sub {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px;
  list-style-type: none;
}

.nav {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.nav__sub {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease-in-out;
  transform: translateX(100%);
}

.nav__sub.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
}
.nav a.nav__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
  justify-content: space-between;
}
.nav li.nav__item {
  display: grid;
  align-content: center;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 15px;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px;
  border-style: solid;
  border-color: rgb(var(--border-color));
  -webkit-font-smoothing: antialiased;
}
span.product-title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.nav a.product-item {
  height: 150px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
a.nav__link_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
  justify-content: space-between;
}
/* @media screen and (max-width: 700px) {
  img.zoom-image {
    padding: 0px 60px;
  }
}
@media screen and (max-width: 400px) {
  img.zoom-image {
    padding: 0px 40px;
  }
}
@media screen and (max-width: 350px) {
  img.zoom-image {
    padding: 0px 25px;
  }
} */

/* back to top */

#back_top_button {
  display: inline-block;
  background-color: #000;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 25px;
  position: fixed;
  bottom: 80px;
  left: 0px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#back_top_button::after {
  content: "\2191";
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 45px;
  color: #fff;
}
#back_top_button:hover {
  cursor: pointer;
  background-color: #333;
}
#back_top_button:active {
  background-color: #555;
}
#back_top_button.show {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 500px) {
  #back_top_button {
    margin: 20px;
  }
}

/* Download Cards */
.download-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.download-card {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2em);
  background: #fbfbfb;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 2em;
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.06);
  margin: 0 1em 2em 1em;
}
@media (min-width: 700px) {
  .download-cards[data-view="grid-view"] .download-card {
    float: left;
    width: calc(50% - 2em);
  }
  .download-cards[data-view="grid-view"] .download-card:nth-child(3) {
    clear: both;
  }
  .download-cards[data-view="grid-view"] .download-card:nth-child(4) {
    clear: initial;
  }
}
@media (min-width: 1000px) {
  .download-cards[data-view="grid-view"] .download-card {
    width: calc((100% / 3) - 2em);
  }
  .download-cards[data-view="grid-view"] .download-card:nth-child(3) {
    clear: initial;
  }
  .download-cards[data-view="grid-view"] .download-card:nth-child(4) {
    clear: both;
  }
}
.download-card__icon-box {
  display: flex;
  align-items: center;
  background: #f1f1f1;
  text-align: center;
}
@media (min-width: 700px) {
  .download-card__icon-box {
    justify-content: center;
  }
}
.download-card__icon-box img {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 700px) {
  .download-cards[data-view="list-view"] .download-card__icon-box {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid #e6e6e6;
  }
}
.download-card__content-box {
  padding: 1em 2em 1em;
  flex: 1;
}
@media (min-width: 700px) {
  .download-cards[data-view="list-view"] .download-card__content-box {
    padding-left: calc(200px + 2em);
  }
}
.download-card__content-box__catagory {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  margin: 0 0 2em;
}
.download-card__content-box__catagory::before {
  content: "| ";
  color: #dc9b37;
}
.download-card__content-box__title {
  line-height: 1;
  margin: 0 0 0.5em;
  font-size: 18px;
}
.download-card__content-box__description {
  line-height: 1.5;
  padding: 0;
  margin: 0 0 1em;
  clear: both;
  color: #929292;
  font-size: 16px;
}
.download-card__content-box .button {
  position: relative;
  margin: 0;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 13px;
}

.dc-view-switcher {
  display: none;
  margin: 1em;
  text-align: right;
}
@media (min-width: 700px) {
  .dc-view-switcher {
    display: block;
  }
}
.dc-view-switcher > button {
  font-family: "fontAwesome";
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: none;
  cursor: pointer;
  font-size: 1.5em;
  vertical-align: middle;
  color: #dc9b37;
  opacity: 0.3;
  outline: none;
  transition: opacity 0.4s ease;
}
.dc-view-switcher > button[data-trigger="list-view"]::before {
  content: "";
}
.dc-view-switcher > button[data-trigger="grid-view"]::before {
  content: "";
}
.dc-view-switcher > button[data-trigger].active {
  opacity: 1;
}
.interiordoors .product-list a img,
.irondoors .product-list a img,
.exteriordoors .product-list a img,
.fiberglassdoors .product-list a img,
.frontdoors .product-list a img {
  height: 300px;
}
.page-template--collection.products a.product-card__media img,
.page-template--product a.product-card__media img {
  height: 300px !important;
}

/* //popup modal */
.product-card__quick-add-button {
  display: inline-block;
  padding: 10px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.popup-modal-content .popup-modal-dismiss {
  color: #000;
  padding: 0px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.popup-modal-content {
  max-width: 1000px;
  margin: 40px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.popup-modal-content .main-modal-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 40px 20px;
}
.popup-modal-content .modal-gallery {
  width: 70%;
}
.popup-modal-content .carousel-cell {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
}
.popup-modal-content .modal-details {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.popup-modal-content h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.popup-modal-content .modal-gallery img,
.modal-image img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}
.popup-modal-content .modal-title {
  font-size: 20px;
  margin: 10px 0;
}
.popup-modal-content .modal-description {
  font-size: 16px;
  margin: 10px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mfp-content .mfp-close {
  right: -15px;
  top: -15px;
}
@media screen and (max-width: 767px) {
  .popup-modal-content .modal-gallery,
  .popup-modal-content .modal-details {
    width: 100%;
  }
  .popup-modal-content .main-modal-content {
    flex-direction: column;
  }
  .popup-modal-content .carousel-cell {
    height: 250px;
  }
}

/* @media screen and (max-width: 767px) {
  .slideshow__slide-content .prose .button-group {
    display: grid;
    justify-content: flex-end;
    margin-left: 210px;
    gap: 5px;
  }
} */

/* @media only screen and (max-width: 767px) {
  .button-group--outside-mobile {
    position: absolute;
    bottom: -40px; 
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .slideshow__slide-content {
    padding-bottom: 60px; 
  }
}  */


.announcement-bar .announcement-bar__carousel .heading {
   color: #000;
  font-weight: 700;
  letter-spacing: 1px;
} 

.shopify-section--main-article .prose :where(*+span:not(:empty)), .prose :is(.link,img){
  display: initial;
}

.shopify-section--main-article .article__wrapper p{
  text-align: justify;
}

 #shopify-section-{{ section.id }} .shopify-section--slideshow .slideshow .slideshow__slide .content-over-media .slideshow__slide-content{
     max-width: fit-content;
    position: absolute;
    bottom: 0;
}


@media screen and (max-width: 767px) {
  .shopify-section--slideshow .slideshow .slideshow__slide .content-over-media .slideshow__slide-content .button-group a.button{
    font-size: 9px;
    text-transform: capitalize;
  }

}

/* Shopify default chat hide css */
.chat-app{
  display: none!important;
}


/* Finance Page CSS */

.page-template--financing multi-column.multi-column {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px 20px;
}

.page-template--financing .multi-column__item {
  flex: 1 1 320px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 30px 20px;
  box-sizing: border-box;
  text-align: center;
}

.page-template--financing .multi-column__item:last-child img {
  max-width: 150px;
  height: auto;
  margin: 20px auto 0;
}

.page-template--financing .multi-column__item:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 80px;
  border: none;
  background: none;
}

.page-template--financing a.link[aria-label^="link-a-image"] {
  display: inline-block;
  background: #f44336;
  color: white;
  padding: 10px 20px;
  border-radius: 30px;
  margin-top: 40px;
  font-weight: bold;
  text-decoration: none;
}

.page-template--financing .prose.text-center p.h3 {
  margin-bottom: 10px;
}


@media (max-width: 768px) {
  .page-template--financing multi-column.multi-column {
    flex-direction: column;
    align-items: center;
  }

  .page-template--financing .multi-column__item:nth-child(2) {
    flex-direction: row;
    max-width: none;
    padding: 10px 0;
  }
}

.page-template--rta-cabinet-lesscare .banner:after{
    content: initial;
    content: none;
}

.page-template--brand-landing .fixed-side-button .button , .page-template--jk-brand-listing .fixed-side-button .button{
  display:none;
}

.page-template--jk-brand-listing .shopify-section--slideshow .prose .h6 , .page-template--brand-landing .shopify-section--slideshow .prose .h6{
  font-size:32px;
}

.page-template--jk-brand-listing .prose .button-group .button{
  text-transform: capitalize;
}

.page-template--brand-landing  .prose .button-group .button{
  text-transform: capitalize;
}



/* Hide original buttons on mobile */
@media (max-width: 749px) {
  .slideshow__slide-content .button-group {
    display: none !important;
  }

  /* Mobile duplicated button group */
  .slideshow-mobile-buttons {
    display: flex;
        justify-content: center;
        padding: 10px 0;
        background: #fff;
  }

  .slideshow-mobile-buttons .button-group {
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  .slideshow-mobile-buttons .button {
        padding: 10px;
        font-size: 10px;
  }
}

/* Desktop – hide mobile buttons */
@media (min-width: 750px) {
  .slideshow-mobile-buttons {
    display: none !important;
  }
}

/* Hide Route product everywhere visually */
a[href*="/products/routeins"],
.product-card-wrapper a[href*="routeins"],
.grid__item a[href*="routeins"] {
  display: none !important;
}


.product-handle-18-in-x-80-in-white-1-panel-shaker-solid-core-primed-mdf-prehung-interior-door-with-black-hinges .shopify-section--main-product .product-info__block-list .accordion,
.product-handle-24-in-x-80-in-white-1-panel-shaker-solid-core-primed-mdf-prehung-interior-door-with-black-hinges .shopify-section--main-product .product-info__block-list .accordion,
.product-handle-28-in-x-80-in-white-1-panel-shaker-solid-core-primed-mdf-prehung-interior-door-with-black-hinges .shopify-section--main-product .product-info__block-list .accordion,
.product-handle-30-in-x-80-in-white-1-panel-shaker-solid-core-primed-mdf-prehung-interior-door-with-black-hinges .shopify-section--main-product .product-info__block-list .accordion,
.product-handle-32-in-x-80-in-white-1-panel-shaker-solid-core-primed-mdf-prehung-interior-door-with-black-hinges .shopify-section--main-product .product-info__block-list .accordion,
.product-handle-36-in-x-80-in-white-1-panel-shaker-solid-core-primed-mdf-prehung-interior-door-with-black-hinges .shopify-section--main-product .product-info__block-list .accordion
{
  display: none;
}

.ctm-product-delivery-message{font-weight: 700;}

/* PhotoSwipe image fix */
.page-template--product .pswp.pswp--open .pswp__container .pswp__item  .pswp__img {
    object-fit: contain;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    transition: opacity .2s ease, transform .2s ease !important;
}
.page-template--product .pswp.pswp--open .pswp__container .pswp__item .pswp__zoom-wrap {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.page-template--product .pswp.pswp--open .pswp__container .pswp__item {
    transition: none !important;
}
.page-template--free-design-new-2 .fixed-side-button{
   display: none;
}
.tc-free-design-ctm-icon{
    padding: 24px 0;
    border: none;
}
.tc-free-design-ctm-icon .text-with-icons__item .v-stack{
  display: flex;
  align-items: center;
  justify-content: center;
}

#globo-formbuilder-119187 .globo-form-app.boxed-layout .g-container{
  padding: 10px 20px;
}
#globo-formbuilder-119187 .globo-form-control{
  margin-bottom: 5px;
  padding: 0 5px;
}
#globo-formbuilder-119187 .globo-form-control .gfb__dropzone{
      min-height: 100px;
}
#globo-formbuilder-119187 .globo-form-app .header{
    margin-bottom: 5px;
}
#globo-formbuilder-119187 .globo-form-app .header .title{
   margin-bottom: 0;
}
#globo-formbuilder-119187 .globo-form-app .flex-wrap{
  gap: 10px;
  justify-content: space-between;
}
#globo-formbuilder-119187 .globo-form-control .globo-list-control.option-5-column{
  width: auto;
  padding: 0;
}
#globo-formbuilder-119187 .globo-form-control .gfb__dropzone{
  padding: 5px 12px;
}
.free-design-new-icon{
  background: #061636;
}
.free-design-new-icon .text-with-icons__item{
  background: transparent;
}

.free-design-new-icon .text-with-icons__item .v-stack .h6{
  color: #fff;
  text-align: left;
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.free-design-new-icon .v-stack img{
    width: 50px;
    height: 50px;
}
.free-design-new-icon .text-with-icons__item{
  padding: 16px 0;
}

.ctm-3d-design-icon-main{
  padding: 50px 0;
}
.ctm-3d-design-icon-main .text-with-icons__item{
  padding: 20px 16px;
}
.ctm-3d-design-icon-main .prose .h6{
  color: #DC9B37;
}
.ctm-3d-design-icon-main .v-stack .h6{
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: normal;
}
.ctm-3d-design-icon-main .section-header, .ctm-multi-col-3d-design-new .section-header{
  max-width: 100%;
}
.ctm-3d-design-icon-main .v-stack img{
  width: 50px;
  height: 50px;
}
.ctm-multi-col-3d-design-new{
  padding: 50px 0;
}
.ctm-multi-col-3d-design-new .h6{
 color: #DC9B37;
}
.ctm-multi-col-3d-design-new .h2{
 color: #1C1C1C;
}
.ctm-multi-col-3d-design-new .ctm-multi-btns{
  display: inline;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;    padding: 13px;
}


.page-template--exterior-doors .container , .page-template--interior-doors .container{
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}
.ctm-doors-collection-main .image-with-text{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
.ctm-doors-collection-main .image-with-text .prose{
  padding: 0;
}
.ctm-doors-collection-main .image-with-text .prose .h1{
    font-size: 60px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: normal;
}
.ctm-doors-collection-main .image-with-text .prose div p{
  font-size: 18px;
  max-width: 450px;
}
.ctm-doors-icon-main{
  padding: 30px 0;
}
.ctm-doors-icon-main-second{
  padding: 40px 0;
}
.ctm-doors-icon-main-second .prose{
   display: flex;
   flex-direction: column-reverse;
}
.ctm-doors-icon-main-second .prose p{
  padding-top: 10px;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.ctm-doors-icon-main-second .text-with-icons{
  --text-with-icons-items-per-row: 6;
}
.ctm-doors-icon-main-second .prose .h2{
  font-weight: 700;
}
.ctm-doors-icon-main .text-with-icons__item , .ctm-doors-icon-main-second .text-with-icons__item{
  padding: 20px;
}
.ctm-collection-faq-main{
  padding: 40px 0;
}
.ctm-collection-faq-main .reviews-faq-layout{
    grid-template-columns: 1fr;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    gap: 0;
}
.ctm-collection-faq-main .reviews-faq-layout .reviews-faq-layout__heading{
  text-align: center;
  font-size: 28px;
  color: #1c1c1c;
  font-weight: 700;
}

.ctm-collection-faq-main .reviews-faq-layout .reviews-carousel__track .reviews-carousel__card{
  padding: 20px;
}
.page-template--exterior-doors .faq , .page-template--interior-doors .faq{
  display: block;
}
.page-template--exterior-doors .shopify-section--rich-text .prose .field p , .page-template--interior-doors .shopify-section--rich-text .prose .field p{
    max-width: 780px;
    font-size: 16px;
    margin: 0 auto;
}
.page-template--exterior-doors .shopify-section--video , .page-template--interior-doors .shopify-section--video{
  margin-bottom: 40px;
}
.page-template--exterior-doors .shopify-section--video img , .page-template--interior-doors .shopify-section--video img{
  object-fit: contain;
}

.video-heading{
  text-align: center;
  margin-bottom: 20px;
}

.page-template--exterior-doors .product-card__sku , .page-template--interior-doors .product-card__sku{
  font-weight: 700;
}
.page-template--exterior-doors .pagination , .page-template--interior-doors .pagination{
  display: grid;
  margin-top: 40px;
}


@media (min-width: 1700px) {
  .page-template--free-design-new-2 .container{
    max-width: 1600px;
    width: 1600px;
    margin: 0 auto;
  }
}
@media (min-width: 1450px) {
 /* .page-template--free-design-new-2 .container{
    max-width: 1600px;
    width: 1600px;
    margin: 0 auto;
  }*/
  .free-design-new-icon .text-with-icons__item .v-stack .h6{
    padding-right: 25px;
  }
  .tc-free-design-ctm-icon .text-with-icons__item .v-stack{
     padding-right: 12px;
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  .page-template--exterior-doors .container , .page-template--interior-doors .container{
    width: auto;
    margin: 0 50px;
  }
  .ctm-doors-collection-main{
    padding: 50px;
  }
  .ctm-doors-icon-main .text-with-icons__item, .ctm-doors-icon-main-second .text-with-icons__item{
    padding: 20px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ctm-doors-collection-main .image-with-text .prose .h1{
    font-size: 40px;
    line-height: 1.2;
  }
  .ctm-doors-collection-main .image-with-text .prose div p{
    font-size: 16px;
  }
  .ctm-doors-icon-main .text-with-icons__item , .ctm-doors-icon-main-second .text-with-icons__item{
    padding: 16px;
  }
  .ctm-doors-icon-main .text-with-icons{
      column-gap: 20px;
  }
  .ctm-doors-icon-main .text-with-icons__item{
      --text-with-icons-column-gap: 20px;
  }
  .ctm-doors-icon-main-second .text-with-icons{
    --text-with-icons-items-per-row: 3;
  }
}

@media (max-width: 767px) {
  .page-template--kcd-brand-listing .shopify-section--image-with-text-overlay .content .prose .h2{
    letter-spacing: -2%;
 }
 .page-template--kcd-brand-listing .shopify-section--image-with-text-overlay .content .prose div p{
      font-size: 12px;
      line-height: 1.2;
 }
  .page-template--kcd-brand-listing .shopify-section--image-with-text-overlay .content .prose .button{
    display: none;
  }
 .free-design-new-icon{
    padding: 10px 0px;
 }
 .free-design-new-icon .gap-8{
  gap: 0;
 }

 .page-template--exterior-doors .container , .page-template--interior-doors .container{
    width: auto;
    margin: auto 20px;
 }
 .ctm-doors-collection-main .image-with-text{
  padding: 0 16px;
 }
 .ctm-doors-collection-main .image-with-text .prose .h1{
   font-size: 32px; 
}
 .ctm-doors-icon-main-second .prose .h2{
  margin-top: 0;
}
 .ctm-collection-faq-main .reviews-faq-layout .reviews-faq-layout__heading{
  font-size: 20px;
 }
 .ctm-collection-footer-main .flex-column-content__inner{
   padding: 30px!important; 
 }
 .ctm-collection-footer-main .btn-flex .flex-column-content__link{
  width: 100%;
 }
 .page-template--exterior-doors .shopify-section--video , .page-template--interior-doors .shopify-section--video{
  margin-bottom: 0;
 }
}


/* CSS */
.free-design-new-icon .page-dots button:after {background: rgb(255 255 255); }

.ctm-homepage-img-text-container{
    max-width: 1700px;
    margin: auto;
    width: 100%;
}
.ctm-homepage-img-text-main{
  background: #fff;
}
.ctm-homepage-img-text-main .image-with-text{
  background: #F8F2EF;
  backdrop-filter: blur(80px);
  border-radius: 30px;
  display: flex;
    justify-content: flex-end;
  background-image: url(/cdn/shop/files/3d-design-bg-img.webp?v=1784284547);
}
.ctm-homepage-img-text-main .image-with-text picture{
  display: none;
}
.ctm-homepage-img-text-main .image-with-text .prose{
   margin: 0;
   padding: 24px 0;
   max-width: 900px;
   width: 100%;
}
.ctm-homepage-img-text-main .image-with-text .prose .h1 , .ctm-homepage-img-text-main-sec .image-with-text .prose .h1{
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    color: #2B2B2C;
    text-transform: capitalize;
}
.ctm-homepage-img-text-main .image-with-text .prose .h6{
    max-width: 750px;
}
.ctm-homepage-img-text-main .image-with-text .prose .h6 , .ctm-homepage-img-text-main-sec .image-with-text .prose .h6{
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: initial;
  color: #3a3a3a;
}
.ctm-homepage-img-text-main .image-with-text .prose ul , .ctm-homepage-img-text-main-sec .image-with-text .prose ul{
  gap: 16px;
}
.ctm-homepage-img-text-main .image-with-text .prose ul li , .ctm-homepage-img-text-main-sec .image-with-text .prose ul li{
      padding-left: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -2%;
        color: #1A1917;
}
.ctm-homepage-img-text-main .image-with-text .prose .button{
  margin-top: 20px;
}

.ctm-homepage-img-text-main-sec .image-with-text{
  padding: 35px 40px 35px 60px;
  border-radius: 30px;
  background: #F9F9F7;
}
.ctm-homepage-img-text-main-sec .image-with-text .prose{
    margin: 0;
    padding: 0;
    max-width: 400px;
}
.ctm-homepage-img-text-main-sec .image-with-text .prose .h1{
  margin-bottom: 30px;
}
.ctm-homepage-img-text-main-sec .image-with-text picture img{
 border-radius: 30px;
}
.ctm-homepage-img-text-main-sec .image-with-text .prose ul li{
    font-size: 20px;
    line-height: 1.4;
    color: #000;
}
.ctm-homepage-img-text-main-sec .image-with-text .prose div ul li::before{
  height: 24px;
  width: 24px;
  background-size: 24px;
  left: 0;
}

.ctm-media-grid-home .media-grid{
  gap: 20px;
}
.ctm-media-grid-home .section-stack{
  gap: 20px;
}
.ctm-media-grid-home .media-grid .media-grid__item{
  grid-area: span min(2, var(--media-grid-item-row-span)) / span 2;
}
.ctm-media-grid-home .media-grid img{
  border-radius: 20px;
}
.ctm-media-grid-home .section-header .prose .h2{
      font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
        line-height: 1.2;
    text-transform: capitalize;
    color: #2B2B2C;
}
.ctm-media-grid-home .section-header .prose p{
      text-align: center;
    padding-bottom: 10px; 
    color: #616161;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    letter-spacing: -2%;
    text-transform: initial;
    margin-top: 10px;
}
.ctm-media-grid-home .section-header .prose{
      color: #616161;
    max-width: 522px;
    margin: auto;
    margin-top: 10px;
}
.ctm-media-grid-home .ctm-view-all-btn{
     width: fit-content;
    margin: 0 auto;
    text-transform: capitalize;
}
.ctm-media-grid-home .ctm-view-all-btn:hover{
    color: #dc9b37!important;
    background-position: var(--hover-background-position);
    --transform-origin-start: left;
    background-size: 0 100%, 100% 100%;
    background-color: #fff!important;
    border-color: #dc9b37!important;
}
.ctm-shop-by-categoery-home-seocnd .section-description p{
  max-width: 450px;
  margin: auto;
}

.page-template--contact .shopify-section--main-page .container , .page-template--contact .shopify-section--contact .container {
  max-width: 780px;
}
.page-template--kitchen-visualizer .container{
  max-width: 100%;
  padding: 0;
}
.shopify-section--main-customers-login .container{
  max-width: 540px;
  padding: 0 50px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.header .dropdown-content.mega-menu{
   display: flex;
    gap: 0px;
 }
 .header .tab-menu , .header .tab-content {
    min-width: 170px;
 }
 .header .sub-tab{
      padding: 0 10px;
 }
 .new-mega-menu.mega-menu{
      padding: 20px 10px;
 }
 .new-mega-menu .tabs-container{
  gap: 20px;
 }
 .new-mega-menu li.v-stack.justify-items-start.gap-5 , .new-mega-menu li.v-stack.justify-items-start.gap-5.testabc{
  padding: 10px!important;
  text-align: left!important;
 }
}

@media screen and (min-width: 768px) and (max-width: 920px) {
   .ctm-homepage-img-text-main .image-with-text{
     background-size: 100%;
     background-repeat: no-repeat;
   }
   .ctm-homepage-img-text-main .image-with-text .prose{
    max-width: 464px;
   }
   .ctm-homepage-img-text-main .image-with-text .prose .h1{
    font-size: 30px;
    line-height: 32px;
   }
   .ctm-homepage-img-text-main .image-with-text .prose .h6{
    font-size: 16px;
    line-height: 1.2;
    margin-top: 16px;
   }
}

@media screen and (min-width: 920px) and (max-width: 1390px) {
.ctm-homepage-img-text-main .image-with-text{
   background-size: cover;
 }
  .ctm-homepage-img-text-main .image-with-text .prose{
    max-width: 464px;
   }
   .ctm-homepage-img-text-main .image-with-text .prose .h1{
    font-size: 30px;
    line-height: 32px;
   }
   .ctm-homepage-img-text-main .image-with-text .prose .h6{
    font-size: 16px;
    line-height: 1.2;
    margin-top: 16px;
   }
}

@media screen and (min-width: 1024px) and (max-width: 1620px) {
.ctm-homepage-img-text-main .image-with-text .prose{
    width: auto;
    padding-right: 30px;
  }
}

@media screen and (min-width: 1199px) and (max-width: 1389px) {
.ctm-homepage-img-text-main .image-with-text .prose{
    max-width: 620px;
   }
}

@media screen and (max-width: 767px) {
  .ctm-homepage-img-text-main .image-with-text{
    flex-direction: column;
    width: 100%;
    background: none;
    border-radius: 16px;
  }
  .ctm-homepage-img-text-main .image-with-text .prose{
        padding: 20px 16px;
    background: #F8F2EF;
    text-align: left;
  }
  .ctm-homepage-img-text-main .image-with-text .prose .h1{
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
  }
  .ctm-homepage-img-text-main .image-with-text .prose .h6{
    font-size: 16px;
  }
  .ctm-homepage-img-text-main .image-with-text .prose ul{
    gap: 10px;
  }
  .ctm-homepage-img-text-main .image-with-text .prose ul li{
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #1A1917;
  }
  .ctm-homepage-img-text-main .image-with-text picture{
    display: block;
  }
  .ctm-homepage-img-text-main .image-with-text picture img{
    width: 100%;
  }
  .ctm-homepage-img-text-main-sec{
        background: #fff;
    padding: 0;
  }
  .ctm-homepage-img-text-main-sec .image-with-text{
    padding: 16px;
    background: #F9F9F7;
    border-radius: 16px;
  }
.ctm-homepage-img-text-main-sec .image-with-text .prose .h1{
    font-size: 24px;
    line-height: 27.36px;
    letter-spacing: 0;
    text-align: left;
    padding-top: 16px;
    margin-bottom: 16px;
 }
  .ctm-homepage-img-text-main-sec .image-with-text .prose ul {
    gap: 10px;
 }
 .ctm-homepage-img-text-main-sec .image-with-text .prose ul li{
    text-align: left;
    line-height: 1.4;
 }
  .ctm-homepage-img-text-main-sec .image-with-text .prose .button{
    display: block;
  }
  .ctm-homepage-img-text-main-sec .image-with-text .prose .button{
    font-size: 18px;
    line-height: 21.6px;
    letter-spacing: -2%;
  }

  .ctm-media-grid-home .section-header .prose .h2{
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .ctm-media-grid-home .section-header .prose p{
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: 0;
  }

  .ctm-media-grid-home .media-grid{
    display:flex !important;
    overflow-x:auto;
    overflow-y:hidden;
    gap:12px;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:10px;
}

.ctm-media-grid-home .media-grid::-webkit-scrollbar{
    display:none;
}

/* Two cards visible */
.ctm-media-grid-home .media-grid__item{
    flex:0 0 calc(50% - 6px) !important;
    min-width:calc(50% - 6px);
    max-width:calc(50% - 6px);
    scroll-snap-align:start;
    --media-grid-item-column-span:unset !important;
    --media-grid-item-row-span:unset !important;
}
.ctm-media-grid-home .media-grid__item{
    grid-column:auto !important;
    grid-row:auto !important;
}
.ctm-media-grid-home .media-grid-slider-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:0;
}
.ctm-media-grid-home .media-grid-slider-dots span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d8d8d8;
    cursor:pointer;
    transition:.3s;
}
.ctm-media-grid-home .media-grid-slider-dots span.active{
    background:#DC9B37;
}
.ctm-media-grid-home .section-stack{
  gap: 20px;
}
.ctm-media-grid-home .media-grid img{
  border-radius: 12px;
}
.ctm-homepage-img-text-main-sec .image-with-text picture img{
  border-radius: 12px;
}
}