/** Shopify CDN: Minification failed

Line 153:2 "align-item" is not a known CSS property
Line 1969:28 Unexpected "{"
Line 1969:36 Expected ":"
Line 1975:28 Unexpected "{"
Line 1975:36 Expected ":"
Line 1979:28 Unexpected "{"
Line 1979:36 Expected ":"
Line 1992:32 Unexpected "{"
Line 1992:40 Expected ":"
Line 2003:28 Unexpected "{"
... and 19 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:kanopi-best-products (INDEX:39) */
.temp { 
    padding: 29px 121px 37px 60px;
    background-size: cover;
    width: 45%;
  }
/* END_SECTION:kanopi-best-products */

/* START_SECTION:kanopi-compatible-ceilings-tiles (INDEX:43) */
.compatible-tiles .container-compatibles-cards .slick-track > *:first-child
{
  margin-left:16px;
}
.compatible-tiles .container-compatibles-cards .slick-track {
    margin-left: 0px;
    display: flex;
    align-items: stretch;
    
  }
  .compatible-tiles .container-compatibles-cards .slick-track .slick-slide {
    margin-right: 16px;
    height: unset;
  }
  .compatible-tiles .container-compatibles-cards .slick-arrow {
      opacity:1 !important;
      background-color: white !important;
      border-radius: 50px;
      border: 3px solid transparent;
      width: 40px;
      height: 40px;
      flex-grow: 0;
      box-shadow: 1px 2px 15px 0 rgba(94, 113, 131, 0.5);
      position:absolute;
      top:-30px;
    }
  .compatible-tiles .container-compatibles-cards .slick-arrow.slick-next {
      margin-right: 16px;
    }
  .compatible-tiles .container-compatibles-cards .slick-arrow.slick-next:before {
      font-size: 16px;
      padding-left: 2px;
      line-height: 34px;
      color: #5e7183;
    }
  .compatible-tiles .container-compatibles-cards button.slick-prev.slick-arrow.slick-disabled {
      opacity: 0;
      cursor: default;
    }
  .compatible-tiles .container-compatibles-cards button.slick-next.slick-arrow.slick-disabled {
      opacity: 0;
      cursor: default;
    }
  .compatible-tiles .container-compatibles-cards .slick-arrow.slick-prev {
      left: calc(100% - 112px) !important;;
    }
  .compatible-tiles .container-compatibles-cards .slick-arrow.slick-prev:before {
      font-size: 16px;
      line-height: 34px;
    }
    
  .compatible-tiles .container-compatibles-cards .slick-track .slick-slide .gridSwatches
    {
      margin-top: 18.8px;
      margin-bottom: 8px;
      padding-left: 0px;
      gap: 8px;
    }
    @media (min-width: 768px) {
    .compatible-tiles .container-compatibles-cards .gridSwatches{
      margin-top: 8.2px;
      margin-bottom: 8.2px;
      padding-left:0px;
      gap:8.2px;
    }
  }
  @media (min-width: 1280px) {
    .compatible-tiles .container-compatibles-cards .gridSwatches{
      margin-top: 14px;
      margin-bottom: 14px;
      padding-left:0px;
      gap:8px;
    }
  }
/* END_SECTION:kanopi-compatible-ceilings-tiles */

/* START_SECTION:kanopi-compatible-grid-system (INDEX:44) */
.kanopi-compatible-grid-system {
    background : #f0f0f0;
  }
/* END_SECTION:kanopi-compatible-grid-system */

/* START_SECTION:kanopi-custom-bullets (INDEX:46) */
.kanopi-bullets {
  background-color: #016198;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}
.kanopi-bullets .page-width{
  padding: 40px 229px;
}
.kanopi-bullets .kanopi-section{
  display : flex;
}
.kanopi-bullets-small{
  margin-top: 10px;
  color: #fddc66;
  font-weight: 700;
  
}
.kanopi-bullets .btn{
  font-size: 14px;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 11px 36px;
  background-color: rgb(0,0,0,0);
  
  margin-top: 9px;
}
.kanopi-bullets .btn:hover{
  color:#016198;
  background-color:#fff;
}
.bullet-li{
  display:flex;
  column-gap: 8px;
  padding-bottom: 16px;
  
}
.main__image{
  width: 431px;
}
.kanopi-bullets.tw-acoustic-bullets .kanopi-section {
  align-item: center;
}
/* END_SECTION:kanopi-custom-bullets */

/* START_SECTION:kanopi-faq (INDEX:48) */
.kanopi-faqs {
    padding : 25px 0;
  }
  .kanopi-faqs .sec-ttl h3{
    font-size: 20px;
    text-transform:capitalize;
  }
  .kanopi-faqs .panel:first-child{
    border-top:none !important;
  }
  @media (min-width: 1025px) {
    .kanopi-faqs .sec-ttl h3{
      font-size: 30px;
    }
  }
  @media (max-width: 1024px) {
    .kanopi-faqs .sec-ttl{
      padding-bottom:15px;
    }
  }
  @media (max-width: 767px) {
    .kanopi-faqs .sec-ttl{
      padding-bottom:0;
    }
  }
  .panel-content {
	  padding: 25px 0;
  }
  .panel-title {
    padding : 17px 0 13px 0;
    margin : 0;
  }
  
  .panel-body {
    margin-bottom: 16px;
  }
  @media (max-width: 767px) {
    .kanopi-faqs .panel-title{
      padding-bottom:8px;
    }
    .kanopi-faqs .panel-body {
      margin-bottom: 8px;
    }
    .kanopi-faqs .panel{
      padding-bottom:7px;
    }
    .panel-title {
      padding : 16px 0 15px 0;
    }
  }
/* END_SECTION:kanopi-faq */

/* START_SECTION:kanopi-have-questions (INDEX:49) */
.final-link:hover{
    text-decoration: none;
    color: #4b2a0d;
  }

@media (min-width: 536px) and (max-width: 767px) {
  .kanopi-have-questions-section {
    display: flex !important;
    margin-bottom: 10px !important;
  }
  .kanopi-have-questions-section .page-width {
    width: 100% !important;
    flex-grow: 1;
  }
  .kanopi-have-questions-section .page-width .title-help-contact {
    
    margin-bottom: 47px !important;
  }
  .kanopi-have-questions-section .container-results-help {
    column-gap: 16px !important;
  }
  .kanopi-have-questions-section .container-results-help .container-cards {
    opacity: 1 !important;
    width: 33.333333% !important;
  }
  .kanopi-have-questions-section .container-results-help .container-info{
    flex-grow: 1 !important;
  }
  .kanopi-have-questions-section .container-results-help .container-cards .container-text {
    width: 100% !important;
  }

}
.kanopi-have-questions-section .container-results-help .slick-dots {
    margin-bottom: -24.5px;
    bottom: 0px;
    line-height: 1;
    display: flex;
    column-gap: 8px;
    justify-content: center;
  }
.kanopi-have-questions-section .container-results-help .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0px;
  }
.kanopi-have-questions-section .container-results-help .slick-dots li button {
    width: 8px;
    height: 8px;
  }
.kanopi-have-questions-section .container-results-help .slick-dots > .slick-active > button {
    background-color: #7d5b3f;
  }
.kanopi-have-questions-section .container-results-help .slick-dots *:not(.slick-active) > button {
    background-color: #cdd6dc;
}
/* END_SECTION:kanopi-have-questions */

/* START_SECTION:kanopi-large-benefits (INDEX:52) */
.container-benefits .container-slides {
   margin-bottom:24.5px; 
  }
  
  @media only screen and (min-width: 426px) and (max-width: 767px) {
  
  .container-benefits .container-slides {
    column-gap: 31.5px !important;
    margin-bottom:0px !important;
  }
  .container-benefits .container-slides .benefit {
    width: 33.3333% !important;
  }
  .container-benefits .container-slides .benefit h3 {
    font-size: 16px !important;
  }
  .container-benefits .container-slides .benefit p {
    font-size: 16px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
  .container-benefits .container-slides .slick-track {
    margin-left: 58.5px;
  }
  .container-benefits .container-slides .slick-slide {
    opacity:0.5;
  }
  .container-benefits .container-slides .slick-current {
    opacity:1;
  }
  @media only screen and (min-width: 400px) and (max-width: 425px) {
    .container-benefits .container-slides .slick-track {
      margin-left: 68px;
    }
  }
  .container-benefits .container-slides .slick-dots {
    margin-bottom: -24.5px;
    bottom: 0px;
    line-height: 1;
    display: flex;
    column-gap: 8px;
    justify-content: center;
  }
  .container-benefits .container-slides .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0px;
  }
  .container-benefits .container-slides .slick-dots li button {
    width: 8px;
    height: 8px;
  }
  .container-benefits .container-slides .slick-dots > .slick-active > button {
    background-color: #f86b16;
  }
  .container-benefits .container-slides .slick-dots *:not(.slick-active) > button {
    background-color: #cdd6dc;
  }
/* END_SECTION:kanopi-large-benefits */

/* START_SECTION:kanopi-patterns (INDEX:53) */
#patternSlider {
	overflow: hidden;
}
.page-width #patternSlider .slick-prev{
	left: 0px;
	width: 45px;
}
.page-width #patternSlider .slick-next{
	right: 0px;
	width: 45px;
}
.page-width #patternSlider .pattern-item {
		width: 255px;
	}
@media only screen and (min-width: 768px) {
	.page-width #patternSlider .slick-prev{
		width: 56px;
	}
	.page-width #patternSlider .slick-next{
		width: 56px;
	}
}

@media only screen and (min-width: 1025px) {
	.page-width #patternSlider .pattern-item {
		width: 233px;
	}
	.page-width #patternSlider .slick-prev{
		width: 64px;
	}
	.page-width #patternSlider .slick-next{
		width: 64px;
	}
	#patternSlider .slick-arrow:before {
		height: 48px;
	}
}

#patternSlider .slick-prev:before {
	background-image: url('data:image/png;base64,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');
}

#patternSlider .slick-next:before {
	background-image: url('data:image/png;base64,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');
}

#patternSlider .slick-arrow {
	border-radius: 0;
	width: 56px;
	height: 100%;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.6);
}

#patternSlider .slick-arrow:before {
	content: '';
	width: 100%;
	height: 40px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#patternSlider .slick-list {
	margin-right: -12px;
	margin-left: -12px;
}

#patternSlider .pattern-item .view-details {
	display: none;
	bottom: 14px;
	left: 0;
	position: absolute;
}

@media only screen and (min-width: 1025px) {
	#patternSlider .slick-list {
		margin-right: -15px;
		margin-left: -15px;
	}
	#patternSlider .pattern-item {
		margin-right: 11px;
		margin-left: 11px;
	}
	#patternSlider .pattern-item .view-details {
		display: flex;
		justify-content: center;
		min-height: 55px;
		width: 100%;
	}
}

#patternSlider .pattern-item {
	cursor: pointer;
	margin-right: 12px;
	margin-left: 12px;
	position: relative;
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .pattern-title {
		margin-top: 8px;
		margin-bottom: 9px;
	}
}

