.fx-entry-summary {
    padding: 64px 0 0;
}

@media (min-width: 768px) {
    .fx-entry-summary {
        padding: 64px 0 0;
    }
}

@media (min-width: 1200px) {
    .fx-entry-summary {
        padding: 104px 0 0;
    }
}

@media(max-width: 767px) {
    .img-inner-container-bot.yes {
        position: relative;
        overflow: hidden;
        min-height: 170px;
        background: #fff;
    }

    .img-inner-container-bot.yes img {
        position: absolute;
        transform: scale(1.5);
        top: 57px;
        left: 200px;
    }
}


.woocommerce .board-shortcode table.shop_table {
    margin-bottom: 0;
}

.summary--single .price,
.summary--single>.yith-wcwl-add-to-wishlist {
    display: none;
}

.woocommerce ul.products li.product .price {
    display: none;
}

.summary--single .color-swatches-label h3 {
    text-align: center;
}

.woocommerce div.product .product_title {
    text-transform: capitalize;
    margin-bottom: 15px;
}

.color-swatches-wrapper {
    display: block;
}

.woocommerce div.product form.cart .variations td {
    position: relative;
}

.color-swatches-wrapper:not(:last-child) {
    margin-bottom: 80px;
}

.color-swatches-wrapper div.swatch-wrapper.disabled,
.color-swatches-wrapper div.swatch-wrapper.disabled a,
.color-swatches-wrapper .radio-select .disabled {
    opacity: 1;
    cursor: pointer;
}

.fancybox-container {
    z-index: 9999999;
}

.fx-selector-grout-swatch {
    border-bottom: 0;
    margin-bottom: 10px;
    display: block;
}

.fx-selector-grout-swatch img {
    height: 20px !important;
}

.color-swatches-value,
.color-swatches-label {
    width: 100%;
    display: block;
}

.color-swatches-value .swatch-control {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .color-swatches-value .swatch-control {
        padding: 0 25px;
    }
}

.color-cat-heading {
    display: block;
    width: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    margin-bottom: 60px;
}

.color-cat-heading h3 {
    position: relative;
    display: inline-block;
}

.color-cat-heading h3 a {
    color: var(--color-black);
    border: none;
}

.color-cat-heading:hover h3,
.color-cat-heading:hover h3 a {
    color: var(--color-blue-1);
}

.color-cat-heading:hover h3::after {
    border-color: var(--color-blue-1);
}


.color-cat-heading h3::after {
    content: "";
    position: absolute;
    top: 37%;
    transform: translate(-50%, -50%) rotate(45deg);
    right: -40px;
    border: 2px solid var(--color-black);
    border-top: 0;
    border-left: 0;
    width: 10px;
    height: 10px;
    margin-top: 0;
    transition: top 0.3s ease-in-out,
        transform 0.3s ease-in-out;
}

.is-expanded .color-cat-heading h3::after {
    transform: translate(-50%, -50%) rotate(225deg);
}


.color-swatches-value .swatch-wrapper {
    width: 33.33%;
    margin: 0;
    border: 0;
    padding: 10px;
    position: relative;
}

.product-decor {
    width: 100%;
    padding-bottom: 40px;
}

.product-decor-tab-accordion-top .tab-accordion__tab {
    text-transform: none;
    padding-top: 15px;
}

.product-decor .tab-accordion__tab,
.product-decor .tab-accordion__panel__toggle {
    font-size: 17px;
    font-weight: 400;
}

.product-decor .tab-accordion__tab.is-active,
.product-decor .tab-accordion__panel__toggle.is-active {
    font-weight: 700;
}

.bullet-separator {
    position: relative;
    padding-left: 24px;
}

.bullet-separator:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 8px;
    width: 7px;
    height: 7px;
    background: var(--color-black);
    border-radius: 50px;
}

@media (min-width: 768px) {
    .color-swatches-value .swatch-wrapper {
        width: 25%;
        padding: 25px 20px 0;
        max-width: 185px;
    }

    .grey-tab-accordion-top .tab-accordion__tab {
        width: 16%;
    }
}

@media (min-width: 1200px) {
    .color-swatches-value .swatch-wrapper {
        width: 20%;
        max-width: 100%;
    }
}

@media (min-width: 1440px) {
    .color-swatches-value .swatch-wrapper {
        width: 12.5%;
    }
}

.color-swatches-value .swatch-wrapper:hover a.add_to_wishlist,
.color-swatches-value .swatch-wrapper:hover a.disabled_item {
    transform: translateY(0);
    opacity: 1;
}

.fx-add-wishlist-unique {
    z-index: 3;
}

@media (min-width: 1200px) {
    .color-swatches-value .swatch-anchor:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        z-index: 2;
    }

    .color-swatches-value .swatch-wrapper:hover .swatch-anchor:before {
        opacity: 1;
    }

    .color-swatches-value .swatch-wrapper:hover>p {
        font-weight: bold;
    }
}

.color-swatches-value div.swatch-wrapper.selected {
    padding: 10px;
    border: 0;
}

@media (min-width: 768px) {
    .color-swatches-value div.swatch-wrapper.selected {
        padding: 25px 20px 0;
    }
}

.color-swatches-value .swatch-wrapper p {
    margin: 0;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.1em;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .color-swatches-value .swatch-wrapper p {
        font-size: 14px;
    }
}

.color-swatches-value .swatch-anchor {
    padding-top: 99.3%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    border-bottom: 0;
}

