/* Theme Name: Sam The Paving Man 
Theme URI: https://jimmyweb.net/ 
Author: luke@Jimmyweb.com 
Author URI: https://jimmyweb.net/ 
Description: Sam The Paving Man custom WordPress theme. 
*/
 
 
 .home-banner {
     height: 100vh !important;
     max-width: 100vw !important;
}
 html {
     scroll-behavior: smooth;
}
 .grid-two-col {
     display: flex;
     gap: 20px;
     align-items: center;
     padding-bottom: var(--small-gap);
     align-items: flex-start;
    /* Align children to the top */
}
 .grid-two-col.flip > .picture {
     order: 2;
}
 .grid-two-col.flip > .text {
     order: 1;
}
 h2.headline-row.headline.year {
     padding-top: 0px;
}
 .headline-row-year {
     display: grid;
     grid-template-columns: 2fr auto;
     align-items: center;
     padding-top: 20px;
     margin-bottom: var(--small-gap);
     gap: 50px;
     border-top: 2px solid var(--border-color-2);
}
 h2.headline-row.headline.year {
     border: 0px;
}
 .box.flex.year {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: var(--small-gap);
     padding-top: var(--container-gap);
     padding-bottom: var(--container-gap);
}
 .box.flex.mar-small-up.year {
     border-top: 2px solid var(--border-color);
}
 .timeline-group-item .picture img {
     filter: grayscale(100%);
     transition: filter 0.3s ease;
}
 .timeline-group-item.active .picture img {
     filter: none;
}
 @media (max-width: 750px) {
     .box.flex.year {
         grid-template-columns: 1fr;
         gap: var(--smallest-gap);
    }
     .years-line {
         display: none !important;
    }
     .years-navigation ul {
         position: relative;
    }
     .years-navigation ul::before {
         content: '';
         position: absolute;
         top: 9px;
         left: 0;
         width: 100%;
         min-width: max-content;
         height: 1px;
         background: var(--border-color);
         z-index: 1;
         pointer-events: none;
    }
     .history-year-nav {
         margin: 3rem 0 0rem !important;
    }
     .years-navigation {
         overflow-x: auto;
         padding-bottom: 10px;
    }
     .years-navigation ul {
         display: flex;
         flex-wrap: nowrap;
         min-width: max-content;
         padding: 0 15px !important;
         gap: 1.5rem;
    }
     .year-item {
         flex: none !important;
         min-width: 100px;
         padding-bottom: 15px;
    }
     .headline.top-year {
         margin: 2rem 0 0 !important;
         font-size: 2.5rem !important;
    }
     .dot {
         top: 5px !important;
         width: 8px !important;
         height: 8px !important;
    }
     .years-navigation {
         scroll-padding-inline: 15px;
    }
     .years-navigation::-webkit-scrollbar {
         display: none;
    }
     .years-navigation {
         -ms-overflow-style: none;
         scrollbar-width: none;
    }
}
/* Gravity Forms - Form #10 only - match 'contact-us-module' field style */
 #gform_10 input[type="text"],#gform_10 input[type="email"],#gform_10 input[type="password"],#gform_10 input[type="tel"],#gform_10 textarea,#gform_0 input[type="text"],#gform_0 input[type="email"],#gform_0 input[type="password"],#gform_0 input[type="tel"],#gform_0 textarea {
     box-sizing: border-box;
     width: 100%;
     height: 60px;
     padding: 24px 20px !important;
     border: 1px solid var(--border-color-2);
     transition: all .3s;
     font-size: 12px !important;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     margin-bottom: 0;
}
 .gf_login_links a[title="Register"] {
     display: none !important;
}
 .gf_login_links a[title="Register"] + br {
     display: none !important;
}
/* For textarea specifically in form #10, likely want more height */
 #gform_10 textarea {
     height: 120px;
     resize: vertical;
}

