/*!
 * 
 *       Name: Spatone
 *       Description: The responsive theme for Spatone
 *       website: http://
 *       lastUpdate: 26/09/22 @ 58:36
 *     
 */
:root {
  --colour-dark: #0D6BB4;
  --colour-medium: #66CCFF;
  --colour-light: #E8F8FF;
  --colour-grey: #6B6B6B;
  --clickable-image-hover-opacity: 0.5;
  --main-font-family: "Quicksand";
  --heading-font-family: "Quicksand";
  --h1-font-weight: 400;
  --h2-font-weight: 400;
  --h3-font-weight: 400;
  --h4-font-weight: 600;
  --h5-font-weight: 600;
  --h6-font-weight: 600;
  --subtitle-font-weight: 600;
  --body-1-font-weight: 400;
  --body-2-font-weight: 400;
  --button-font-weight: 600;
  --caption-font-weight: 500;
  --overline-font-weight: 600;
  --base-font-color: #6B6B6B;
  --action-color: #66CCFF;
  --heading-colour: #0D6BB4;
  --heading-colour-alt: #0D6BB4;
  --heading-colour-white: #ffffff;
  --paragraph-color: #6B6B6B;
  --paragraph-color-alt: #6B6B6B;
  --paragraph-color-alt-2: #6B6B6B;
  --overlay-colour: #0D6BB4;
  --site-logo-width-mobile: 120px;
  --site-logo-width-desktop: 188px;
  --header-background: #ffffff;
  --header-background-alt: #0D6BB4;
  --header-primary-nav-colour: #0D6BB4;
  --header-menu-icon-colour: #0D6BB4;
  --header-menu-icon-colour-hover: #0D6BB4;
  --header-menu-icon-colour-alt: #ffffff;
  --header-close-icon-colour: #ffffff;
  --header-close-icon-colour-hover: #0D6BB4;
  --dropdown-container-background-colour: #E8F8FF;
  --dropdown-container-box-shadow: rgba(107, 107, 107, 0.2);
  --dropdown-nav-link-colour: #0D6BB4;
  --dropdown-nav-link-colour-hover: #66CCFF;
  --dropdown-nav-link-opacity-hover: 1;
  --dropdown-nav-link-underline-colour: rgba(13, 107, 180, 0.2);
  --feature-link-font-weight: 600;
  --nav-colour-mobile: #ffffff;
  --nav-background-colour-mobile: #0D6BB4;
  --nav-border-colour-mobile: rgba(255, 255, 255, 0.2);
  --nav-current-link-disc-colour-mobile: #66CCFF;
  --locales-menu-back-btn-colour-mobile: #ffffff;
  --locales-menu-back-btn-background-colour-mobile: #0D6BB4;
  --nav-locales-btn-colour-mobile-hover: #0D6BB4;
  --primary-nav-link-font-weight: 600;
  --primary-nav-link-padding: 8px 20px;
  --locales-btn-text-margin: initial;
  --utility-cta-colour-mobile: #0D6BB4;
  --utility-cta-border-colour-mobile: #ffffff;
  --utility-cta-background-colour-mobile: #ffffff;
  --utility-cta-colour-mobile-hover: #ffffff;
  --utility-cta-border-colour-mobile-hover: #ffffff;
  --utility-cta-background-colour-mobile-hover: #0D6BB4;
  --utility-cta-colour-desktop: #0D6BB4;
  --utility-cta-border-colour-desktop: #0D6BB4;
  --utility-cta-background-colour-desktop: transparent;
  --utility-cta-colour-desktop-hover: #ffffff;
  --utility-cta-background-colour-desktop-hover: #0D6BB4;
  --utility-cta-colour-desktop-shrink: #ffffff;
  --utility-cta-border-colour-desktop-shrink: #ffffff;
  --utility-cta-colour-desktop-shrink-hover: #0D6BB4;
  --utility-cta-background-colour-desktop-shrink-hover: #ffffff;
  --search-modal-colour: #ffffff;
  --search-modal-border-colour: rgba(255, 255, 255, 0.3);
  --search-modal-placeholder-colour: rgba(255, 255, 255, 0.3);
  --search-modal-placeholder-colour-hover-focus: #E8F8FF;
  --search-modal-background-colour: #0D6BB4;
  --search-modal-text-colour: #ffffff;
  --search-modal-btn-colour: #ffffff;
  --search-modal-btn-colour-hover: #0D6BB4;
  --search-modal-btn-background-colour-hover: #E8F8FF;
  --search-modal-logo-top-desktop: 49px;
  --breadcrumbs-background-colour: #E8F8FF;
  --breadcrumbs-link-font-size: 12px;
  --breadcrumbs-link-font-weight: 500;
  --breadcrumbs-link-colour: #6B6B6B;
  --breadcrumbs-link-last-child-colour: #0D6BB4;
  --breadcrumbs-link-last-child-font-weight: 600;
  --breadcrumbs-link-last-child-text-decoration: none;
  --breadcrumbs-link-last-child-font-style: normal;
  --breadcrumbs-chevron-colour: #6B6B6B;
  --subnav-background-colour: #E8F8FF;
  --subnav-font-weight: 600;
  --subnav-colour: #0D6BB4;
  --subnav-border-colour: transparent;
  --subnav-border-colour-current-hover: #0D6BB4;
  --footer-background-colour: #0D6BB4;
  --footer-text-colour: #ffffff;
  --footer-social-link-colour: #ffffff;
  --footer-social-link-background-colour: transparent;
  --footer-social-link-colour-hover: #0D6BB4;
  --footer-social-link-background-colour-hover: #66CCFF;
  --footer-nav-link-colour: #ffffff;
  --footer-nav-link-colour-hover: #66CCFF;
  --footer-nav-link-opacity-hover: 1;
  --btt-colour: #0D6BB4;
  --btt-background-colour: #66CCFF;
  --btt-colour-hover: #0D6BB4;
  --btt-background-colour-hover: #66CCFF;
  --btn-text-color: #0D6BB4;
  --btn-bg-color: #ffffff;
  --btn-border-color: #0D6BB4;
  --btn-text-color-alt: #ffffff;
  --btn-bg-color-alt: #0D6BB4;
  --btn-border-color-alt: #0D6BB4;
  --btn-bg-color-hover: transparent;
  --btn-bg-color-alt-2: #0D6BB4;
  --btn-bg-color-alt-3: #0D6BB4;
  --btn-padding: 7.5px 22px;
  --btn-border-theme-1-colour: #0D6BB4;
  --btn-border-theme-1-colour-hover: #ffffff;
  --btn-border-theme-1-border-colour: #0D6BB4;
  --btn-border-theme-1-background-colour-hover: #0D6BB4;
  --btn-border-theme-2-colour: #ffffff;
  --btn-border-theme-2-colour-hover: #0D6BB4;
  --btn-border-theme-2-border-colour: #ffffff;
  --btn-border-theme-2-background-colour-hover: #ffffff;
  --btn-border-theme-3-colour: #0D6BB4;
  --btn-border-theme-3-colour-hover: #ffffff;
  --btn-border-theme-3-border-colour: #0D6BB4;
  --btn-border-theme-3-background-colour-hover: #0D6BB4;
  --btn-solid-theme-1-colour: #ffffff;
  --btn-solid-theme-1-colour-hover: #ffffff;
  --btn-solid-theme-1-border-colour: #0D6BB4;
  --btn-solid-theme-1-border-colour-hover: #66CCFF;
  --btn-solid-theme-1-background-colour: #0D6BB4;
  --btn-solid-theme-1-background-colour-hover: #66CCFF;
  --btn-solid-theme-2-colour: #0D6BB4;
  --btn-solid-theme-2-colour-hover: #ffffff;
  --btn-solid-theme-2-border-colour: #ffffff;
  --btn-solid-theme-2-border-colour-hover: #0D6BB4;
  --btn-solid-theme-2-background-colour: #ffffff;
  --btn-solid-theme-2-background-colour-hover: #0D6BB4;
  --btn-solid-theme-3-colour: #ffffff;
  --btn-solid-theme-3-colour-hover: #ffffff;
  --btn-solid-theme-3-border-colour: #0D6BB4;
  --btn-solid-theme-3-border-colour-hover: #66CCFF;
  --btn-solid-theme-3-background-colour: #0D6BB4;
  --btn-solid-theme-3-background-colour-hover: #66CCFF;
  --hyperlink-colour: #0D6BB4;
  --hyperlink-colour-alt: #ffffff;
  --hyperlink-colour-hover: #66CCFF;
  --hyperlink-colour-alt-hover: #66CCFF;
  --hyperlink-opacity-hover: 1;
  --hyperlink-font-weight: 500;
  --icon-link-colour: #0D6BB4;
  --icon-link-colour-mobile-nav: #ffffff;
  --icon-link-colour-hover: #66CCFF;
  --icon-link-opacity-hover: 1;
  --btn-state-colour: #0D6BB4;
  --btn-state-background-colour: #ffffff;
  --btn-state-colour-alt: #ffffff;
  --btn-state-background-colour-alt: #0D6BB4;
  --btn-state-colour-hover-focus: #0D6BB4;
  --btn-state-background-colour-hover-focus: #E8F8FF;
  --block-theme-1-background-colour: #ffffff;
  --block-theme-2-background-colour: #E8F8FF;
  --block-theme-3-background-colour: #0D6BB4;
  --block-theme-3-background-image: url(/_resources/themes/spatone/dist/version1664189916/src/img/backgrounds/pattern-background-spatone-7fb29318d26a12a6f20b7489d6576a1a.jpg);
  --block-theme-3-content-colour: #ffffff;
  --block-theme-4-background-colour: #0D6BB4;
  --faq-title-link-colour: #0D6BB4;
  --faq-title-link-colour-hover: #E8F8FF;
  --faq-title-link-opacity-hover: 1;
  --form-padding: 8px 20px;
  --form-select-padding: 6px 20px 7px;
  --form-colour: rgba(13, 107, 180, 0.5);
  --form-border-colour: rgba(13, 107, 180, 0.5);
  --form-colour-active: #0D6BB4;
  --form-border-colour-active: #0D6BB4;
  --filter-form-background-colour: #E8F8FF;
  --product-list-page-image-background-colour-1: #E8F8FF;
  --product-list-link-solid-colour: #ffffff;
  --product-list-link-solid-colour-hover: #ffffff;
  --product-list-link-solid-border-colour: #0D6BB4;
  --product-list-link-solid-border-colour-hover: #66CCFF;
  --product-list-link-solid-background-colour: #0D6BB4;
  --product-list-link-solid-background-colour-hover: #66CCFF;
  --product-page-background-colour-theme: #E8F8FF;
  --product-page-thumbs-background-colour: #E8F8FF;
  --product-page-thumbs-background-colour-alt: rgba(13, 107, 180, 0.15);
  --product-page-availability-icon: "\E90C";
  --product-page-availability-icon-colour: #6B6B6B;
  --product-page-share-icon-colour: #0D6BB4;
  --product-page-share-icon-colour-hover: #66CCFF;
  --product-page-btn-colour: #0D6BB4;
  --product-page-btn-border-colour: #0D6BB4;
  --product-page-btn-border-colour-hover: #0D6BB4;
  --product-page-btn-background-colour-hover: #0D6BB4;
  --product-page-gallery-image-padding: 0 0 70%;
  --product-page-title-line-height-mobile: 1.5;
  --product-page-title-line-height: 1.5;
  --locale-page-selector-background-colour: #0D6BB4;
  --locale-page-selector-background-image: url(/_resources/themes/spatone/dist/version1664189916/src/img/backgrounds/locale-selector-page-background-42867efac988006286441c1bf61989fa.jpg);
  --nav-locale-background-colour: #0D6BB4;
  --nav-locale-logo-height-mobile: 35px;
  --nav-locale-logo-height-desktop: 50px;
  --nav-locale-link-colour: #ffffff;
  --nav-locale-link-colour-hover: #66CCFF;
  --search-grey: #6B6B6B;
  --article-page-banner-background-colour: #0D6BB4;
  --article-page-preheader-colour: #ffffff;
  --article-page-card-background-colour: #0D6BB4;
  --animation-module-background-colour: #0D6BB4;
  --communications-popup-light-colour: #6B6B6B;
  --communications-popup-light-heading-colour: #0D6BB4;
  --communications-popup-light-background-colour: #E8F8FF;
  --communications-popup-dark-colour: #ffffff;
  --communications-popup-dark-heading-colour: #ffffff;
  --communications-popup-dark-background-colour: #0D6BB4;
  --img-bg-colour-1: rgba(255, 255, 255, 0.25);
  --img-bg-colour-2: #ffffff;
  --img-bg-colour-3: #E8F8FF;
  --banner-block-theme-1-background-colour: #0D6BB4;
  --banner-block-theme-1-background-image: url(/_resources/themes/spatone/dist/version1664189916/src/img/backgrounds/pattern-background-spatone-7fb29318d26a12a6f20b7489d6576a1a.jpg);
  --banner-block-theme-2-background-colour: #E8F8FF;
  --banner-block-bg-theme-dark-colour: #ffffff;
  --notice-bar-background-colour: #ffffff;
  --notice-bar-colour: #0D6BB4;
  --feature-block-mask-img: none;
  --feature-block-thumbs-description: #6B6B6B;
  --tabs-block-colour: #0D6BB4;
  --tabs-block-colour-hover: #0D6BB4;
  --tabs-block-background-colour-hover: rgba(102, 204, 255, 0.15);
  --instagram-block-caption-colour: #6B6B6B;
  --instagram-block-theme-1-caption-colour: #6B6B6B;
  --instagram-block-theme-2-caption-colour: #6B6B6B;
  --instagram-block-theme-3-caption-colour: #ffffff;
  --cookie-consent-accent-colour: #0D6BB4;
  --swiper-button-colour: #0D6BB4;
  --swiper-button-colour-theme-1: #0D6BB4;
  --swiper-button-colour-theme-3: #66CCFF;
  --swiper-button-colour-theme-4: #66CCFF;
  --swiper-button-colour-hover: #66CCFF;
  --swiper-button-opacity-hover: 1;
  --swiper-button-colour-hover-theme-1: #66CCFF;
  --swiper-button-opacity-hover-theme-1: 1;
  --swiper-button-opacity-hover-theme-3-theme-4: 0.5;
  --swiper-pagination-background-colour: #66CCFF;
  --swiper-pagination-background-colour-theme-1: #66CCFF;
  --swiper-pagination-background-colour-theme-3: #66CCFF;
  --swiper-pagination-opacity: 0.4;
  --swiper-pagination-opacity-theme-1: 0.4;
  --swiper-pagination-opacity-theme-3: 0.4;
  --swiper-pagination-background-colour-hover: #66CCFF;
  --swiper-pagination-background-colour-hover-theme-1: #66CCFF;
  --swiper-pagination-background-colour-hover-theme-3: #66CCFF;
  --swiper-scrollbar-semi-transparent-background-colour: rgba(13, 107, 180, 0.2);
  --swiper-scrollbar-theme-1-semi-transparent-background-colour: rgba(13, 107, 180, 0.2);
  --swiper-scrollbar-theme-2-semi-transparent-background-colour: rgba(13, 107, 180, 0.2);
  --swiper-scrollbar-theme-3-semi-transparent-background-colour: rgba(255, 255, 255, 0.2);
  --swiper-scrollbar-solid-background-colour: #0D6BB4;
  --swiper-scrollbar-theme-1-solid-background-colour: #0D6BB4;
  --swiper-scrollbar-theme-2-solid-background-colour: #0D6BB4;
  --swiper-scrollbar-theme-3-solid-background-colour: #ffffff;
  --swiper-scrollbar-border-colour: #ffffff;
  --swiper-scrollbar-theme-1-border-colour: #ffffff;
  --swiper-scrollbar-theme-2-border-colour: #E8F8FF;
  --swiper-scrollbar-theme-3-border-colour: #0D6BB4;
  --related-products-background-colour: #E8F8FF;
  --related-products-theme-3-btn-colour: #0D6BB4;
  --related-products-theme-3-btn-background-colour: #ffffff;
  --related-products-theme-3-btn-border-colour: #ffffff;
  --related-products-theme-3-btn-colour-hover: #ffffff;
  --related-products-theme-3-btn-background-colour-hover: #66CCFF;
  --related-products-theme-3-btn-border-colour-hover: #66CCFF;
  --related-products-grid-overlay-btn-colour: #ffffff;
  --related-products-grid-overlay-btn-background-colour: #0D6BB4;
  --related-products-grid-overlay-btn-border-colour: #0D6BB4;
  --related-products-grid-overlay-btn-colour-hover: #ffffff;
  --related-products-grid-overlay-btn-background-colour-hover: #66CCFF;
  --related-products-grid-overlay-btn-border-colour-hover: #66CCFF;
  --card-overlay-colour: #0D6BB4;
  --mixin-linear-gradient-bottom-colour: rgba(0, 0, 0, 0.9);
  --office-block-colour: #0D6BB4;
  --office-block-colour-hover: #0D6BB4;
  --office-block-background-colour-hover: rgba(102, 204, 255, 0.15);
  --office-block-colour-dark: #ffffff;
  --office-block-colour-hover-dark: #ffffff;
  --office-block-background-colour-hover-dark: rgba(102, 204, 255, 0.15); }