.color-swatches-value .swatch-anchor img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.color-swatches-value .swatch-wrapper a.add_to_wishlist,
.color-swatches-value .swatch-wrapper a.disabled_item {
    border: 0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-family: var(--font-urbanist);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 0 25px;
    line-height: 1.2em;
    position: relative;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.color-swatches-value .swatch-wrapper a.add_to_wishlist i {
    margin: 0;
    margin-bottom: 5px;
    font-size: 23px;
    font-weight: bold;
}

@media (max-width: 1199px) {
    .color-swatches-value .yith-wcwl-add-button {
        position: relative;
        transform: none;
        top: 0;
        opacity: 1;
        margin-top: 10px;
    }

    .color-swatches-value .swatch-wrapper a.add_to_wishlist,
    .color-swatches-value .swatch-wrapper a.disabled_item {
        position: relative;
        transform: none;
        opacity: 1;
        padding: 0;
        color: var(--color-blue-1);
        display: inline-block;
        font-size: 0;
    }

    .color-swatches-value .swatch-wrapper a.disabled_item {
        font-size: 10px;
        text-transform: capitalize;
        font-weight: normal;
    }

    .color-swatches-value .swatch-wrapper a.add_to_wishlist i {
        font-size: 18px;
        margin-bottom: 0;
    }

    .color-swatches-value .swatch-wrapper a.add_to_wishlist:after {
        content: "ADD";
        font-size: 14px;
        position: relative;
        top: -2px;
        margin-left: 5px;
    }
}

@media (max-width: 768px) {
    .color-swatches-value .swatch-wrapper a.add_to_wishlist:after {
        font-size: 12px;
        top: 0px;
    }
}

@media (max-width: 768px) {
    .color-swatches-value .swatch-wrapper a.add_to_wishlist i {
        font-size: 14px;
    }
}

.color-swatches-value .yith-wcwl-add-to-wishlist {
    position: absolute;
    left: 0;
    text-align: center;
    width: calc(100% - 40px);
    right: 0;
    margin: 0 auto;
    top: 25px;
    padding-top: 79%;
    background-color: transparent;
    transition: background 0.25s ease-in-out;
    z-index: 3;
}

.color-swatches-value .yith-wcwl-add-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .color-swatches-value .yith-wcwl-add-to-wishlist {
        position: relative;
        width: 100%;
        top: 0;
        background-color: transparent;
        padding: 0;
        margin-top: 10px;
    }

    .color-swatches-value .yith-wcwl-add-button {
        position: relative;
        top: 0;
        transform: none;
    }
}

.products-wrapper__upper {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 22px;
}

@media (min-width: 768px) {
    .products-wrapper__upper {
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .products-wrapper__upper {
        margin-bottom: 60px;
    }
}

.fx-top-product {
    height: 600px;
    width: 100%;
    position: relative;
}

â€‹ .fx-image-masthead,
.fx-top-product img {
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    z-index: 1 !important;
}

.fx-product-title {
    position: absolute;
    z-index: 2;
}

.fx-entry-summary {
    width: 100% !important;
}

.swatch-anchor {
    overflow: hidden;
}

.fx-swatch-label {
    margin-top: 30px;
}

.single_variation_wrap {
    display: none !important;
}

.img-swatch-children {
    width: 100%;
    height: 10px !important;
}

.img-swatch-popup {
    width: 100%;
    height: auto;
}

.no-padding-swatch-selector,
.inside-swatch-selector {
    padding-left: 2px;
    padding-right: 2px;
}

div.swatch-label,
.reset_variations {
    display: none !important;
}

.woocommerce .product-upper {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color-offwhite);
}

.accordion-inner {
    padding-left: 0;
    padding-right: 0;
    scroll-margin-top: 50px;
}

@media (max-width: 1199px) {
    .woocommerce .product-upper {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .woocommerce .product-upper {
        flex-direction: column-reverse;
    }
}

.woocommerce .product-upper .fx-wrapper-left-content-woo,
.woocommerce div.product .product-upper div.images,
.woocommerce-page div.product .product-upper div.images {
    display: block;
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.woocommerce div.product .product-upper div.images .slick-arrow::before,
.woocommerce-page div.product .product-upper div.images .slick-arrow::before,
.woocommerce div.product .product-upper div.images .slick-arrow::before,
.woocommerce-page div.product .product-upper div.images .slick-arrow::before {
    color: var(--color-white);
}

.woocommerce div.product .product-upper div.images .slick-prev,
.woocommerce-page div.product .product-upper div.images .slick-prev {
    left: 20px;
}

.woocommerce div.product .product-upper div.images .slick-next,
.woocommerce-page div.product .product-upper div.images .slick-next {
    right: 20px;
}

@media (min-width: 1200px) {

    .woocommerce .product-upper .fx-wrapper-left-content-woo,
    .woocommerce div.product .product-upper div.images,
    .woocommerce-page div.product .product-upper div.images {
        width: 50%;
    }

    .woocommerce .product-upper .fx-wrapper-left-content-woo.content-full {
        width: 100%;
    }
}

.woocommerce div.product .product-upper div.images .slick-dots,
.woocommerce-page div.product .product-upper div.images .slick-dots {
    bottom: 20px;
}

.woocommerce-product-gallery__wrapper {
    margin: 0;
}

.woocommerce-product-gallery-slide {
    display: block;
    height: 100%;
    border-bottom: 0;
}

.woocommerce-product-gallery__wrapper.slick-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.woocommerce-product-gallery__wrapper .slick-arrow {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.woocommerce-product-gallery__wrapper:hover .slick-arrow {
    opacity: 1;
}

@media (max-width: 1199px) {

    .woocommerce div.product .product-upper div.images,
    .woocommerce-page div.product .product-upper div.images {
        padding-top: 66.65%;
    }
}

.woocommerce-product-gallery__wrapper .slick-list {
    height: 100%;
}

.woocommerce-product-gallery__wrapper .slick-track {
    display: flex;
    height: inherit;
}

div.product .woocommerce-product-gallery__wrapper .slick-slide,
div.product .woocommerce-product-gallery__wrapper .slick-slide>div {
    height: 100%;
    position: relative;
}

div.product .woocommerce-product-gallery__wrapper .slick-slide>div:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,
            transparent,
            rgba(0, 0, 0, 0.2) 80%);
}

div.product .woocommerce-product-gallery__wrapper .slick-slide>div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.woocommerce .product-upper .fx-wrapper-left-content-woo {
    padding: 40px 22px 62px 22px;
}

@media (min-width: 768px) {
    .woocommerce .product-upper .fx-wrapper-left-content-woo {
        padding: 80px 52px 85px 52px;
    }

    .woocommerce .product-upper .fx-wrapper-left-content-woo__wrapper {
        max-width: 748px;
        margin: 0 0 0 auto;
    }

    .woocommerce .product-upper .fx-wrapper-left-content-woo.content-full .fx-wrapper-left-content-woo__wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
}

.fx-wrapper-left-content-woo__wrapper p img {
    width: auto;
}

@media (min-width: 1200px) {
    .woocommerce .product-upper .fx-wrapper-left-content-woo {
        padding: 75px;
    }
}

.woocommerce div.product div.fx-entry-summary,
.woocommerce-page div.product div.fx-entry-summary {
    float: none;
}

.woocommerce .tab-accordion:before,
.woocommerce-page .tab-accordion:before {
    display: none;
}

.woocommerce .tab-accordion .container {
    max-width: 1200px;
    padding: 0;
}

.product-grey-tab .tab-accordion__panels {
    padding-top: 0;
}

.product-grey-tab .tab-accordion__panel__content {
    padding-top: 38px;
}



@media (min-width: 1200px) {

    .woocommerce .grey-tab-accordion,
    .woocommerce-page .grey-tab-accordion {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.product-accordion__content table {
    width: 100%;
}

.product-accordion__content img {
    margin: 0 auto;
    display: block;
}

.product-accordion__content--technical {
    display: block;
}

.product-accordion__content__table {
    width: 100%;
}

.product-accordion__content--technical td {
    width: 33.33%;
}



.product-accordion__content__table:not(:last-child) {
    margin-bottom: 40px;
}

.product-accordion__content table tr {
    border-bottom: 1px solid var(--color-border-secondary);
    vertical-align: middle;
}

.product-accordion__content table tr.no-border {
    border-bottom: 0;
}

@media (max-width: 767px) {
    .product-accordion__content--technical {
        overflow: scroll;
    }

    .product-accordion__content table {
        width: 100%;
        /* overflow-y: scroll; */
    }
}

.product-accordion__content table tr td:first-child {
    width: 50%;
    font-weight: bold;
    position: relative;
}

@media (max-width: 767px) {
    .product-accordion__content table tr td:first-child {
        padding-left: 0;
        width: 0;
    }

    .product-accordion__content table tr td:last-child {
        padding-right: 0;
        /* width: 50%; */
    }
}

@media (min-width: 768px) {
    .product-accordion__content table tr td:first-child {
        width: 30%;
    }
}

.product-accordion__content table tr td:first-child .tooltip-icon,
.tab-accordion__panel.size-panel .tooltip-icon,
.tab-accordion__panel.tech-specs-panel .tooltip-icon {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 12px;
}

@media(max-width : 767px) {
    .product-accordion__content table tr td:first-child .tooltip-icon {
        right: 12px;
    }

    .tab-accordion__panel.size-panel .tooltip-icon,
    .tab-accordion__panel.tech-specs-panel .tooltip-icon {
        left: auto;
        margin-left: 8px;
        margin-top: 5px;
    }
}

@media(min-width : 768px) {

    .product-accordion__content table tr td:first-child .tooltip-icon,
    .tab-accordion__panel.size-panel .tooltip-icon,
    .tab-accordion__panel.tech-specs-panel .tooltip-icon {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -3px;
    }
}

/*technical tabs*/
.product-accordion__content--technical tr td:last-child {
    width: 50%;
}

.product-accordion__content.product-accordion__content--technical table tr td:first-child,
.product-accordion__content.product-accordion__content--technical table tr td:nth-of-type(2) {
    width: 25%;
}

/* @media (min-width: 768px) {
    .product-accordion__content--technical td {
        width: 33.33%;
    }
}

@media (min-width: 1200px) {
    .product-accordion__content--technical td {
        width: 20%;
    }
} */

.product-accordion__content table tr td .tooltip-icon:hover .tooltip,
.tab-accordion__panel.size-panel .tooltip-icon:hover .tooltip,
.tab-accordion__tab.size-tab .tooltip-icon:hover .tooltip,
.tab-accordion__panel.tech-specs-panel .tooltip-icon:hover .tooltip,
.tab-accordion__tab.tech-specs-tab .tooltip-icon:hover .tooltip {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.product-accordion__content table tr td .tooltip-icon:hover i,
.tab-accordion__panel.size-panel .tooltip-icon:hover i,
.tab-accordion__tab.size-tab .tooltip-icon:hover i,
.tab-accordion__panel.tech-specs-panel .tooltip-icon:hover i,
.tab-accordion__tab.tech-specs-tab .tooltip-icon:hover i {
    color: var(--color-blue-1);
}

.product-accordion__content table tr td:first-child i {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: color 0.25s ease-in-out;
    cursor: pointer;
}

.product-accordion__content .tooltip,
.tab-accordion__panel.size-panel .tooltip,
.tab-accordion__tab.size-tab .tooltip,
.tab-accordion__panel.tech-specs-panel .tooltip,
.tab-accordion__tab.tech-specs-tab .tooltip {
    position: absolute;
    width: 246px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 14px;
    font-weight: normal;
    font-family: var(--font-urbanist);
    padding: 12px;
    background-color: var(--color-white);
    z-index: 2;
    top: 14px;
    left: 20px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.tab-accordion__tab.size-tab .tooltip,
.tab-accordion__tab.tech-specs-tab .tooltip {
    color: var(--color-black);
    top: 40px;
}

.tab-accordion__tab .tooltip-icon {
    margin-left: 3px;
}

.tab-accordion__tab.size-tab .tooltip,
.tab-accordion__panel.size-panel .tooltip,
.tab-accordion__tab.tech-specs-tab .tooltip,
.tab-accordion__panel.tech-specs-panel .tooltip {
    text-transform: none;
}

.tab-accordion__tab.size-tab .tooltip i,
.tab-accordion__tab.tech-specs-tab .tooltip i {
    margin-left: 3px;
}

.product-accordion__content table tr td:nth-child(4) {
    width: 70%;
}

.product-accordion__content--download ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.product-accordion__content--download ul li {
    width: 50%;
    padding: 0 20px;
    max-width: calc(240px + 40px);
}

@media (min-width: 768px) {
    .product-accordion__content--download ul li {
        width: 33.33%;
    }
}

.product-accordion__content--download ul li:before {
    display: none;
}

.product-accordion__content--download ul li a {
    display: block;
    text-align: center;
}

.product-accordion__content--download ul li a {
    text-decoration: none;
    border: 0;
    color: var(--color-blue-1);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    font-family: var(--font-urbanist);
    text-transform: uppercase;
    line-height: 1.2;
}

.product-accordion__content--download ul li a .image {
    width: 100%;
    border-radius: 10px;
    background-color: var(--color-white);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    margin-bottom: 10px;
}

.product-accordion__content--download ul li a svg {
    width: 60px;
    height: 60px;
}

.product-accordion__content table tr td {
    vertical-align: top;
    padding: 15px 30px;
    font-size: 17px;
    font-family: var(--font-urbanist);
}

.related-products {
    padding: 64px 0 0;
    margin-bottom: -2.8em;
}

[data-background="dark"] {
    background-color: #3d3d3f !important;
}

/* [data-background="dark"] .fancybox-button{
    background-color: #fff!important;
} */

[data-background="dark"] .fx-form-submission:not(.choices),
[data-background="dark"] .board-on-addition,
[data-background="dark"].fancybox-content,
[data-background="dark"].fancybox-content a {
    color: #fff !important;
    border-bottom-color: #fff !important;
    border-bottom-width: 2px;
}

[data-background="dark"] .board-on-addition {
    font-weight: bold;
    border-bottom-width: 2px;
}

[data-background="dark"] .choices__list--single .choices__item {
    color: #000000 !important;
}


@media (min-width: 768px) {
    .related-products {
        padding: 94px 0 0;
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {

    .woocommerce .related-products ul.products li.product,
    .woocommerce-page .related-products ul.products li.product {
        width: calc(50% - 40px);
        margin: 0 20px 20px;
    }
}

@media (max-width: 600px) {

    .woocommerce .related-products ul.products li.product,
    .woocommerce-page .related-products ul.products li.product {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media (min-width: 1200px) {
    .related-products {
        padding: 30px 0 0;
    }
}

.related-products .container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.related-products__title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .related-products__title {
        padding: 0 52px;
    }
}

.related-products__title .animated-title>span {
    margin-right: 15px;
}

.related-products li.product {
    background-color: var(--color-offwhite);
}

.woocommerce .related-products ul.products li.product .woocommerce-placeholder {
    margin-bottom: 0;
}

.woocommerce .related-products ul.products li.product a.product_type_simple,
.woocommerce .related-products ul.products li.product a.button {
    font-size: 14px;
    display: inline-block;
    padding: 17px 27px;
    line-height: 1.2em;
    border-radius: 4px;
    text-decoration: none;
    font-family: var(--font-urbanist);
    border: none;
    font-weight: 800;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
    color: var(--color-white);
    text-transform: uppercase;
    text-align: center;
    background: var(--color-black);
    letter-spacing: 0.1em;
    margin: 27px 0 27px 30px;
}

.woocommerce .related-products ul.products li.product .price {
    display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0;
    height: inherit;
}

.woocommerce ul.products li.product {
    padding: 0;
}

@media (min-width: 1200px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: calc(25% - 30px);
        margin-right: 30px;
        margin-bottom: 30px;
        box-shadow: 0 5px 20px 0 transparent;
        transition: box-shadow 0.3s ease-in-out;
    }
}

@media (min-width: 1200px) {

    .woocommerce ul.products li.product:hover,
    .woocommerce-page ul.products li.product:hover {
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.16);
    }
}

.woocommerce .related-products ul.products li.product .tinv-wishlist {
    display: none;
}

@media (max-width: 767px) {

    .woocommerce .related-products ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
        margin-right: 0;
    }
}

@media (min-width: 1200px) {

    .woocommerce .related-products ul.products li.product a.product_type_simple,
    .woocommerce .related-products ul.products li.product a.button {
        margin: 27px 0 27px 32px;
    }
}

.woocommerce .related-products ul.products li.product a.product_type_simple,
.woocommerce .related-products ul.products li.product a.button {
    background: transparent;
    color: var(--color-blue-1);
    padding: 0 30px 0 0;
    border-radius: 0;
}

.woocommerce .related-products ul.products li.product a.product_type_simple::before,
.woocommerce .related-products ul.products li.product a.button:before {
    content: "\e93d";
    font-family: "icomoon";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
}

.woocommerce .related-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px;
    padding: 27px 30px 0;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .woocommerce .related-products ul.products li.product .woocommerce-loop-product__title {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .woocommerce .related-products ul.products li.product .woocommerce-loop-product__title {
        font-size: 26px;
        padding: 27px 32px 0;
    }
}

.fx-pop-up-grout-openner {
    position: relative;
    padding: 0;
    border: 0;
    margin-bottom: 5px;
    display: block;
}

.product-separator-new a:nth-child(2) {
    margin-bottom: 5px;
    display: block;
}

.swatch-wrapper .fx-pop-up-grout-openner {
    display: flex;
    flex-direction: column-reverse;
}

.fx-pop-up-grout-openner:first-of-type {
    margin-top: 10px;
}

.fx-pop-up-grout-openner span {
    display: block;
    width: 100%;
    color: var(--color-black);
    position: relative;
    z-index: 2;
    line-height: 1.2em;
    font-size: 12px;
}

.fx-pop-up-grout-openner img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.woocommerce-product-category__header {
    position: relative;
}

@media (min-width: 1200px) {
    .woocommerce-product-category__header {
        padding-bottom: 0;
    }
}

.woocommerce-product-category__header__inner {
    width: 100%;
    z-index: 100;
    background-color: var(--color-white);
    box-shadow: 0 2px 10px transparent;
    transition: box-shadow 0.3s ease-in-out;
}

.woocommerce .products ul,
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
}

.woocommerce ul.products {
    padding: 0;
}

.woocommerce .products ul:before,
.woocommerce ul.products:before,
.woocommerce .products ul:after,
.woocommerce ul.products:after {
    display: none;
}

@media (min-width: 1200px) {
    .woocommerce-product-category__header__inner {
        width: 100%;
        z-index: 100;
        background-color: var(--color-white);
        box-shadow: 0 2px 10px transparent;
        transition: box-shadow 0.3s ease-in-out;
    }
}

@media (max-width: 1199px) {
    .woocommerce-product-category__header .scrollmagic-pin-spacer {
        height: auto !important;
        position: relative !important;
        padding: 0 !important;
        min-height: 100% !important;
    }

    .woocommerce-product-category__header__inner {
        position: relative !important;
        position: static !important;
    }

    .woocommerce .products ul,
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0;
    }

    .woocommerce .products ul .container,
    .woocommerce ul.products .container {
        width: 100%;
        padding-right: 32px;
    }

    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: calc(50% - 20px);
        margin: 0 20px 20px 0;
    }

    .woocommerce ul.products[class*="columns-"] li.product:before,
    .woocommerce-page ul.products[class*="columns-"] li.product:before {
        display: none;
    }

    .woocommerce .woocommerce-product-category ul.products li.product,
    .woocommerce-page .woocommerce-product-category ul.products li.product {
        width: calc(50% - 20px);
        margin: 0 20px 20px 0;
    }

    .woocommerce .woocommerce-product-category ul.products li.product:before,
    .woocommerce-page .woocommerce-product-category ul.products li.product:before {
        display: none;
    }
}

@media (max-width: 767px) {

    .woocommerce .products ul,
    .woocommerce ul.products {
        margin-right: 0;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .woocommerce .woocommerce-product-category ul.products li.product,
    .woocommerce-page .woocommerce-product-category ul.products li.product {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media (min-width: 1200px) {
    .woocommerce-product-category__header.is-active .woocommerce-product-category__header__inner {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }
}

.woocommerce-product-category__header .choices,
.woocommerce-product-category__header .woocommerce-ordering,
.woocommerce-product-category__header .choices__inner {
    margin-bottom: 0;
}

@media (min-width: 1200px) {

    .woocommerce-product-category__header .choices,
    .woocommerce-product-category__header .woocommerce-ordering,
    .woocommerce-product-category__header .choices__inner {
        min-width: 150px;
    }

    .woocommerce-product-category__header .fx-woo-facet-filter__actions .fx-wc-facet__dropdown:last-child {
        min-width: auto;
    }
}

@media (max-width: 1199px) {

    .woocommerce-product-category__header .choices,
    .woocommerce-product-category__header .woocommerce-ordering,
    .woocommerce-product-category__header .choices__inner {
        margin-bottom: 0;
        height: 100%;
    }
}

.woocommerce-product-category__header .facetwp-facet {
    margin-bottom: 0;
    height: 100%;
    position: relative;
}

.fx-woo-product-filters__wrapper.js-product-filter-wrapper .reset {
    background-color: var(--color-white);
    padding: 5px;
    display: inline-block;
    float: right;
    font-weight: 700;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 13px;
}

.fx-wc-facet__dropdown {
    position: relative;
}

.fx-wc-facet__dropdown__wrapper {
    display: flex;
}

.product-size-pdf {
    margin-bottom: 0;
    margin-top: -20px;
}

@media (max-width: 1199px) {

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
    }

    .fx-wc-facet__dropdown {
        margin-bottom: 30px;
    }

    .fx-woo-facet-filter__actions {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    .fx-wc-facet__dropdown {
        width: 33.33%;
        padding: 0 8px;
    }

    .fx-wc-facet__reset {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .fx-woo-facet-filter__actions {
        margin: 0;
    }

    .fx-wc-facet__dropdown {
        width: 100%;
        padding: 0;
    }

    .fx-wc-facet__dropdown {
        margin-bottom: 40px;
    }
}

.facet-wp-label {
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-gray-2);
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-product-category__header__inner .btn-filter {
    margin-top: 33px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 206px;
}

.woocommerce-product-category__header__inner .fx-woo-product-filters__wrapper {
    display: none;
    margin: 20px 0 0;
}

.woocommerce-product-category__header__inner .fx-woo-product-filters__wrapper.color-collection-toggle {
    display: block !important;
}

.woocommerce-product-category__header__inner .fx-woo-product-filters__wrapper .choices[data-type*='select-one'] .choices__input {
    color: #000000;
}

@media (min-width: 1200px) {
    .woocommerce-product-category__header__inner .fx-woo-product-filters__wrapper {
        margin: 20px 0 0;
    }

    .woocommerce-product-category__header__inner .fx-woo-product-filters__wrapper.color-collection-toggle {
        margin: 80px 0 0;
    }

    .woocommerce-product-category__header__inner .btn-filter {
        margin-top: 55px;
        margin-bottom: 20px;
    }

    .woocommerce-product-category__header__inner .fx-woo-product-filters__wrapper.color-collection-toggle {
        display: flex !important;
    }
}

.woocommerce-product-category__header__inner .btn-filter:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid var(--color-black);
    margin-left: 12px;
    position: relative;
    transform: rotate(45deg);
    transform-origin: center;
    border-top: 0;
    border-left: 0;
    top: -2px;
    left: 0;
    transition: transform 0.3s ease-in-out, left 0.3s ease-in-out,
        top 0.3s ease-in-out;
}

.woocommerce-product-category__header__inner .btn-filter.is-active:after {
    transform: rotate(225deg);
    top: 2px;
    left: 3px;
}

@media (min-width: 1200px) {
    .woocommerce-product-category__header__inner .btn-filter {
        display: none;
    }
}

@media (min-width: 1200px) {
    .fx-woo-product-filters__wrapper .fx-woo-facet-filter__actions {
        width: calc(100% - 200px);
    }
}

.woocommerce ul.products li.product a img {
    height: 322px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

@media (max-width: 1199px) {
    .woocommerce ul.products li.product a img {
        height: 232px;
    }
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product a img {
        height: 120px;
    }
}

.woocommerce-product-category__wrapper {
    margin-top: 30px;
}

.woocommerce div.product form.variations_form {
    padding: 0 16px;
    text-align: center;
}

@media (min-width: 768px) {
    .woocommerce div.product form.variations_form {
        padding: 0 52px;
    }
}

@media (max-width: 768px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: calc(50% - 20px);
        margin: 0 20px 20px 0;
    }

    .woocommerce ul.products li.product a img {
        margin-bottom: 0;
    }
}

div.swatch-wrapper.disabled a.fx-view-selector,
.swatch-wrapper .fx-view-selector {
    background-color: var(--color-offwhite);
    padding: 8px 10px;
    border-radius: 6px;
}

.fx-add-wishlist-unique {
    display: none;
}

.woocommerce-notices-wrapper {
    display: none !important;
}

.boards-wrapper {
    padding: 64px 0 0;
}

.product-board__wrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: self-start;
}

@media (min-width: 1024px) {
	.product-board__wrapper {
		justify-content: left;
	}
}

.fx-add-to-board {
    outline: none;
    text-decoration: none;
    color: var(--wc-secondary-text);
    border-bottom: none;
}

.product-wrapper__img {
    width: 100%;
    height: 200px;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
}


.product-wrapper__img.product-wrapper--color {
    max-width: 100%;
    width: 200px;
}

.product-wrapper__img.product-wrapper--color.full,
.product-wrapper__img.product-wrapper--color {
    width: 230px;
}

.product-wrapper__img.product-wrapper--color img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 230px;
    height: 185px;
}

.single-product .product-wrapper__img.product-wrapper--color.full img {
    object-fit: cover !important;
}

@media(min-width : 768px) {
    .product-wrapper__img.product-wrapper--color.full img {
        object-fit: contain !important;
        position: absolute;
    }
}

.fx-add-to-board.is_cube .product-wrapper__img.product-wrapper--color {
    width: 183px;
}

.product-wrapper__img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
}

.product-separator-new {
    margin-bottom: 30px;
}

.fx-add-to-board:hover .product-wrapper__img:before {
    opacity: 1;
}

.fx-add-to-board:hover .product-color__name {
    font-weight: 800;
}

.product-wrapper__img img {
    /* width: auto;
  height: 100%; */
    width: auto;
    height: 200px;
    object-fit: contain;
}

.product-wrapper__img.image-fit-full {
    width: 230px;
}

.product-wrapper__img.image-fit-full img {
    object-fit: contain;
}

.product-wrapper__img.image-fit-optimize img {
    object-fit: cover;
}

.single-product .product-wrapper__img.product-wrapper--color.full .product-wrapper__img--contain {
    object-fit: contain !important;
}


.product-wrapper__img.product-wrapper--color img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.add-to-board__wrapper {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    opacity: 0;
    width: 100%;
    z-index: 5;
    transition: 0.3s;
}

.add-to-board__wrapper .span-before {
    width: 100%;
    height: 70px;
    display: block;
    top: 0;
    position: absolute;
    z-index: 9;
}

.add-to-board__wrapper .span-after {
    width: 100%;
    height: 70px;
    display: block;
    bottom: 0;
    position: absolute;
    z-index: 9;
}

.add-to-board__wrapper svg {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.add-to-board__wrapper span {
    color: var(--color-white);
    text-transform: uppercase;
    display: block;
    width: 100px;
    margin: 5px auto 0;
    font-size: 14px;
    font-family: var(--font-urbanist);
    font-weight: 600;
}

.fx-add-to-board:hover .add-to-board__wrapper {
    opacity: 100%;
}

.product-separator-new .pin-save__wrapper {
    top: 5px;
    left: 25px;
}

.product-separator-new:hover .pin-save__wrapper {
    opacity: 100%;
    visibility: visible;
    top: 5px;
    left: 25px;
}

@media (min-width: 1200px) {
    .boards-wrapper {
        padding: 104px 0 0;
    }
}

/*Trim section styling*/

.trim-section h2 {
    text-align: center;
}

.img-top.above {
    display: none;
}

.img-top.below {
    display: block;
}

.img-bot.above {
    display: block;
}

.img-bot.below {
    display: none;
}

.trim-section .pdf {
    text-align: center;
}

.trim-section .pdf a {
    font-weight: 600;
    text-align: center;
    display: inline-block;
}

.trim-section .pdf a {
    border-bottom: none;
}

.trim-old-system-wrap {
    padding: 0;
}

.trim-old-system-wrap li {
    padding: 0;
    text-align: center;
}

.trim-old-system-wrap li:before {
    content: none;
}

.trim-old-system-wrap .img img {
    margin: 0 auto;
}

.trim-note,
.trim-size {
    margin: 0 10px;
    display: inline-block;
}

.trim-note p,
.trim-size p {
    display: inline-block;
    font-weight: 600;
}

.trim-section .trim-name {
    margin: 10px 0 25px 0;
}

.top-cont {
    margin: 20px 0;
}

.facetwp-facet select {
    border: none;
    background: transparent;
    padding: 20px 15px;
    font-size: 16px;
}

@media(min-width: 768px) {
    .trim-new-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .trim-new-wrapper>.top-cont {
        width: 50%;
    }


    .product-accordion__content .trim-new-wrapper>.top-cont {
        width: 100%;
    }

    .trim-new-wrapper>.pdf {
        width: 50%;
    }

    .trim-old-system-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

}

@media(min-width: 1200px) {
    .trim-section .product-accordion__content div {
        margin: 0;
    }

    .trim-section .product-accordion__content div p {
        padding: 10px 0;
    }

    .trim-new-wrapper {
        max-width: 1200px;
        margin: 0 auto;
    }

    .trim-old-system-wrap {
        justify-content: space-evenly;
    }

    .trim-old-system-wrap li {
        width: 33%;
        text-align: left;
    }

    .trim-old-system-wrap li .img {
        width: 300px;
        height: auto;
    }

}

.img-wrapper {
    text-align: center;
}

.img-wrapper img {
    max-height: 400px;
    max-width: 100%;
    width: auto !important;
    height: auto;
}

.fx-form-submission {
    max-width: 100%;
    min-width: 1px;
}

.fx-wrapper-left-content-woo__wrapper .fluid-width-video-wrapper {
    max-width: 300px;
    padding-top: 27% !important;
}

.second-content .fluid-width-video-wrapper {
    max-width: 500px;
    /* padding-top: 20% !important; */
    padding-top: 0 !important;
    height: 300px;
}

.recycled-additional+.recycled-additional {
    margin-top: 4px;
}

.recycled-additional span+span {
    position: relative;
    margin-left: 20px;
}

.recycled-additional span+span:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -17px;
    width: 7px;
    height: 7px;
    background: var(--color-black);
    border-radius: 50px;
}

.grout-value {
    display: flex;
    place-items: center center;
}

.grout-value__swatch {
    display: block;
    margin-right: 8px;
    width: 16px;
}

.inside-swatch-container {
    position: relative;
}

.inside-swatch-selector {
    z-index: 10000;
}

.swatch-background {
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%;
    background: var(--groutBg) white;
}

/* Multiple Select */

.fs-label-wrap {
    background-color: transparent !important;
    border: transparent !important;
}

.facetwp-type-fselect .choices__input {
    display: none !important;
}

/* .fs-dropdown {
    display: none!important;
} */

.fs-wrap {
    width: 100% !important;
}

.fs-arrow {
    width: 11px !important;
    height: 11px !important;
    position: relative;
    display: none !important;
}

.fs-wrap .fs-search input {
    background-color: #717375 !important;
}

.fs-label-wrap::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: 5px;
    border: 2px solid var(--color-black);
    border-top: 0;
    border-left: 0;
    width: 6px;
    height: 6px;
    margin-top: 0;
    transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.fs-open .fs-label-wrap::after {
    top: 60%;
    transform: translateY(-50%) rotate(225deg);
}


.btn-request-sample {
    margin: 0 !important;
    display: block;
    max-width: 220px;
}

div#request_form h3 {
    text-align: center;
}

div#request_form .login input.user-registration-Input--text {
    background: #f5f5f5;
}

#request_form .choices__list--multiple {
    display: block;
}

#request_form .choices__list--multiple .choices__item {
    background-color: #fff;
    border: 1px solid #000000;
    color: #000000;
}

#request_form .choices__inner {
    min-height: auto;
    padding: 5px;
}

#request_form .input-wrap label {
    opacity: 1;
    position: relative;
    padding: 5px 0;
    z-index: 1;
}

#request_form .choices__inner .choices__input {
    height: auto;
}

div#request_form .login input.user-registration-Input--text {
    color: #000;
    font-size: 18px;
}

input[type=password] {
    font-family: 'Tenor Sans';
}


.buttons-container {
    display: flex;
}

.form_message {
    border: solid 1px #1c6c33;
    padding: 10px;
    background: #cbfdca;
    text-align: center;
    margin-bottom: 20px;
    display: none;
}

.form_message.show {
    display: block;
}



/*a.sample_request {
    display: none !important;
}*/

.product-container:hover .add-to-board__wrapper {
    opacity: 1;
    background: rgba(0, 0, 0, 0.25);
    height: 100%;
}

.add-to-board__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /*flex-direction: column;*/
}

.add-to-board__wrapper a {
    text-decoration: none !important;
    border: none;
    /*margin: 10px;*/
    display: block;
}