@media only screen and (min-width: 768px) {
	#modal-patterns .pattern-title {
		margin-top: 4px;
		margin-bottom: 4px;
	}
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table {
		padding-left: 29px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .img-column {
	margin-left: 0px;
	width: calc(42% - 40px);
	margin-right: 50px;
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .img-column {
		margin-right: 0px;
		margin-left: 0px;
		width: calc(18% - 16px);
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .img-column {
		width: calc(14% - 35px);
		margin-right: 35px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .info-column {
	width: calc(58% - 16px);
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .info-column {
		width: calc(32% - 20px);
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .info-column {
		width: calc(36% - 35px);
		margin-right: 19px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .info-column .data {
	width: 100%;
}

#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .quantity-column {
	margin-left: 0px;
	width: calc(45% - 16px);
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .quantity-column {
		margin-left: 16px;
		margin-right: 20px;
		width: calc(25% - 20px);
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .quantity-column {
		margin-right: 32px;
		width: calc(24% - 32px);
	}
}

@media only screen and (max-width: 599px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-simple .pattern-item .variants-table .variant-item .quantity-column .quantity .col-12 {
		padding-left: 8px;
	}
}

@media only screen and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table {
		margin-bottom: 57px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table.soundscape-pattern-table {
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table.soundscape-pattern-table .soundscape-pattern__buy-section.desktop-footer .quantity-col-lg-bp {
		width: calc(17% - 6px) !important;
		margin-right: 22px !important;
	}
}

@media only screen and (min-width: 1280px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table .variant-item .info-column {
		width: calc(33% - 93px);
		margin-right: 77px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table .variant-item .info-column.extra-large {
	width: calc(65% - 20px);
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table .variant-item .info-column.extra-large {
		width: calc(35% - 40px);
		margin-right: 40px;
	}
}

@media only screen and (min-width: 1280px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table .variant-item .quantity-column {
		margin-left: 0;
		margin-right: 32px;
		width: calc(22% - 12px);
	}
}

@media only screen and (max-width: 766px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table .variant-item .quantity-column {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 766px) {
	#modal-patterns .kanopi-modal-content .modal-body.modal-pattern-complex .item-content .variants-table .variant-item .color-column {
		width: calc(65% - 20px);
	}
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content {
		min-width: 720px;
		max-height: 750px;
	}

	#modal-patterns .kanopi-modal-content .main-img {
		width: 227px;
		margin-bottom: 8px;
	}
}

@media (min-width: 992px) {
	#modal-patterns .kanopi-modal-content {
		width: 120%;
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content {
		max-width: 1211px;
		max-height: 764px;
	}

	#modal-patterns .kanopi-modal-content .main-img {
		width: 410px;
	}
}

@media only screen and (min-width: 1440px) {
	#modal-patterns .kanopi-modal-content {
		width: 1211px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body {
	padding: 0;
}
@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body {
		padding-top: 40px;
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body {
		padding: 30px 26px 16px 24px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper {
	min-height: 40px;
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper .arrow {
	opacity: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper .arrow.left-arrow {
	width: 50px;
	height: 50px;
	background-image: url('https://cdn.shopify.com/s/files/1/0416/0772/5212/files/pattern-navigation-arrow-left.svg?v=1708965081');
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper .arrow.right-arrow {
	width: 50px;
	height: 50px;
	background-image: url( 'https://cdn.shopify.com/s/files/1/0416/0772/5212/files/pattern-navigation-arrow-right.svg?v=1708965081');
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper.mobile-arrows {
	position: absolute;
	top: 50%;
	left: 2px;
	right: 2px;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	z-index: 1;
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper.mobile-arrows .left-arrow-wrapper,
        #modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper.mobile-arrows .right-arrow-wrapper {
	height: 50px;
	width: 50px;
}

#modal-patterns .kanopi-modal-content .modal-body .arrows-wrapper.mobile-arrows .arrow {
	background-color: transparent;
}

#modal-patterns .kanopi-modal-content .modal-body .complex-price-per-piece {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 1.29;
	font-stretch: normal;
	color: #1d262e;
	margin-top: 8px;
	margin-bottom: 8px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-position {
	font-size: 14px;
	letter-spacing: normal;
	color: #1d262e;
}

#modal-patterns .kanopi-modal-content .modal-body .dropdown-menu.disabled {
	display: none !important;
}

#modal-patterns .kanopi-modal-content .modal-body .dropdown-item {
	font-size: 16px;
	margin: 0 0 8px 0;
}

#modal-patterns .kanopi-modal-content .modal-body .dropdown-item .swtwhite {
	border: 1px solid #cdd6dc;
}

#modal-patterns .kanopi-modal-content .modal-body .dropdown-item.active, #modal-patterns .kanopi-modal-content .modal-body .dropdown-item:active {
	background-color: transparent;
}

#modal-patterns .kanopi-modal-content .modal-body .dropdown-item:focus, #modal-patterns .kanopi-modal-content .modal-body .dropdown-item:hover {
	background-color: transparent;
}

#modal-patterns .kanopi-modal-content .modal-body .swatchLbl {
	display: inline-block;
	width: 19px;
	min-height: 19px;
	border-radius: 25%;
	margin-right: 8px;
	height: 19px;
}

#modal-patterns .kanopi-modal-content .modal-body .swatchLbl:not(.dropdown-item) {
	border: 1px solid #5e7183;
}

#modal-patterns .kanopi-modal-content .modal-body .patterns-modal-wrapper .slick-track {
	min-width: 100%;
}

#modal-patterns .kanopi-modal-content .modal-body h2, #modal-patterns .kanopi-modal-content .modal-body .h2, #modal-patterns .kanopi-modal-content .modal-body div[data-section-type="collection-widget"]:not(.rendered):before, #modal-patterns .kanopi-modal-content .modal-body .stamped-container .stamped-summary-text-1, .stamped-container #modal-patterns .kanopi-modal-content .modal-body .stamped-summary-text-1 {
	font-size: 24px;
	color: #1d262e;
	margin-bottom: 0px;
}

#modal-patterns .kanopi-modal-content .modal-body .patters-sub-copy {
	letter-spacing: normal;
	line-height: 1.29;
	color: #5e7183;
	font-size: 14px;
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .patters-sub-copy {
		line-height: 1.44;
		font-size: 16px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body h3, #modal-patterns .kanopi-modal-content .modal-body .h3 {
	color: #1d262e;
}

#modal-patterns .kanopi-modal-content .modal-body .patters-text-blue {
	margin-left: 16px;
	font-size: 14px;
	color: #016198;
	letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
	#modal-patterns .kanopi-modal-content .modal-body .patters-text-blue {
		text-align: center;
		font-size: 12px;
	}
}
@media only screen and (max-width: 1023px) {
	#modal-patterns .kanopi-modal-content .modal-body .patters-text-blue {
		margin-left: 0px;
		width: 260px;
		margin: auto;
	}
}
.qtyField.pattern-quantity{
	display: flex;
	justify-content: center;
}
.qtyField .qtyBtn.patternBtn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.qtyField .qtyBtn.patternBtn img{
	max-width: 18px;
}
#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy {
	
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #016198;
}
@media only screen and (max-width: 1023px) {
	#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy {
		font-size: 12px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy div {
	font-weight: bold;
}

#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy .kit-list {
	margin-left: 7px;
}

#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy .kit-list .kit-item {
	list-style: disc inside none;
}
@media only screen and (max-width: 1023px) {
	#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy {
		width: 218px;
		margin: auto;
	}
	#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy .kit-list {
		margin-left: 0px;
	}
	#modal-patterns .kanopi-modal-content .modal-body .patters-simple-copy .kit-list .kit-item::marker {
		margin-right: 7px;
	}
}
#modal-patterns .kanopi-modal-content .modal-body .patters-complex-copy {
	background-color: rgba(223, 227, 230, 0.25);
	margin-top: 16px;
	padding: 16px;
	font-size: 12px;
	letter-spacing: normal;
	font-style: normal;
	line-height: 1.5;
}
@media only screen and (max-width: 1023px) {
	.pattern-hide{
		display: none;
	}
	#modal-patterns .kanopi-modal-content .modal-body .patters-complex-copy {
		width: 310px;
		padding: 0;
		font-size:14px;
		margin: 0 auto;
		margin-bottom: 8px;
		margin-top: -8px;
		background-color: #fff;
	}
}
@media only screen and (max-width: 767px) {
	#modal-patterns .kanopi-modal-content .modal-body .patters-complex-copy {
		margin-top: 0px;
	}
}
@media only screen and (max-width: 1024px) {
	.link_to_pdf_download.soundscape-download-link {
		margin-left: 0px !important;
		margin-top: 0px !important;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .patters-complex-copy .patters-complex-sub-title {
	color: #1d262e;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
}

#modal-patterns .kanopi-modal-content .modal-body .patters-complex-copy ol li {
	list-style: decimal;
	margin-left: 20px;
	letter-spacing: normal;
}

#modal-patterns .kanopi-modal-content .modal-body .patters-complex-copy a {
	font-size: 14px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item.slick-slide:not(.slick-current.slick-active) {
	display: none;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item.slick-slide.slick-current.slick-active {
	left: 0 !important;
}

@media only screen and (max-width: 1023px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item {
		padding: 0;
	}
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .modal_heading {
		padding: 0 16px;
	}
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .item-content .variants-table {
		padding: 0 16px;
	}
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .patters-complex-sub-title-a{
		color: #f86b16;
		text-decoration: underline;
		text-align: center;
		margin-bottom: 10px;
	}
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .link_to_pdf_download{
		margin-top: 10px;
		margin-left: 5px;
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item {
		padding: 0 46px 24px 26px;
	}
}

#modal-patterns .modal-body .pattern-item .dots-wrapper {
	display: flex;
	justify-content: center;
}

#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots.grid-pdp-dots,
#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots.pattern-dots {
	margin: 0 auto;
	position: initial;
}
#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots li button{
	background-color: #cdd6dc;
	width: 8px;
	height: 8px;
}
#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots.grid-pdp-dots .slick-active button,
#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots.grid-pdp-dots .active button,
#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots.pattern-dots .slick-active button,
#modal-patterns .modal-body .pattern-item .dots-wrapper .slick-dots.pattern-dots .active button {
	background-color: #f86b16;
	opacity: 1;
}

