.ciOemy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 71px;
    padding-top: 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .ciOemy {
        flex-direction:row;
        height: 63px;
        justify-content: left;
        width: 100%;
        padding: 18px 12px
    }
}

@media(min-width: 1025px) {
    .ciOemy {
        flex-direction:row;
        height: 83px;
        padding-top: unset;
        padding-bottom: unset;
        align-items: flex-start
    }
}

.KXbIQj.KXbIQj {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 400;
    width: -moz-fit-content;
    width: fit-content
}

@media(min-width: 641px)and (max-width:1024px) {
    .KXbIQj.KXbIQj {
        flex-direction:row
    }
}

.NVaOPI {
    width: 28px;
    fill: #0053a0
}

@media(min-width: 641px)and (max-width:1024px) {
    .NVaOPI {
        width:30px;
        margin-bottom: 0;
        margin-right: 9px
    }
}

@media(min-width: 1025px) {
    .NVaOPI {
        width:38px;
        margin-left: 4px
    }
}

.lcCO8e {
    text-align: center;
    margin-top: 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .lcCO8e {
        text-align:left
    }
}

@media(min-width: 641px) {
    .lcCO8e {
        margin-top:0
    }
}

.yV_EJA {
    font: 14px/16px Arial,Helvetica,sans-serif
}

@media(min-width: 641px)and (max-width:1024px) {
    .yV_EJA {
        font-weight:700;
        font-family: archivo_narrowbold,sans-serif
    }
}

@media(min-width: 1025px) {
    .yV_EJA {
        font:700 16px/22px archivo_narrowbold,sans-serif
    }
}

.Vu_K_D {
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #636363
}

@media(min-width: 641px)and (max-width:1024px) {
    .Vu_K_D {
        display:block
    }
}

@media(min-width: 1025px) {
    .Vu_K_D {
        display:block;
        margin-top: 2px
    }
}

._1vOHwH {
    position: relative;
    width: 100%;
    max-width: 1148px;
    display: grid;
    grid-template: "top-left top-left your-account your-account" "logo logo toggle-vat toggle-vat" "navigation search store-locator mini-basket";
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr
}

@media(max-width: 640px) {
    ._1vOHwH {
        z-index:1045
    }
}

@media(min-width: 641px) {
    ._1vOHwH {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo logo your-account store-locator mini-basket" "navigation navigation search search search";
        grid-template-columns: minmax(122px,11.5fr) minmax(122px,12fr) minmax(133px,12fr) minmax(119px,12fr) minmax(127px,10fr);
        grid-template-rows: 1fr
    }
}

@media(min-width: 1025px) {
    ._1vOHwH {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo search your-account store-locator mini-basket" "navigation navigation navigation navigation navigation";
        grid-template-columns: 240px 1fr 155px 147px 106px;
        grid-template-rows: 1fr
    }
}

._1vOHwH:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 28px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(180deg,#186ab8 0,#255d92);
    background-origin: padding-box;
    background-repeat: no-repeat;
    z-index: 1044
}

@media(min-width: 641px) {
    ._1vOHwH:before {
        height:34px
    }
}

@media(min-width: 1025px) {
    ._1vOHwH:before {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

._1vOHwH.AlBwhw:after,._1vOHwH._0mFkZs:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1043;
    background-color: #fff
}

@media(min-width: 1025px) {
    ._1vOHwH.AlBwhw:after,._1vOHwH._0mFkZs:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

._1vOHwH.AlBwhw>*,._1vOHwH._0mFkZs>* {
    z-index: 1044
}

@media(max-width: 640px) {
    ._1vOHwH.gLtPhO {
        position:fixed;
        height: var(--gridSectionHeight,auto);
        top: var(--gridNavigationOffset,0);
        left: 0;
        z-index: 1045;
        background-color: #fff;
        border-bottom: 1px solid #d1d1d1
    }
}

.aGBFRc {
    height: var(--gridSectionHeight,0);
    display: none
}

@media(max-width: 640px) {
    .aGBFRc.qUfla2 {
        display:block
    }
}

.VzEvTW {
    grid-area: store-locator;
    border-left: 1px solid #d1d1d1;
    margin-bottom: 10px
}

@media(min-width: 641px) {
    .VzEvTW {
        margin-top:10px;
        margin-bottom: 10px;
        border-left: none
    }
}

.Jwi8f8 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.dRhAWG {
    position: relative;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    color: #636363;
    font: 13px/17px Arial,sans-serif
}

.dRhAWG .XNp34I {
    margin-right: 10px
}

.dRhAWG .Hv81K_ {
    margin-left: 10px
}

.dRhAWG ._06FFq {
    cursor: pointer;
    position: relative;
    width: 64px;
    height: 34px;
    background: transparent linear-gradient(180deg,#cecece,#dbdbdb 50%,#cecece) 0 0;
    border-radius: 100px
}

.dRhAWG ._06FFq:after {
    box-sizing: border-box;
    position: absolute;
    display: block;
    content: "";
    cursor: pointer;
    border-radius: 50%;
    background: #fff 0 0 no-repeat padding-box;
    height: 28px;
    width: 28px;
    left: 3px;
    top: 3px;
    transition: .4s
}

.FAvHkZ {
    position: relative;
    align-items: center;
    cursor: pointer;
    display: flex;
    color: #0053a0;
    font: 700 12px/14px archivo_narrowbold,sans-serif
}

@media(min-width: 641px) {
    .FAvHkZ {
        font-size:13px;
        color: #fff
    }
}

.FAvHkZ .XNp34I {
    position: relative;
    margin-right: 4px;
    width: 20px
}

@media(min-width: 641px) {
    .FAvHkZ .XNp34I {
        width:auto
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .FAvHkZ .XNp34I {
        margin-right:5px
    }
}

@media(min-width: 1025px) {
    .FAvHkZ .XNp34I {
        margin-right:6px
    }
}

.FAvHkZ ._06FFq {
    width: 40px;
    height: 20px;
    cursor: pointer;
    border-radius: 11px;
    vertical-align: text-top;
    position: relative;
    background: #004587;
    box-shadow: inset 0 2px 5px #000
}

.FAvHkZ ._06FFq:after {
    box-sizing: border-box;
    position: absolute;
    display: block;
    content: "";
    cursor: pointer;
    border-radius: 50%;
    background: #fff 0 0 no-repeat padding-box;
    width: 12px;
    height: 12px;
    top: 4px;
    left: 5px;
    box-shadow: 0 2px 3px #002c67;
    transition: all .2s ease-in-out
}

.FAvHkZ:focus-within ._06FFq {
    outline: 1px solid
}

.FAvHkZ .Hv81K_ {
    position: relative;
    margin-left: 4px;
    width: 20px
}

@media(min-width: 641px) {
    .FAvHkZ .Hv81K_ {
        width:auto
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .FAvHkZ .Hv81K_ {
        margin-left:5px
    }
}

.FAvHkZ.bDm_mh ._06FFq:after {
    left: calc(100% - 12px - 5px)
}

.dRhAWG.bDm_mh ._06FFq {
    background: transparent linear-gradient(180deg,#347718,#398819 50%,#347718) 0 0
}

.dRhAWG.bDm_mh ._06FFq:after {
    transform: translateX(30px)
}

.dRhAWG:focus-within ._06FFq {
    outline: 1px dotted #999
}

.nrkNmI {
    position: relative;
    width: 100%;
    max-width: 1148px;
    display: grid;
    grid-template: "top-left top-left your-account your-account" "logo logo toggle-vat toggle-vat" "navigation search store-locator mini-basket";
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr
}

@media(max-width: 640px) {
    .nrkNmI {
        z-index:1045
    }
}

@media(min-width: 641px) {
    .nrkNmI {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo logo your-account store-locator mini-basket" "navigation navigation search search search";
        grid-template-columns: minmax(122px,11.5fr) minmax(122px,12fr) minmax(133px,12fr) minmax(119px,12fr) minmax(127px,10fr);
        grid-template-rows: 1fr
    }
}

@media(min-width: 1025px) {
    .nrkNmI {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo search your-account store-locator mini-basket" "navigation navigation navigation navigation navigation";
        grid-template-columns: 240px 1fr 155px 147px 106px;
        grid-template-rows: 1fr
    }
}

.nrkNmI:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 28px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(180deg,#186ab8 0,#255d92);
    background-origin: padding-box;
    background-repeat: no-repeat;
    z-index: 1044
}

@media(min-width: 641px) {
    .nrkNmI:before {
        height:34px
    }
}

@media(min-width: 1025px) {
    .nrkNmI:before {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.nrkNmI.L_ODfl:after,.nrkNmI.zwwT2t:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1043;
    background-color: #fff
}

@media(min-width: 1025px) {
    .nrkNmI.L_ODfl:after,.nrkNmI.zwwT2t:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.nrkNmI.L_ODfl>*,.nrkNmI.zwwT2t>* {
    z-index: 1044
}

@media(max-width: 640px) {
    .nrkNmI.ngZBQW {
        position:fixed;
        height: var(--gridSectionHeight,auto);
        top: var(--gridNavigationOffset,0);
        left: 0;
        z-index: 1045;
        background-color: #fff;
        border-bottom: 1px solid #d1d1d1
    }
}

.C9Ilxw {
    height: var(--gridSectionHeight,0);
    display: none
}

@media(max-width: 640px) {
    .C9Ilxw.UhQt4r {
        display:block
    }
}

.PxIHQe {
    grid-area: toggle-vat;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    margin-bottom: 12px
}

@media(min-width: 641px) {
    .PxIHQe {
        margin-bottom:0;
        color: #fff;
        height: 28px;
        z-index: 1045;
        position: relative;
        display: flex;
        align-items: center
    }
}

@media(min-width: 641px)and (min-width:641px) {
    .PxIHQe {
        height:34px
    }
}

.E_Z8HI {
    height: 34px
}

.dASsEt {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.BKy_8T,.FaoCZo {
    display: flex;
    align-items: center
}

.BKy_8T {
    margin-left: 3px;
    padding: 5px 4px 6px 10px;
    background: none;
    border: none;
    cursor: pointer
}

@media(min-width: 641px)and (max-width:1024px) {
    .BKy_8T {
        margin-left:5px
    }
}

@media(min-width: 1025px) {
    .BKy_8T {
        margin-left:7px
    }
}

.BKy_8T:after {
    content: "";
    margin: 0 3px;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-bottom: none;
    border-radius: 2px
}

@media(min-width: 1025px) {
    .BKy_8T:after {
        border:5px solid transparent;
        border-top-color: #fff;
        border-bottom: none
    }
}

.BKy_8T:focus {
    outline: 1px dashed #fff;
    outline-offset: -1px;
    background-color: #0053a0
}

._9Bas9o {
    width: 22px;
    box-shadow: 0 0 2px rgba(0,0,0,.4)
}

.kDQtfT {
    position: absolute;
    width: 230px;
    padding: 15px;
    background-color: #fff
}

@media(max-width: 640px) {
    .kDQtfT {
        width:100vw;
        left: 0
    }
}

._3A_XNZ {
    list-style: none;
    margin: 0;
    padding: 0
}

.BsQmov {
    margin-bottom: 10px
}

.BsQmov:first-of-type {
    margin-top: 20px
}

.ekCfpc {
    margin: 0;
    padding-bottom: 11px;
    font-size: 17px;
    font-family: archivo_narrowbold,sans-serif;
    color: #0053a0;
    border-bottom: 1px solid #d1d1d1
}

._84tBht {
    display: flex;
    align-items: center;
    text-decoration: underline;
    font-size: 13px;
    font-family: Arial,sans-serif;
    color: #636363;
    line-height: 34px
}

._84tBht ._9Bas9o {
    margin-right: 13px
}

._84tBht:focus {
    outline: 1px dotted #999;
    outline-offset: 1px
}

@media(max-width: 640px) {
    .Qi063t {
        z-index:1044
    }
}

._6Odq2N._6Odq2N {
    display: flex;
    align-items: flex-end;
    padding-bottom: 3px;
    font: 700 13px/15px Arial,sans-serif;
    text-decoration: none;
    color: #fff
}

._1Z1P9A {
    position: relative;
    top: 1px;
    fill: #fff;
    width: 17px;
    height: 17px;
    margin-left: 5px
}

.DsKh8x {
    display: block;
    font: 700 12px/14px Arial,sans-serif
}

@media(min-width: 641px) {
    .DsKh8x {
        font-size:16px;
        line-height: 18px
    }
}

@media(max-width: 640px) {
    .l1KOwR {
        display:none
    }
}

@media(min-width: 641px) {
    ._5lBY9u {
        display:none
    }
}

.CjRmJq {
    height: 34px
}

.bLXdVO {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.jxYQwd,.yvH2ZF {
    display: flex;
    align-items: center
}

.jxYQwd {
    margin-left: 3px;
    padding: 5px 4px 6px 10px;
    background: none;
    border: none;
    cursor: pointer
}

@media(min-width: 641px)and (max-width:1024px) {
    .jxYQwd {
        margin-left:5px
    }
}

@media(min-width: 1025px) {
    .jxYQwd {
        margin-left:7px
    }
}

.jxYQwd:after {
    content: "";
    margin: 0 3px;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-bottom: none;
    border-radius: 2px
}

@media(min-width: 1025px) {
    .jxYQwd:after {
        border:5px solid transparent;
        border-top-color: #fff;
        border-bottom: none
    }
}

.jxYQwd:focus {
    outline: 1px dashed #fff;
    outline-offset: -1px;
    background-color: #0053a0
}

.SQ_EXN {
    width: 22px;
    box-shadow: 0 0 2px rgba(0,0,0,.4)
}

.AJ9Zr4 {
    position: absolute;
    width: 230px;
    padding: 15px;
    background-color: #fff
}

@media(max-width: 640px) {
    .AJ9Zr4 {
        width:100vw;
        left: 0
    }
}

._0hMdO2 {
    list-style: none;
    margin: 0;
    padding: 0
}

.YXLBu2 {
    margin-bottom: 10px
}

.YXLBu2:first-of-type {
    margin-top: 20px
}

.qBLC_a {
    margin: 0;
    padding-bottom: 11px;
    font-size: 17px;
    font-family: archivo_narrowbold,sans-serif;
    color: #0053a0;
    border-bottom: 1px solid #d1d1d1
}

.XiDKhL {
    display: flex;
    align-items: center;
    text-decoration: underline;
    font-size: 13px;
    font-family: Arial,sans-serif;
    color: #636363;
    line-height: 34px
}

.XiDKhL .SQ_EXN {
    margin-right: 13px
}

.XiDKhL:focus {
    outline: 1px dotted #999;
    outline-offset: 1px
}

@media(max-width: 640px) {
    .aq_92W {
        z-index:1044
    }
}

.sxI2_s {
    position: relative;
    width: 100%;
    max-width: 1148px;
    display: grid;
    grid-template: "top-left top-left your-account your-account" "logo logo toggle-vat toggle-vat" "navigation search store-locator mini-basket";
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr
}

@media(max-width: 640px) {
    .sxI2_s {
        z-index:1045
    }
}

@media(min-width: 641px) {
    .sxI2_s {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo logo your-account store-locator mini-basket" "navigation navigation search search search";
        grid-template-columns: minmax(122px,11.5fr) minmax(122px,12fr) minmax(133px,12fr) minmax(119px,12fr) minmax(127px,10fr);
        grid-template-rows: 1fr
    }
}

@media(min-width: 1025px) {
    .sxI2_s {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo search your-account store-locator mini-basket" "navigation navigation navigation navigation navigation";
        grid-template-columns: 240px 1fr 155px 147px 106px;
        grid-template-rows: 1fr
    }
}

.sxI2_s:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 28px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(180deg,#186ab8 0,#255d92);
    background-origin: padding-box;
    background-repeat: no-repeat;
    z-index: 1044
}

@media(min-width: 641px) {
    .sxI2_s:before {
        height:34px
    }
}

@media(min-width: 1025px) {
    .sxI2_s:before {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.sxI2_s.ECexQf:after,.sxI2_s.nPJ1Ue:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1043;
    background-color: #fff
}

@media(min-width: 1025px) {
    .sxI2_s.ECexQf:after,.sxI2_s.nPJ1Ue:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.sxI2_s.ECexQf>*,.sxI2_s.nPJ1Ue>* {
    z-index: 1044
}

@media(max-width: 640px) {
    .sxI2_s.C4trZ4 {
        position:fixed;
        height: var(--gridSectionHeight,auto);
        top: var(--gridNavigationOffset,0);
        left: 0;
        z-index: 1045;
        background-color: #fff;
        border-bottom: 1px solid #d1d1d1
    }
}

.KAL3yT {
    height: var(--gridSectionHeight,0);
    display: none
}

@media(max-width: 640px) {
    .KAL3yT.U79uwU {
        display:block
    }
}

.tYP_3K {
    grid-area: top-left;
    padding-left: 10px;
    color: #fff;
    height: 28px;
    z-index: 1045;
    position: relative;
    display: flex;
    align-items: center
}

@media(min-width: 641px) {
    .tYP_3K {
        height:34px
    }

    .mnfaDp+.mnfaDp {
        display: flex;
        align-items: center
    }

    .mnfaDp+.mnfaDp:before {
        content: "";
        display: inline-block;
        height: 15px;
        border-left: 1px solid #6eaad5;
        border-right: 1px solid #09337c;
        margin: 0 15px
    }

    .mnfaDp.MRzEiE:before {
        margin-left: 20px;
        margin-right: 0
    }
}

.mnfaDp.U_v2oc {
    display: none
}

@media(min-width: 641px) {
    .mnfaDp.U_v2oc {
        display:flex
    }
}

@keyframes _6m4zuy {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.J3l870 {
    padding: 4px 2px;
    width: 100%;
    height: 100%;
    position: unset
}

@media(min-width: 641px) {
    .J3l870 {
        position:relative;
        border-right: 1px solid #d1d1d1
    }
}

@media(min-width: 1025px) {
    .J3l870 {
        display:flex;
        flex-direction: row;
        justify-content: center;
        padding: 0;
        height: 83px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .J3l870 {
        height:63px;
        padding: 16px 6px 14px
    }
}

@media(min-width: 1025px) {
    .QrtA_w {
        height:92px
    }
}

.QrtA_w:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: content-box;
    border-bottom: 1px solid #fff
}

@media(min-width: 1025px) {
    .QrtA_w:after {
        border-left:1px solid #d1d1d1
    }
}

.fXj_4H.fXj_4H {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: #0053a0;
    cursor: pointer
}

@media(min-width: 1025px) {
    .fXj_4H.fXj_4H {
        flex-direction:column;
        width: -moz-fit-content;
        width: fit-content
    }
}

._28QRMq {
    width: 15px;
    margin-right: 8px;
    fill: #fff
}

@media(min-width: 641px)and (max-width:1024px) {
    ._28QRMq {
        width:29px;
        fill: #0053a0
    }
}

@media(min-width: 1025px) {
    ._28QRMq {
        width:38px;
        margin-right: 0;
        margin-left: 5px;
        fill: #0053a0
    }

    .bvMH_b {
        text-align: center
    }
}

.ORx__r {
    font: 700 16px/18px archivo_narrowbold,sans-serif;
    letter-spacing: .6px
}

@media(min-width: 1025px) {
    .ORx__r {
        line-height:22px
    }
}

.FnMHmZ {
    font-size: 14px;
    line-height: 16px
}

@media(min-width: 1025px) {
    .FnMHmZ {
        font-size:16px;
        line-height: 22px
    }
}

._pRiTh:after {
    content: "";
    display: inline-block;
    margin-left: .2em;
    border: 7px solid transparent;
    border-top: 8px solid #0053a0;
    border-bottom: none;
    border-radius: 2px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._pRiTh:after {
        border:6px solid transparent;
        border-top: 7px solid #0053a0;
        border-bottom: none
    }
}

.jA4IWx {
    display: block;
    max-width: 119px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #636363
}

@media(max-width: 640px) {
    .jA4IWx {
        color:#fff;
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(min-width: 1025px) {
    .jA4IWx {
        margin-top:2px
    }
}

.di53Wb {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    list-style: none;
    margin: 0;
    padding: 15px 0
}

@media(min-width: 641px)and (max-width:1024px) {
    .di53Wb {
        width:368px;
        padding: 0 10px;
        left: -1px
    }
}

@media(max-width: 640px) {
    .di53Wb {
        left:auto;
        right: 0;
        width: 100vw;
        padding: 0 10px;
        border: none
    }
}

.rO4u6W {
    padding: 13px 10px 10px 0
}

@media(max-width: 640px) {
    .rO4u6W:first-child {
        padding-top:21px
    }
}

@media(max-width: 1024px) {
    .rO4u6W {
        border-bottom:1px solid #d1d1d1
    }

    .rO4u6W:last-child {
        border-bottom: none
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .rO4u6W {
        padding:15px 40px 16px 4px
    }
}

@media(min-width: 1025px) {
    .rO4u6W {
        margin:0;
        padding: 0 15px 0 5px
    }
}

.nuogh3.nuogh3 {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #636363;
    padding: 0 15px;
    margin: 0;
    text-decoration: none
}

@media(max-width: 1024px) {
    .nuogh3.nuogh3 {
        display:unset;
        font-size: 15px;
        font-weight: 600;
        text-transform: none;
        line-height: 20px;
        height: auto;
        padding: 15px
    }

    .nuogh3.nuogh3:after {
        content: "";
        display: block;
        border: 7px solid transparent;
        border-right: none;
        border-left: 7px solid #636363;
        float: right;
        box-sizing: border-box;
        margin: 3px 0
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .nuogh3.nuogh3 {
        line-height:12px
    }
}

.nuogh3.nuogh3:hover {
    text-decoration: underline
}

.SSmkmj {
    padding: 20px 0
}

@media(min-width: 641px)and (max-width:1024px) {
    .SSmkmj {
        padding:15px 17px 16px 16px
    }
}

@media(min-width: 1025px) {
    .SSmkmj {
        padding:15px 12px 4px 14px
    }
}

.rrtNPH:disabled {
    background: linear-gradient(0deg,#024b0d 0,#26770f 49%,#408f18 52%,#62b11a);
    border: 1px solid #085010;
    color: #fff
}

.rrtNPH:disabled .voyxlU {
    display: none
}

._Kncql {
    position: relative;
    width: 100%;
    max-width: 1148px;
    display: grid;
    grid-template: "top-left top-left your-account your-account" "logo logo toggle-vat toggle-vat" "navigation search store-locator mini-basket";
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr
}

@media(max-width: 640px) {
    ._Kncql {
        z-index:1045
    }
}

@media(min-width: 641px) {
    ._Kncql {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo logo your-account store-locator mini-basket" "navigation navigation search search search";
        grid-template-columns: minmax(122px,11.5fr) minmax(122px,12fr) minmax(133px,12fr) minmax(119px,12fr) minmax(127px,10fr);
        grid-template-rows: 1fr
    }
}

@media(min-width: 1025px) {
    ._Kncql {
        grid-template:"top-left top-left top-left toggle-vat toggle-vat" "logo search your-account store-locator mini-basket" "navigation navigation navigation navigation navigation";
        grid-template-columns: 240px 1fr 155px 147px 106px;
        grid-template-rows: 1fr
    }
}

._Kncql:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 28px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(180deg,#186ab8 0,#255d92);
    background-origin: padding-box;
    background-repeat: no-repeat;
    z-index: 1044
}

@media(min-width: 641px) {
    ._Kncql:before {
        height:34px
    }
}

@media(min-width: 1025px) {
    ._Kncql:before {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

._Kncql.WfkfCb:after,._Kncql._20z8c:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1043;
    background-color: #fff
}

@media(min-width: 1025px) {
    ._Kncql.WfkfCb:after,._Kncql._20z8c:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

._Kncql.WfkfCb>*,._Kncql._20z8c>* {
    z-index: 1044
}

@media(max-width: 640px) {
    ._Kncql.hPrppA {
        position:fixed;
        height: var(--gridSectionHeight,auto);
        top: var(--gridNavigationOffset,0);
        left: 0;
        z-index: 1045;
        background-color: #fff;
        border-bottom: 1px solid #d1d1d1
    }
}

.Emhqcg {
    height: var(--gridSectionHeight,0);
    display: none
}

@media(max-width: 640px) {
    .Emhqcg.ETLrud {
        display:block
    }
}

.pd6mIf {
    grid-area: your-account
}

@media(max-width: 640px) {
    .pd6mIf {
        justify-content:flex-end;
        padding-right: 10px;
        color: #fff;
        height: 28px;
        z-index: 1045;
        position: relative;
        display: flex;
        align-items: center
    }
}

@media(max-width: 640px)and (min-width:641px) {
    .pd6mIf {
        height:34px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .pd6mIf {
        border-left:1px solid #d1d1d1;
        margin-bottom: 10px
    }
}

@media(min-width: 641px) {
    .pd6mIf {
        margin-top:10px
    }
}

.WfkfCb .pd6mIf {
    z-index: 1045!important
}

.cYP8AK {
    display: block;
    width: 100%;
    padding: 17px 0;
    margin-bottom: 10px;
    font: 19px/22px screwfix_betaregular;
    text-decoration: none;
    text-align: center
}

@media(min-width: 1025px) {
    .cYP8AK {
        padding:10px 0 12px;
        margin: 8px 0 15px;
        font-size: 22px;
        line-height: 26px
    }
}

.iRmvzF {
    position: relative;
    background: #fff 0 0 no-repeat padding-box;
    height: 60px
}

@media(min-width: 641px)and (max-width:1024px) {
    .iRmvzF {
        display:none;
        z-index: 1043;
        align-self: flex-start;
        position: relative;
        left: 0;
        background: #e5e5e5;
        padding: 0;
        margin-left: 12px;
        width: 51%;
        height: 0
    }
}

@media(max-width: 640px) {
    .iRmvzF {
        display:none;
        z-index: 1043;
        position: relative;
        background: #e5e5e5;
        padding: 0;
        width: 100%;
        height: 0
    }
}

@media(min-width: 1025px) {
    .jIcJYj:hover {
        z-index:1043
    }

    .jIcJYj .jTu8_s:hover .Ehjso0 {
        color: #0053a0;
        background: #fff 0 0 no-repeat padding-box
    }

    .jIcJYj .jTu8_s:hover .NlchEm {
        display: block
    }

    ._83jsbX {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        max-width: 1148px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._83jsbX {
        display:none
    }
}

@media(max-width: 640px) {
    ._83jsbX {
        display:none
    }
}

.Ehjso0 {
    height: 58px;
    display: table-cell;
    letter-spacing: 0;
    color: #0053a0;
    text-align: center;
    font: normal normal 700 14px/17px archivo_narrowbold,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 5px;
    vertical-align: middle
}

.Ehjso0:focus {
    outline: 2px dotted #a9a9a9;
    outline-offset: 1px;
    background: #f6f6f6 0 0 no-repeat padding-box
}

.NlchEm {
    width: 100%;
    background: #fff 0 0 no-repeat padding-box;
    top: 58px;
    left: 0;
    display: none;
    position: absolute;
    z-index: 1060;
    padding: 12px 12px 50px
}

.UsDuHZ {
    display: table-cell;
    vertical-align: top;
    text-transform: uppercase;
    padding-right: 12px;
    margin-top: 9px;
    margin-bottom: 50px;
    width: 15%
}

.AkBdAI {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 9px;
    text-align: left
}

@media(min-width: 1025px) {
    .AkBdAI {
        margin-bottom:5px
    }
}

.CgJg4D {
    display: table-cell;
    height: 58px;
    padding: 0 5px;
    text-decoration: none;
    vertical-align: middle;
    font: normal normal 700 14px/17px archivo_narrowbold,sans-serif
}

@media(min-width: 1025px) {
    .CgJg4D {
        padding-top:2px
    }
}

.kWR27p {
    margin: 0;
    width: 100%;
    text-align: left;
    display: inline-block;
    padding: 7px 5px 0;
    line-height: 15px
}

@media(min-width: 1025px) {
    .kWR27p {
        padding-top:8px;
        padding-bottom: 2px
    }
}

.vgKxEr {
    display: none
}

.svfuEt {
    height: auto;
    font: normal normal 400 13px/19px Arial,sans-serif;
    text-transform: capitalize;
    color: #636363
}

@media(min-width: 1025px) {
    .svfuEt {
        line-height:15px
    }
}

.zszCKe {
    margin: 0;
    width: 100%;
    text-align: left;
    display: inline-block;
    padding: 10px 5px 0
}

.BaE0jU {
    display: table-cell;
    text-decoration: underline;
    text-transform: none;
    font: normal normal 400 13px/19px Arial,sans-serif;
    color: #0053a0;
    padding-top: 10px
}

.aKRKJL {
    opacity: .8;
    width: 100%;
    min-height: 100%;
    background: #000 0 0 no-repeat padding-box;
    z-index: 1040;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.yEyb1a {
    width: inherit;
    margin: 0;
    padding: 0;
    height: 58px
}

@media(min-width: 641px)and (max-width:1024px) {
    .yEyb1a {
        display:block;
        width: 100%;
        z-index: 1043;
        background-color: #fff;
        height: auto
    }
}

@media(max-width: 640px) {
    .yEyb1a {
        display:block;
        width: 100%;
        z-index: 1043;
        background-color: #fff;
        height: auto;
        border-bottom: 10px solid #d1d1d1
    }
}

@media(min-width: 1025px) {
    .p772e_:hover {
        background:#e7e7e7 0 0 no-repeat padding-box
    }

    .p772e_:hover .Ehjso0 {
        color: #636363
    }
}

.jTu8_s {
    list-style-type: none;
    display: table-cell;
    vertical-align: middle
}

@media(min-width: 641px)and (max-width:1024px) {
    .jTu8_s {
        width:auto;
        background-color: #fff;
        z-index: 1043;
        margin: 0 10px;
        border-bottom: 1px solid #d1d1d1
    }

    .jTu8_s,.jTu8_s .Ehjso0 {
        display: block;
        height: auto
    }

    .jTu8_s .Ehjso0 {
        color: #636363;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-transform: none;
        line-height: 20px;
        padding: 15px 5px 10px 20px;
        text-align: left
    }
}

@media(max-width: 640px) {
    .jTu8_s {
        width:auto;
        background-color: #fff;
        z-index: 1043;
        margin: 0 10px;
        border-bottom: 1px solid #d1d1d1
    }

    .jTu8_s,.jTu8_s .Ehjso0 {
        display: block;
        height: auto
    }

    .jTu8_s .Ehjso0 {
        color: #636363;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-transform: none;
        line-height: 20px;
        padding: 15px 5px 10px 20px;
        text-align: left
    }
}

.DQP23h {
    background: #f6f6f6;
    margin: 0
}

.DQP23h .Ehjso0 {
    margin: 0 10px
}

.hzOvbw {
    list-style-type: none
}

.UjvVNp {
    display: none;
    font: normal normal 700 22px archivo_narrowbold,sans-serif;
    padding: 22px 20px 12px;
    margin: 0;
    border: 0;
    color: #636363;
    width: 100%;
    z-index: 1043;
    background: #e5e5e5
}

@media(min-width: 641px)and (max-width:1024px) {
    .X_oQZq {
        display:block!important
    }
}

@media(max-width: 640px) {
    .X_oQZq {
        display:block!important
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .IWbYxN {
        display:none!important
    }
}

@media(max-width: 640px) {
    .IWbYxN {
        display:block!important
    }
}

.ZZR_Md {
    display: none
}

@media(min-width: 641px)and (max-width:1024px) {
    .ZZR_Md {
        display:block
    }
}

@media(max-width: 640px) {
    .ZZR_Md {
        display:block
    }
}

._4tEGXM {
    height: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    float: right;
    margin: 0 5px 0 0;
    fill: #636363
}

@media(min-width: 1025px) {
    ._4tEGXM {
        display:none
    }
}

._7Oy3N3 {
    border: none;
    margin: 0;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    font-smoothing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 59px;
    padding: 0 20px;
    display: flex;
    text-align: left;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    font: normal normal normal 22px archivo_narrowbold,sans-serif;
    color: #636363;
    background-color: #e5e5e5;
    text-transform: none
}

._7Oy3N3,._7Oy3N3:enabled {
    cursor: pointer
}

._7Oy3N3 span {
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ZMPti5 {
    height: 38px;
    padding: 6px;
    margin: 0 10px 0 0;
    fill: #636363;
    font-style: normal;
    font-weight: 600;
    background-image: linear-gradient(180deg,#fcfcfc,#f6f6f6 45%,#f0f0f0 49%,#e7e7e7);
    border: 1px solid #d1d1d1;
    border-radius: 6px
}