a.sample_request svg path,
a.show_login svg path,
a.show_sample_request_finish svg path {
    fill: #fff;
}

a.sample_request svg,
a.show_login svg,
a.show_sample_request_finish svg {
    width: 24px;
}

.product-container:hover .product-color__name {
    font-weight: 600;
}

.fx-response-success-added-to-sample {
    text-align: left;
    font-size: 20px;
}

.fx-response-success-added-to-sample a {
    border: none;
    margin-top: 5px;
    display: inline-block;
}

@media (max-width: 767px) {
    .add-to-board__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .add-to-board__wrapper a {
        font-size: 12px;
        text-emphasis: center;
        margin-bottom: 10px;
    }

    .add-to-board__wrapper a:last-child {
        margin-bottom: 0;
    }
}

.color-category-content {
    display: flex;
    flex-wrap: wrap;
}

.choices__list--multiple {
    display: none !important;
}

.choices__inner {
    font-size: 15px;
}

body .facetwp-type-dropdown .choices[data-type*="select-one"]:after {
    right: 15px;
}

.fx-wc-facet__dropdown {
    display: flex;
    align-items: center;
    background-color: var(--color-offwhite);
    border-radius: 4px;
    padding-right: 10px;
}

.fx-woo-product-filters__wrapper.js-product-filter-wrapper .fx-wc-facet__dropdown .reset {
    background-color: transparent;
}

/* Add Color displays css by webfx 01/08/2024 */

.color-displays {
    display: flex;
    position: absolute;
    left: 160px;
    bottom: 10px;
    gap: 4px;
    align-items: center;
}

.color-displays span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgba(113, 115, 117, 0.6);
    overflow: hidden;
    position: relative;
}

.color-displays img {
    max-width: none;
    position: absolute;
    inset: 50% 0 0 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

@media (max-width: 2050px) {
    .product .color-displays span {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 1919px) {
    .color-displays img:nth-child(6) {
        display: none;
    }

    .product .color-displays span {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1800px) {
    .product .color-displays span {
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 1700px) {
    .color-displays {
        position: static;
        margin-left: 20px;
        padding-bottom: 20px;
    }
    .color-displays img:nth-child(6) {
        display: block;
    }

    .product .color-displays span {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 1400px) {
    .color-displays img:nth-child(6) {
        display: none;
    }

    .product .color-displays span {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 1199px) {
    .woocommerce-product-category__header .facetwp-facet {
        flex: 1;
    }

    .fx-woo-facet-filter__actions {
        gap: 16px;
    }
}

@media (max-width: 1199px) {
    .fx-wc-facet__dropdown {
        width: calc(50% - 16px);
        padding: 0 8px;
        margin-bottom: 0;
    }
    .color-displays {
        position: absolute;
        margin-left: 0;
        padding-bottom: 0;
    }
    .color-displays img:nth-child(6) {
        display: block;
    }
}

@media (max-width: 1024px) {
    .color-displays img:nth-child(6) {
        display: none;
    }

    .product .color-displays span {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 920px) {
    .fx-wc-facet__dropdown {
        width: calc(50% - 16px);
        padding: 0 8px;
        margin-bottom: 0;
    }
}

@media (max-width: 880px) {
    .color-displays {
        position: static;
        margin-left: 20px;
        padding-bottom: 20px;
    }
    .color-displays img:nth-child(6) {
        display: block;
    }
}

@media (max-width: 767px) {
    .fx-wc-facet__dropdown {
        width: 100%;
        padding: 0 8px;
        margin-bottom: 0;
    }
    .color-displays {
        position: absolute;
        margin-left: 0;
        padding-bottom: 0;
    }
    .color-displays img:nth-child(6) {
        display: block;
    }
}

@media (max-width: 500px) {
    .color-displays {
        position: static;
        margin-left: 20px;
        padding-bottom: 20px;
    }
    .color-displays img:nth-child(6) {
        display: block;
    }
}


.request_finish {
    display: flex;
    align-items: center;
}

.request_finish .choices {
    width: 100%;
    max-width: 200px;
    margin: 0;
}

a.sample_request_with_finish {
    margin: 0 0 0 20px;
    display: flex;
    align-items: center;
}

span.finish_error {
    color: red;
    display: block;
    margin-left: 10px;
}

.sample-popup input.choices__input.choices__input--cloned {
    display: none !important;
}

input.sample_quantity {
    width: 70px;
    background: #f5f5f5;
    color: #000;
}

.sample-popup .choices__item:after{
    display: none !important;
}

.request_form {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.request_form label {
    display: flex;
    align-items: center;
}

input.sample_quantity {
    width: 70px;
    background: #f5f5f5;
    color: #000;
    padding: 10px;
    margin: 0 10px;
}

.request_finish .choices {
    width: 145px;
}


.fx-woo-product-filters__wrapper .fs-dropdown,
.fx-wc-facet__dropdown .fs-dropdown{
    display: none;
}

.fx-woo-product-filters__wrapper .choices__item:after,
.fx-wc-facet__dropdown .choices__item:after{
    display: none !important;
}

.fx-woo-facet-filter__actions .fs-search,
.fx-woo-facet-filter__actions .fs-search input {
    background-color: transparent !important;
}

.fancybox-content.fx-dark-background{
    background-color:#3D3D3E;
}

.fancybox-content.fx-dark-background .fancybox-close-small{
    color:#ffff;
}

.fancybox-content.fx-dark-background p, 
.fancybox-content.fx-dark-background h1, 
.fancybox-content.fx-dark-background h2, 
.fancybox-content.fx-dark-background h3, 
.fancybox-content.fx-dark-background h4,
.fancybox-content.fx-dark-background label{
    color: #fff;
}
.size-matrix-desc-text p {
    display: inline-block;
    background: #f8f8f8;
    padding: 10px 15px 10px;
}

p.text-center.add-background-highlight {
    background: #F5F5F5;
    margin-bottom: 45px;
    padding: 10px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.product-accordion__content.product-accordion__content--technical .test-table tr td {
    padding-left: 10px;
    padding-right: 10px;
}

@media( min-width: 1024px ) {
    .product-accordion__content.product-accordion__content--technical .test-table tr td {
        padding-left: 20px;
        padding-right: 20px;
    }   
}

.row--has-test-required-value .test-notes--label,
.row--has-test-required-value .test-notes--test,
.row--has-test-required-value .test-notes--result,
.test-table--required .test-notes--label,
.test-table--required .test-notes--test,
.test-table--required .test-notes--result {
    width: 20% !important;
}

.row--has-test-required-value .test-notes--required,
.test-table--required .test-notes--required {
    width: 40% !important;
}

@media( min-width: 1024px ) {
    .row--has-test-required-value .test-notes--result,
    .row--has-test-required-value .test-notes--required,
    .test-table--required .test-notes--result,
    .test-table--required .test-notes--required {
        width: 30% !important;
    }
}


/* Redesign By Color Single Product */
.redesigned-product-board__wrapper {
    padding-bottom: 40px;
}

.redesigned-product-board__wrapper .product-wrapper__img.product-wrapper--color {
    width: 100%;
    height: 275px;
    position: relative;
    margin-bottom: 0;
}

.redesigned-product-board__wrapper .product-wrapper__img.product-wrapper--color img {
    width: 100%;
    height: 100%;
    transform: unset;
    left: 0;
    top: 0;
    object-fit: cover !important;
}

.redesigned-product-board__wrapper .product-color__wrapper .product-color__name {
    font-family: var(--font-tenor-sans);
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    display: flex;
    padding: 25px 12px 0px;
}

.redesigned-product-board__wrapper .product-color__wrapper .fx-pop-up-grout-openner {
    text-align: left;
    width: max-content;
    padding: 5px 30px 10px 12px;
}

.redesigned-product-board__wrapper .product-color__wrapper .fx-pop-up-grout-openner::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 7px;
    width: 13px;
    height:10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M12.073 6.5046H0.5C0.357667 6.5046 0.23875 6.45685 0.14325 6.36135C0.0477499 6.26585 0 6.14693 0 6.0046C0 5.86226 0.0477499 5.74335 0.14325 5.64785C0.23875 5.55235 0.357667 5.5046 0.5 5.5046H12.073L8.3385 1.7701C8.241 1.6726 8.19 1.55785 8.1855 1.42585C8.181 1.29368 8.232 1.17251 8.3385 1.06235C8.44867 0.952013 8.56758 0.89593 8.69525 0.894096C8.82275 0.892096 8.94167 0.946263 9.052 1.0566L13.4345 5.4391C13.5218 5.52643 13.5831 5.6156 13.6182 5.7066C13.6536 5.7976 13.6712 5.89693 13.6712 6.0046C13.6712 6.11226 13.6536 6.2116 13.6182 6.3026C13.5831 6.3936 13.5218 6.48276 13.4345 6.5701L9.052 10.9526C8.9545 11.0501 8.83875 11.1011 8.70475 11.1056C8.57075 11.1101 8.44867 11.0572 8.3385 10.9468C8.232 10.8367 8.17783 10.7188 8.176 10.5931C8.174 10.4674 8.22817 10.3494 8.3385 10.2391L12.073 6.5046Z" fill="%2300558C"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
}

.redesigned-product-board__wrapper .product-color__wrapper .fx-pop-up-grout-openner span {
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.96px;
    text-transform: uppercase;
    color: var(--color-blue-1);
}

.product-color__wrapper {
    background: #f5f5f5;
    padding-bottom: 20px;    
}

.redesigned-product-board__wrapper .add-to-board__wrapper svg {
    width: 42px;
    height: 39px;
    margin-bottom: 13px;
}

.redesigned-product-board__wrapper .add-to-board__wrapper .show_sample_request_finish svg {
   width: 40px;
   height: 33px;
   margin-bottom: 16px;
}

.redesigned-product-board__wrapper .add-to-board__wrapper {
    gap: 40px
}

.redesigned-product-board__wrapper .product-container-content img {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    
    .redesigned-product-board__wrapper {
        max-width: 1510px;
        margin: 0 auto;
        padding-bottom: 60px;
    }

    .product-color__wrapper {
        width: 648px;
        padding-bottom: 40px;
    }

    .redesigned-product-board__wrapper .product-wrapper__img.product-wrapper--color {
        height: 510px;
    }    

    .redesigned-product-board__wrapper .product-color__wrapper .fx-pop-up-grout-openner {
        cursor: pointer;
        text-align: left;
        width: max-content;
        padding: 5px 30px 10px;
    }

    .redesigned-product-board__wrapper .product-color__wrapper .product-color__name {
        font-size: 38px;
        padding: 44px 30px 0px;
    }

    .redesigned-product-board__wrapper .add-to-board__wrapper span {
        color: var(--color-white);
        width: 120px;
        margin: 5px auto 0;
        font-size: 26px;
        font-weight: 700;
    }

    .redesigned-product-board__wrapper .add-to-board__wrapper .full-image-trigger-point {
        width: 100%;
    }
}