#modal-patterns .modal-body .pattern-item .label {
	color: #016198;
	font-weight: bold;
	line-height: 1.44;
	letter-spacing: normal;
	text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
	#modal-patterns .modal-body .pattern-item .label {
		font-size: 16px;
		line-height: 1.5;
		font-weight: 800;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variant-img-size {
	width: 80px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variant-img {
	height: auto;
	width: 100%;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .data .title {
	font-weight: bold;
	line-height: 1.44;
	letter-spacing: normal;
	color: #1d262e;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .data .size {
	color: #1d262e;
	font-size: 14px;
	line-height: 1.29;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .data .sku {
	color: #5e7183;
	font-size: 14px;
	line-height: 1.29;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .headline {
	color: #5e7183 !important;
	line-height: 1.44;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .quantity .info-footer,
    #modal-patterns .kanopi-modal-content .modal-body .pattern-item .color .info-footer {
	font-size: 12px;
	line-height: 1.5;
	color: #5e7183;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .cart-btn .submit_button {
	width: 100%;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .cart-btn .submit_button.disabled {
	cursor: default;
	background-color: #d8d8d8;
	border-color: #d8d8d8;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .cart-btn .submit_button #sButtonPattern {
	display: none;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .slide-info {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin-top: 16px;
	place-items: end;
	margin-bottom: 11px;
}

@media only screen and (max-width: 599px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .slide-info {
		display: initial;
	}
}

@media only screen and (max-width: 767px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .slide-info {
		margin-top: 8px;
		margin-bottom: 13px;
	}
}

@media only screen and (max-width: 766px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-main-img {
		display: flex;
		justify-content: center;
		overflow: hidden;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-main-img .mobile-img {
		min-width: 224px;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-main-img .mobile-img.current-img {
		margin-left: 8px;
		margin-right: 8px;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-main-img .mobile-img:not(.current-img) {
		opacity: 0.5;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-main-img {
		max-width: 400px;
		margin: auto;
	}
}

@media only screen and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-main-img .zoomImg {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table {
		padding-left: 25px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table.soundscape-pattern-table {
		padding-left: 15px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item {
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item:not(:nth-last-child(2)) {
	padding-bottom: 23px;
	border-bottom: 1px solid #cdd6dc;
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item:not(:nth-last-child(2)) {
		padding-bottom: 15px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item.soundscape-item .info-column.extra-large {
	line-height: normal;
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item.soundscape-item .img-column {
		margin-right: 22px;
		width: calc(14% - 22px);
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item.soundscape-item .info-column.extra-large {
		width: calc(47% - 40px);
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item.soundscape-item .color-column {
		width: calc(35% - 16px);
	}
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item.soundscape-item:not(:nth-last-child(2)) {
		padding-bottom: 15px;
	}
}

@media only screen and (max-width: 599px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item:first-child {
		margin-top: 0;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .label-column {
	margin-right: 16px;
	padding-bottom: 15px;
	width: 4%;
	display: flex;
	align-items: center;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .label-column:nth-last-child(-n+3) {
	padding-bottom: 4px;
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .label-column {
		width: 1%;
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .label-column {
		width: 3%;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .img-column {
	margin-right: 20px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	width: calc(29% - 10px);
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .img-column:nth-last-child(-n+3) {
	padding-bottom: 4px;
}

@media only screen and (max-width: 766px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .img-column.soundscape-pattern-image {
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .img-column {
		margin-right: 24px;
		width: calc(18% - 16px);
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .img-column {
		margin-right: 16px;
		width: calc(14% - 16px);
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .img-column img {
	width: 80px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .info-column {
	padding-bottom: 15px;
	display: flex;
	width: calc(52% - 20px);
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .info-column:nth-last-child(-n+3) {
	padding-bottom: 4px;
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .info-column {
		width: calc(29% - 20px);
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .info-column {
		width: calc(33% - 16px);
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column {
	margin-left: 10px;
	margin-right: 18px;
	padding-bottom: 15px;
	width: calc(35% - 10px);
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column:nth-last-child(-n+3) {
	padding-bottom: 4px;
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column {
		margin-left: 16px;
		margin-right: 20px;
		width: calc(22% - 20px);
	}
}

@media (min-width: 992px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column {
		margin-left: 0px;
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column {
		margin-left: 16px;
		width: calc(22% - 20px);
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column .qtyField {
	width: 100px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .quantity-column .qtyField .product-form__input.qty {
	font-size: 16px;
	width: 33px;
	font-family: area-normal;
}
#modal-patterns .kanopi-modal-content .modal-body .pattern-item .qtyField .product-form__input.qty {
	width: 33px;
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .color-column {
	padding-bottom: 15px;
	width: calc(52% - 20px);
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .color-column:nth-last-child(-n+3) {
	padding-bottom: 4px;
}

@media only screen and (min-width: 768px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .color-column {
		width: calc(26% - 20px);
	}
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .variants-table .variant-item .color-column {
		width: calc(26% - 20px);
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item .item-cintent .pattern-title {
	margin-bottom: 16px;
}

@media only screen and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item {
		padding-bottom: 0;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .item-content {
		max-height: 82vh;
		overflow-y: auto;
		padding-bottom: 100px;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .mobile-footer {
		background-color: #fff;
		box-shadow: 0 1px 10px 2px rgba(94, 113, 131, 0.35);
		padding: 12px 17px 16px 16px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .mobile-footer .submit_button {
		width: 100%;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .mobile-footer .submit_button.disabled {
		cursor: default;
		background-color: #d8d8d8;
		border-color: #d8d8d8;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .item-content {
		max-height: 45vh;
	}

	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .item-content,
      #modal-patterns .kanopi-modal-content .modal-body .pattern-item .modal_heading {
		padding-left: 24px;
		padding-right: 26px;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item.soundscape-pattern-item .item-content {
	max-height: 477px;
}

@media only screen and (min-width: 1025px) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item.soundscape-pattern-item .item-content {
		max-height: initial;
	}
}

#modal-patterns .kanopi-modal-content .modal-body .pattern-item.soundscape-pattern-item .mobile-footer .js-qty-input {
	font-size: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#modal-patterns .kanopi-modal-content .modal-body .pattern-item .item-content {
		max-height: 50vh;
	}
}
#modal-patterns .modal-content .modal-body .swatchLbl {
	display: inline-block;
	width: 19px;
	min-height: 19px;
	border-radius: 25%;
	margin-right: 8px;
	height: 19px;
	min-width: 19px;
}
#modal-patterns .modal-content .modal-body .pattern-position {
	font-size: 14px;
	letter-spacing: normal;
	color: #1d262e;
}

#modal-patterns .modal-content .modal-body .dropdown-menu.disabled {
	display: none !important;
}

#modal-patterns .modal-content .modal-body .dropdown-item {
	font-size: 16px;
	margin: 0 0 8px 0;
}

#modal-patterns .modal-content .modal-body .dropdown-item .swtwhite {
	border: 1px solid #cdd6dc;
}

#modal-patterns .modal-content .modal-body .dropdown-item.active, #modal-patterns .modal-content .modal-body .dropdown-item:active {
	background-color: transparent;
}

#modal-patterns .modal-content .modal-body .dropdown-item:focus, #modal-patterns .modal-content .modal-body .dropdown-item:hover {
	background-color: transparent;
}
.add-installation-accesories-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 24px;
	padding: 20px 0px 20px 16px;
	border: 10px solid;
	border-image-slice: 1;
	border-width: 2px;
	border-color: rgba(128, 215, 242, 0.8);
	background: white;
	background-color: rgba(230, 247, 252, 0.75);
}

.add-installation-accesories-container .content {
	font-family: AreaNormal-Bold;
	margin-left: 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.44;
	color: #1d262e;
}

.add-installation-accesories-container-plus {
	display: flex;
	padding: 14px 17px 12px 17px;
	border: 10px solid;
	border-top: none;
	border-image-slice: 1;
	border-width: 2px;
	border-color: rgba(128, 215, 242, 0.8);
	background: #ffffff;
}

.add-installation-accesories-container-plus .content-hide {
	display: flex;
	font-size: 14px;
	line-height: 1.5;
	color: #1d262e;
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
	.add-installation-accesories-container-plus .content-hide {
		flex-wrap: wrap;
	}
}

.add-installation-accesories-container-plus .content-hide .installation_bundle_content {
	margin-left: 14px;
	line-height: 1.5;
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
	.add-installation-accesories-container-plus .content-hide .installation_bundle_content {
		margin-left: 0px;
		margin-top: 12px;
	}
}

.add-installation-accesories-container-plus .content-hide .installation_bundle_content .bundle_content-title {
	color: #5e7183;
}

.add-installation-accesories-container-plus .content-hide .installation_bundle_content .bundle_content {
	color: #1d262e;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.add-installation-accesories-container-plus .content-hide .installation_bundle_content .bundle_content {
		max-width: 410px;
	}
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
	.add-installation-accesories-container-plus .content-hide .installation_bundle_content .bundle_content {
		min-width: 280px;
	}
}

.add-installation-accesories-container-plus .content-hide .installation_bundle_content .bundle_content-note {
	color: #5e7183;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 500;
}

.add-installation-accesories-container-plus .content-hide .installation_bundle_content .bundle_content-note b {
	font-weight: 800;
}

.shop-link-collection {
	margin-top: 20px;
	color: #f86b16;
	font-size: 16px;
	line-height: 1.44;
	text-decoration: underline;
}

.add-bundles-installation {
	width: 18px;
	height: 18px;
	border: 1px solid #AEB8C1;
	border-radius: 3px;
	cursor: pointer;
	background: #ffff;
}

.add-bundles-installation.disable {
	cursor: auto;
	background: none;
}

.add-bundles-installation.addedIBundle {
	background: #f86b16;
	border: 1px solid #f86b16;
}

.add-bundles-installation.addedIBundle:hover {
	background: #f86b16;
	border: 1px solid #f86b16;
}

.add-bundles-installation input {
	opacity: 0;
	cursor: pointer;
	z-index: 5;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.add-bundles-installation span {
	display: none;
	text-align: center;
	line-height: 20px;
	font-size: 90%;
	color: #fff;
	width: 100%;
	height: 100%;
}

.add-bundles-installation.addedIBundle span {
	display: block;
}

.check-installation-bundles {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
}

.check-installation-bundles::before {
	position: absolute;
	left: 0;
	top: 50%;
	height: 39%;
	width: 2px;
	background-color: #fff;
	content: "";
	transform: translate(7px) translateY(-1px) rotate(-45deg);
	transform-origin: left bottom;
}

.check-installation-bundles::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 68%;
	background-color: #fff;
	content: "";
	transform: translate(7px) translateY(-3px) rotate(-45deg);
	transform-origin: left bottom;
}

.installation-bundle-header.overlay:after, .cart__row.overlay:after, tbody.overlay:after, #asm-mini-cart.overlay:after {
	position: absolute;
	z-index: 1;
	display: block;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(254, 254, 254, 0.7);
	color: white;
}
/* END_SECTION:kanopi-patterns */

/* START_SECTION:kanopi-popular-ceiling-tiles (INDEX:54) */
@media (min-width: 1025px) {
    .kanopi-popular-tiles-section {
      padding-top: 0;
      margin-top: 64px;
    }
  }
  .kanopi-popular-tiles-section .container-popular-tiles-help .slick-track {
    margin-left: 14px;
    display: flex;
    align-items: stretch;
  }
  @media (min-width: 768px) {
    .kanopi-popular-tiles-section .container-popular-tiles-help .slick-track {
      margin-left: 0;
    }
  }
  .kanopi-popular-tiles-section .container-popular-tiles-help .slick-track .slick-slide {
    margin-right: 16px;
    height: unset;
  }
  .kanopi-popular-tiles-section .slick-arrow {
    opacity: 1 !important;
    background-color: white !important;
    border-radius: 50px;
    border: 3px solid transparent;
    width: 40px;
    height: 40px;
    flex-grow: 0;
    box-shadow: 1px 2px 15px 0 rgba(94, 113, 131, 0.5);
    position: absolute;
    top: -35px;
  }
  .kanopi-popular-tiles-section .slick-arrow.slick-next {
    margin-right: 16px;
  }
  .kanopi-popular-tiles-section .slick-arrow.slick-next:before {
    font-size: 16px;
    padding-left: 2px;
    line-height: 34px;
    color: #5e7183;
  }
  .kanopi-popular-tiles-section button.slick-prev.slick-arrow.slick-disabled {
    opacity: 0;
    cursor: default;
  }
  .kanopi-popular-tiles-section button.slick-next.slick-arrow.slick-disabled {
    opacity: 0;
    cursor: default;
  }
  .kanopi-popular-tiles-section .slick-arrow.slick-prev {
    left: calc(100% - 112px) !important;
  }
  .kanopi-popular-tiles-section .slick-arrow.slick-prev:before {
    font-size: 16px;
    line-height: 34px;
  }
  .kanopi-popular-tiles-section .container-popular-tiles-help .product-price .price_per_sqft {
    font-size: 14px !important;
  }
  @media (min-width: 768px) {
    .kanopi-popular-tiles-section .container-popular-tiles-help .product-price .price_per_sqft {
    }
  }
  @media (min-width: 1025px) {
    .kanopi-popular-tiles-section .container-popular-tiles-help .product-price .price_per_sqft {
    }
  }
/* END_SECTION:kanopi-popular-ceiling-tiles */

/* START_SECTION:kanopi-product-details (INDEX:56) */
.kanopi-product-details-section {
    background : #EFEDE9;
    padding : 40px 0; 
  }
  .panel-content {
	padding: 25px 0;
  }
  .columns {
    display : grid;
    grid-template-columns: 1fr 1fr;
    grid-gap : 50px;
  }
  .specsholder {
    border-top: 1px solid #000;
  }
  @media only screen and (max-width: 767px) {
    .specsholder {
      border-top: 0;
    }
    #detailSectionTile{
      padding-top:0!important;
    }
  }

  #modal-features .modal-content {
    width: 100%;
  }

#modal-features .modal-content .modal-body {
	overflow-y: auto;
	overflow-x: hidden;
  height: 250px;
}

@media only screen and (min-width: 1025px) {
	#modal-features .modal-content .modal-body {
		margin: 64px;
		padding: 0;
	}

	#modal-features .modal-content .modal-body .row {
		margin-left: 0;
	}
}
#modal-features div .modal-content .modal-body::-webkit-scrollbar {
	width: 5px;
}   
#modal-features div .modal-content .modal-body::-webkit-scrollbar-thumb {
	background-color: #656a6b; 
	border-radius: 10px;
}
@media only screen and (min-width:768px) and (max-width: 1024px) {
	#modal-features .modal-content .modal-body {
		margin: 15px 48px 48px 48px;
		padding: 0;
	}

	#modal-features .modal-content .modal-body .row {
		margin-left: 0;
	}

	#modal-features .modal-content .modal-body .row div#modal-features-col-2 {
		padding-left: 30px !important;
	}
}

@media only screen and (max-width: 767px) {
	#modal-features .modal-content .modal-body {
		margin: 3px 24px 24px 24px;
		padding: 0;
	}

	#modal-features .modal-content .modal-body .row {
		margin: 0;
	}

	#modal-features .modal-content .modal-body .row .modal-features-col-2 {
		padding-left: 7px;
	}
}

#modal-features .modal-content .modal-body hr {
	margin-top: 8px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 599px) {
	#modal-features .modal-content .modal-body hr {
		margin-top: 0;
	}
}

#modal-features .modal-content .modal-body .row .col-md-6 {
	padding: 0;
}

#modal-features .modal-content .modal-body .title-modals {
	margin: 0 0 56px 0;
}

@media only screen and (min-width:768px) and (max-width: 1024px) {
	#modal-features .modal-content .modal-body .title-modals {
		margin: 0 0 32px 0;
	}
}

@media only screen and (max-width: 767px) {
	#modal-features .modal-content .modal-body .title-modals {
		margin: 0 0 24px 0;
	}
}

#modal-features .modal-content .accordion-features:not(.modal-datacenter) {
	max-width: 260px;
	margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
  #modal-features .tw-cooledge-characteristics {
    max-width: 683px !important;
}
}

#modal-features .modal-content .accordion-features:not(.modal-datacenter) .header-accordion-features {
	padding: 0;
	margin: 0;
	line-height: 12px;
}

@media only screen and (max-width: 599px) {
	#modal-features .modal-content .accordion-features .header-accordion-features {
		text-align: left;
	}
}
#modal-features .modal-content .accordion-features .header-accordion-features .characteristic-title {
  font-size:1rem;
  line-height: 1.5;
}
#modal-features .modal-content .accordion-features .header-accordion-features a span {
	margin: 0 5px 0 0;
	flex-grow: 0;
  line-height: 1.5;
	text-align: left;
	display: flex;
	align-items: center;
}

#modal-features .modal-content .accordion-features .header-accordion-features a span img {
	margin: 0 12px 0 0;
	width: 30px;
}

#modal-features .modal-content .accordion-features.fire-rating .header-accordion-features a span img {
  margin: 0 12px 0 0;
	width: 24px;
}

#modal-features .modal-content .accordion-features .body-accordion-features {
  font-family:var(--ft4);
	margin: 0px 0 16px 42px;		
	text-align: left;
	color: #656a6b;
	-webkit-font-smoothing: antialiased;
	padding-right: 15px;
  max-width: 479px;
  font-size: 14px;
  line-height: 1.5;
}

#modal-features .modal-content .accordion-features.fire-rating .body-accordion-features{
  margin-left:36px;
}

#modal-features{
  width: 653px;
}
@media (max-width:767px){
  #modal-features .modal-content .accordion-features .header-accordion-features a span img,
  #modal-features .modal-content .accordion-features.fire-rating .header-accordion-features a span img {
    margin-right:8px;
  }
  #modal-features .modal-content .accordion-features .body-accordion-features{
    margin-left:38px;
    margin-bottom:0;
  }
  #modal-features .modal-content .accordion-features.fire-rating .body-accordion-features{
    margin-left:34px;
  }
}
@media only screen and (min-width: 375px) {
	#modal-features{
    width: 312px;
  }
}

#modal-features .modal-content .accordion-features .body-accordion-features small {
	font-size: 12px;
  margin-top: 33px;
  display: block;
}

.accordion-features .body-accordion-features {
  display: none;
}

.modal-dialog-centered {

    min-height: calc(100% - 3.5rem);
    max-height: calc(100% - 3.5rem);
}

.modal-dialog-scrollable .modal-content {
    /* max-height: calc(100vh - 1rem); */
    overflow: hidden;
}

.accordion-features a.link-feature i {
    font-size: 22px;
    color: #338ba9;
    font-weight: normal;
}

.accordion-features a.link-feature {
  display: flex;
  align-items: center;
}
.accordion-features a.link-feature span.characteristic-title {
  color: #121212;
  transition: all .3s ease-in-out;
}
.accordion-features a.link-feature span.characteristic-title:hover {
  color: #005168;
}
#modal-features .modal-content .accordion-features .header-accordion-features a{
  opacity: 1 !important;
}

#modal-features .modal-content .accordion-features.modal-feature-extra {
    margin-top: 18px;
}
/* END_SECTION:kanopi-product-details */

/* START_SECTION:kanopi-testimonials (INDEX:64) */
blockquote {
    padding: 30px 21px;
    height: 264px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
  }
  .quotes-wrapper .ratings {
    margin-bottom: 10px;
    display: block;
  }
  @media (min-width: 768px) {
    .quotes-wrapper .ratings {
      margin-bottom: 10px;
    }
  }
  @media (min-width: 1025px) {
    .quotes-wrapper .ratings {
      margin-bottom: 8px;
    }
  }
  .quotes-wrapper .ratings .ad {
    font-size: 24px;
    margin: 0 3px;
  }
 
  .quotes-wrapper .rte-setting {
    font-size: 16px;
  }

  @media only screen and (max-width: 1024px){
    .quotes-wrapper .rte-setting {
        font-size: 14px;
    }
  }
  .quotes-wrapper .rte-setting strong {
    color: #f86b16;
    margin-left: 4px;
  }
  @media (min-width: 768px) {
    .quotes-wrapper .rte-setting strong {
      margin-left: 0px;
          }
      }
  .quotes-wrapper .rte-setting p::before {
    content: '“';
    font-size: 24px;
    font-weight: bold;
    line-height: 0;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
    margin-left: -4px;

    color: #f86b16;    
  }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .quotes-wrapper .rte-setting p::before {
       margin-right: 2px;        
    }
  }
      @media (min-width: 1280px) {
    .quotes-wrapper .rte-setting p::before {
        margin: 0px 4px;
          }
      }
  

  .quotes-wrapper .author {
    font-size: 14px;
    
    color: #5e7183;
  }
  
  .quotes-wrapper h3 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-bottom: 24px;
  }
  .quotes-wrapper .slick-track {
    margin-bottom: 32px;
  }
  .quotes-wrapper .slick-dots {
    display: flex;
    justify-content: center;
    gap: 4px;
    bottom: 6px;
  }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
  .quotes-wrapper .slick-dots button {
    width: 14px !important;
    height: 14px !important;
    }
  }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-track {
    margin-left: 0px;
    display: flex;
    align-items: stretch;
    gap: 24px;
  }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-track .slick-slide {
    margin-right: 0px;
    height: unset;
  }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow {
      opacity:1 !important;
      background-color: white !important;
      border-radius: 50px;
      border: 3px solid transparent;
      width: 40px;
      height: 40px;
      flex-grow: 0;
      box-shadow: 1px 2px 15px 0 rgba(94, 113, 131, 0.5);
      position:absolute;
      top:-35px;
    }
    @media (min-width: 768px) {
      .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow {
        background-color: unset !important;
        border-radius: unset;
        border: unset;
        width: fit-content;
        height: auto;
        box-shadow: unset;
        top:50%;
        font-weight: bold;
          }
      }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-next {
      margin-right: 16px;
    }
    @media (min-width: 768px) {
      .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-next{
        margin-right: 0px;
        right: -20px ;
      }
    }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-next:before {
      font-size: 16px;
      padding-left: 2px;
      line-height: 34px;
      color: #5e7183;
    }
    @media (min-width: 768px) {
      .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-next:before {
        font-size: 22px;
        padding-left: 0px;
      }
    }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider button.slick-prev.slick-arrow.slick-disabled {
      opacity: 0;
      cursor: default;
    }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider button.slick-next.slick-arrow.slick-disabled {
      opacity: 0;
      cursor: default;
    }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-prev {
      left: calc(100% - 112px) !important;
    }
    @media (min-width: 768px) {
      .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-prev{
        left: -20px !important;
      }
    }
  .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-prev:before {
      font-size: 16px;
      line-height: 34px;
    }
    @media (min-width: 768px) {
      .kanopi-testimonials-sec-{{section.id}} .quotes-slider .slick-arrow.slick-prev:before {
        font-size: 22px;
        color: #5e7183;
        padding-left: 0px;
      }
    }
/* END_SECTION:kanopi-testimonials */

/* START_SECTION:kanopi-tips-inspiration (INDEX:66) */
.kanopi-tips-n-inspiration-section .container-tips-n-inspiration-help .slick-track {
    margin-left: 0px;
    display: flex;
    align-items: stretch;
    
  }
  .kanopi-tips-n-inspiration-section .container-tips-n-inspiration-help .slick-track .slick-slide {
    margin-right: 16px;
    height: unset;
  }
  .kanopi-tips-n-inspiration-section .slick-arrow {
      opacity:1 !important;
      background-color: white !important;
      border-radius: 50px;
      border: 3px solid transparent;
      width: 40px;
      height: 40px;
      flex-grow: 0;
      box-shadow: 1px 2px 15px 0 rgba(94, 113, 131, 0.5);
      position:absolute;
      top:-40px;
    }
  .kanopi-tips-n-inspiration-section .slick-arrow.slick-next {
      margin-right: 16px;
    }
  .kanopi-tips-n-inspiration-section .slick-arrow.slick-next:before {
      font-size: 16px;
      padding-left: 2px;
      line-height: 34px;
      color: #121212;
    }
  .kanopi-tips-n-inspiration-section button.slick-prev.slick-arrow.slick-disabled {
      opacity: 0;
      cursor: default;
    }
  .kanopi-tips-n-inspiration-section button.slick-next.slick-arrow.slick-disabled {
      opacity: 0;
      cursor: default;
    }
  .kanopi-tips-n-inspiration-section .slick-arrow.slick-prev {
      left: calc(100% - 112px) !important;;
    }
  .kanopi-tips-n-inspiration-section .slick-arrow.slick-prev:before {
      font-size: 16px;
      line-height: 34px;
    }
/* END_SECTION:kanopi-tips-inspiration */