/**** 120625 ****/

 .btn.flex {
     position: relative;
     width: fit-content;
     flex-flow: row nowrap;
     align-items: center;
     grid-gap: 10px;
     border: 1px solid #000;
     box-sizing: border-box;
     padding: 8px 16px;
     cursor: pointer;
}
 @media (min-width: 768px) {
     .btn.flex {
         grid-gap: 30px;
    }
}
 .btn.flex .gray {
     font-weight: 500;
}
 .btn.flex .icon {
     box-sizing: border-box;
     width: 48px;
     height: 48px;
     border: none !important;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
}
 .btn.flex .icon svg {
     width: 27px;
     height: auto;
     border: none !important;
}
 .btn.flex .icon svg rect {
     stroke: none !important;
     fill: transparent !important;
}
 @media (min-width: 1024px) {
     .btn.flex .icon {
         width: 48px;
         height: 48px;
    }
     .btn.flex .icon svg {
         width: 27px;
         height: auto;
         border: none !important;
    }
     .btn.flex .icon svg rect {
         stroke: none !important;
         fill: transparent !important;
    }
}
 .btn.flex::before {
     background-color: #000;
     bottom: 0;
     content: "";
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     width: 100%;
     will-change: transform, left;
     transform-origin: bottom right;
}
 .btn.flex:not(.tiny):not(.medium) svg {
     width: 40px;
     height: auto;
     flex-shrink: 0;
     border: none !important;
}
 .btn.flex:not(.tiny):not(.medium) svg rect {
     stroke: none !important;
     fill: transparent !important;
}
 @media (min-width: 1024px) {
     .btn.flex:not(.tiny):not(.medium) svg {
         width: 48px;
         border: none !important;
    }
     .btn.flex:not(.tiny):not(.medium) svg rect {
         stroke: none !important;
         fill: transparent !important;
    }
}
 .btn.flex svg {
     z-index: 1;
     border: none !important;
}
 .btn.flex svg rect {
     stroke: none !important;
     fill: transparent !important;
}
 .btn.flex .fonts-16, .btn.flex .fonts-13, .btn.flex .fonts-12 {
     margin: 0;
}
 .btn.flex b {
     font-weight: 500;
}
 .btn.flex.btn-to-filter {
     padding-top: 10px;
     padding-bottom: 10px;
     grid-gap: 20px;
}
 .btn.flex.btn-to-filter svg {
     transform: translateX(-8px);
     border: none !important;
}
 .btn.flex.btn-to-filter svg rect {
     stroke: none !important;
     fill: transparent !important;
}
 .btn.flex.btn-to-filter .fonts-16, .btn.flex.btn-to-filter .fonts-13, .btn.flex.btn-to-filter .fonts-12 {
     transform: translateX(8px);
}
 @media (max-width: 550px) {
     .btn.flex.btn-to-filter .fonts-16, .btn.flex.btn-to-filter .fonts-13, .btn.flex.btn-to-filter .fonts-12 {
         transform: translateX(8px);
    }
}
 .btn.flex.btn-to-filter:hover svg {
     transform: translateX(-8px);
     border: none !important;
}
 .btn.flex.btn-to-filter:hover svg rect {
     stroke: none !important;
     fill: transparent !important;
}
 .btn.flex.btn-to-filter:hover .fonts-16, .btn.flex.btn-to-filter:hover .fonts-13, .btn.flex.btn-to-filter:hover .fonts-12 {
     transform: translateX(8px);
}
 @media (max-width: 550px) {
     .btn.flex.btn-to-filter:hover .fonts-16, .btn.flex.btn-to-filter:hover .fonts-13, .btn.flex.btn-to-filter:hover .fonts-12 {
         transform: translateX(8px);
    }
}
 .btn.flex:hover::before {
     transform: scaleX(1);
     transform-origin: bottom left;
}
 .btn.flex:hover svg {
     transform: translateX(5px);
     border: none !important;
}
 .btn.flex:hover svg rect {
     fill: transparent !important;
     stroke: none !important;
}
 .btn.flex:hover svg path {
     stroke: #fff;
}
 .btn.flex:hover .fonts-16, .btn.flex:hover .fonts-13, .btn.flex:hover .fonts-12 {
     color: #fff;
     transform: translateX(-15px);
}
 @media (max-width: 550px) {
     .btn.flex:hover .fonts-16, .btn.flex:hover .fonts-13, .btn.flex:hover .fonts-12 {
         transform: translateX(-5px);
    }
}
/**** 160625 ****/

 .restricted-resource,.restricted-resource .item,.restricted-resource a, {
     stroke: #939393;
}
 .restricted-resource svg rect {
     stroke: #939393;
}
 .restricted-resource svg path {
     stroke: #939393;
}
 .restricted-resource svg {
     color: #939393;
}
 .restricted-resource::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(255, 255, 255, 0.3);
     pointer-events: none;
     z-index: 1;
}
 .lock-indicator {
     border-radius: 0%;
     width: 30px;
     height: 30px;
     display: flex !important;
     align-items: center;
     justify-content: center;
}
 .login-required-text {
     font-weight: bold !important;
     color: #666 !important;
}
 .popup-login-section {
     margin-bottom: 20px;
}
 .popup-login-section h3 {
     margin: 0 0 10px 0;
     font-size: 18px;
     font-weight: 600;
}
 .popup-login-section p {
     margin: 0 0 20px 0;
     font-size: 14px;
     color: #666;
}
 .filter-resources-type {
     clear: both;
     width: 100%;
     display: block;
}
 .custom-member-login h3 {
     margin-top: 0;
     color: #333;
     font-size: 18px;
}
 .custom-member-login p {
     color: #666;
     margin: 10px 0;
}
 .custom-login-form {
     display: flex;
     flex-direction: column;
     gap: 15px;
     margin: 15px 0;
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
}
 .custom-login-form input[type="text"],.custom-login-form input[type="password"] {
     box-sizing: border-box;
     width: 100%;
     height: 60px;
     padding: 24px 20px;
     border: 1px solid var(--border-color-2, #ddd);
     transition: all .3s;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     margin-bottom: 0;
}
 .remember-me-label {
     display: flex;
     align-items: center;
     font-size: 14px;
}
 .custom-login-form input[type="submit"] {
     position: relative;
     width: 100%;
     box-sizing: border-box;
     padding: 8px 16px;
     border: 1px solid #000;
     background: transparent;
     color: #000;
     cursor: pointer;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     overflow: hidden;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
}
 .custom-login-form input[type="submit"]:hover {
     background-color: black;
     color: #fff;
     z-index: 2;
}
 .custom-member-login .custom-login-form input[type="submit"] {
     position: relative;
     width: 100%;
     box-sizing: border-box;
     padding: 8px 16px;
     border: 1px solid #000;
     background: transparent;
     color: #000;
     cursor: pointer;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     overflow: hidden;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .custom-member-login .custom-login-form input[type="submit"]:hover {
     background-color: black;
     color: #fff;
     z-index: 2;
}
 .login-links {
     margin-top: 15px;
}
 .login-links a {
     color: #282828;
     text-decoration: none;
     font-size: 12px;
     letter-spacing: 1.44px;
     text-transform: uppercase;
}
 .login-links a:hover {
     text-decoration: underline;
}

 .popup-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1000;
}
 .popup-content {
     background: white;
     border-radius: 8px;
     max-width: 500px;
     width: 90%;
     max-height: 80vh;
     overflow-y: auto;
     position: relative;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
 .popup-header {
     padding: 20px 30px 15px;
     border-bottom: 1px solid #eee;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .popup-header h3 {
     margin: 0;
     font-size: 18px;
     font-weight: 600;
}
 .popup-close {
     background: none;
     border: none;
     font-size: 24px;
     cursor: pointer;
     color: #999;
     padding: 0;
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     transition: background-color 0.2s;
}
 .popup-close:hover {
     background-color: #f5f5f5;
     color: #333;
}
 .popup-body {
     padding: 20px 30px 30px;
}
 .popup-divider {
     text-align: center;
     margin: 30px 0;
     position: relative;
}
 .popup-divider:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     height: 1px;
     background-color: #eee;
}
 .popup-divider span {
     background-color: white;
     padding: 0 20px;
     color: #999;
     font-size: 14px;
     font-weight: 500;
}
 .registration-section h3 {
     margin: 0 0 15px 0;
     font-size: 18px;
     font-weight: 600;
}
/* Responsive */
 @media (max-width: 768px) {
     .popup-content {
         width: 95%;
         margin: 20px;
    }
     .popup-header,.popup-body {
         padding: 15px 20px;
    }
}
/**** 170625 ****/

 #gform_wrapper_10 .selectr-container.open .selectr-selected::before {
     transform: translateX(-50%) translateY(-50%) rotate(180deg) !important;
}
 #gform_wrapper_10 .selectr-container .selectr-options-container {
     border: #282828 solid 1px !important;
}
 #gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options {
     padding: 20px 16px !important;
}
 #gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option {
     padding: 0 !important;
     color: #282828 !important;
     font-family: "Satoshi", sans-serif !important;
     font-size: 12px !important;
     font-style: normal !important;
     font-weight: 500 !important;
     line-height: normal !important;
     letter-spacing: 1.44px !important;
     text-transform: uppercase !important;
}
 #gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option:not(:last-of-type) {
     margin-bottom: 15px !important;
}
 #gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option.active, #gform_wrapper_10 .selectr-container .selectr-options-container .selectr-options .selectr-option.selected {
     background-color: transparent !important;
     text-decoration: underline !important;
}
 #gform_wrapper_10 .selectr-selected {
     padding: 20px 16px !important;
     border: 1px solid var(--border-color-2) !important;
     font-family: "Satoshi", sans-serif !important;
     font-size: 12px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     line-height: 100% !important;
     letter-spacing: 1.44px !important;
     border-radius: 0 !important;
     position: relative !important;
}
 #gform_wrapper_10 .selectr-selected .selectr-label {
     text-transform: uppercase !important;
     color: #9F9F9F !important;
}
 #gform_wrapper_10 .selectr-selected::before {
     display: block !important;
     font-family: 'stpvm' !important;
     content: "\e901" !important;
     border: none !important;
     font-size: 6px !important;
     width: 10px !important;
     height: 10px !important;
     transform: translateX(-50%) translateY(-50%) !important;
     transform-origin: center center !important;
     transition: all .3s ease !important;
     position: absolute !important;
     right: 16px !important;
     top: 50% !important;
}
 #gform_wrapper_10 .jcf-checkbox {
     border-color: #000 !important;
     flex-shrink: 0 !important;
     margin-right: 10px !important;
}
 #gform_wrapper_10 .jcf-checkbox.jcf-focus {
     border-color: #000 !important;
}
 #gform_wrapper_10 .jcf-checkbox.jcf-focus span {
     border-color: #000 !important;
}
 #gform_wrapper_10 .jcf-checkbox span {
     margin: -6px 0 0 -6px !important;
     height: 0px !important;
     width: 0px !important;
     border: 6px solid #000 !important;
     transform: none !important;
}
 #gform_wrapper_10 .gfield_checkbox .gchoice {
     margin-bottom: 16px !important;
     display: flex !important;
     align-items: center !important;
}
 #gform_wrapper_10 .gfield_checkbox .gchoice label {
     color: #9F9F9F !important;
     font-family: "Satoshi", sans-serif !important;
     font-size: 11px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     line-height: normal !important;
     letter-spacing: 1.44px !important;
     text-transform: uppercase !important;
}
/* Styles for #gform_0 */
 #gform_0 .jcf-checkbox {
     border-color: #000 !important;
     flex-shrink: 0 !important;
     margin-right: 10px !important;
}
 #gform_0 .jcf-checkbox.jcf-focus {
     border-color: #000 !important;
}
 #gform_0 .jcf-checkbox.jcf-focus span {
     border-color: #000 !important;
}
 #gform_0 .jcf-checkbox span {
     margin: -6px 0 0 -6px !important;
     height: 0px !important;
     width: 0px !important;
     border: 6px solid #000 !important;
     transform: none !important;
}
 #gform_0 .gfield_checkbox .gchoice {
     margin-bottom: 16px !important;
     display: flex !important;
     align-items: center !important;
}
 #gform_0 .gfield_checkbox .gchoice label {
     color: #9F9F9F !important;
     font-family: "Satoshi", sans-serif !important;
     font-size: 11px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     line-height: normal !important;
     letter-spacing: 1.44px !important;
     text-transform: uppercase !important;
}
 .registration-section h2.gform_title {
     margin-bottom: 20px;
     font-size: 18px;
}
/* Add to enquiry cart button */
 a.btn.flex.btn-add-to-enquiry-cart {
     background-color: black;
     color: white;
}
 a.btn.flex.btn-add-to-enquiry-cart svg rect {
     stroke: transparent;
    /* fill: transparent;
     */
}
 a.btn.flex.btn-add-to-enquiry-cart svg path {
     stroke: white;
}
 a.btn.flex.btn-open-favourites {
     background-color: black;
     color: white;
}
 a.btn.flex.btn-open-favourites svg rect {
     stroke: transparent;
    /* fill: transparent !important;
     */
}
 a.btn.flex.btn-open-favourites svg path {
     stroke: white;
    /* fill: transparent !important;
     */
}
 .btn svg rect {
    /* fill: transparent !important;
    */
}
/**** 180625****/

 .lwa-form input[type="text"],.lwa-form input[type="password"] {
     box-sizing: border-box;
     width: 100%;
     height: 60px;
     padding: 24px 20px;
     border: 1px solid var(--border-color-2, #ddd);
     transition: all .3s;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     margin-bottom: 0;
}
 .lwa-form input[type="text"]:focus,.lwa-form input[type="password"]:focus {
     outline: none;
     border-color: #000;
}
 .lwa-form input[type="submit"],.lwa-form .button-primary {
     position: relative;
     width: 100%;
     box-sizing: border-box;
     padding: 8px 16px;
     border: 1px solid #000;
     background: transparent;
     color: #000;
     cursor: pointer;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     overflow: hidden;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
}
 .lwa-form input[type="submit"]:hover,.lwa-form .button-primary:hover {
     background-color: black;
     color: #fff;
     z-index: 2;
}
 .lwa-links label {
     display: flex;
     align-items: center;
     font-size: 14px;
     cursor: pointer;
}
 .lwa-links .label-body {
     margin-left: 8px;
     font-size: 12px;
     letter-spacing: 1.44px;
     text-transform: uppercase;
}
 .lwa-username.input-field,.lwa-password.input-field {
     margin-bottom: 15px;
}
 .lwa-username label,.lwa-password label {
     display: block;
     margin-bottom: 5px;
     font-size: 12px;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     color: #333;
}
 .lwa-submit-button {
     margin-bottom: 15px;
}
 .lwa-status {
     display: block;
     margin-bottom: 15px;
     padding: 10px;
     font-size: 12px;
     letter-spacing: 1.44px;
     text-transform: uppercase;
}
 .lwa-status-invalid {
     color: #d63384;
     background-color: #f8d7da;
     border: 1px solid #f1aeb5;
}
/* Form container */
 .lwa-form {
     display: flex;
     flex-direction: column;
     gap: 0;
     max-width: 100%;
}
 .grid-container.submit {
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 .lwa-username label, .lwa-password label {
     display:none !important;
}
 .lwa-links {
     display: flex !important;
     align-items: center !important;
     margin-bottom: 16px !important;
}
 .lwa-links label {
     flex-direction: row-reverse !important;
}
 .lwa-links label.jcf-label-active {
     display: flex !important;
     flex-direction: row-reverse !important;
     align-items: center !important;
     margin: 0 !important;
     padding: 0 !important;
     cursor: pointer !important;
}
 .lwa-links .jcf-checkbox {
     border-color: #000 !important;
     border: 1px solid #000 !important;
     flex-shrink: 0 !important;
     margin-right: 10px !important;
     width: 14px !important;
     height: 14px !important;
     position: relative !important;
     background: transparent !important;
     border-radius: 0 !important;
     box-shadow: none !important;
}
 .lwa-links .jcf-checkbox.jcf-focus {
     border-color: #000 !important;
}
 .lwa-links .jcf-checkbox.jcf-focus span {
     border-color: #000 !important;
}
 .lwa-links .jcf-checkbox span {
     margin: -6px 0 0 -6px !important;
     height: 0px !important;
     width: 0px !important;
     border: 6px solid #000 !important;
     transform: none !important;
     position: absolute !important;
     top: 50% !important;
     left: 50% !important;
     background: none !important;
     border-radius: 0 !important;
}
 .lwa-links .jcf-checkbox:not(.jcf-checked) span {
     display: none !important;
}
 .lwa-links .label-body {
     color: #9F9F9F !important;
     font-family: "Satoshi", sans-serif !important;
     font-size: 11px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     line-height: normal !important;
     letter-spacing: 1.44px !important;
     text-transform: uppercase !important;
     margin: 0 !important;
     padding: 0 !important;
     background: none !important;
     border: none !important;
}
 .lwa-links .jcf-checkbox input[type="checkbox"] {
     position: absolute !important;
     opacity: 0 !important;
     width: 100% !important;
     height: 100% !important;
     margin: 0 !important;
     padding: 0 !important;
     border: none !important;
     background: none !important;
     z-index: 1 !important;
}
 span.lwa-status.lwa-status-invalid a {
     font-weight: bold;
}
 .btn.flex {
     background: white;
}
 .forgotten-password a {
     text-transform: uppercase;
     margin: 0 0 10px 0;
     font-size: 12px;
     font-weight: 600;
}
 body.page-id-1130 section.resources-module.mar-big-down .double-col-26-74 {
     grid-template-columns: 35% 65% !important;
}
 @media (max-width: 751px) {
     body.page-id-1130 section.resources-module.mar-big-down .double-col-26-74 {
         grid-template-columns: 100% !important;
    }
}
 @media (max-width: 751px) {
     .lock-indicator {
         left: 11px !important;
         top: 23px !important;
    }
}

/**** 190625 ****/

 .home-banner .headline-bigger {
     text-transform: unset !important;
}
 legend.gfield_label.gform-field-label.gfield_label_before_complex {
     text-transform: uppercase !important;
     margin: 0 0 10px 0 !important;
     font-size: 12px !important;
     font-weight: 600 !important;
}
 #input_8_16::placeholder {
     text-transform: uppercase !important;
}
 #input_8_16 {
     padding: 20px 16px !important;
     border: #282828 solid 1px !important;
     font-family: "Satoshi", sans-serif !important;
     font-size: 12px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     letter-spacing: 1.44px !important;
}

/**** 040925 ****/

 @media (max-width: 480px) and (orientation: portrait) {
     .home-banner {
         height: 88vh !important;
    }
}


.banner-inner-page .slick-slide {
     margin: 0 !important;
     padding: 0 10px;
     box-sizing: border-box;
}
 .banner-inner-page .slick-list {
     margin: 0 -10px;
}

 .banner-inner-page .box {
     position: relative;
}
 .banner-inner-page .slick-arrow {
     position: absolute;
     transform: translateY(-50%);
     z-index: 10;
}




/* PhotoSwipe 5 */
 .pswp {
     --pswp-bg: rgba(0, 0, 0, 0.96);
}
 .pswp__button--arrow--prev, .pswp__button--arrow--next {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px !important;
     height: 48px !important;
     background: transparent !important;
     opacity: 0.98;
}
 .pswp--one-item .pswp__button--arrow {
     display: none !important;
}
 .pswp__button--arrow[aria-disabled="true"] {
     opacity: 0.3 !important;
     pointer-events: none;
     display: none !important;
}
 .pswp__button--arrow--prev {
     left: 8px !important;
}
 .pswp__button--arrow--next {
     right: 8px !important;
}
 .pswp__button--arrow .pswp__icn {
     display: none !important;
}
 .pswp__button--arrow--prev::before, .pswp__button--arrow--next::before {
     content: '';
     display: block;
     width: 48px;
     height: 48px;
     background-repeat: no-repeat;
     background-size: 48px 48px;
}
 .pswp__button--arrow--prev::before {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Crect width='48' height='48' transform='matrix(-1%200%200%201%2048%200)' fill='%23282828'/%3E%3Cpath d='M37%2023.5996L11.3333%2023.5996' stroke='%23F9F8F5' stroke-linecap='round'/%3E%3Cpath d='M11.3365%2023.6C12.9253%2023.1111%2016.3231%2021.1067%2017.2031%2017' stroke='%23F9F8F5' stroke-linecap='round'/%3E%3Cpath d='M11.3365%2023.5992C12.9253%2024.0881%2016.3231%2026.0926%2017.2031%2030.1992' stroke='%23F9F8F5' stroke-linecap='round'/%3E%3C/svg%3E");
}
 .pswp__button--arrow--next::before {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Crect width='48' height='48' fill='%23282828'/%3E%3Cpath d='M11%2023.5996L36.6667%2023.5996' stroke='%23F9F8F5' stroke-linecap='round'/%3E%3Cpath d='M36.6635%2023.6C35.0747%2023.1111%2031.6769%2021.1067%2030.7969%2017' stroke='%23F9F8F5' stroke-linecap='round'/%3E%3Cpath d='M36.6635%2023.5992C35.0747%2024.0881%2031.6769%2026.0926%2030.7969%2030.1992' stroke='%23F9F8F5' stroke-linecap='round'/%3E%3C/svg%3E");
}
 .pswp__button--arrow[aria-disabled="true"] {
     opacity: 0.3 !important;
     pointer-events: none;
}
 @media (max-width: 480px) {
     .pswp__button--arrow--prev, .pswp__button--arrow--next {
         width: 56px !important;
         height: 56px !important;
    }
     .pswp__button--arrow--prev::before, .pswp__button--arrow--next::before {
         width: 56px;
         height: 56px;
         background-size: 56px 56px;
    }
}

/**** 080925 ****/

 .banner-inner-page .product-gallery-swiper {
     position: relative;
     width: 100%;
     overflow: hidden;
}
 .banner-inner-page .swiper-wrapper {
     display: flex;
     padding: 0;
     margin: 0;
     list-style: none;
     align-items: stretch;
}
 .banner-inner-page .swiper-slide {
     flex-shrink: 0;
     height: auto;
     position: relative;
     display: flex;
     flex-direction: column;
}
 .banner-inner-page .swiper-slide .picture {
     width: 100%;
     position: relative;
     padding-bottom: 66.67%;
     overflow: hidden;
     background: #f5f5f5;
}
 .banner-inner-page .swiper-slide .picture a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
}
 .banner-inner-page .swiper-slide .picture img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
     object-fit: cover !important;
     display: block;
}
 .banner-inner-page.auto-height .swiper-slide .picture {
     padding-bottom: 0;
     height: 500px;
}
 .banner-inner-page.auto-height .swiper-slide .picture img {
     position: relative;
     top: auto;
     left: auto;
     transform: none;
     width: 100%;
     height: 100%;
     object-fit: cover !important;
}
 .banner-inner-page .swiper-slide p {
     margin-top: 10px;
     min-height: 1.5em;
}
 .banner-inner-page .btn-left, .banner-inner-page .btn-right {
     position: absolute;
     top: 50%;
     z-index: 10;
     cursor: pointer;
     transition: opacity 0.3s ease;
     transform: translateY(-50%);
}
 .banner-inner-page .btn-left {
     left: 10px;
}
 .banner-inner-page .btn-right {
     right: 10px;
}
 .banner-inner-page .btn-left.swiper-button-disabled, .banner-inner-page .btn-right.swiper-button-disabled {
     opacity: 0.35;
     cursor: not-allowed;
}
 .banner-inner-page .swiper-button-prev::after, .banner-inner-page .swiper-button-next::after {
     display: none;
}
 @media (max-width: 1023px) {
     .banner-inner-page .swiper-slide {
         width: 100%;
    }
     .banner-inner-page .swiper-slide .picture {
         padding-bottom: 75%;
    }
     .banner-inner-page.auto-height .swiper-slide .picture {
         height: 350px;
    }
}
 @media (max-width: 640px) {
     .banner-inner-page .swiper-slide .picture {
         padding-bottom: 80%;
    }
     .banner-inner-page.auto-height .swiper-slide .picture {
         height: 280px;
    }
}

/**** 090925 ****/

 .box .swiper-button-prev, .box .swiper-button-next {
     width: 48px !important;
     height: 48px !important;
     padding: 0 !important;
     background: none !important;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .box .swiper-button-prev::after, .box .swiper-button-next::after {
     content: none !important;
     / 
}
 .box svg.swiper-button-prev, .box svg.swiper-button-next {
     width: 48px !important;
     height: 48px !important;
     flex: 0 0 48px !important;
}
 .banner-inner-page .btn-left.swiper-button-lock, .banner-inner-page .btn-right.swiper-button-lock {
     display: none !important;
}
 .banner-inner-page .btn-left.swiper-button-disabled, .banner-inner-page .btn-right.swiper-button-disabled {
     display: none !important;
     opacity: 0 !important;
     pointer-events: none !important;
     visibility: hidden !important;
}
 .banner-inner-page .btn-left[hidden], .banner-inner-page .btn-right[hidden] {
     display: none !important;
}
/**** 100925 ****/
 .banner-inner-page .swiper-button-prev, .banner-inner-page .swiper-button-next {
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
}
 .product-gallery-swiper.swiper-initialized ~ .swiper-button-prev, .product-gallery-swiper.swiper-initialized ~ .swiper-button-next {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
}
 .banner-inner-page .swiper-button-disabled {
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
}

/**** 140925 ****/

 .stone-slider-module {
     overflow-y: hidden;
}
 @media(max-width: 768px) {
     .stone-slider-module {
         padding-top: 15px;
    }
}
 .stone-slider-module .stone-slider-wrapper {
     position: relative;
     display: flex;
     overflow-x: clip;
     padding-bottom: 58px;
}
 .stone-slider-module .stone-swiper-container {
     text-wrap: nowrap;
     width: 100%;
}
 .stone-slider-module .stone-slide-item {
     display: flex;
     box-sizing: border-box;
     height: auto;
}
 .stone-slider-module .stone-slide-box {
     width: 100%;
}
 .stone-slider-module .stone-image-wrapper {
     position: relative;
     width: 100%;
     overflow: hidden;
}
 .stone-slider-module .stone-image-wrapper::after {
     content: "";
     display: block;
     padding-top: 100%;
}
 .stone-slider-module .stone-image-wrapper img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .stone-slider-module .stone-slide-title {
     line-height: 1.15;
     margin-top: 22px;
     font-size:22px;
}
 .stone-slider-module .btn-left {
     position: absolute;
     cursor: pointer;
     transform: rotateY(180deg);
     margin-left: -2px;
     display: flex;
     transform: translateY(-50%);
     z-index: 10;
}
 .stone-slider-module .btn-left svg {
     transform: rotate(180deg);
}
 .stone-slider-module .btn-left svg rect:nth-of-type(2) {
     display: block;
     width: 0;
     height: 100%;
     transition: width .3s ease;
}
 .stone-slider-module .btn-left svg path {
     transition: stroke .3s ease;
}
 .stone-slider-module .btn-left:hover svg rect:nth-of-type(2) {
     width: 100%;
}
 .stone-slider-module .btn-left:hover svg path {
     stroke: #fff;
}
 .stone-slider-module .btn-right {
     position: absolute;
     cursor: pointer;
     margin-right: -2px;
     display: flex;
     transform: translateY(-50%);
     z-index: 10;
}
 .stone-slider-module .btn-right svg rect:nth-of-type(2) {
     display: block;
     width: 0;
     height: 100%;
     transition: width .3s ease;
}
 .stone-slider-module .btn-right svg path {
     transition: stroke .3s ease;
}
 .stone-slider-module .btn-right:hover svg rect:nth-of-type(2) {
     width: 100%;
}
 .stone-slider-module .btn-right:hover svg path {
     stroke: #fff;
}
/* Brands Carousel Styles */
 .our-brands-module .brands-carousel-wrapper {
     overflow: hidden;
     width: 100%;
}
 .our-brands-module .brands-swiper {
     width: 100%;
}
 .our-brands-module .swiper-wrapper {
     transition-timing-function: linear !important;
}
 .our-brands-module .brand-slide {
     width: auto !important;
     flex-shrink: 0;
}
 .our-brands-module .brand-slide .item {
     display: flex;
     align-items: center;
     padding: 0 20px;
}
 .our-brands-module .brand-slide img {
     max-height: 60px;
     width: auto;
     display: block;
}
 .our-brands-module .brands-carousel-wrapper:not(.slider) {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
}
 .our-brands-module .brands-carousel-wrapper:not(.slider) .swiper-wrapper {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
}
 .our-brands-module .brands-carousel-wrapper:not(.slider) .brand-slide {
     width: auto !important;
}

/**** 140925 ****/

/* Stone Slider Module Styles */
 .stone-slider-module {
     overflow-y: hidden;
}
 @media(max-width: 768px) {
     .stone-slider-module {
         padding-top: 15px;
    }
}
 .stone-slider-module .stone-slider-wrapper {
     position: relative;
     display: flex;
     overflow-x: clip;
     padding-bottom: 58px;
}
 .stone-slider-module .stone-swiper-container {
     text-wrap: nowrap;
     width: 100%;
}
 .stone-slider-module .stone-slide-item {
     display: flex;
     box-sizing: border-box;
     height: auto;
}
 .stone-slider-module .stone-slide-box {
     width: 100%;
}
 .stone-slider-module .stone-image-wrapper {
     position: relative;
     width: 100%;
     overflow: hidden;
}
 .stone-slider-module .stone-image-wrapper::after {
     content: "";
     display: block;
     padding-top: 100%;
}
 .stone-slider-module .stone-image-wrapper img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .stone-slider-module .stone-slide-title {
     line-height: 1.15;
     margin-top: 22px;
     font-size: 22px;
}
 .stone-slider-module .btn-left {
     position: absolute;
     cursor: pointer;
     transform: rotateY(180deg);
     margin-left: -2px;
     display: flex;
     transform: translateY(-50%);
     z-index: 10;
}
 .stone-slider-module .btn-left svg {
     transform: rotate(180deg);
}
 .stone-slider-module .btn-left svg rect:nth-of-type(2) {
     display: block;
     width: 0;
     height: 100%;
     transition: width .3s ease;
}
 .stone-slider-module .btn-left svg path {
     transition: stroke .3s ease;
}
 .stone-slider-module .btn-left:hover svg rect:nth-of-type(2) {
     width: 100%;
}
 .stone-slider-module .btn-left:hover svg path {
     stroke: #fff;
}
 .stone-slider-module .btn-right {
     position: absolute;
     cursor: pointer;
     margin-right: -2px;
     display: flex;
     transform: translateY(-50%);
     z-index: 10;
}
 .stone-slider-module .btn-right svg rect:nth-of-type(2) {
     display: block;
     width: 0;
     height: 100%;
     transition: width .3s ease;
}
 .stone-slider-module .btn-right svg path {
     transition: stroke .3s ease;
}
 .stone-slider-module .btn-right:hover svg rect:nth-of-type(2) {
     width: 100%;
}
 .stone-slider-module .btn-right:hover svg path {
     stroke: #fff;
}

/* Brands Showcase Styles */
 .brands-lists .slide-box {
     overflow: hidden;
     position: relative;
}
 .brands-lists .brands-showcase-swiper {
     width: 100%;
}
 .brands-lists .brand-showcase-slide {
     width: calc(33.333% - 20px) !important;
     flex-shrink: 0;
     border-right: 1px solid #e0e0e0;
}
 .brands-lists .brand-showcase-slide:last-child {
     border-right: none;
}
 .brands-lists .brand-showcase-slide .item {
     padding: 0 30px 30px 0;
     background: transparent;
     border: none;
     height: 100%;
     display: flex;
     flex-direction: column;
}
 .brands-lists .brand-showcase-slide .picture {
     display: block;
     width: 100%;
     height: 300px;
     overflow: hidden;
     margin-bottom: 20px;
}
 .brands-lists .brand-showcase-slide .picture img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .brands-lists .brand-showcase-slide .logo {
     height: 40px;
     margin: 15px 0;
     justify-content: flex-start;
     align-items: center;
}
 .brands-lists .brand-showcase-slide .logo img {
     max-height: 100%;
     max-width: 150px;
     width: auto;
     height: auto;
}
 .brands-lists .brand-showcase-slide .name {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 0px;
}
 .brands-lists .brand-showcase-slide .name a {
     color: #000;
     text-decoration: none;
}
 .brands-lists .brand-showcase-slide .brief {
     flex-grow: 1;
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 1.6;
     color: #666;
}
 .brands-lists .brand-showcase-slide .btn {
     margin-top: auto;
}
 .brands-lists .swiper-wrapper {
     display: flex;
     align-items: stretch;
}
 @media (max-width: 549px) {
     .brands-lists .brands-showcase-swiper, .brands-lists .swiper-wrapper {
         display: block !important;
    }
     .brands-lists .brand-showcase-slide {
         width: 100% !important;
         margin-bottom: 30px;
         border-right: none;
         border-bottom: 1px solid #e0e0e0;
         padding-bottom: 30px;
    }
     .brands-lists .brand-showcase-slide:last-child {
         border-bottom: none;
    }
     .brands-lists .brand-showcase-slide .item {
         padding: 0;
    }
}
 @media (min-width: 550px) and (max-width: 1024px) {
     .brands-lists .brand-showcase-slide {
         width: calc(50% - 15px) !important;
        /* 2 columns on tablet */
    }
}

/**** 150925 ****/

 .related-projects-swiper {
     display: block;
}
 .related-projects-swiper .swiper-wrapper {
     align-items: flex-end;
}
 .related-projects-swiper .swiper-slide {
     height: auto;
}
 .related-projects-swiper .projects-block {
     margin: 0;
}
 .other-featured-projects {
     position: relative;
}
 .other-featured-projects .btn-left, .other-featured-projects .btn-right {
     display: flex !important;
     position: absolute;
     transform: translateY(-50%);
     z-index: 5;
     cursor: pointer;
     transition: opacity 0.3s ease;
}
 .other-featured-projects .btn-left {
     left: -24px;
}
 .other-featured-projects .btn-right {
     right: -24px;
}
 .other-featured-projects .swiper-button-prev::after, .other-featured-projects .swiper-button-next::after {
     display: none;
     content: none;
}
 .other-featured-projects .swiper-button-disabled {
     opacity: 0;
     pointer-events: none;
}
 .enquiry-cart-section > .box .enquiry-form .ts-wrapper .ts-control {
     padding: 20px 16px;
     border: 1px solid #282828;
     border-radius: 0;
     font-family: "Satoshi", sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 1.44px;
     box-shadow: none;
     min-height: auto;
}
 .enquiry-cart-section > .box .enquiry-form .ts-wrapper .ts-control .item {
     text-transform: uppercase;
     letter-spacing: 1.44px;
     color: #282828;
     font-weight: 500;
}
 .enquiry-cart-section > .box .enquiry-form .ts-wrapper .ts-control .item[data-value=""] {
     color: #9f9f9f;
     font-weight: 400;
}
 .enquiry-cart-section > .box .enquiry-form .ts-wrapper.single .ts-control::after {
     content: "";
     font-family: "stpvm" !important;
     display: block;
     position: absolute;
     right: 16px;
     top: 50%;
     width: 10px;
     height: 10px;
     font-size: 6px;
     line-height: 10px;
     transform: translate(-50%, -50%);
     transform-origin: center center;
     transition: all .3s ease;
     border: none !important;
}
 .enquiry-cart-section > .box .enquiry-form .ts-wrapper.dropdown-active .ts-control::after, .enquiry-cart-section > .box .enquiry-form .ts-wrapper.is-open .ts-control::after {
     transform: translate(-50%, -50%) rotate(180deg);
}
 .enquiry-cart-section > .box .enquiry-form .ts-dropdown {
     border: 1px solid #282828;
     border-radius: 0;
     box-shadow: none;
     margin-top: 0;
}
 .enquiry-cart-section > .box .enquiry-form .ts-dropdown .ts-dropdown-content {
     padding: 20px 16px;
}
 .enquiry-cart-section > .box .enquiry-form .ts-dropdown .option {
     padding: 0;
     color: #282828;
     font-family: "Satoshi", sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     background: transparent;
}
 .enquiry-cart-section > .box .enquiry-form .ts-dropdown .option:not(:last-child) {
     margin-bottom: 15px;
}
 .enquiry-cart-section > .box .enquiry-form .ts-dropdown .option.active, .enquiry-cart-section > .box .enquiry-form .ts-dropdown .option.selected {
     background-color: transparent;
     text-decoration: underline;
}
 .enquiry-cart-section > .box .enquiry-form .ts-dropdown .option[data-value=""] {
     color: #9f9f9f;
     font-weight: 400;
     text-decoration: underline;
}
 .enquiry-cart-section > .box .enquiry-form .ts-wrapper.single .ts-control input {
     height: 0;
     padding: 0;
     margin: 0;
     border: 0;
     line-height: 0;
}

/**** 160925 ****/

 .related-items.natural-stone-module .btn-right {
     margin-right: 0px !important;
}
 .related-items.natural-stone-module .btn-left {
     margin-left: 0px !important;
}
 .related-items.natural-stone-module .box {
     position: relative;
}
 .related-items.natural-stone-module .related-materials-swiper .swiper-slide > .item {
     display: block !important;
     width: 100% !important;
     min-width: 0 !important;
     margin-right: 0 !important;
     padding-right: 0 !important;
}
 .related-items.natural-stone-module .box {
     position: relative;
}
 .related-items .related-materials-swiper {
     padding: 0 !important;
     margin: 0;
}
 .related-items .related-materials-swiper .swiper-wrapper {
     align-items: stretch;
}
 .related-items .related-materials-swiper .swiper-slide {
     height: auto;
}
 .related-items.natural-stone-module .box {
     position: relative;
}
 .related-items .box {
     position: relative;
     overflow: hidden;
}
 .related-items .related-materials-swiper {
     width: 100%;
}
 .related-items .related-materials-swiper .swiper-wrapper {
     align-items: stretch;
}
 .related-items .related-materials-swiper .swiper-slide {
     height: auto;
}
 .related-items .btn-left, .related-items .btn-right {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 5;
     cursor: pointer;
     display: none;
}
 .related-items .btn-left {
     left: 0;
}
 .related-items .btn-right {
     right: 0;
}
 .related-items .related-materials-swiper, .related-items .related-materials-swiper .swiper {
     padding: 0;
}
 .related-items .related-materials-swiper .name {
     line-height: 130%;
     margin-top: 22px 
}
 .related-items .related-materials-swiper .type {
     line-height: 130%;
     margin-top: 8px;
     color: #6b6b6b 
}
 .related-items .related-materials-swiper .path {
     padding-top: 15px;
     margin-top: 15px;
     padding-bottom: 20px;
     border-top: 1px solid var(--border-color-2);
     align-items: center;
     grid-gap: 10px;
     line-height: 1;
     font-size: 11px;
}



.filter-popup-window .option-conditions .item-box .item.active, .result-lists .option-conditions .item-box .item.active {
    color: var(--black);
    font-weight: 700 !important;
}

/* Hide Resource Type minus line at end of small title on /resources */

.option-conditions.unfold .type svg {
    display: none;
}



/***** 230925 *****/


svg.swiper-navigation-icon {
    display: none;
}


.accreditations .item {
  padding: 15px !important;             
  display: flex !important;  
  align-items: center !important;  
  justify-content: center !important;  
}

.accreditations .item img {
  max-width: 100% !important;  
  max-height: 100% !important;  
  height: auto !important;  
  object-fit: contain !important;  
  position: static !important;            
  transform: none !important;  
}


&~.swiper-button-prev, .swiper-button-prev {
        left: 0px !important;
}


 &~.swiper-button-next, .swiper-button-next {
        right: 0px !important;
}

.banner-inner-page .index {
    display: none !important;
}

/**** 011025 ****/


::selection {
	color:black !Important;
    background-color: #e5ffe3 !Important;
}


.hotspot_section .box {
  overflow: hidden;
}

.hotspot_section .lists {
  display: flex;
}

.hotspot_section .lists .item {
  flex-shrink: 0;
  width: 100%;
}

.hotspot_section .item img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 300px; /* Prevent total collapse */
}


.product-sizes .read-more-sizes-wrapper[data-readmore][aria-expanded="false"] {
  overflow: hidden !important;
}
.product-sizes .read-more-sizes-wrapper[data-readmore][aria-expanded="true"] {
  overflow: visible;
}




.banner-inner-page .product-gallery-swiper{
	--row-h: 480px;
}

.banner-inner-page .product-gallery-swiper .swiper-wrapper{
	align-items:stretch;
}

.banner-inner-page .product-gallery-swiper .swiper-slide{
	width: calc(var(--row-h) * var(--ratio));
	flex-shrink: 0;
	height: auto;
	display: flex;
	flex-direction: column;
}

.banner-inner-page .product-gallery-swiper .gallery-frame{
	position: relative;
	width: 100%;
	height: var(--row-h);
	overflow: hidden;
	background: #f5f5f5;
}

.banner-inner-page .product-gallery-swiper .gallery-frame .image{
	position: absolute;
	inset: 0;
	display: block;
}

.banner-inner-page .product-gallery-swiper .gallery-frame img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width:1023px){
	.banner-inner-page .swiper-slide{
		width: auto !important;
	}
	.banner-inner-page .product-gallery-swiper .swiper-slide{
		width: calc(var(--row-h) * var(--ratio)) !important;
	}
}

.product-gallery-swiper[data-slide-count="1"] .swiper-slide{width:100% !important}

/* Cap the single product page slider height to max height */

.banner-inner-page .product-gallery-swiper .swiper-slide {
    max-height: 550px;
}


.banner-inner-page .product-gallery-swiper .swiper-slide{max-height:none !important;}
.banner-inner-page .product-gallery-swiper .gallery-frame{max-height:550px !important;}





/**** 071025 ****/

.brands-lists .brand-showcase-slide {
	display:flex;
	flex-direction:column;
}

.brands-lists .brand-showcase-slide .item {
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
}

.brands-lists .brand-showcase-slide .item > br {
	display:none;
}

.brands-lists .brand-showcase-slide .item > a:last-of-type {
	display:inline-flex;
	margin-top:auto;
}

.brands-lists .brand-showcase-slide .item > a:last-of-type {
	margin-top:auto;
	padding-top:20px;
}

.brands-lists .brand-showcase-slide .item > a:last-of-type .btn {
	margin-top:0;
}



@media (max-width: 480px) {
	.resources-lists .item a.flex > .flex > svg {
		width: 50px;
		height: 50px;
		flex-shrink: 0;
	}
	
	a#sizes-readMore {
		grid-gap: 10px;
		padding: 6px 12px;
	}

	.banner-inner-page .box>.lists>.item {
		display: block !important;
	}

	  .product-specification .item .tips-wrapper {
		display: block;       
		margin-top: 8px;     
	  }

	  .product-specification .item .tips-wrapper svg {
		display: inline-block; 
		vertical-align: top;
		margin-right: 6px;
	  }

	  .product-specification .item .tips-wrapper .tips {
		display: block!important;
		margin-top: 5px;
		position: relative !important;
		top: auto!important;
		left: auto!important;
		transform: none!important;
		white-space: normal;
		line-height: 1.4;
	  }


		.tips-wrapper svg {
			display: none !important;
		}


}



/**** 171025 ****/


.product-lists .path.flex {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	column-gap:0.5rem;
	row-gap:0;
}
.product-lists .path.flex a {
	color:#6b6b6b;
}
.product-lists .path.flex svg:last-of-type {
	display:none;
}
.product-lists .path.flex a:last-of-type {
	color: #000000;
	margin-left:auto;
	max-width:65%;
	text-transform:uppercase;
	text-align:right;
	overflow-wrap:anywhere;
}
@media (max-width:768px) {
	.product-lists .path.flex {
		column-gap:0.4rem;
	}
	.product-lists .path.flex a:last-of-type {
		max-width:75%;
	}
}
@media (max-width:480px) {
	.product-lists .path.flex {
		flex-wrap:wrap;
		column-gap:0.3rem;
		row-gap:0.15rem;
	}
	.product-lists .path.flex a:last-of-type {
		margin-left:auto;
		max-width:100%;
		font-size:0.9rem;
	}
}

.filter-popup-window .product-lists .block .path,
.result-lists .product-lists .block .path {
	grid-gap:5px !important;
}

/**/

.product-lists .path.flex,
.grid.mar-small-up .path.flex {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	column-gap:0.5rem;
	row-gap:0;
}
.product-lists .path.flex a,
.grid.mar-small-up .path.flex a {
	color:#6b6b6b;
}
.product-lists .path.flex svg:last-of-type,
.grid.mar-small-up .path.flex svg:last-of-type {
	display:none;
}
.product-lists .path.flex a:last-of-type,
.grid.mar-small-up .path.flex a:last-of-type {
	color:black;
	margin-left:auto;
	max-width:65%;
	text-transform:uppercase;
	text-align:right;
	overflow-wrap:anywhere;
}
@media (max-width:768px) {
	.product-lists .path.flex,
	.grid.mar-small-up .path.flex {
		column-gap:0.4rem;
	}
	.product-lists .path.flex a:last-of-type,
	.grid.mar-small-up .path.flex a:last-of-type {
		max-width:75%;
	}
}
@media (max-width:480px) {
	.product-lists .path.flex,
	.grid.mar-small-up .path.flex {
		flex-wrap:wrap;
		column-gap:0.3rem;
		row-gap:0.15rem;
	}
	.product-lists .path.flex a:last-of-type,
	.grid.mar-small-up .path.flex a:last-of-type {
		margin-left:auto;
		max-width:100%;
		font-size:0.9rem;
	}
}
.filter-popup-window .product-lists .block .path,
.result-lists .product-lists .block .path {
	grid-gap:5px !important;
}



/**** 181025 ****/


.banner-inner-page .product-gallery-swiper {
	opacity: 0;
	transition: opacity 0.25s ease-out;
}

.banner-inner-page .product-gallery-swiper.swiper-initialized {
	opacity: 1;
}

.banner-inner-page .btn-left,
.banner-inner-page .btn-right {
	opacity: 0;
	transition: opacity 0.25s ease-out 0.1s;
}

.banner-inner-page .product-gallery-swiper.swiper-initialized ~ .btn-left,
.banner-inner-page .product-gallery-swiper.swiper-initialized ~ .btn-right {
	opacity: 1;
}

.banner-inner-page .index {
	opacity: 0;
	transition: opacity 0.25s ease-out 0.15s;
}

.banner-inner-page .product-gallery-swiper.swiper-initialized ~ .index {
	opacity: 1;
}


.search-filtering .selected {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.search-filtering .selected .can-select {
	display: none;
	position: absolute;		
	top: 100%;		
	margin-top: 15px;
	width: fit-content;
	min-width: 100%;
	padding: 12px 20px;
	background: #fff;
	border: 1px solid #282828;
	z-index: 30;
}

.search-filtering .selected:hover .can-select,
.search-filtering .selected:focus-within .can-select {
	display: block;
}

.search-filtering .selected:hover {
	pointer-events: auto;
}

.search-filtering .selected:hover .can-select {
	pointer-events: auto;
}

.search-filtering .selected .can-select li {
	display: flex;
	padding: 0;
}

.search-filtering .selected .can-select a {
	display: inline-block;
	width: 100%;
	padding: 7.5px 0;
	white-space: nowrap;
	text-decoration: none;
	color: inherit;
}

.search-filtering .selected .can-select a:hover,
.search-filtering .selected .can-select li.active a {
	text-decoration: underline;
}

.search-filtering .selected:last-of-type .can-select {
	right: 0;
	left: auto;
}

@media (max-width: 767px) {
	.search-filtering .selected .can-select {
		right: 0;
		left: auto;
	}
}


/**** 191025 ****/


@media (max-width: 640px) {
	.product-sizes .grid4 > div:first-child span {
		padding-right: 1rem;
	}
	.product-sizes .grid4 .value {
		overflow-wrap: anywhere;
		word-break: break-word;
	}
}




.filter-use .item.disabled,
.filter-format .item.disabled,
.filter-stone-type .item.disabled,
.filter-outdoor-finishes .item.disabled,
.filter-indoor-finishes .item.disabled,
.filter-color .item.disabled,
.filter-quick-delivery .item.disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}


/**** 211025 ****/

.favourites-section .item .image {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f5f5;
    aspect-ratio: 1 / 1;
    margin-bottom: 16px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.favourites-section .item .image:hover {
    transform: scale(1.03);
}

.favourites-section .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.favourites-section .item .image .btn-unlike {
    position: absolute;
    bottom: 8px;
    right: 8px;
    cursor: pointer;
    transition: transform 0.2s ease;
    z-index: 10;
}

.favourites-section .item .image .btn-unlike:hover {
    transform: scale(1.15);
}

.favourites-section .item .image .new-tag {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;
}

@media (max-width: 768px) {
    .favourites-section .item .image {
        margin-bottom: 12px;
        aspect-ratio: 1 / 1;
    }
    
    .favourites-section .item .image .btn-unlike {
        bottom: 6px;
        right: 6px;
    }
}

@media (max-width: 480px) {
    .favourites-section .item .image {
        margin-bottom: 10px;
    }
    
    .favourites-section .item .image .btn-unlike {
        width: 16px;
        height: 16px;
    }
}



/*
.introduction-card {
    height: 160px;
    overflow: hidden; 
	display: flex;
    flex-direction: column;
}

.introduction-card .img {
    flex-shrink: 0;
    height: 160px; 
    overflow: hidden;
}

*/


/**** 241025 ****/


.projects-template-default .banner-inner-page .lists .picture .image img {
	max-height: calc(100vw * 6 / 16) !Important;
	width: 100%;
	height: auto;
	display: block;
}



/**** 311025 ****/


.title-inner-page.format-styling .content{
	min-height: auto !important;
}

.title-inner-page.format-styling .path {
    display: flex;
    align-items: center;

}

.title-inner-page.format-styling .format-styling {
	margin-right:6em;
}

.title-inner-page.format-styling .format-styling,
.title-inner-page.format-styling .finish-styling {
    display: flex;
    align-items: center;
    gap: 1rem;
	font-size: 12px;
}

.title-inner-page.format-styling {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}



@media (max-width: 480px) {
	
	.title-inner-page.format-styling .content {
		min-height: auto !important;
		padding-bottom: 0px  !important;
	}
    
    
    .title-inner-page.format-styling .path {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
        gap: 2rem;
    }
    
    .title-inner-page.format-styling .format-styling,
    .title-inner-page.format-styling .finish-styling {
        gap: 0.4rem;
    }
    
}


/**** 051125 ****/

section.download-texture {
	display:none;
}

/**** 111125 ****/

.banner-inner-page .lists {
    min-height: 200px;
}

/*****
.banner-inner-page .lists:not(.slick-initialized-custom) {
    visibility: hidden;
    opacity: 0;
}

******/

.banner-inner-page .lists img {
    will-change: transform;
}

@media (max-width: 1024px) {
    .banner-inner-page .lists {
        min-height: 150px;
    }
}

.picture.gallery-frame:hover img {
    transform: none;
}


/**** 131125 ****/

@media (max-width: 480px) {	
	.title-inner-page.format-styling .format-styling {
		margin-right: 2em;
	}
}



/**** Slick Fix ****/

.banner-inner-page .lists.slick-slider[data-slide-count="2"] .slick-slide {
    width: 50% !important;
}

/* Responsive adjustments */
@media (max-width: 1023px) {

    .banner-inner-page .lists.slick-slider[data-slide-count="2"] .slick-slide {
        width: 100% !important;
    }
    
    .banner-inner-page .slick-slide .gallery-frame {
        position: relative;
        width: 100%;
        height: 60vh;
        min-height: 400px;
        overflow: hidden;
    }
    
    .banner-inner-page .slick-slide .gallery-frame .image {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .banner-inner-page .slick-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}



/**** 161125 ****/


.js-paver-calc-form input[type="text"],
.js-paver-calc-form textarea,
.js-paver-calc-form select,
.js-paver-calc-form option {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;          
    line-height: 1.4;        
    letter-spacing: 0.08em;   
}


.js-paver-calc-form input[type="text"]::placeholder,
.js-paver-calc-form textarea::placeholder {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.08em;
}


.js-paver-calc-form input[type="text"]::-webkit-input-placeholder,
.js-paver-calc-form textarea::-webkit-input-placeholder {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.08em;
}
.js-paver-calc-form input[type="text"]:-ms-input-placeholder,
.js-paver-calc-form textarea:-ms-input-placeholder {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.08em;
}




:root {
    --paver-calculator-border-color: #e0e0e0;
    --paver-calculator-radius: 0.25rem;
    --paver-calculator-spacing: 0.75rem;
    --paver-calculator-font-size: 12px;
}

.js-paver-calc-form  .gform_wrapper.gravity-theme .gfield textarea.medium {
        font-family: "Satoshi",sans-serif;
}


.paver-calculator-section {
    margin-top: 1.5rem;
}

.paver-calculator {
 /*   padding: var(--paver-calculator-spacing);	*/
    background-color: var(--paver-calculator-bg);
 /*   border-radius: var(--paver-calculator-radius);	*/
	margin-bottom: 5.35rem;
}

.paver-calculator__label {
    display: block;

}

.paver-calculator__input-row {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.paver-calculator__input-row input[type='number'] {
    width: 100%;
    max-width: 16rem;
    padding: 1rem 1rem;
	margin-top: 1rem;
    font-size: var(--paver-calculator-font-size);
    border: 1px solid var(--paver-calculator-border-color);
    border-radius: var(--paver-calculator-radius);
    background-color: #ffffff;
}

.paver-calculator__hint {
    margin: 1rem 0 0.75rem;
    color: #6b6b6b;
}

.paver-calculator__message {
    margin: 0;
    color: #6b6b6b;
}

.paver-calculator__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--paver-calculator-font-size);
}

.paver-calculator__table th,
.paver-calculator__table td {
    padding: 1.35rem 0.25rem;
    text-align: left;
    border-bottom: 1px solid var(--paver-calculator-border-color);
}

.paver-calculator__table th {
    font-weight: 600;
}

@media (min-width: 48rem) {
    .paver-calculator__table th,
    .paver-calculator__table td {
        padding-right: 0.75rem;
    }
}


.paver-calculator__table .paver-calculator__variant-area {
    background-color: #f7f7f7;   
    border: 1px solid #dddddd;
    font-family: inherit;        
    font-size: inherit;        
    line-height: 1.4;
    padding: 4px 4px;
    height: 2.4em;               
    box-sizing: border-box;
	
	margin-right:5px;
}



#field_11_14 .ginput_container_multiselect select {
    box-sizing: border-box;
    width: 100%;
    min-height: 160px;          
    padding: 24px 20px !important;
    border: 1px solid var(--border-color-2);
    transition: all .3s;
    font-size: 12px !important;
	font-family: Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    outline: none;
    cursor: pointer;
}


#field_11_14 .ginput_container_multiselect select:disabled {
    background-color: #f5f5f5;
    color: #9f9f9f;
    cursor: not-allowed;
}



#field_11_14 .ginput_container_multiselect select option[value=""] {
    color: #9f9f9f;
}



#field_11_14.gfield--type-multiselect.hidden_label .gfield_label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


#field_11_12 .ginput_container_textarea textarea {

	font-family: "Satoshi",sans-serif;
	line-height: 14px;
    text-transform: uppercase;

}


#field_11_6 .ginput_container_textarea textarea {
	font-family: Arial,sans-serif;
    text-transform: uppercase;
}


#field_11_6 .ginput_container_textarea textarea::placeholder {
    text-transform: uppercase;
}


#field_11_6 .ginput_container_textarea textarea::-webkit-input-placeholder {
	font-family: Arial,sans-serif;
    text-transform: uppercase;
}

#field_11_6 .ginput_container_textarea textarea:-ms-input-placeholder {
	font-family: Arial,sans-serif;
    text-transform: uppercase;
}



#input_11_12, #input_11_18, #input_11_19 {
  pointer-events: none;

}


#input_11_12::placeholder,
#input_11_18::placeholder,
 #input_11_19::placeholder{
    text-decoration: line-through;
}


#input_11_12:-ms-input-placeholder,
#input_11_18:-ms-input-placeholder,
#input_11_19:-ms-input-placeholder {
    text-decoration: line-through;
}


#input_11_12::-ms-input-placeholder,
#input_11_18::-ms-input-placeholder,
#input_11_19::-ms-input-placeholder {
    text-decoration: line-through;
}



.paver-calculator__table {
    table-layout: auto;
}


.paver-calculator__table th:last-child,
.paver-calculator__table td:last-child {
    width: auto;
}


.paver-calculator__table .paver-calculator__variant-area {
    width: 75%;       
    max-width: 200px;  
}

.paver-calculator__results.js-paver-calculator-results tfoot {
	font-weight: bold;
}



/**** 191125 ****/

span.ts-placeholder {
    text-transform: uppercase;
    padding: 0px 10px;
}

.js-paver-calc-form .ts-wrapper.single .ts-control input[type="text"] {
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}


.js-paver-calc-form .ts-wrapper .ts-control {
  padding: 20px 16px;
  border: 1px solid var(--border-color-2);
  border-radius: 0;
/*  font-family: "Satoshi", sans-serif;	*/
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 1.44px;
  box-shadow: none;
  min-height: auto;
}

.js-paver-calc-form .ts-wrapper .ts-control .item {
  text-transform: uppercase;
  letter-spacing: 1.44px;
  color: #282828;
  font-weight: 500;
}

.js-paver-calc-form .ts-wrapper .ts-control .item[data-value=""] {
  color: #9f9f9f;
  font-weight: 400;
}

.js-paver-calc-form .ts-wrapper.single .ts-control::after {
  content: "";
  font-family: "stpvm" !important;
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  font-size: 6px;
  line-height: 10px;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  transition: all 0.3s ease;
  border: none !important;
}

.js-paver-calc-form .ts-wrapper.dropdown-active .ts-control::after,
.js-paver-calc-form .ts-wrapper.is-open .ts-control::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.js-paver-calc-form .ts-dropdown {
  border: 1px solid var(--border-color-2);
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
}

.js-paver-calc-form .ts-dropdown .ts-dropdown-content {
  padding: 20px 16px;
}

.js-paver-calc-form .ts-dropdown .option {
  padding: 0;
  color: #282828;
/*  font-family: "Satoshi", sans-serif;	*/
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  background: transparent;
}

.js-paver-calc-form .ts-dropdown .option:not(:last-child) {
  margin-bottom: 15px;
}

.js-paver-calc-form .ts-dropdown .option.active,
.js-paver-calc-form .ts-dropdown .option.selected {
  background-color: transparent;
  text-decoration: underline;
}

.js-paver-calc-form .ts-dropdown .option[data-value=""] {
  color: #9f9f9f;
  font-weight: 400;
  text-decoration: underline;
}

.js-paver-calc-form .ts-wrapper.single .ts-control input {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 0;
}


.paver-calculator__notice.fonts-10.sub-title {
    line-height: 1.5;
	margin-bottom: 2em;
}


.paver-calculator__table th:first-child,
.paver-calculator__table td:first-child {
    padding-left: 0;

}




/**** 271125 ****/

@media (max-width: 47.9375rem) {
    .paver-calculator__table {
        display: block;
        width: 100%;
        overflow: visible;
    }

    .paver-calculator__table thead,
    .paver-calculator__table tbody,
    .paver-calculator__table tfoot,
    .paver-calculator__table tr,
    .paver-calculator__table th,
    .paver-calculator__table td {
        display: block;
        width: 100%;
    }

    .paver-calculator__table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .paver-calculator__table tbody tr {
        padding: 1rem 0;
        border-bottom: 1px solid var(--paver-calculator-border-color);
        margin-bottom: 1rem;
    }

    .paver-calculator__table tbody tr:last-child {
        margin-bottom: 0;
    }

    .paver-calculator__table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        border-bottom: none;
        text-align: right;
    }

    .paver-calculator__table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        text-align: left;
        flex-shrink: 0;
        margin-right: 1rem;
    }

    .paver-calculator__table tbody td:nth-child(1)::before {
        content: "Format";
    }

    .paver-calculator__table tbody td:nth-child(2)::before {
        content: "Size (mm)";
    }

    .paver-calculator__table tbody td:nth-child(3)::before {
        content: "Thickness";
    }

    .paver-calculator__table tbody td:nth-child(4)::before {
        content: "UOM";
    }

    .paver-calculator__table tbody td:nth-child(5)::before {
        content: "Area per piece (M2)";
    }

    .paver-calculator__table tbody td:nth-child(6)::before {
        content: "Pieces";
    }

    .paver-calculator__table tbody td:nth-child(7)::before {
        content: "Input Area (M2 or Lm)";
    }

    .paver-calculator__table tbody td:nth-child(7) {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .paver-calculator__table tbody td:nth-child(7)::before {
        text-align: left;
        margin-right: 0;
        margin-bottom: 0.25rem;
    }

    .paver-calculator__table .paver-calculator__variant-area {
        width: 100%;
        max-width: none;
    }

    /* tfoot specific fixes */
    .paver-calculator__table tfoot {
        display: block;
        width: 100%;
        overflow: visible;
    }

    .paver-calculator__table tfoot tr {
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 0.5rem;
        background-color: #f7f7f7;
        margin-top: 1rem;
        width: 100%;
        box-sizing: border-box;
    }

    .paver-calculator__table tfoot td {
        display: block;
        width: auto !important;
        padding: 0;
        border-bottom: none;
        flex-shrink: 0;
    }

    .paver-calculator__table tfoot td[colspan="6"],
    .paver-calculator__table tfoot td:first-child {
        flex: 0 0 auto;
        width: auto !important;
    }

    .paver-calculator__table tfoot td:last-child {
        flex: 0 0 auto;
        text-align: right;
        margin-left: auto;
    }

    .paver-calculator__results {
        overflow: visible;
    }
	
	.product-sizes .grid4>div:first-child span {
		padding-right: 30px !important;
	}
}

/**** 281125 ****/

.banner-inner-page.hero-fallback .hero-wrapper {
    height: 700px !important;
    overflow: hidden;
}

.projects-template-default .banner-inner-page .lists .picture {
    height: 700px !important;
}


/**** 101225 ****/

@media (min-width: 500px) {
    .product-sizes .grid5 > div:first-child {
        width: 30% !important;
    }
    .product-sizes .grid5 > div:first-child span {
        padding-right: 20px !important;
    }
    .product-sizes .grid5 > div:nth-child(2) {
        width: 25% !important;
    }
    .product-sizes .grid5 > div {
        width: 15% !important;
    }
}

/* Table header text style */
.paver-calculator__table thead th {
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 0px 0px 20px 0px;

}


.js-paver-calc-form {
    padding-top: 3em;
}


p#paver-area-input-3587-hint {
	font-weight: 400;
    font-family: Satoshi, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 130%;
}



p#paver-area-input-3587-hint b {
    font-weight: 500 !important;
}


div#gform_fields_11 {
    grid-gap: 20px !important;
}

.ginput_container.ginput_container_turnstile {
    margin-bottom: -40px !Important;
	margin-top: -18px !Important;
}


/**** 121225 ****/

.banner-inner-page .lists {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.banner-inner-page .lists.slick-initialized-custom {
    opacity: 1;
}

.banner-inner-page .slick-track {
    display: flex;
    align-items: stretch;
}

.banner-inner-page .slick-slide {
    height: auto;
    float: none;
    display: flex;
    flex-direction: column;
}

.banner-inner-page .lists.slick-slider[data-slide-count="2"] .slick-slide {
    width: 50% !important;
    max-width: 50%;
    flex: 0 0 50%;
}

.banner-inner-page .lists.slick-slider[data-slide-count="2"] .slick-track {
    width: 100% !important;
    transform: none !important;
}

@media (max-width: 1023px) {
    .banner-inner-page .lists.slick-slider[data-slide-count="2"] .slick-slide {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .banner-inner-page .lists.slick-slider[data-slide-count="2"] .slick-track {
        width: auto !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-inner-page .slick-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    .banner-inner-page .slick-track {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}


/**** 140126 ****/


.introduction-card {
    height: 160px;
    overflow: hidden; 
    display: flex;
    flex-direction: column;
}

.introduction-card .img {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.introduction-card .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.picture .hotspot .introduction-card {
    height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.picture .hotspot .introduction-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.picture .hotspot .introduction-card .img {
    flex: 1;
    min-height: 0;
    max-height: 140px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.picture .hotspot .introduction-card .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.picture .hotspot .introduction-card p {
    flex-shrink: 0;
    padding: 10px;
    margin: 0;
}


/* Projects video */

.project-video {
  width: 100%;
}

.project-video .picture {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}

.project-video .hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  display: block;
}

.project-video .video-caption {
  margin-top: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #111;
}

@supports not (aspect-ratio: 16 / 9) {
  .project-video .picture {
    padding-top: 56.25%;
  }
}



/*****/

.header--home,
.header--home .menus-box,
.header--home .menus-box .menus,
.header--home .menus-box ul.menus.flex {
	transition: background-color 0.3s ease, border-bottom-color 0.3s ease, transform 0.3s ease !important;
}

.header--home.header .menus-box .menus {
	transition: background-color 0.3s ease, transform 0.3s ease !important;
}

.white-logo {
	display: none;
}

.header:not(.header--home) .white-logo {
	display: none;
}

.header--home {
	--header-fg: #ffffff;
	background-color: transparent !important;
	border-bottom: 0 !important;
}

.header--home.header .menus-box .menus,
.header--home.header .menus-box ul.menus.flex {
	background-color: transparent !important;
}

.header--home .menus > li > a {
	color: var(--header-fg);
	transition: color 0.3s ease;
}

.header--home .menus > li > a::after {
	border-bottom-color: var(--header-fg);
	transition: width 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), border-bottom-color 0.3s ease;
}

.header--home .menus > li:hover > a::after {
	width: 100%;
}

.header--home .menus-box .icon svg path,
.header--home .menus-box .icon svg line,
.header--home .menus-box .menus > li > svg path {
	stroke: var(--header-fg);
	transition: stroke 0.3s ease;
}

.header--home .menus-box .icon .seperator-line {
	background-color: var(--header-fg);
	transition: background-color 0.3s ease;
}

.header--home.is-transparent .color-logo {
	display: none;
}

.header--home.is-transparent .white-logo {
	display: block;
}

.header--home.is-transparent .menus-box .menus.show {
	background-color: #ffffff !important;
}

.header--home.is-scrolled,
.header--home.is-scrolled:hover,
.header--home.is-scrolled:focus-within {
	--header-fg: #000000;
	background-color: var(--white) !important;
	border-bottom: 0.1rem solid var(--border-color-2) !important;
}

.header--home.is-scrolled.header .menus-box .menus,
.header--home.is-scrolled.header .menus-box ul.menus.flex,
.header--home.is-scrolled:hover.header .menus-box .menus,
.header--home.is-scrolled:hover.header .menus-box ul.menus.flex,
.header--home.is-scrolled:focus-within.header .menus-box .menus,
.header--home.is-scrolled:focus-within.header .menus-box ul.menus.flex {
	background-color: transparent !important;
}

.header--home.is-scrolled .color-logo,
.header--home.is-scrolled:hover .color-logo,
.header--home.is-scrolled:focus-within .color-logo {
	display: block;
}

.header--home.is-scrolled .white-logo,
.header--home.is-scrolled:hover .white-logo,
.header--home.is-scrolled:focus-within .white-logo {
	display: none;
}

.header--home.is-transparent:not(.is-scrolled):hover,
.header--home.is-transparent:not(.is-scrolled):focus-within {
	--header-fg: #000000;
	background-color: #ffffff !important;
}

.header--home.is-transparent:not(.is-scrolled):hover.header .menus-box .menus,
.header--home.is-transparent:not(.is-scrolled):hover.header .menus-box ul.menus.flex,
.header--home.is-transparent:not(.is-scrolled):focus-within.header .menus-box .menus,
.header--home.is-transparent:not(.is-scrolled):focus-within.header .menus-box ul.menus.flex {
	background-color: transparent !important;
}

.header--home.is-transparent:not(.is-scrolled):hover .color-logo,
.header--home.is-transparent:not(.is-scrolled):focus-within .color-logo {
	display: block;
}

.header--home.is-transparent:not(.is-scrolled):hover .white-logo,
.header--home.is-transparent:not(.is-scrolled):focus-within .white-logo {
	display: none;
}




/**** 110226 ****/

/* Fix transparent dropdown on home page for mobiles */

@media screen and (max-width: 750px) {
	/* is-scrolled */
	.home .header--home.is-scrolled.header .menus-box .menus,
	.home .header--home.is-scrolled.header .menus-box ul.menus.flex,
	.home .header--home.is-scrolled:hover.header .menus-box .menus,
	.home .header--home.is-scrolled:hover.header .menus-box ul.menus.flex,
	.home .header--home.is-scrolled:focus-within.header .menus-box .menus,
	.home .header--home.is-scrolled:focus-within.header .menus-box ul.menus.flex,
	/* is-transparent not scrolled */
	.home .header--home.is-transparent:not(.is-scrolled).header .menus-box .menus,
	.home .header--home.is-transparent:not(.is-scrolled).header .menus-box ul.menus.flex,
	.home .header--home.is-transparent:not(.is-scrolled):hover.header .menus-box .menus,
	.home .header--home.is-transparent:not(.is-scrolled):hover.header .menus-box ul.menus.flex,
	.home .header--home.is-transparent:not(.is-scrolled):focus-within.header .menus-box .menus,
	.home .header--home.is-transparent:not(.is-scrolled):focus-within.header .menus-box ul.menus.flex,
	/* is-transparent */
	.home .header--home.is-transparent.header .menus-box .menus,
	.home .header--home.is-transparent.header .menus-box ul.menus.flex,
	.home .header--home.is-transparent:hover.header .menus-box .menus,
	.home .header--home.is-transparent:hover.header .menus-box ul.menus.flex,
	.home .header--home.is-transparent:focus-within.header .menus-box .menus,
	.home .header--home.is-transparent:focus-within.header .menus-box ul.menus.flex,
	/* base */
	.home .header--home.header .menus-box .menus,
	.home .header--home.header .menus-box ul.menus.flex {
		background-color: #ffffff !important;
	}

	/* is-scrolled */
	.home .header--home.is-scrolled.header .menus-box .menus li a,
	.home .header--home.is-scrolled:hover.header .menus-box .menus li a,
	.home .header--home.is-scrolled:focus-within.header .menus-box .menus li a,
	/* is-transparent not scrolled */
	.home .header--home.is-transparent:not(.is-scrolled).header .menus-box .menus li a,
	.home .header--home.is-transparent:not(.is-scrolled):hover.header .menus-box .menus li a,
	.home .header--home.is-transparent:not(.is-scrolled):focus-within.header .menus-box .menus li a,
	/* is-transparent */
	.home .header--home.is-transparent.header .menus-box .menus li a,
	.home .header--home.is-transparent:hover.header .menus-box .menus li a,
	.home .header--home.is-transparent:focus-within.header .menus-box .menus li a,
	/* base */
	.home .header--home.header .menus-box .menus li a,
	.home .header--home.header .menus-box .menus li span {
		color: #000000 !important;
	}

	/* is-scrolled */
	.home .header--home.is-scrolled.header .menus-box .menus li svg path,
	.home .header--home.is-scrolled:hover.header .menus-box .menus li svg path,
	.home .header--home.is-scrolled:focus-within.header .menus-box .menus li svg path,
	/* is-transparent not scrolled */
	.home .header--home.is-transparent:not(.is-scrolled).header .menus-box .menus li svg path,
	.home .header--home.is-transparent:not(.is-scrolled):hover.header .menus-box .menus li svg path,
	.home .header--home.is-transparent:not(.is-scrolled):focus-within.header .menus-box .menus li svg path,
	/* is-transparent */
	.home .header--home.is-transparent.header .menus-box .menus li svg path,
	.home .header--home.is-transparent:hover.header .menus-box .menus li svg path,
	.home .header--home.is-transparent:focus-within.header .menus-box .menus li svg path,
	/* base */
	.home .header--home.header .menus-box .menus li svg path {
		stroke: #000000 !important;
	}
}