.colourdirectory-index-index .page-title-wrapper h1.page-title{margin-top:40px}body .colour-directory-wrapper.directory div.shadepick-shade{width:calc(16.66% - 16px)}@media (max-width: 992px){body .colour-directory-wrapper.directory div.shadepick-shade{width:calc(25% - 16px)}}@media (max-width: 680px){body .colour-directory-wrapper.directory div.shadepick-shade{width:calc(33.33% - 16px)}body .colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shadepick-shade-name{font-size:18px}}@media (max-width: 540px){body .colour-directory-wrapper.directory div.shadepick-shade{width:calc(50% - 16px)}}.colour-directory-wrapper.directory{display:flex;flex-wrap:wrap;margin:0;justify-content:flex-start;width:calc(100% + 16px);margin-right:-16px}.colour-directory-wrapper.directory div.shadepick-shade{margin-right:16px;margin-bottom:26px}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap{margin:0;width:100%}.colour-directory-wrapper.directory div.shadepick-shade .shadepick-shade-description{font-size:14px}@media (max-width: 480px){.colour-directory-wrapper.directory div.shadepick-shade{margin-bottom:12px}}@media screen and (min-width: 992px){.colour-directory-wrapper.directory .colour-directory-description{-moz-column-count:2;column-count:2;-moz-column-gap:30px;column-gap:30px}}.colour-directory-wrapper.directory .colour-directory-description p{color:#535353}@media screen and (min-width: 992px){.colour-directory-wrapper.directory .colour-directory-description p{font-size:1.125rem}.colour-directory-wrapper.directory .colour-directory-description p:last-child{margin-top:1em;-moz-column-span:all;column-span:all;text-align:center}}@media screen and (max-width: 767px){.colour-directory-wrapper.directory .container{margin-right:-10px;margin-left:-10px}}@media screen and (max-width: 767px) and (min-width: 992px){.colour-directory-wrapper.directory .container{margin-right:-12px;margin-left:-12px}}@media screen and (max-width: 767px){.colour-directory-wrapper.directory .container .shadepicker-filters.row>div{margin:0;border-top:2px solid #f2f2f2}.colour-directory-wrapper.directory .container .shadepicker-filters.row>div:last-of-type{border-bottom:2px solid #f2f2f2}}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap{cursor:pointer;display:flex;flex-direction:column}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shade-swatch-container{padding:12px;border-radius:100%;border:1px solid #ddd;margin-bottom:12px;background-color:#fff}@media (max-width: 480px){.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shade-swatch-container{padding:10px}}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shade-swatch-container .shadepick-shade-swatch{width:100%;padding-bottom:100%;border:none;border-radius:100%}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shadepick-shade-swatch.shadepick-shade-image-swatch{padding-bottom:0}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shadepick-shade-swatch.shadepick-shade-image-swatch img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shadepick-shade-name{font-family:"georotesque",sans-serif;color:#293035;font-weight:500;font-size:20px;text-align:center;margin-bottom:10px}.colour-directory-wrapper.directory div.shadepick-shade .shade-wrap .shadepick-shade-description{text-align:center}.colour-directory-description-wrapper .colour-directory-description a{text-decoration:none}@media screen and (min-width: 768px){.colour-directory-description-wrapper .colour-directory-description{margin-bottom:32px}.colour-directory-description-wrapper .colour-directory-description p{font-size:18px;line-height:1.5;color:#535353;margin-bottom:10px}.colour-directory-description-wrapper .colour-directory-description p.disclaimer{-moz-column-span:all;column-span:all;text-align:center;margin-top:32px}}.loading span{display:block;position:relative}.loading .lds-spinner{color:black;display:inline-block;position:relative;width:80px;height:80px}.loading .lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.loading .lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#000}.loading .lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.loading .lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.loading .lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.loading .lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.loading .lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.loading .lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.loading .lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.loading .lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.loading .lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.loading .lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.loading .lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.loading .lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}.modal-popup.swatch-popup .modal-inner-wrap{width:calc(100% - 20px);margin:calc(50vh - 50%) auto auto}@media screen and (min-width: 768px){.modal-popup.swatch-popup .modal-inner-wrap{max-width:480px;width:75%;margin-top:calc(50vh - 300px)}}@media screen and (min-width: 992px){.modal-popup.swatch-popup .modal-inner-wrap{max-width:600px;width:41.66667%}}.modal-popup.swatch-popup header.modal-header{background:transparent;border:none;position:fixed;padding-left:0}.modal-popup.swatch-popup header.modal-header button.action-close{padding:10px;margin:15px;right:auto}.modal-popup.swatch-popup header.modal-header button.action-close::before,.modal-popup.swatch-popup header.modal-header button.action-close::after{content:'';position:absolute;left:50%;transform:translateX(-50%);background:url("../images/icons/cross.svg") no-repeat center center/32px;width:20px;height:20px}.modal-popup.swatch-popup header.modal-header button.action-close::before{background:url("../images/icons/cross-white.svg") no-repeat center center/32px;margin-top:1px;opacity:0.5}.modal-popup.swatch-popup .modal-content{padding:0}.modal-popup.swatch-popup #popup-shade-swatch{width:100%;padding-bottom:calc(100% - 40px);background-size:cover}.modal-popup.swatch-popup .actions{display:flex;flex-direction:column;margin:15px 5px 19px;align-items:center}@media screen and (min-width: 768px){.modal-popup.swatch-popup .actions{flex-direction:row;justify-content:space-between;margin:30px 22px 30px 25px}}.modal-popup.swatch-popup #popup-shade-title{font-family:"georotesque",sans-serif;color:#293035;line-height:1.12em;margin-top:.75em;margin-bottom:.75em;font-size:24px;line-height:30px;margin:0 0 15px;font-weight:500;color:#1A1919}@media screen and (min-width: 768px){.modal-popup.swatch-popup #popup-shade-title{font-size:32px;margin-bottom:0}}.modal-popup.swatch-popup .popup-shade-links{flex-direction:column;display:flex}.modal-popup.swatch-popup #popup-shade-link{border-radius:50px;text-align:center;font-size:18px;font-weight:500;font-family:"georotesque",sans-serif;background-color:#002f87;border-color:#002f87;border-width:2px;padding:12px 30px}.modal-popup.swatch-popup #popup-shade-link:hover{background-color:#003597;border-color:#003597}.modal-popup.swatch-popup #popup-shade-link span{display:inline-block;color:#fff}.modal-popup.swatch-popup #popup-shade-link span:after{content:'';display:inline-block;background:url("../images/icons/arrow.svg") no-repeat center center;width:15px;height:11px;margin-left:10px}.modal-popup.swatch-popup #popup-card-link{font-weight:500;display:block;margin-top:16px;text-align:center;font-family:"georotesque",sans-serif;font-size:18px}.modal-popup.swatch-popup footer.modal-footer{display:none}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters{padding-bottom:20px}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper{border-top:1px solid #eee}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper:last-child,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper:last-child{border-bottom:1px solid #eee}@media screen and (min-width: 768px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper{border-bottom:1px solid #eee}}@media screen and (min-width: 840px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper{border:none;border-bottom:none !important;margin:0}}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper>select,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper>select{font-size:16px;height:38px;padding:0 15px !important;max-width:none}@media screen and (min-width: 768px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper>select,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper>select{height:50px}}@media screen and (min-width: 840px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .range-filter-wrapper>select,.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-filters .family-filter-wrapper>select{max-width:300px}}@media (max-width: 767px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner{margin:0 -30px}}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade{flex:0 0 33.33333%}@media screen and (min-width: 580px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade{flex:0 0 25%}}@media screen and (min-width: 768px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade{flex:0 0 20%}}@media screen and (min-width: 992px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade{flex:0 0 14.28571%}}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap{width:calc(100% - 15px)}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap .shade-swatch-container{padding:10px;border-radius:100%;border:1px solid #ececec;margin-bottom:12px}@media (max-width: 767px){.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap .shade-swatch-container{padding:8px}}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap .shadepick-shade-swatch{width:100%;height:100%;padding-bottom:100%;border-radius:100%;margin-bottom:0;vertical-align:bottom}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap .shadepick-shade-swatch.shadepick-shade-image-swatch{padding-bottom:0}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap .shadepick-shade-swatch.shadepick-shade-image-swatch img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shadepicker-popup .shadepicker-inner .shadepicker-shades.container .shadepicker-shades-inner .shadepick-shade .shade-wrap .shadepick-shade-name{font-size:16px;color:#293035;line-height:1.3125;text-align:center}.colourdirectory-index-index #feefo-service-review-floating-widgetId,.colourdirectory-index-index iframe#launcher,.prismicio-route-view #feefo-service-review-floating-widgetId,.prismicio-route-view iframe#launcher{display:none}.colourdirectory-index-index .shadepicker-toolbar,.prismicio-route-view .shadepicker-toolbar{display:flex;width:100%;margin:30px 0 40px;align-items:center;flex-direction:row;justify-content:space-between}@media (max-width: 480px){.colourdirectory-index-index .shadepicker-toolbar,.prismicio-route-view .shadepicker-toolbar{margin:20px 0}}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-left .action.primary,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-left .action.primary{padding:15px 40px}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-right,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-right{display:flex}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-right .shade-count,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-right .shade-count{font-family:"georotesque",sans-serif;font-weight:500;font-size:18px}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary{display:flex;justify-content:center}@media (max-width: 640px){.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary{order:3;width:100%;margin-top:20px;justify-content:flex-start}}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item{padding:14px 46px 14px 20px;background-color:#002f87;display:inline-block;position:relative;font-size:15px;margin-right:14px;border-radius:50px}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item span,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item span{color:#fff}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item a.action.remove,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item a.action.remove{position:absolute;top:0;right:0;bottom:0;width:40px;font-size:0}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item a.action.remove::before,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item a.action.remove::before{content:'';position:absolute;top:50%;left:40%;margin-top:-10px;margin-left:-6px;height:18px;width:12px;background-image:url(../images/icons/close-thick-white.svg);background-size:cover}@media (max-width: 480px){.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary{flex-wrap:wrap}.colourdirectory-index-index .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item,.prismicio-route-view .shadepicker-toolbar .shadepicker-toolbar-centre.filter-summary .filter-item{width:100%;margin-right:0;margin-bottom:10px;padding-left:28px;text-align:center}}.prismicio-route-view .shadepicker-toolbar{margin-top:30px}.colour-directory-wrapper .shadepicker-filters.row{margin:0 0 12px;align-items:stretch;flex-direction:column}@media screen and (min-width: 768px){.colour-directory-wrapper .shadepicker-filters.row{flex-direction:row;align-items:center;justify-content:space-between}}@media screen and (min-width: 840px){.colour-directory-wrapper .shadepicker-filters.row{margin:0 0 40px}}.colour-directory-wrapper .range-filter-wrapper,.colour-directory-wrapper .family-filter-wrapper{margin:0 -10px}@media (max-width: 840px){.colour-directory-wrapper .range-filter-wrapper,.colour-directory-wrapper .family-filter-wrapper{padding:0 10px;margin:0}.colour-directory-wrapper .range-filter-wrapper select,.colour-directory-wrapper .family-filter-wrapper select{border:1px solid #c2c2c2 !important;padding-left:20px !important}}.colour-directory-wrapper .range-filter-wrapper .selectric .label,.colour-directory-wrapper .family-filter-wrapper .selectric .label{font-size:16px;line-height:2.5;color:#727272;height:40px;margin-left:10px}@media screen and (min-width: 840px){.colour-directory-wrapper .range-filter-wrapper .selectric .label,.colour-directory-wrapper .family-filter-wrapper .selectric .label{font-size:18px;line-height:2.66667;height:48px;margin-left:13px}}.colour-directory-wrapper .range-filter-wrapper .selectric .button,.colour-directory-wrapper .family-filter-wrapper .selectric .button{width:40px;height:40px;line-height:40px}@media screen and (min-width: 840px){.colour-directory-wrapper .range-filter-wrapper .selectric .button,.colour-directory-wrapper .family-filter-wrapper .selectric .button{width:48px;height:48px;line-height:48px}}.colour-directory-wrapper .search-wrapper{padding:0;margin:0 0 13px}@media screen and (min-width: 840px){.colour-directory-wrapper .search-wrapper{margin:0 auto 0 0}}.colour-directory-wrapper #shadepicker-search{position:relative}.colour-directory-wrapper #shadepicker-search label[for="shadepicker-search"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.colour-directory-wrapper #shadepicker-search #shadepicker-search-input{margin:0;font-size:16px;color:#464646;line-height:1.1;padding:19px 42px 15px;height:auto;border-radius:50px}@media screen and (min-width: 840px){.colour-directory-wrapper #shadepicker-search #shadepicker-search-input{padding:22px 60px 18px;font-size:18px}}.colour-directory-wrapper #shadepicker-search #shadepicker-search-input::-moz-placeholder{color:#727272}.colour-directory-wrapper #shadepicker-search #shadepicker-search-input:-ms-input-placeholder{color:#727272}.colour-directory-wrapper #shadepicker-search #shadepicker-search-input::placeholder{color:#727272}.colour-directory-wrapper #shadepicker-search span[role="status"]{position:absolute;font-style:italic;color:#929292;top:17px;right:22px}@media screen and (min-width: 840px){.colour-directory-wrapper #shadepicker-search span[role="status"]{top:20px;right:60px}}.colour-directory-wrapper #shadepicker-search:before{content:'';display:block;position:absolute;width:23px;height:23px;top:14px;left:20px;background-image:url(../images/icons/header/search-blue.svg);pointer-events:none}@media screen and (min-width: 840px){.colour-directory-wrapper #shadepicker-search:before{top:18px;left:16px}}.colour-directory-wrapper #shadepicker-search .ui-autocomplete{box-shadow:0 0 10px -6px;position:absolute;background:white;z-index:1;list-style:none;padding:0}.colour-directory-wrapper #shadepicker-search .ui-autocomplete li{margin:0;padding:16px 23px;cursor:pointer}.colour-directory-wrapper #shadepicker-search .ui-autocomplete li a{text-decoration:none;color:#293035;font-size:16px;line-height:1}.colour-directory-wrapper #shadepicker-search .ui-autocomplete li:hover{background:#eeeeee}.colour-directory-wrapper #shadepicker-search .shadepicker-clear{position:absolute;top:70px;left:0;color:#222;text-decoration:none;background:transparent url(../images/icons/cross.svg) no-repeat 0 6px/10px;padding-left:17px}.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit{width:44px;height:44px;position:absolute;left:6px;top:8px;cursor:pointer}.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit:hover,.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit:focus,.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit:active,.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit.active,.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit.is-active{-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;background:rgba(255,255,255,0.7)}@media screen and (max-width: 840px){.colour-directory-wrapper #shadepicker-search .shadepicker-search-submit{width:40px;height:40px;left:1px;top:6px}}