@font-face {
  font-family: 'Quicksand';
  src: url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-regular-37cb9c1de0984928fe29407fc13edd13.woff2) format("woff2"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-regular-3a33c1fffd1447f2941e0dfbebaf4528.ttf) format("truetype"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-regular-f4102943549a93e63f7fdf5910c9eb93.woff) format("woff"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-regular-a0cc0be8ecdf9d87404e36597f260c52.svg#Quicksand) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Quicksand';
  src: url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-500-4738c509f3ba6cd9143b37580029e61b.woff2) format("woff2"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-500-7aca2a76f49ea23b2de9e199be3a2bae.ttf) format("truetype"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-500-751ea227bfe917d6eb6697d378fc582f.woff) format("woff"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-500-ef5949aade862bf1989ff44e6e0294e6.svg#Quicksand) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Quicksand';
  src: url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-600-3146a88043535f3f0832d97f951c4d19.woff2) format("woff2"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-600-c2e771d1b9d57c7a27e1024db1650226.ttf) format("truetype"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-600-34ecec7c7616f370ddeb6e78fadc3a3c.woff) format("woff"), url(/_resources/themes/spatone/dist/version1664189916/src/fonts/quicksand-v21-latin-600-c50bc1543a3f3b48d545c75f7fbedf97.svg#Quicksand) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }