/* Custom Css changes by Vishvajit Acharya */
.form-field.form-field--stock {
    font-weight: bold;
}

/* Move item summary to the left to allow space for the chat widget on mobile. */ 
.cartDrawer {
margin-right: 65px!important;
left:0!important;

}   

.dr-hide {
    width: 100%;
    
}

.totals-wrap dl dt:last-of-type, .totals-wrap dl dd:last-of-type {
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem;
}


/*stamped.io styles */

.stamped-visual-gallery-load-more a {
    color: white!important;
    text-decoration: none;
    background: #98262b;
    border-color: #98262b;
    padding: 10px;
    display: block;
    width: 180px;
    
    
}

.stamped-visual-gallery-load-more div { 
border-color: #fff !important;
}

/* rebrand styles */

/* Rebranding Colors */
body>footer {
    background: #1D1F20;
    padding:20px;
}

ul.main {
    border-bottom: 1px solid #f5f5ea;
}

body > footer div.footer-top {
    background:#1D1F20;
}

body > footer div.footer-bottom {
    background:#1D1F20;
}

body > header {
   background: #1D1F20;
   border-bottom:none!important;
   border-top:none;
  
}

@media (min-width: 1300px) {
body > header {
   background: #1D1F20;
   border-bottom:none!important;
   border-top:none;
   
   
}



}



body {
    font-family:"proxima-nova", Helvetica, sans-serif
}

body > header .main a {
        
        color: white;
    }

body > header .utility a {
    font-size: 14px;
    color: white;
}
    
body > header .utility a:hover {
    font-size: .75rem;
    color: #E7A038!important;
}
    
body > header .utility li:nth-last-child(-n + 2) [class*="icon-"] {
   
    color: white;
}

body > header .main > li > div > ul > li > a:only-child {
        padding: 0.75rem 1rem;
        color: black;
    }
    
body > header .main > li > div > ul ul a {
        
        color: #1D1F20;
        text-decoration:none;
    }
    
    body > header .main > li > div > ul ul a:hover {
    text-decoration: underline!important; /* Add underline on hover */
}


    

.btn-primary {
    background: #186861!important;
    border-color: #186861!important;
    color: #fff !important;
}



body>header .main>li>div>ul ul {
    background-color: #f5f5ea !important;
    width: 180px !important;
}


body > header .main a:hover {
    color: black;
    background-color: #f5f5ea!important; 
    text-decoration:none!important;
}

.default section.promo-bar, section.promo-bar {
    border:none!important; 
    
}


body>header .card .btn-primary:hover , body>header .card .btn-primary {
    background: #186861 !important;
    color: white!important;
}

body>header nav a:focus, body>header nav a:hover, body>header nav button:focus, body>header nav button:hover, body>header nav label:focus, body>header nav label:hover {
    color:black!important;
    background-color: #f5f5ea!important;  
    text-decoration:none;
}


body>header .main>li>div>ul>li>a {
    color:black;
}

body > footer .social {
    width: 80%;
    margin: 0 auto;
    float: left;
    margin-left: -10px;
    margin-top:-25px;
}

body > footer .social a {
    font-size: 25px;
    padding: 10px;
    }

body > footer .hs-form .hs-submit input {
    background:#186861!important;
    border-color:#186861!important;
}

.toggle-search span {
    font-size: 1.5rem;
    color: white;
    margin-top: 3px;
}

body > header .toggle-cart [class*="icon-"] {
    color: white !important;
    font-size: 22px;
    margin-top: 3px;
}

body > header .user a {
        background: #1D1F20!important;
        color:white;
        
    }
    
body > header .user span {
        
        color: white!important;
    }
    
body>header .toggle-trigger .bar {
 background:white!important;   
}

body > header .main ul > li:first-child label {
        background: #97B5B8;
        
    }
    
@media (max-width: 991.9px) {
    body > header .affiliates a {
        color: #231F20;
        text-transform: none;
        text-align: center;
        padding: 50px; 
    }
    
    i.fa.fa-user-circle {
    margin-top:0px;
}



body > header .main ul > li:first-child {
    margin:0px!important;
}
    
    .nav-open > header .logo, .nav-open > header .toggle-search, .nav-open > header .toggle-cart {
        opacity:unset!important;
    }
    
    body > header .main a {
    color: black!important;
    text-decoration: none;
}

    body > header .main {
       border-bottom: none;
        border-top: none;
        margin-top: -1px !important;
        margin-bottom: -2px !important;
        
    }
    
    nav li + li {
    margin: 0;
    border: none;
}

body>header .main>li label {
    border:1px solid #cccccc;
}

body > header nav {
    
    margin-top: 0px!important;
}


    body > header .utility a {
        text-transform: capitalize;
        color:black!important;
    }
    
    body > header .main > li:last-child > label:before {
        content: none!important;
    }
    
    body > header .main > li:last-child > label, body > header .main > li:nth-last-child(2) > label {
        
        color: black!important;
        padding-left: 18px!important;
        font-weight:normal!important;
    }
    
    body > header .affiliates {
        
        background: white!important;
        
    }
    
    .mobile-utility {
    max-height: 100%;
    min-height: 410px;
}

body > header .utility {
        
        padding: 0px;
    }
    
    table td:first-child {
        border-left: 0.0625rem solid #CCCCCC;
        border-right: 0.0625rem solid #CCCCCC;
    }
    
    table td:last-child {
        border-left: 0.0625rem solid #CCCCCC;
        border-right: 0.0625rem solid #CCCCCC;
    }
    
    body > header .utility a:hover {
        color:black;
    }
    
        body > header .main > li {
        border: 1px solid grey;
    }


}
.quick-search .form button {
    z-index: 10;
    
    color: #1D1F20 !important;
    background: #1D1F20 !important;
    padding: 0px;
    border: 1px solid #1D1F20 !important;;
}

.quick-search .form input {
    width: 100%;
    font-size: 0.875rem;
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border: black;
    padding: 9.5px;
    border-right: black;
}

.quick-search .form button span {
    font-size: 1rem;
    color: white;
}

body > footer .secure-badges a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    justify-content: stretch;
    align-items: stretch;
    flex-flow: column nowrap;
    display: block;
    width: 30%;
    float: right;
    margin-bottom: 20px;
    height: auto;
    border-radius: 0.5rem;
    background: #1D1F20!important;
    color: #000;
    padding: 0.5rem 0.25rem;
    font-size: 0.875rem;
    opacity: .667;
    overflow: hidden;
}

    body > footer .copyright {
        font-size: 0.875rem;
        margin-left: 310px;
        margin-top:20px;
    }
    
    body > footer .hs-form .hbspt-form {
    margin: 0 0 2rem;
    width: 70%;
}

@media only screen and (max-width: 767px) {
    body > footer .copyright {
        font-size: 0.875rem;
        margin-left: 0px;
        margin-top: 20px;
        text-align: left;
    }
    
    body > footer .hs-form .hbspt-form {
    width: 85%;
    margin: 0 auto;
}



}



body > footer .hs-form .hs-form-field input {
    width: 100%;
    background: #1D1F20;
    color: #fff;
    padding: 0.9375rem 0.5rem;
    border: 1px solid white;
    border-right: none;
}


button.hubspot-button {
    background: #1D1F20 !important;
    border: 1px solid white !important;
    border-left: none !important;
    padding: 13px !important;
    border-radius: 0px!important;
    margin-left:-8px;
}

i.fa.fa-arrow-right {
    color: white;
}

i.fa.fa-user-circle {
    font-size: 20px;
    margin-bottom:5px;
    color:white;
    margin-right:5px;
}

i.fa.fa-shopping-cart {
    font-size: 20px;
}

body > header .main > li:last-child > a:before {
    content: url('') !important;
}

body > header .main > li:last-child > a::after,
body > header .main > li:nth-last-child(2) > a::after {
    content: "\f0d7";  /* Unicode for the Font Awesome icon (e.g., a "book" icon) */
    font-family: 'FontAwesome';
    margin-left: 8px;   /* Space between the link text and the icon */
    font-size: 16px;    /* Adjust size of the icon */
    color: #E7A038;       /* Set color of the icon */
    
}

body > header .main > li:nth-last-child(2) {
        min-width: 9.375rem;
        display: none;
    }
    

body > header .main > li:last-child > a:hover,
body > header .main > li:nth-last-child(2) > a:hover {
    color: #E7A038!important; /* Text color on hover */
    background:#1d1f20!important;
}

body>header .main>li>div:before {
    border-top:none!important;
}

body > header .utility li:nth-last-child(-n + 2) a:hover {
    background: #1d1f20!important;
}
    
    
body > footer .hs-form .hs-title {
    text-transform: capitalize;
    letter-spacing: .08em;
    font-weight: 700;
   
    width: 330px;
    height: 10px;
    margin-bottom: 50px;
}


.quick-search .form button {
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 0px;
    
}

body > footer div.footer-top {
    background: #1D1F20;
    display: none;
}

    body > header .utility li:nth-last-child(-n + 2) a {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    
    


body > header .main {
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    border-bottom:#f5f5ea;
}

body > header nav {
    border-top: 0.0625rem solid #E3E2D9 !important;
    margin-top: 25px;
}

body > header .cart-quantity {
    color:#186861!important;
}

@media only screen and (max-width: 767px) {
    body > footer .hs-form .hbspt-form {
        width: 100%;
        margin: 0 auto;
        margin-top:20px;
    }
    .hs-form {
    margin-top: 20px;
}
}



@media (min-width: 1300px) {
    .quick-search {
        min-width: 35%;
        margin-top: 45px;
        margin:none;
    }
    
    
     img#ge_flag {
    margin-top: -10px !important;
    cursor:pointer; 
}
  
   

    
    body > header .container {
    margin-top:-32px;
}
    
   .quick-search {
        max-width: 23.75rem;
        margin-top: 50px;
        margin-left: 20px;
    }
    
        #bfx-cc-wrapper.bfx-cc-position-top {
    position: fixed;
    top: 32px!important; /* Default static top value */
    margin-right: 100px;
    z-index: 9999;
    transition: top 0.2s ease-in-out; /* Smooth transition for dynamic changes */
}

#bfx-cc-wrapper:before {
        display: none;
    }
    
}

    body > footer a {
    color: #ffffff;
    text-decoration: none;
}

body > footer a:hover, body > footer a:focus {
    text-decoration: underline;
    color: #8e8f8f!important; 
}



@media (min-width: 1300px) {
.hs-form {
    margin-top: -20px;
}

p.hs-signup-message {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 290px;
}

video, img, picture {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

body > footer .social {
    width: 80%;
    margin: 0 auto;
    float: left;
    margin-left: -10px;
    margin-top:-25px;
}

i.fa.fa-user-circle {
    font-size: 20px;
    margin-top:5px;
    margin-left:15px;
    
}


body > header .utility {
        margin-top: 35px;
        display: flex;
        gap: 35px;
    }
    
    /* resource center text*/
    body > header .main > li:last-child > a, body > header .main > li:nth-last-child(2) > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: white;
        font-weight: 800;
        text-transform: uppercase;
        padding:14px;
        background:#1D1F20;
        
    }
    
    /* Resource center text */
body > header .main > li:last-child > a:hover, 
body > header .main > li:nth-last-child(2) > a:hover {
    color: black; /* Changes text color to black on hover */
}

    
}

@media only screen and (max-width: 767px) {
    body > footer .hs-form .hbspt-form {
        width: 100%;
        float: left;
        margin-top: -20px;
    }
    
    p.hs-signup-message {
    text-align: left;
    width:290px;
}
body > footer .social {
    width: 80%;
    margin: 0 auto;
    float: left;
    margin-left: -10px;
    margin-top: 10px;
}


video, img, picture {
    padding:10px;
}



body > footer .hs-form .hs-title {
    
    
    margin-left: -23px;
}

.row {
    padding:10px;
    
}


}



body > footer div.footer-bottom p, body > footer div.footer-bottom a {
    color: #8e8f8f;
}


body > footer div.footer-bottom a:hover {
    color: #ffffff !important;
}

#ot-sdk-btn:hover {
        color: #ffffff !important; /* Change text color to white on hover */
        transition: color 0.3s ease; /* Smooth transition effect */
    }
    
    
.request-quote-text {
    color: #E7A038;
}


/* background image */
.bg-grey-w-img-bot {
        background: none!important;
    }
    
.bg-grey-w-img-top {
    background:none!important;
}

.bg-grey-inv {
    background:none!important;
}
    
/* PDP product sku */
.det-product .sku {
    color:#186861!important;
}

/* Drinking Buddy banner on PDP */
.invert {
    background: #231F20;
    margin-top: 20px;
    margin-bottom: 20px;
    display:none;
}

/* a tag to royal green everywhere */
ol a, dl a, table a, blockquote a, figure a, address a {
    color: #186861!important;
}




@media (min-width: 992px) {
    body > header .main > li:last-child > a, body > header .main > li:nth-last-child(2) > a {
        font-size:14px;
        color: white!important;
        
    }
    
    
    
    #bfx-cc-wrapper:before {
        display:none;
    }
    
            body > header {
            
            
        }
        
        body > header .utility a {
    font-size: 12px;
    color: white;
}

.mobile-utility {
    display: none;
}


.toggle-search span {
    font-size: 19px!important;
    color: white;
}


.toggle-cart {
        width: 44px !important;
        height: 44px !important;
        top: 7px !important;
        right: 50px !important;
    }

.toggle-search .icon-search, .toggle-cart .icon-cart {
        position: absolute !important;
        top: 57% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

a.logged-in {
    margin-right: -30px;
    margin-top: 15px;
}

.line-items .title a {
    color:black!important;
}

.line-items tr > td:last-child > div > a:first-child {
    margin: 0 0.5rem 0 0;
    color: black !important;
}

.line-items tr > td:last-child > div > a {
    margin: 0 0.5rem;
    color: black !important;
}

.line-items tr > td .item-options .drop-btn > a:hover, .line-items tr > td .item-options .drop-btn > a:focus {
    cursor: pointer;
    color: black !important;
}


/* Checkout Page */
body > header.checkout {
    
    background: #1D1F20!important;
    top:0!important;
    
    
}

#checkout-app form button.button, #checkout-app form a.button {
    background: #186861 !important;
    
}

#checkout-app form button.button, #checkout-app form a.button {
    
    color: #fff !important;
    text-decoration:none;
}

.stepHeader .stepHeader-body button.button {
    background: #186861 !important;
}

#checkout-app form button.button.dropdown-toggle--select, #checkout-app form a.button.dropdown-toggle--select {
    background: transparent !important;
    border: 1px solid #b5b5b5;
    color: #231F20 !important;
}


.btn-secondary {
    background: #186861 !important;
    border-color: #186861 !important;
    color: #fff!important;
}


td.utility-td {
    border: 1px solid #CCCCCC;
}

i.fa.fa-search {
    color: white;
    font-size:23px;
}
    
@media (max-width: 991.9px) {
    body > header .user a {
        
        padding: 15px!important;
        
    }
}


@media (min-width: 992px) {
    body > header .main > li > div:before {
        
        background: #f5f5ea !important;
        
        
    }
}

@media (min-width: 992px) {
    body > header .main > li > div {
        
        background: #f5f5ea !important;
        
    }
}

.WidgetHeaderStyleWrapper__FullHeightDiv-sc-11z9b9-0.ccKcPo {
    background: green!important;
}


.guarantees .container>div span {
    
    color: #186861 !important;
    
}

.det-product .sticky-info+.jn.sticky {
    top: 155px !important;
}

.nav.breadcrumbs a span, nav.breadcrumbs a span {
    color: #616161 !important;
}

a.affirm-modal-trigger {
    color:#186861!important;
}

.line-items .form-field.quantity .inc-minus:focus:after, .line-items .form-field.quantity .inc-minus:focus:before, .line-items .form-field.quantity .inc-minus:hover:after, .line-items .form-field.quantity .inc-minus:hover:before, .line-items .form-field.quantity .inc-plus:focus:after, .line-items .form-field.quantity .inc-plus:focus:before, .line-items .form-field.quantity .inc-plus:hover:after, .line-items .form-field.quantity .inc-plus:hover:before {
    background:#186861!important;
}

.det-product .form-field.quantity .inc-minus:focus:after, .det-product .form-field.quantity .inc-minus:focus:before, .det-product .form-field.quantity .inc-minus:hover:after, .det-product .form-field.quantity .inc-minus:hover:before, .det-product .form-field.quantity .inc-plus:focus:after, .det-product .form-field.quantity .inc-plus:focus:before, .det-product .form-field.quantity .inc-plus:hover:after, .det-product .form-field.quantity .inc-plus:hover:before {
    background:#186861!important;
}

.det-product .help li [class*=icon-] {
    color: #186861 !important;
 }
 
 .cart-dropdown:before {
    
    color: black!important;
    
 }
 
 .hero.interior .container .breadcrumbs a, .hero.interior .container .breadcrumbs span {
    color: #fff !important;
}

.hero.interior {
    background: #1d1f20 !important;
    
}

@media (min-width: 992px) {
    body>header .utility {
        
        right: 65-px!important;
       
    }
}

@media (min-width: 992px) {
    body > header {
       
        top: -2rem !important;
   
}
        
    
}


@media (min-width: 998px) and (max-width: 1310px) {
    body > footer .hs-form .hbspt-form {
    
    width: 100%!important;
}
}


a.back-to-main {
    border: 1px solid lightgray;
}



@media (min-width: 992px) and (max-width: 1299px) {
    /* Your CSS styles for screens between 992px and 1299px */
     body>header .utility {
        right: 64px!important;
    }
    
        #bfx-cc-wrapper.bfx-cc-position-top {
        top: 30px !important;
    }

body > header {
       
        top: -0px !important;
        position: sticky;
        z-index: 1000;
    
   
}
} 


/* Display Shipping Comment Field */
main .form-fieldset[data-test=checkout-shipping-comments] {
    display: block !important;
}

.account-name {
    display: block;
}

.det-product .availability {
    display: none!important;
}
 
 
@media (max-width: 991.9px) {
    i.fa.fa-search {
    margin-top: 13px;
}
}

.det-product .sku {
    color: #808080 !important;
    letter-spacing: -0.3px;
    font-size: 13px;
    font-family: articulat-cf, sans-serif;
    text-transform: capitalize;
strong {
    font-weight: 700;
}
}
.sku-row {
    display: flex;
    column-gap: 15px;
    align-items: center;
    .sku {
        margin: 0;
        padding: 0;
    }
    .productView-info-value {
        font-size: 12px;
        font-weight: 400;
        color: #355B56;
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: -1px;
        padding-left: 10px;
        &:before {
            content: "";
            height:4px;
            width: 4px;
            border-radius: 50%;
            background: #355B56;
            position: absolute;
            left: 0;
            top:5px;
        }
    }
}
.download-btn-row {
    display: flex;
    column-gap: 10px;
     @media screen and (max-width:767px) {
        flex-flow: column;
        row-gap: 10px;
     }
    .download-btn {
        flex: auto;
        a {
        border: 1px solid #E2DCCE;
        padding: 10px 15px 10px 15px;
        font-size: 12px;
        font-weight: 500;
        display: flex;
        align-items: center;
        color: #18160F;
        border-radius: 4px;
        background-repeat: no-repeat;
        background-position: left 15px center;
        span {
        background-repeat: no-repeat;
        background-position: left center;
        width: 13px;
        height: 13px;
        margin-right: 10px;
         @media screen and (max-width:767px) { 
            justify-content: center;
         }
        }
        }              
       
    }
    .download-btn.Spec.Sheet {
        a {
            @media screen and (max-width:767px) { 
            justify-content: center;
         }
            span { 
                background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.375 8.125V10.2917C11.375 10.579 11.2609 10.8545 11.0577 11.0577C10.8545 11.2609 10.579 11.375 10.2917 11.375H2.70833C2.42102 11.375 2.14547 11.2609 1.9423 11.0577C1.73914 10.8545 1.625 10.579 1.625 10.2917V8.125' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%2318160F'/%3E%3Cpath d='M3.79169 5.41669L6.50002 8.12502L9.20835 5.41669' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%2318160F'/%3E%3Cpath d='M6.5 8.125V1.625' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%2318160F'/%3E%3C/svg%3E%0A");
            }
        }
    }
    .download-btn.CAD.Files {
        a {
            @media screen and (max-width:767px) { 
            justify-content: center;
         }
            span {
            background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.12502 1.08331H3.25002C2.9627 1.08331 2.68715 1.19745 2.48399 1.40061C2.28082 1.60378 2.16669 1.87933 2.16669 2.16665V10.8333C2.16669 11.1206 2.28082 11.3962 2.48399 11.5993C2.68715 11.8025 2.9627 11.9166 3.25002 11.9166H9.75002C10.0373 11.9166 10.3129 11.8025 10.5161 11.5993C10.7192 11.3962 10.8334 11.1206 10.8334 10.8333V3.79165L8.12502 1.08331Z' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M7.58331 1.08331V3.24998C7.58331 3.5373 7.69745 3.81285 7.90061 4.01601C8.10378 4.21918 8.37933 4.33331 8.66665 4.33331H10.8333' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M5.41665 4.875H4.33331' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M8.66665 7.04169H4.33331' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M8.66665 9.20831H4.33331' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3C/svg%3E%0A");
        }
        }
    }
    .download-btn.Installation.Guide {
        a {
            @media screen and (max-width:767px) { 
            justify-content: center;
         }
            span {
            background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.95833 11.7704C6.12302 11.8655 6.30984 11.9156 6.5 11.9156C6.69016 11.9156 6.87698 11.8655 7.04167 11.7704L10.8333 9.60378C10.9979 9.50879 11.1345 9.37221 11.2296 9.20773C11.3247 9.04326 11.3748 8.85667 11.375 8.6667V4.33336C11.3748 4.14339 11.3247 3.9568 11.2296 3.79232C11.1345 3.62785 10.9979 3.49127 10.8333 3.39628L7.04167 1.22961C6.87698 1.13453 6.69016 1.08447 6.5 1.08447C6.30984 1.08447 6.12302 1.13453 5.95833 1.22961L2.16667 3.39628C2.00214 3.49127 1.86549 3.62785 1.77042 3.79232C1.67534 3.9568 1.62519 4.14339 1.625 4.33336V8.6667C1.62519 8.85667 1.67534 9.04326 1.77042 9.20773C1.86549 9.37221 2.00214 9.50879 2.16667 9.60378L5.95833 11.7704Z' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M6.5 11.9167V6.5' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M1.7821 3.79169L6.50002 6.50002L11.2179 3.79169' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3Cpath d='M4.0625 2.31293L8.9375 5.10251' stroke-width='1.08333' stroke-linecap='round' stroke-linejoin='round' stroke='%231D1F20'/%3E%3C/svg%3E%0A");
        }
        }
    }
}
.det-product .form-simple {
    margin-top: 0.5rem;
    border-top-color: #E2DCCE;
}
.det-product [class*="opts-"] p {
    font-size: 14px;
    font-weight: 600;
    color: #16150F;
    margin-bottom: 10px;
    font-family: articulat-cf, sans-serif;
    
}

.det-product .form-field.opts-swatch p {
 display: flex;
 justify-content: space-between;
}
.det-product .opts-swatch + .opts-rect {
     padding-top: 20px;
 border-top: 1px solid #E2DCCE;
}
.det-product .opts-rect p {
    margin-bottom: 3px;
}
.det-product .opts-rect + .opts-rect {
 padding-top: 20px;
 border-top: 1px solid #E2DCCE;
}
.det-product .form-field.opts-swatch p [data-option-value] {
    color: #A57C3F;
    font-size: 13px;
    font-weight: 400;
}
.det-product .opts-rect label {
    font-size: 13px;
    font-weight: 500;
    color: #594F36;
    letter-spacing: 0;
    text-transform: none;
    border-radius: 2px;
    border: 1px solid #E2DCCE;
    padding: 0.5rem 1rem;
    font-family: articulat-cf, sans-serif;
}
.det-product .opts-rect input[type="radio"]:checked + label, .det-product .opts-rect input[type="checkbox"]:checked + label {
    background: #18160F;
    border-color: #18160F;
}
.det-product .opts-swatch input[type="radio"]:checked + label, .det-product .opts-swatch input[type="checkbox"]:checked + label {
    border-color: #18160F;
}
.det-product .options {
    border-bottom-color: #E2DCCE;
}
.det-product .price {
    font-family: articulat-cf, sans-serif;
    font-size: 16px;
    color: #494949;
    margin: 0;
    padding: 0;
}
.det-product .form-field.quantity {
    display: inline-block;
    margin-bottom: 0;
    input {
        border: 1px solid #E2DCCE !important;
        border-left: 0 !important;
        border-right: 0px !important;
    }
    .inc-minus {
        border-radius: 2px 0 0 2px;
        border: 1px solid #E2DCCE;
        border-right: 0px;
    }
    .inc-plus {
        border-radius: 0 2px 2px 0;
        border: 1px solid #E2DCCE;
        border-left: 0px;
    }
    .inc-minus, .inc-plus {
        height: 56px !important;
        width: 2rem !important;
        @media screen and (max-width:767px) {
            height: 50px !important;
        }
    }
    .form-label {
        display: none;
     
    }
       .form-increment {
            margin-left: 0 !important;
        }
}
.det-product .form-field.quantity + .form-action {
    display: inline-flex;
    position: relative;
    top: -24px;
    padding:  0 7px;
    width: calc(100% - 177px);
    @media screen and (max-width:767px) {
        top:-19px;
        width: calc(100% - 171px);
    }
    .bfx-hide-disabled-element-container {
        width: 100%;
    }
}
.form-product .form-wishlist {
    bottom: 23px;
    @media screen and (max-width:767px) {
        bottom:18px;
    }
    .btn-tertiary {
        font-size: 0px;
        padding: 1.15rem;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4773 0C10.0325 0 8.71434 0.7125 7.91476 1.8525C7.51322 1.28047 6.97987 0.813513 6.3598 0.491077C5.73973 0.16864 5.05116 0.000203299 4.35226 0C3.49138 0.000846333 2.65006 0.256727 1.93449 0.735339C1.21892 1.21395 0.661187 1.89384 0.331705 2.68917C0.00222305 3.4845 -0.0842396 4.35962 0.0832326 5.20405C0.250705 6.04848 0.664603 6.82436 1.27268 7.43375L7.91476 14.0758L14.5568 7.43375C15.1649 6.82436 15.5788 6.04848 15.7463 5.20405C15.9138 4.35962 15.8273 3.4845 15.4978 2.68917C15.1683 1.89384 14.6106 1.21395 13.895 0.735339C13.1795 0.256727 12.3381 0.000846333 11.4773 0ZM13.7177 6.59458L7.91476 12.3975L2.11184 6.59458C1.81681 6.30107 1.58301 5.95188 1.424 5.56728C1.265 5.18268 1.18396 4.77033 1.18559 4.35417C1.18559 2.60854 2.60664 1.1875 4.35226 1.1875C5.71393 1.1875 6.91726 2.05437 7.35268 3.34479C7.39184 3.46292 7.46722 3.56571 7.56812 3.63856C7.66902 3.71141 7.79031 3.75062 7.91476 3.75062C8.03921 3.75062 8.1605 3.71141 8.2614 3.63856C8.3623 3.56571 8.43768 3.46292 8.47685 3.34479C8.68818 2.71637 9.09143 2.17013 9.62973 1.78309C10.168 1.39604 10.8143 1.18772 11.4773 1.1875C13.2229 1.1875 14.6439 2.60854 14.6439 4.35417C14.6439 5.20125 14.3154 5.99688 13.7177 6.59458Z' fill='black'/%3E%3C/svg%3E%0A");
        width: 56px;
        height: 56px;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid #E2DCCE;
        border-radius: 2px;
        @media screen and (max-width:767px) {
            width: 50px;
            height: 50px;
        }
        .icon-heart {
            font-size: 0px;
            margin-right: 0;
        }
        &:focus  {
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4773 0C10.0325 0 8.71434 0.7125 7.91476 1.8525C7.51322 1.28047 6.97987 0.813513 6.3598 0.491077C5.73973 0.16864 5.05116 0.000203299 4.35226 0C3.49138 0.000846333 2.65006 0.256727 1.93449 0.735339C1.21892 1.21395 0.661187 1.89384 0.331705 2.68917C0.00222305 3.4845 -0.0842396 4.35962 0.0832326 5.20405C0.250705 6.04848 0.664603 6.82436 1.27268 7.43375L7.91476 14.0758L14.5568 7.43375C15.1649 6.82436 15.5788 6.04848 15.7463 5.20405C15.9138 4.35962 15.8273 3.4845 15.4978 2.68917C15.1683 1.89384 14.6106 1.21395 13.895 0.735339C13.1795 0.256727 12.3381 0.000846333 11.4773 0ZM13.7177 6.59458L7.91476 12.3975L2.11184 6.59458C1.81681 6.30107 1.58301 5.95188 1.424 5.56728C1.265 5.18268 1.18396 4.77033 1.18559 4.35417C1.18559 2.60854 2.60664 1.1875 4.35226 1.1875C5.71393 1.1875 6.91726 2.05437 7.35268 3.34479C7.39184 3.46292 7.46722 3.56571 7.56812 3.63856C7.66902 3.71141 7.79031 3.75062 7.91476 3.75062C8.03921 3.75062 8.1605 3.71141 8.2614 3.63856C8.3623 3.56571 8.43768 3.46292 8.47685 3.34479C8.68818 2.71637 9.09143 2.17013 9.62973 1.78309C10.168 1.39604 10.8143 1.18772 11.4773 1.1875C13.2229 1.1875 14.6439 2.60854 14.6439 4.35417C14.6439 5.20125 14.3154 5.99688 13.7177 6.59458Z' fill='white'/%3E%3C/svg%3E%0A") !important;
            color: #000;
            background-repeat: no-repeat;
            background-position: center;
        }
        &:hover {
            background: #355B56;
            border-color: #355B56;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4773 0C10.0325 0 8.71434 0.7125 7.91476 1.8525C7.51322 1.28047 6.97987 0.813513 6.3598 0.491077C5.73973 0.16864 5.05116 0.000203299 4.35226 0C3.49138 0.000846333 2.65006 0.256727 1.93449 0.735339C1.21892 1.21395 0.661187 1.89384 0.331705 2.68917C0.00222305 3.4845 -0.0842396 4.35962 0.0832326 5.20405C0.250705 6.04848 0.664603 6.82436 1.27268 7.43375L7.91476 14.0758L14.5568 7.43375C15.1649 6.82436 15.5788 6.04848 15.7463 5.20405C15.9138 4.35962 15.8273 3.4845 15.4978 2.68917C15.1683 1.89384 14.6106 1.21395 13.895 0.735339C13.1795 0.256727 12.3381 0.000846333 11.4773 0ZM13.7177 6.59458L7.91476 12.3975L2.11184 6.59458C1.81681 6.30107 1.58301 5.95188 1.424 5.56728C1.265 5.18268 1.18396 4.77033 1.18559 4.35417C1.18559 2.60854 2.60664 1.1875 4.35226 1.1875C5.71393 1.1875 6.91726 2.05437 7.35268 3.34479C7.39184 3.46292 7.46722 3.56571 7.56812 3.63856C7.66902 3.71141 7.79031 3.75062 7.91476 3.75062C8.03921 3.75062 8.1605 3.71141 8.2614 3.63856C8.3623 3.56571 8.43768 3.46292 8.47685 3.34479C8.68818 2.71637 9.09143 2.17013 9.62973 1.78309C10.168 1.39604 10.8143 1.18772 11.4773 1.1875C13.2229 1.1875 14.6439 2.60854 14.6439 4.35417C14.6439 5.20125 14.3154 5.99688 13.7177 6.59458Z' fill='white'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center;
        }
    }
}
.det-product .product-view #form-action-addToCart {
    padding: 16px;
    font-size: 16px;
    font-family: articulat-cf, sans-serif;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    background: #355B56 !important;
    border-color: #355B56 !important;
    width: 100%;
    height: 56px;
    border-radius: 2px;
    @media screen and (max-width:767px) {
        margin-bottom: 0px;
        padding: 13px 15px;
        height: 50px;

    }
    &:hover {
        background: #000000 !important;
    }
}
.pro-custom-quate {
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    font-family: articulat-cf, sans-serif;
    @media screen and (max-width:767px) {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 40px;
    }
    .left-text {
        width: calc(100% - 220px);
        @media screen and (max-width:767px) {
            width: 100%;
            text-align: center;
        }
    }
    h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 5px;
    }
    p {
        font-size: 13px;
         
    }
    .btn-col-pro {
        padding: 8px 0 0;
        border: 0;
        width: 220px;
        @media screen and (max-width:767px) {
            padding: 0;
        }
        .button {
            height: 41px;
            border: 1px solid #1D1F20;
            font-family: articulat-cf, sans-serif;
            font-size: 13px;
            font-weight: 600;
            border-radius: 2px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            letter-spacing: 0;
            text-transform: none;
            text-decoration: none;
            letter-spacing: 0;
            &:hover {
                background: #355B56 ;
                color: #ffffff;
            }
        }
    }
}
.product-accordions {
    position: relative;
    top: -10px;
    .product-accordion {
      border-bottom: 1px solid #E2DCCE;
      padding: 15px 0;
      .product-accordion-content {
        padding-top: 10px;
      }
        .product-accordion-title {
         font-size: 14px;
        font-weight: 600;
        width: 100%;
        color: #212121;
        text-align: left;
        position: relative;
        font-family: articulat-cf, sans-serif;
        span.product-accordion-icon {
            position: absolute;
            right: 10px;
            top:0;
            height: 17px;
            width: 17px;
            background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='6.5' width='13.0703' height='1' fill='%23212121'/%3E%3Crect x='6.07031' width='1' height='14' fill='%23212121'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center;
        }
        }

    }
    .product-accordion.is-open {
         .product-accordion-title {
             span.product-accordion-icon {
                background-image: url("data:image/svg+xml,%3Csvg width='14' height='1' viewBox='0 0 14 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='13.0703' height='1' fill='%23212121'/%3E%3C/svg%3E%0A");
             }
         }
    }
}
.tech-spec-content {
    padding: 70px 0;
    @media screen and (max-width:767px) {
        padding: 40px 0;
    }
    .subtitle {
        position: relative;
        font-size: 11px;
        font-family: articulat-cf, sans-serif;
        color: #1D1F20;
        display: flex;
        column-gap: 15px;
        align-items: center;
        text-transform: uppercase;
        letter-spacing: 1.68px;
        margin-bottom: 15px;
        &:before {
            content: "";
            width: 22px;
            height: 1px;
            background: #1D1F20;
        }
    }
    .tab-heading {
        font-size: 40px;
        font-family: articulat-cf, sans-serif;
        line-height: 100%;
        font-weight: 500;
        letter-spacing: -1.2px;
        text-transform: none;
        @media screen and (max-width:767px) {
            font-size: 28px;
            letter-spacing: 0;
        }
    }
    .tab-inner {
        display: flex;
        padding-bottom: 40px;
        @media screen and (max-width:767px) {
            flex-flow: column;
            padding-bottom: 30px;
        }
         .technical-section {
           max-width: 610px;
           width: 100%;
           list-style: none;
           padding: 0;
           margin: 0;
           @media screen and (max-width:1279px) {
            width: 520px;
           }
           @media screen and (max-width:767px) {
             width: 100%;
           }
           li + li {
            margin: 0;
           }
           li {
            width: 100%;
            display: flex;
            padding: 0;
            font-size: 14px;
            color: #1D1F20;
            @media screen and (max-width:767px) {
                font-size: 12px;
            }
            .label {
                width: 257px;
                padding: 10px 20px;
                border-right: 1px solid #E2DCCE;
                font-weight: 600;
                font-family: articulat-cf, sans-serif;
                 @media screen and (max-width:1279px) {
            width: 200px;
           }
           @media screen and (max-width:767px) {
            width: 170px;
            padding: 10px 15px;
           }
            }
            .value {
                width: calc(100% - 257px);
                padding: 10px 20px 10px 40px;
                font-family: articulat-cf, sans-serif;
                @media screen and (max-width:1279px) {
             width: calc(100% - 200px);
             padding-left: 30px;
           }
           @media screen and (max-width:767px) {
            width: calc(100% - 170px);
           }
            }
            &:before {
                display: none;
            }
            &:nth-child(odd) {
  background-color: #FBF9F4;
}
           }
    }
    }
   .download-btn-row {
    @media screen and (max-width:767px) {
        flex-flow: column;
        row-gap: 10px;
    }
  & .download-btn {
    & a {
        justify-content: center;
        border-color: #18160F;
        font-size: 14px;
        font-family: articulat-cf, sans-serif;
        font-weight: 600;
        span {
            margin-top: -2px;
        }
        &:hover {
            background-color: #FBF9F4;
            text-decoration: none;
        }
    }
  }
}
}
.tech-spec-content {
  .key-icon-item {
    width: calc(100% - 609px);
    padding-left: 60px;
     @media screen and (max-width:1279px) {
            width: 520px;
            padding-left: 30px;
           }
           @media screen and (max-width:767px) {
            width: 100%;
            padding-left: 0;
            margin-top: 30px;
        border-top: 1px solid #E2DCCE;
           }
    .value {
        display: flex;
        padding: 15px 0;
        font-size: 16px;
        font-family: articulat-cf, sans-serif;
        font-weight: 500;
        color: #1D1F20;
        border-bottom: 1px solid #E2DCCE;
        column-gap: 10px;
        align-items: center;
        @media screen and (max-width:767px) {
            font-size: 14px;
        }
        span.icon {
           background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.625 1.125V15.125C15.625 15.2576 15.5723 15.3848 15.4786 15.4786C15.3848 15.5723 15.2576 15.625 15.125 15.625H1.125C0.992392 15.625 0.865215 15.5723 0.771447 15.4786C0.677678 15.3848 0.625 15.2576 0.625 15.125V1.125C0.625 0.992392 0.677678 0.865215 0.771447 0.771447C0.865215 0.677678 0.992392 0.625 1.125 0.625H15.125C15.2576 0.625 15.3848 0.677678 15.4786 0.771447C15.5723 0.865215 15.625 0.992392 15.625 1.125Z' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' stroke='black'/%3E%3C/svg%3E%0A");
           background-repeat: no-repeat;
           background-position: center;
           width: 17px;
           height: 17px;
        }
         .icon.drop {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4688 3.10529C9.50373 1.99079 8.41761 0.987215 7.23047 0.113106C7.12538 0.0394895 7.00018 0 6.87187 0C6.74357 0 6.61837 0.0394895 6.51328 0.113106C5.32833 0.987579 4.24432 1.99115 3.28125 3.10529C1.13359 5.5717 0 8.1717 0 10.6248C0 12.4482 0.724328 14.1969 2.01364 15.4862C3.30295 16.7755 5.05164 17.4998 6.875 17.4998C8.69836 17.4998 10.447 16.7755 11.7364 15.4862C13.0257 14.1969 13.75 12.4482 13.75 10.6248C13.75 8.1717 12.6164 5.5717 10.4688 3.10529ZM6.875 16.2498C5.38367 16.2482 3.95389 15.655 2.89935 14.6005C1.84482 13.5459 1.25165 12.1162 1.25 10.6248C1.25 6.15373 5.58359 2.4217 6.875 1.40607C8.16641 2.4217 12.5 6.15217 12.5 10.6248C12.4983 12.1162 11.9052 13.5459 10.8506 14.6005C9.79611 15.655 8.36633 16.2482 6.875 16.2498ZM11.2414 11.3545C11.0793 12.2598 10.6438 13.0936 9.99347 13.7438C9.34313 14.394 8.50918 14.8294 7.60391 14.9912C7.56953 14.9967 7.5348 14.9995 7.5 14.9998C7.34322 14.9998 7.19219 14.9408 7.07685 14.8346C6.96151 14.7285 6.89029 14.5828 6.87731 14.4266C6.86433 14.2703 6.91054 14.1149 7.00678 13.9912C7.10302 13.8674 7.24225 13.7843 7.39687 13.7584C8.69141 13.5405 9.78984 12.442 10.0094 11.1451C10.0371 10.9817 10.1287 10.8359 10.2639 10.7399C10.3992 10.644 10.567 10.6057 10.7305 10.6334C10.894 10.6612 11.0397 10.7528 11.1357 10.888C11.2316 11.0232 11.27 11.191 11.2422 11.3545H11.2414Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    .icon.bubble {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.625 5.51083C15.625 6.06337 15.4055 6.59327 15.0148 6.98397C14.6241 7.37467 14.0942 7.59417 13.5417 7.59417C12.9891 7.59417 12.4592 7.37467 12.0685 6.98397C11.6778 6.59327 11.4583 6.06337 11.4583 5.51083C11.4583 4.9583 11.6778 4.42839 12.0685 4.03769C12.4592 3.64699 12.9891 3.4275 13.5417 3.4275C14.0942 3.4275 14.6241 3.64699 15.0148 4.03769C15.4055 4.42839 15.625 4.9583 15.625 5.51083ZM8.95833 4.79167C8.95833 5.89674 8.51935 6.95654 7.73794 7.73794C6.95654 8.51935 5.89674 8.95833 4.79167 8.95833C3.6866 8.95833 2.62679 8.51935 1.84539 7.73794C1.06399 6.95654 0.625 5.89674 0.625 4.79167C0.625 3.6866 1.06399 2.62679 1.84539 1.84539C2.62679 1.06399 3.6866 0.625 4.79167 0.625C5.89674 0.625 6.95654 1.06399 7.73794 1.84539C8.51935 2.62679 8.95833 3.6866 8.95833 4.79167ZM13.9325 12.7083C13.9325 13.4819 13.6252 14.2237 13.0782 14.7707C12.5312 15.3177 11.7894 15.625 11.0158 15.625C10.2423 15.625 9.50042 15.3177 8.95344 14.7707C8.40646 14.2237 8.09917 13.4819 8.09917 12.7083C8.09917 11.9348 8.40646 11.1929 8.95344 10.6459C9.50042 10.099 10.2423 9.79167 11.0158 9.79167C11.7894 9.79167 12.5312 10.099 13.0782 10.6459C13.6252 11.1929 13.9325 11.9348 13.9325 12.7083Z' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' stroke='black'/%3E%3C/svg%3E%0A");
    }
    .icon.rectangle {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='6' viewBox='0 0 17 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.625 0.775V4.975C15.625 5.01478 15.5723 5.05294 15.4786 5.08107C15.3848 5.1092 15.2576 5.125 15.125 5.125H1.125C0.992392 5.125 0.865215 5.1092 0.771447 5.08107C0.677678 5.05294 0.625 5.01478 0.625 4.975V0.775C0.625 0.735218 0.677678 0.697064 0.771447 0.668934C0.865215 0.640804 0.992392 0.625 1.125 0.625H15.125C15.2576 0.625 15.3848 0.640804 15.4786 0.668934C15.5723 0.697064 15.625 0.735218 15.625 0.775Z' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' stroke='black'/%3E%3C/svg%3E%0A");
    }
    .icon.check-line {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.30333 7.65917L12.9633 0L14.1417 1.17833L5.30333 10.0167L0 4.71333L1.17833 3.535L5.30333 7.65917Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    .icon.home {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 6.64704V16.0611H13.75V6.64704L7.5 1.43806L1.25 6.64704ZM0.22461 5.87361L7.09961 0.145091C7.21197 0.0513464 7.35367 0 7.5 0C7.64633 0 7.78803 0.0513464 7.90039 0.145091L14.7754 5.87361C14.8458 5.93232 14.9024 6.0058 14.9412 6.08883C14.98 6.17187 15.0001 6.26242 15 6.35408V16.6861C15 16.8519 14.9342 17.0108 14.8169 17.128C14.6997 17.2453 14.5408 17.3111 14.375 17.3111H0.625C0.45924 17.3111 0.300269 17.2453 0.183059 17.128C0.0658484 17.0108 2.50784e-07 16.8519 2.50784e-07 16.6861V6.35408C-8.18522e-05 6.26242 0.0199965 6.17187 0.0588122 6.08883C0.0976278 6.0058 0.154231 5.93232 0.22461 5.87361Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    }

  }
}

.det-product {
    .sticky-info {
     background: #1D1F20;
     border: 0px;
     padding: 10px 0;
     .img-w, .btt {
        display: none;
     }
     .prod-name {
        color: white;
        font-size: 18px;
        font-weight: 500;
        text-transform: capitalize;
        flex: auto;
        width: auto;
        max-width: 100%;
     }
     .price {
        font-size: 15px;
        font-weight: 700;
        color: #ffffff;
        letter-spacing: -0.3px;
     }
     .btn-primary {
        background: #355B56;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: capitalize;
        padding: 9px 40px;
     }
     .container {
        justify-content: space-between;
        column-gap: 30px;
     }
}
.overview {
    @media screen and (max-width:767px) {
        margin-top: 0px;
        padding-top: 0px;
    }
    h1 {
        font-size: 36px;
        color: #494949;
        font-weight: 500;
        letter-spacing: -1px;
        font-family: articulat-cf, sans-serif;
        margin-bottom: 2px;
        @media screen and (max-width:767px) {
            font-size: 24px;
            font-weight: 500;
        }
    }
}
} 

.det-product .product-view {
    margin-top: 1rem;
    @media screen and (max-width:767px) {
        margin-top: 0px;
    }
    .title {
       @media screen and (max-width:1023px) {
        padding-top: 30px;
        width: 100%;
       } 
    }
    .details-wrap {
         @media screen and (max-width:1023px) {
        width: 100%;
       } 
    }
}
.product {
    nav.breadcrumbs {
        margin-bottom: 1rem;
        @media screen and (max-width:767px) {
            padding-top: 10px;
            margin-bottom: 10px;
        }
    }
}

.det-product {
   .product-view {
    @media screen and (max-width:1023px) {
        display: flex;
        flex-flow: column;
    }
     .gallery-wrap {
        @media screen and (max-width:1023px) {
            order: -1;
            width: 100%;
            padding-right: 0;
            position: inherit;
            top:0;
            margin-bottom: 0px;
        }
     }
     .thumbnails {
       @media screen and (max-width:1023px) {
        order:2;
        min-height: 74px;
        margin-bottom: 0;
        display: flex;
        column-gap: 10px;
       }
        @media screen and (max-width:767px) {
            column-gap: 5px;
        }
       @media screen and (max-width:767px) {
        padding: 0 30px;
       }
       .slick-track {
        @media screen and (max-width:1023px) {
            column-gap: 10px;
        }
        @media screen and (max-width:767px) {
            column-gap: 5px;
        }
       }
     }
   }
} 
.form-product .form-wishlist {
    @media screen and (max-width:1023px) {
        position: absolute;
        right: 0;
        width: auto;
    }
}
.bg-grey-w-img-bot {
    display: none;
}

.det-product figure.product-image a > img {
    @media screen and (max-width:767px) {
        padding: 0px !important;
        height: 84.2995vw;
    }
}
.det-product figure.product-image {
    border-radius: 4px;
    @media screen and (max-width:767px) {
        min-height: 84.2995vw;
        max-height: 84.2995vw;
        margin: 0 -0.9375rem 10px;
        width: auto;
        min-width: 100%;
    }
}
.det-product .help {
    display: none;
}
[data-content-region="product_curved_banner"] + section {
    @media screen and (max-width:767px) {
        padding: 10px 0;
    }
}

.det-product .thumbnails .thumbnail {
    @media screen and (max-width:767px) { 
        padding-top: 3px;
        padding-bottom: 3px;
    }
  picture, img {
    border-radius: 4px;
    @media screen and (max-width:767px) { 
        padding: 0px !important;
        border-radius: 4px;
        aspect-ratio: 12/13;
    }
}
} 
.det-product .thumbnails .thumbnail .static-image {
    @media screen and (max-width:767px) { 
        aspect-ratio: 12/13;
    }
}
.det-product .thumbnails .thumbnail a.is-active{
    outline: 1px;
        border: 1px solid #18160F;
        border-radius: 6px;
     @media screen and (max-width:767px) { 
        outline: 1px;
        border: 2px solid #18160F;
        border-radius: 6px;
     }
}
#technical-spec {
    scroll-margin-top: 160px;
}


/* Product section navigation */
 nav.jn {
    display: none !important;
 }
.product-section-nav {
    --product-nav-sticky-top: 0px;

    position: sticky;
    top: var(--product-nav-sticky-top, 62px);
    z-index: 50;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    background: #f5f3ed;
    border-top: 1px solid rgba(24, 22 15, 0.1);
    border-bottom:  1px solid rgba(24, 22 15, 0.1);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
    .container {
        display: flex;
    align-items: stretch;
    justify-content: space-between;
    min-height: 79px;
    @media screen and (max-width:767px) {
        min-height: 49px;
    }
    }
}
#productSectionNav.is-sticky {
    animation: productNavSlideDown 0.3s ease-out;
    border-bottom: 0px solid #e0ddd6;
    box-shadow: 0 1px 1px #e0ddd6;
    @media screen and (max-width:1023px) {
        position: fixed;
        top: var(--product-nav-sticky-top, 52px);
        z-index: 999;
    }
    & .container {
      min-height: 49px;
    }
}

.product-section-nav__inner {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.product-section-nav__inner::-webkit-scrollbar {
    display: none;
}

.product-section-nav__link {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #6B6454;
    font-size: 15px;
    font-family: articulat-cf, sans-serif;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.product-section-nav__link:hover,
.product-section-nav__link:focus {
    color: #18160F;
    text-decoration: none;
}

.product-section-nav__link.is-active {
    color: #18160F;
}

.product-section-nav__link.is-active::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    background: #CF9A42;
    content: "";
}

.product-section-nav__top {
    display: none;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    color: #000000;
    font-family: articulat-cf, sans-serif;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
}
.product-section-nav.is-sticky {
    .product-section-nav__top {
        display: inline-flex;
    }
}

.product-section-nav__top:hover,
.product-section-nav__top:focus {
    text-decoration: none ;
    color: #6B6454;
}

.product-section-nav__top span {
    font-size: 18px;
    padding-top: 8px;
}

.product-section-nav [hidden] {
    display: none !important;
}

/* Leave space below the sticky navigation when jumping to sections */
.product-section-target {
    scroll-margin-top: calc(
        var(--product-nav-sticky-top) + 54px
    );
}

@media (max-width: 767px) {
    .product-section-nav {
        min-height: 44px;
    }

    .product-section-nav__link {
        padding: 0 12px;
        font-size: 13px;
    }

    .product-section-nav__top {
        padding: 0 10px;
        gap: 5px;
    }
}
body.product-nav-sticky > header {
@media screen and (min-width:1024px) {
 position: relative;
}
  
}

@keyframes productNavSlideDown {
    from {
        opacity: 0.85;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.det-product figure.product-image .arrow {
    @media (max-width: 767px) {
        display: none !important;
    }
}

.finish-option-customfield-text {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #4A4740;
    display: block;
    width: 100%;
    font-family: articulat-cf, sans-serif;
    a {
        color: #0E4A3B;
        text-decoration: underline;
        &:hover {
            color: #4A4740;
        }
    }
}
.finish-option-customfield-text.coating-text {
    margin-top: 10px;
}


.product-faq {
    width: 100%;
    padding-bottom: 10px;
}

.product-faq__item {
    margin: 0 0 8px;
    border: 1px solid #e4d9c8;
    border-radius: 4px;
    overflow: hidden;
}

.product-faq__heading {
    margin: 0;
    font-size: inherit;
    font-weight: normal;
}

.product-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 16px 14px;
    border: 0;
    background: #fff;
    color: #252525;
    font: inherit;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    @media screen and (max-width:767px) {
        font-weight: 400;
        padding: 12px 14px;
    }
}

.product-faq__icon {
    flex: 0 0 11px;
    width: 11px;
    height: 6px;
    /* border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor; */
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.35786 -2.15255e-05L10.1907 0.833621L5.65164 5.37426C5.57891 5.44746 5.49242 5.50554 5.39715 5.54518C5.30189 5.58482 5.19972 5.60522 5.09654 5.60522C4.99335 5.60522 4.89118 5.58482 4.79592 5.54518C4.70065 5.50554 4.61416 5.44746 4.54143 5.37426L2.08573e-07 0.833621L0.832857 0.00076393L5.09536 4.26248L9.35786 -2.15255e-05Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    /* transform: rotate(45deg); */
    transition: transform 0.2s ease;
    background-size: 11px 6px;
}

.product-faq__question[aria-expanded="true"] .product-faq__icon {
    transform: rotate(180deg);
}

.product-faq__answer {
    padding: 0 14px 16px;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.product-faq__answer[hidden] {
    display: none;
}

.product-faq__answer p:last-child {
    margin-bottom: 0;
}

.row.cat-blog-resource {
    padding-bottom: 60px;
    @media screen and (max-width:767px) {
        padding-bottom: 30px;
    }
    h2 {
        font-size: 20px;
        font-family: articulat-cf, sans-serif;
        margin-bottom: 0;
        font-weight: 600;
        margin-bottom: 0;
        letter-spacing: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #E2DCCE;
        margin-bottom: 30px !important;
    }
}

#related-categories {
  h3, h2.related-categories {
        font-size: 13px !important;
        font-family: articulat-cf, sans-serif;
        font-weight: 700 !important;
        letter-spacing: 0;
        color: #423F37 !important;
        border: 0px;
    }
}
div.related-categories {
    margin-bottom: 30px !important;
    display: flex;
     flex-wrap: wrap;
        gap: 10px;
        padding: 0;
        margin: 0;
        
       a {
                display: flex;
                background-color: #FBF9F4 !important;
                border-radius: 3px !important;
                text-transform: uppercase;
                font-family: articulat-cf, sans-serif;
                font-weight: 600 !important;
                font-size: 12px !important;
                padding: 10px 15px !important;
                text-decoration: none !important;
                letter-spacing: 0 !important;
                line-height: 1.4 !important;
                &:hover {
                    background: #1D1F20 !important;
                    color: #ffffff !important;
                }
            }
}
.custom-blog-tag-row {
    h3 {
        font-size: 13px;
        font-weight: 700;
        font-family: articulat-cf, sans-serif;
        letter-spacing: 0;
        color: #423F37;
    }
    ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0;
        margin: 0;
        li {
            padding: 0;
            margin: 0;
            &:before {
                display: none;
            }
            a {
                display: flex;
                background-color: #FBF9F4;
                color: #1D1F20;
                border-radius: 3px;
                text-transform: uppercase;
                font-weight: 600;
                font-family: articulat-cf, sans-serif;
                font-size: 12px;
                padding: 10px 15px;
                text-decoration: none;
                letter-spacing: 0;
                line-height: 1.4;
                &:hover {
                    background: #1D1F20;
                    color: #ffffff;
                }
            }
        }
    }
}

main.product {
    nav.breadcrumbs .breadcrumb-label span {
        font-size: 11px;
        color: #6B6454 !important;
        font-weight: 400;
    }
    nav.breadcrumbs .breadcrumb-label:hover {
        text-decoration: none;
    }
    nav.breadcrumbs .breadcrumb-label:hover span {
        color: #18160F !important;
        text-decoration: none;
    }
    nav.breadcrumbs span {
        font-size: 11px;
        color: #18160F;
        font-weight: 500;
    }
    nav.breadcrumbs li + li::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='4' height='6' viewBox='0 0 4 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.416672 5.41667L2.91667 2.91667L0.416672 0.416672' stroke='%236B6454' stroke-width='0.833333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        width: 4px;
        height: 6px;
        margin-top: 2px;
    }
      nav.breadcrumbs li {
        @media screen and (max-width:1023px) {
            display: block;
        }
      }
      nav.breadcrumbs ol {
        flex-wrap: nowrap;
        overflow: auto;
        .breadcrumb  {
            white-space: nowrap;
        }
      }
}

.det-product .sticky-info.js-stuck {
     .quantity + .form-action {
            width: auto !important;
            padding: 0 !important;
            top:0 !important;
         }
         .form-field.quantity {
  & .inc-minus, & .inc-plus {
    height: 42px !important;
  }
         }
}

.stamped-badge-starrating {
    .stamped-fa {
        color: #A57C3F !important;
        &:before {
            font-size: 14px;
            color: #A57C3F !important;
        }
    }
  
}
.product .stamped-product-reviews-badge  {
     .stamped-badge-caption {
        font-size: 12px;
        font-family: articulat-cf, sans-serif;
        color: #423F37;
        text-decoration: underline;
        margin-left: 10px;
    }
}
#Reviews {
    .summary-overview {
        @media screen and (max-width:767px) {
            text-align: left !important;
        }
    }
    & div[data-widget-style*="standard"] .summary-rating-bar {
         @media screen and (max-width:767px) {
        width: calc(100% - 115px) !important;
         }
    }
    & p.stamped-review-content-body {
      @media screen and (max-width:767px) {
        font-size: 14px;
      }
    }
    & .stamped-review-header .created, & .stamped-review-header-byline .created {
        @media screen and (max-width:767px) {
        font-size: 12px;
      }
    }
    & .stamped-reviews .stamped-review {
        @media screen and (max-width:767px) {
            padding: 20px 20px 0;
            margin-bottom: 10px;
        }
    }
    div.stamped-container[data-widget-style], div[data-widget-style] div.stamped-container {
        @media screen and (max-width:767px) {
            margin-top: 10px !important;
        }
    }
    & .stamped-summary-text-1 {
         @media screen and (max-width:767px) {
            font-size: 44px;
         }
    }
    div[data-widget-style*="standard"] .stamped-summary-actions {
        clear: both;
        float: left;
        margin-bottom: 40px;
    }
    .stamped-summary-photos.stamped-summary-photos-container {
        float: right;
    }
    .stamped-photos-carousel > div {
        text-align: right;
    }
    .stamped-summary-photos-container .stamped-photos-carousel .photo.stamped-photo img {
        border-radius: 4px;
    }
    div[data-widget-style*="standard"] .stamped-summary-ratings {
        @media screen and (min-width:1024px) {
           
                width: 400px !important;
       
        }
    }
    & div[data-widget-style*="standard"] .summary-rating-bar {
         @media screen and (min-width:1024px) {
           
                width: 240px !important;
       
        }
    }
    .stamped-summary-actions-newquestion {
         @media screen and (min-width:1024px) {
            margin-left: 0;
           
         }
    }
    .stamped-summary-actions-newquestion,
    .stamped-summary-actions-newreview {
        @media screen and (min-width:1024px) {
      min-width: 300px;
        }
    }
    .stamped-summary-photos.stamped-summary-photos-container {
        @media screen and (max-width:767px) {
            max-width: 100$;
            min-width: 100%;
        }
    }
    .stamped-photos-carousel > div {
     @media screen and (max-width:767px) {
        text-align: left;
     }
    }
   .stamped-summary-actions-clear,  .stamped-summary-actions-newquestion, .stamped-summary-actions-newreview,  .stamped-summary-actions-mobile-filter {
        font-family: articulat-cf, sans-serif;
    }
    .new-review-form, .stamped-content form {
        border: 1px solid #E2DCCE !important;
        margin-bottom: 20px !important;
    }
    input.stamped-form-input-email, input.stamped-form-input-text, textarea.stamped-form-input-textarea {
        border: 1px solid #E2DCCE !important;
    }
}

.row.cat-blog-resource  h2.related-categories {
        font-size: 13px !important;
        font-family: articulat-cf, sans-serif;
        font-weight: 700 !important;
        letter-spacing: 0;
        color: #423F37 !important;
        border: 0px;
    }

.product [contenteditable="true"]:focus, 
.product [href]:focus, 
.product [tabindex]:not([tabindex="-1"]):focus, 
.product button:focus, 
.product details:focus, 
.product input:focus, 
.product select:focus, 
.product textarea:focus {
 outline: 0px dashed #333 !important;
  outline-offset: 0px !important;
}
.form-wishlist  [class*="btn-"][aria-expanded="true"] + ul {
    min-width: 250px;
    left: auto !important;
    right: 0;
    border: 1px solid #E2DCCE !important;
}
.form-wishlist  [class*="btn-"][aria-expanded="true"] + ul li + li {
    border-top: 1px solid #E2DCCE !important;
}