.colours-swatch-container{padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width:992px){.colours-swatch-container{grid-template-columns:repeat(8,1fr)}}.swatch-group{padding-top:40px}.swatch-group .heading:after,.swatch-group .heading:before{display:table;content:" "}.swatch-group .heading:after{clear:both}.swatch-group .heading h4,.swatch-group .heading p{margin:0 0 10px}@media (min-width:992px){.swatch-group .heading h4,.swatch-group .heading p{margin-bottom:0;float:left}}@media (min-width:992px){.swatch-group .heading p{margin-left:40px}}.swatch-group .heading a{color:#444;text-decoration:underline}.colours-swatch{position:relative;background-size:cover}.colours-swatch a{font-size:16px}.colours-swatch a:hover{text-decoration:none}.colours-swatch a img{border-radius:50%;background-color:#fff}.colours-swatch a span{display:block;padding:8px 10px;font-size:12px;text-align:center;color:#444}#scrollUp{bottom:0;right:20px;padding:10px 20px;background:#666;color:#fff}.shop-by-colour-intro{text-align:center;padding:48px 0 48px 0}.shop-by-colour-intro h1{color:#444!important;margin:0 0 48px 0;padding:0}.shop-by-colour-intro p{margin:0 0 12px 0;padding:0}.colours-filter-container{display:flex;flex-wrap:wrap;justify-content:center}.colours-filter-button{display:inline-block;margin:5px;padding:5px 10px 3px 10px;border:solid 2px #444;color:#444;text-transform:uppercase}.colours-filter-button:hover{color:#444;background-color:#00dccc}.colours-filter-button.colours-filter-button-primary,.colours-filter-button.selected{background-color:#00a99d;border-color:#00a99d;color:#fff}.colours-filter-button.colours-filter-button-secondary{background-color:#444;border-color:#444;color:#fff}.colours-filter-controls{margin:24px 0;display:flex;flex-wrap:wrap;justify-content:center}.colours-filter-validation{color:#c00;font-weight:700;text-align:center}.colours-filter-validation div{padding-top:48px}.filter-controls-mobile{display:none}@media (min-width:768px){.filter-controls-mobile{display:none!important}}.filter-controls-mobile .productList-pageSize-div{margin-bottom:12px}.product-list{margin-bottom:12px}.product-list .product{margin:12px 0 12px;text-align:center;font-size:16px}.product-list .product span{color:#333}.product-list .product a:hover{text-decoration:none}.product-list .product .product-name{display:block}.product-list .product .product-colour{font-size:12px}.product-list .product .style-number{text-transform:uppercase;font-size:10px;display:block;margin-bottom:15px}.product-list .product .price-was{text-decoration:line-through}.product-list .product .price-sale{color:red}.product-list .product .sold-out{color:red}.product-list .product .review-container{font-size:11px;display:block;margin-bottom:15px}.product-list .product .review-stars{margin-right:10px!important}.product-list .product.kettlewell-recommends{font-size:14px!important}.product-list .product.kettlewell-recommends .review-container{margin-bottom:6px}.product-list .last{clear:left}.keyline{display:block;padding-top:24px;border-top:1px solid #7a7c80}.spotlight{position:absolute;width:52px;top:5px;right:5px;bottom:auto;left:auto}@media (min-width:768px){.spotlight{width:52px;top:10px;right:10px;bottom:auto;left:auto}}@media (min-width:992px){.spotlight{width:52px}}@media (min-width:1382px){.spotlight{width:64px}}.product-list-colour .keyline{border:none;padding-top:0}.product-list-colour .product:nth-of-type(2n)+.product{clear:left}@media (min-width:768px){.product-list-colour .product:nth-of-type(2n)+.product{clear:none}.product-list-colour .product:nth-of-type(6n)+.product{clear:left}}.product-swatches{display:none}.product-swatches:after,.product-swatches:before{display:table;content:" "}.product-swatches:after{clear:both}@media (min-width:768px){.product-swatches{display:inline-block}}.product-swatches img{position:relative;width:20px;height:20px;margin:5px}.product-swatches img:last-child{margin-right:0}.product-swatches .product-swatch-container{display:inline-block;position:relative}.product-swatches .product-swatch-container .colour-tooltip{text-align:center;display:none;background-color:#fff;font-size:12px;color:#7a7c80;min-width:130px;padding:0 10px;height:30px;position:absolute;z-index:100;left:-125px;line-height:30px;top:-20px;box-shadow:0 0 20px 1px rgba(0,0,0,.5);white-space:nowrap}.product-swatches .product-swatch-container:hover .colour-tooltip{display:block}.mobile-filter-controls{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));font-size:14px}.mobile-filter-controls .mobile-filter-panel-toggle{position:relative}.mobile-filter-controls .mobile-filter-panel-toggle .counter{display:inline-block;background-color:#00a99d;border-radius:15px;padding:0 7px;vertical-align:middle;font-size:11px;color:#fff;position:absolute;top:11px;left:-11px}.mobile-filter-controls a{display:block;border:solid 1px #7a7c80;padding:8px 10px;color:#444}.mobile-filter-controls a .glyphicon{margin-left:12px;font-size:11px}.mobile-filter-controls a .glyphicon.glyphicon-menu-down{top:0}.mobile-filter-controls a .mobile-filter-panel-toggle-open{display:flex;justify-content:space-between;align-items:center}.mobile-filter-controls a .mobile-filter-panel-toggle-close{display:none}.mobile-filter-controls a.panel-open .mobile-filter-panel-toggle-open{display:none}.mobile-filter-controls a.panel-open .mobile-filter-panel-toggle-close{display:flex;justify-content:space-between;align-items:center}.mobile-filter-controls .clear-all{display:flex;justify-content:space-between;align-items:center}.filter-group .filter-group-toggle:after{content:"\e114";font-family:"Glyphicons Halflings";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:12px}.filter-group.open .filter-group-toggle:after{content:"\e113"}.filter-group a{color:#333;font-size:14px}.filter-group a:hover{color:#00a99d}#filter-panel{text-transform:uppercase;padding-top:7px;padding-bottom:7px}#filter-panel ul{margin:0;padding:0;list-style:none}#filter-panel ul li{margin:0;padding:0}#filter-panel h2{margin:10px 0 5px 0;font-size:28px}@media (max-width:767px){#filter-panel{display:none}#filter-panel.panel-open{display:block}#filter-panel #filter-groups li{margin-bottom:5px}#filter-panel #filter-groups label{display:inline-block;border:solid 1px #7a7c80;margin:0;padding:8px 10px;position:relative;height:100%;display:flex;align-items:center;position:relative}#filter-panel #filter-groups label .glyphicon{top:-1px;font-size:11px}#filter-panel #filter-groups label.applied{border-color:#00a99d;background-color:#00a99d;color:#fff}#filter-panel #filter-groups label.disabled{background-color:#fff;border:#fff;color:#ccc}#filter-panel #filter-groups label input{position:absolute;top:0;left:-1000em}#filter-panel #filter-groups .filter-group .filter-group-toggle{border:solid 1px #90a0b3;display:block;padding:8px 10px;position:relative;text-decoration:none}#filter-panel #filter-groups .filter-group .filter-group-toggle:after{content:"\e114";font-family:"Glyphicons Halflings";position:absolute;right:10px;bottom:0;top:50%;transform:translateY(-50%);font-size:12px}#filter-panel #filter-groups .filter-group .filter-group-bg{display:none;padding:5px 5px 0 5px}#filter-panel #filter-groups .filter-group.open .filter-group-toggle:after{content:"\e113"}#filter-panel #filter-groups .filter-group.open .filter-group-bg{display:block}#filter-panel #filter-groups .filter-group>a>span{display:none}#filter-panel #filter-groups .filter-group>a>span.applied{display:inline-block;background-color:#00a99d;color:#fff;border-radius:15px;padding:0 7px;vertical-align:middle;font-size:11px;color:#fff;position:absolute;top:11px;left:-11px}#filter-panel #filter-groups .filter-group-apply-button,#filter-panel #filter-groups .filter-group-clear-button{display:none}#filter-panel #clear-all a{color:#777}}@media (min-width:768px){#filter-panel #filter-groups{display:flex;justify-content:space-around}#filter-panel #filter-groups li{text-align:center}#filter-panel #filter-groups li>a{position:relative}#filter-panel #filter-groups li>a:active,#filter-panel #filter-groups li>a:focus,#filter-panel #filter-groups li>a:hover,#filter-panel #filter-groups li>a:visited{text-decoration:none}#filter-panel #filter-groups li>a span{background-color:#00a99d;border-radius:15px;display:none;padding:0 7px;vertical-align:middle;font-size:11px;color:#fff;position:absolute;top:5px;left:-25px}#filter-panel #filter-groups li>a span.applied{display:inline-block}#filter-panel #filter-groups li .filter-group-bg{position:absolute;top:27px;left:0;right:0;display:none;justify-content:space-around;background-color:#fff;padding:5px 12px 12px 12px;z-index:1000;border-top:solid 1px #00a99d}#filter-panel #filter-groups li .filter-group-bg>div{flex-grow:1}#filter-panel #filter-groups li .filter-group-bg ul{margin:10px 5px 0 5px}#filter-panel #filter-groups li .filter-group-bg ul.one-size{margin-top:30px}#filter-panel #filter-groups li .filter-group-bg ul li{display:inline-block}#filter-panel #filter-groups li.open>a{border-bottom:solid 2px #00a99d;color:#00a99d}#filter-panel #filter-groups li.open .filter-group-bg{display:flex;box-shadow:0 7px 14px -10px rgba(0,0,0,.75)}#filter-panel #filter-groups li#clear-all a{color:#777}#filter-panel #filter-groups label{display:inline-block;border:solid 1px #7a7c80;padding:6px 12px;position:relative;height:100%;display:flex;align-items:center;cursor:pointer}#filter-panel #filter-groups label .glyphicon{top:-1px;font-size:11px}#filter-panel #filter-groups label.applied{border-color:#00a99d;background-color:#00a99d;color:#fff}#filter-panel #filter-groups label.disabled{background-color:#fff;border:#fff;color:#ccc}#filter-panel #filter-groups label input{position:absolute;visibility:hidden}#filter-panel #filter-groups .filter-buttons{white-space:nowrap}#filter-panel #filter-groups .filter-group-apply-button a,#filter-panel #filter-groups .filter-group-clear-button a{display:inline-block;border:solid 1px #7a7c80;margin:0;padding:6px 12px;position:relative;height:100%;display:flex;align-items:center;position:relative}#filter-panel #filter-groups .filter-group-apply-button.highlight a{color:#fff;border-color:#00a99d;background-color:#00a99d}}#filter-panel .filter-apply-button{margin-top:20px}