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

    to {
        transform: rotate(1turn)
    }
}

.YeGyRv {
    width: 100%
}

._56xT6 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
    font-family: archivo_narrowbold,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    fill: #fff;
    cursor: pointer
}

.NsU76G {
    min-height: 22px;
    font-size: 12px
}

.Ployu_ {
    padding: 0 24px
}

.ab1qn3 {
    padding: 0 12px
}

._08HYn6 {
    min-height: 29px;
    font-size: 14px
}

.f_xJRE {
    padding: 0 28px
}

.UsBMt0 {
    padding: 0 14px
}

.ADP4dd {
    min-height: 39px;
    font-size: 18px
}

._YnrSq {
    padding: 0 36px
}

._4XRCnp {
    padding: 0 18px
}

.pl2s7Y {
    min-height: 46px;
    font-size: 22px
}

.OuVVU4 {
    padding: 0 44px
}

.N1tDvo {
    padding: 0 22px
}

._0PE3oS {
    min-height: 56px;
    font-size: 24px
}

._6Wgojs {
    padding: 0 48px
}

.dePrds {
    padding: 0 24px
}

._56xT6 .U_3Olv {
    width: 1em;
    height: 1em;
    position: absolute
}

._56xT6 ._D8Ezc {
    right: 10px
}

._56xT6 .eY8Bzy {
    left: 10px
}

._56xT6 ._8yCJ5I {
    animation: X8Iz_i 1s infinite;
    animation-timing-function: linear
}

.vRfazZ {
    background: linear-gradient(0deg,#056a18 0,#3e961c 49%,#5eab2a 52%,#82c72c);
    border: 1px solid #0f701d;
    color: #fff;
    fill: #fff
}

.vRfazZ:disabled {
    background: #b1d795;
    border: 1px solid #87b88e;
    color: #fff;
    cursor: default
}

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

.O_50eR {
    background: linear-gradient(0deg,#e7e7e7 0,#f0f0f0 50%,#f6f6f6 0,#fcfcfc);
    border: 1px solid #d1d1d1;
    color: #636363;
    fill: #636363
}

.O_50eR:disabled {
    background: #f6f6f6;
    border: 1px solid silver;
    color: silver;
    fill: #636363;
    cursor: default
}

.O_50eR:not([disabled]):active,.O_50eR:not([disabled]):focus,.O_50eR:not([disabled]):hover {
    background: linear-gradient(0deg,#d1d1d1 0,#e2e2e2 50%,#ededed 0,#f9f9f9);
    border: 1px solid #ababab;
    color: #636363
}

._8goe9X {
    background: linear-gradient(0deg,#e7e7e7 0,#f0f0f0 50%,#f6f6f6 0,#fcfcfc);
    color: #636363
}

.PCrxmJ,._8goe9X {
    border: 1px solid #d1d1d1
}

.PCrxmJ {
    background: #fcfcfc;
    color: #d1d1d1;
    fill: #d1d1d1
}

.wsmUMp {
    background: linear-gradient(0deg,#004587 0,#004c92 50%,#1867b1 0,#186ab8);
    border: 1px solid #255d92;
    color: #fff;
    cursor: default
}

.y2hodn {
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.25);
    border: 1px solid rgba(0,0,0,.1);
    padding: 2px
}

._8goe9X:disabled {
    background: #d1d1d1;
    border: 0 solid #fcfcfc;
    color: #d1d1d1;
    cursor: default
}

.lBLCgT {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    font-smoothing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-decoration: underline;
    color: #0053a0
}

.lBLCgT:enabled {
    cursor: pointer
}

.lBLCgT:active,.lBLCgT:hover {
    outline: 0
}

.lBLCgT:focus {
    outline: 2px dotted #ababab;
    outline-offset: 1px
}

._2LhpBw {
    padding-left: 0
}

._2LhpBw:after {
    position: absolute;
    content: "";
    width: 1em;
    height: 1em;
    top: 50%;
    right: 1em;
    margin-top: -.5em;
    border-left: 1px solid rgba(0,0,0,.1);
    box-shadow: -1px 0 0 hsla(0,0%,100%,.15)
}

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

    to {
        transform: rotate(1turn)
    }
}

.JIPxD9 {
    display: flex;
    font-family: archivo_narrowbold,sans-serif;
    color: #0053a0;
    font-weight: 700
}

.ZhnCia,._6LfsBq {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.ZhnCia {
    padding: 0;
    margin: 0 24px 0 0;
    border: none
}

.xDN_GN {
    display: flex;
    align-items: center
}

.qKbQq_ {
    font-size: 16px;
    margin: 12px 6px 12px 0
}

.qKbQq_.EcBIPO {
    color: #d1d1d1
}

.dCWc3s {
    position: relative;
    top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    background: none;
    border: none;
    border-radius: 5px;
    font: 700 16px Arial,sans-serif
}

.dCWc3s.U02tXK {
    color: #fff;
    background-color: #0053a0;
    padding: 1px 10px 0
}

.dCWc3s.U02tXK.EcBIPO {
    background-color: #d1d1d1
}

.dCWc3s:not(.U02tXK) {
    cursor: pointer;
    text-decoration: underline;
    color: #636363;
    padding-top: 2px
}

.dCWc3s:not(.U02tXK):disabled {
    cursor: default;
    color: #d1d1d1
}

.Tkg4T5 {
    width: 1px;
    height: 22px;
    margin: 0 8px;
    background-color: #636363
}

.Tkg4T5.EcBIPO {
    background-color: #d1d1d1
}

.JlYHEV {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
    font-family: archivo_narrowbold,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    fill: #fff;
    cursor: pointer;
    background: linear-gradient(0deg,#e7e7e7 0,#f0f0f0 50%,#f6f6f6 0,#fcfcfc);
    border: 1px solid #d1d1d1;
    color: #636363;
    width: 35px;
    height: 38px;
    fill: #636363
}

._8jIYo1 {
    min-height: 22px;
    font-size: 12px
}

.t1k3Ng {
    padding: 0 24px
}

.kH2R7M {
    padding: 0 12px
}

.XLEzXI {
    min-height: 29px;
    font-size: 14px
}

.yHSdmp {
    padding: 0 28px
}

.H9hb67 {
    padding: 0 14px
}

.jaLkPX {
    min-height: 39px;
    font-size: 18px
}

.zOFdlu {
    padding: 0 36px
}

.LWuEMx {
    padding: 0 18px
}

.iTxa_C {
    min-height: 46px;
    font-size: 22px
}

._2GH2E {
    padding: 0 44px
}

.fBS289 {
    padding: 0 22px
}

.dONVCT {
    min-height: 56px;
    font-size: 24px
}

.mMjGCS {
    padding: 0 48px
}

.rFpzRN {
    padding: 0 24px
}

.JlYHEV:not(._0WPwQ9):active,.JlYHEV:not(._0WPwQ9):focus,.JlYHEV:not(._0WPwQ9):hover {
    background: linear-gradient(0deg,#d1d1d1 0,#e2e2e2 50%,#ededed 0,#f9f9f9);
    border: 1px solid #ababab;
    color: #636363
}

._5bjjH6 {
    margin: 0 13px
}

._5bjjH6.EcBIPO {
    color: #d1d1d1
}

._0WPwQ9 {
    color: silver;
    fill: #636363;
    cursor: not-allowed;
    background: #f6f6f6;
    border: 1px solid #d1d1d1
}

.JcoSHQ {
    width: 1em;
    height: 1em;
    position: absolute
}

.AAmWk5 {
    right: 10px
}

.lrx_rQ {
    left: 10px
}

.PGnmDx {
    animation: _4QiR6f 1s infinite;
    animation-timing-function: linear
}

.kND5MA {
    text-decoration: underline;
    color: #0053a0
}

.kND5MA:active,.kND5MA:hover {
    outline: 0
}

.kND5MA:focus {
    outline: 2px dotted #ababab;
    outline-offset: 1px
}

.zQLGEj {
    padding: 0 5px
}

@media(min-width: 641px) {
    .zQLGEj {
        padding:0 11px
    }
}

@media(min-width: 1025px) {
    .zQLGEj .IB6kBx {
        max-width:1148px;
        margin: 0 auto
    }
}

.q_5pik.q_5pik {
    flex-grow: 1;
    padding: 0 10px;
    font-size: 14px;
    line-height: 15px;
    font-family: screwfix_betabold;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #0053a0;
    border-right: 1px solid #d1d1d1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media(min-width: 641px)and (max-width:1024px) {
    .q_5pik.q_5pik {
        flex-basis:150px
    }
}

@media(min-width: 1025px) {
    .q_5pik.q_5pik {
        flex-basis:230px
    }
}

@media(max-width: 640px) {
    .q_5pik.q_5pik {
        opacity:0;
        animation: ybwS_m linear
    }
}

.q_5pik:last-child {
    border-right: none
}

.X0iVMi {
    font: 12px/14px Arial,sans-serif;
    color: #555;
    text-transform: none
}

@keyframes ybwS_m {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.LDNe_8 {
    height: 34px
}

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

.VoDSkw,.wL1hwW {
    display: flex;
    align-items: center
}

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

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

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

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

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

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

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

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

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

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

.m_VpQz {
    margin-bottom: 10px
}

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

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

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

.zV7E58 .ZdRnXT {
    margin-right: 13px
}

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

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

._9fqlGs {
    z-index: 991
}

.hRCyfb {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    color: #636363
}

.hRCyfb,.hRCyfb:after {
    width: 100%;
    border-bottom: 1px solid #d1d1d1
}

.hRCyfb:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: #fbfbfb;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.2)
}

.hRCyfb .FiQ_B9 {
    width: 100%;
    margin: 0 auto
}

@media(min-width: 1025px) {
    .hRCyfb .FiQ_B9 {
        max-width:1148px
    }
}

.Tq9aiT {
    width: 100%;
    border-top: 1px solid #d1d1d1
}

._0JfQKt {
    width: 100%;
    display: flex;
    padding: 8px 2px 6px;
    margin: 0 auto
}

@media(min-width: 641px)and (max-width:1024px) {
    ._0JfQKt {
        padding:4px 2px 3px
    }
}

@media(min-width: 1025px) {
    ._0JfQKt {
        max-width:1148px;
        padding: 4px 2px 3px
    }
}

.gjiO5k {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    color: #636363
}

.gjiO5k:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.2);
    z-index: 900;
    height: 12px;
    margin-top: -12px
}

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

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

.P19Igm {
    padding: 10px;
    color: #fff;
    text-align: center;
    font-family: archivo_narrowbold,sans-serif;
    background: #0053a0;
    max-width: 1148px
}

._2S5C_W {
    margin: auto;
    line-height: 20px
}

@media(min-width: 1025px) {
    ._2S5C_W {
        max-width:746px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._2S5C_W {
        max-width:587px
    }
}

@media(max-width: 640px) {
    ._2S5C_W {
        font-size:14px;
        line-height: 18px;
        max-width: 300px
    }
}

.HFKMgQ {
    align-self: stretch;
    background: #0053a0
}

._23GaY_ {
    display: inline-block;
    margin: 0
}

.mC9_Na {
    margin: auto
}

@media(min-width: 1025px) {
    .mC9_Na {
        max-width:840px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .mC9_Na {
        max-width:550px
    }
}

@media(max-width: 640px) {
    .mC9_Na {
        max-width:277px
    }
}

.KbaDru {
    margin: auto;
    font-size: 14px;
    line-height: 15px
}

@media(min-width: 1025px) {
    .KbaDru {
        max-width:1082px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .KbaDru {
        max-width:588px
    }
}

@media(max-width: 640px) {
    .KbaDru {
        line-height:15px;
        max-width: 300px
    }
}

._eStn2 {
    width: 20%;
    overflow: hidden;
    margin-top: 3ex
}

._eStn2,._eStn2>a {
    display: inline-block
}

._eStn2>a {
    width: 54px;
    height: 54px
}

@media(max-width: 640px) {
    ._eStn2>a {
        background-position-y:-74px;
        width: 40px;
        height: 40px
    }
}

._eStn2>a>span {
    display: inline-block;
    padding-top: 54px;
    color: #fff
}

@media(max-width: 640px) {
    ._eStn2>a>span {
        padding-top:40px
    }
}

._eStn2.FQqPte>a {
    background-position-x: 0
}

@media(max-width: 640px) {
    ._eStn2.FQqPte>a {
        background-position-x:0
    }
}

._eStn2.NKWvUH>a {
    background-position-x: -74px
}

@media(max-width: 640px) {
    ._eStn2.NKWvUH>a {
        background-position-x:-60px
    }
}

._eStn2._1oV7zN>a {
    background-position-x: -148px
}

@media(max-width: 640px) {
    ._eStn2._1oV7zN>a {
        background-position-x:-120px
    }
}

._eStn2.BAbLvx>a {
    background-position-x: -222px
}

@media(max-width: 640px) {
    ._eStn2.BAbLvx>a {
        background-position-x:-180px
    }
}

._eStn2.GsoN5u>a {
    background-position-x: -296px
}

@media(max-width: 640px) {
    ._eStn2.GsoN5u>a {
        background-position-x:-240px
    }
}

.x_28qp {
    z-index: 1046;
    position: relative
}

.x_28qp a {
    color: #0053a0;
    font: 700 18px/18px Arial,sans-serif;
    background-color: #ededed;
    border-radius: 5px;
    left: -9999px;
    padding: 5px 7px;
    position: absolute;
    text-decoration: none;
    top: 2px
}

.x_28qp a:focus {
    left: 50%;
    outline: 1px dashed #a9a9a9;
    transform: translateX(-50%);
    text-decoration: none
}

.K7oREV {
    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) {
    .K7oREV {
        z-index:1045
    }
}

@media(min-width: 641px) {
    .K7oREV {
        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) {
    .K7oREV {
        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
    }
}

.K7oREV: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) {
    .K7oREV:before {
        height:34px
    }
}

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

.K7oREV.Dw2vNn:after,.K7oREV.wrsK9R: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) {
    .K7oREV.Dw2vNn:after,.K7oREV.wrsK9R:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.K7oREV.Dw2vNn>*,.K7oREV.wrsK9R>* {
    z-index: 1044
}

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

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

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

._WXPRe {
    grid-area: logo;
    display: flex;
    align-items: center;
    padding-left: 12px;
    margin-top: 12px;
    margin-bottom: 12px
}

@media(min-width: 641px) {
    ._WXPRe {
        padding-left:10px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    ._WXPRe .LNwe_j {
        padding-top: 10px
    }
}

._WXPRe .LNwe_j {
    padding-top: 6px;
    width: 145px;
    min-height: 39px
}

@media(min-width: 641px) {
    ._WXPRe .LNwe_j {
        width:204px
    }
}

@media(min-width: 1025px) {
    ._WXPRe .LNwe_j {
        width:230px
    }
}

._1To9oY {
    position: relative;
    height: 71px;
    background-color: #fff;
    padding-top: 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._1To9oY {
        padding:0 30px 0 20px;
        height: 63px
    }
}

@media(min-width: 1025px) {
    ._1To9oY {
        height:83px
    }
}

@media(min-width: 641px) {
    ._1To9oY {
        padding-top:0
    }
}

.ueTl_4.ueTl_4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    font: 14px/16px Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #0053a0;
    cursor: pointer
}

@media(min-width: 641px)and (max-width:1024px) {
    .ueTl_4.ueTl_4 {
        font:700 18px/21px archivo_narrowbold,sans-serif
    }
}

@media(min-width: 1025px) {
    .ueTl_4.ueTl_4 {
        font:700 20px/27px archivo_narrowbold,sans-serif
    }
}

.MOORRJ {
    width: 30px
}

@media(min-width: 641px)and (max-width:1024px) {
    .MOORRJ {
        width:29px
    }
}

@media(min-width: 1025px) {
    .MOORRJ {
        width:43px;
        margin-left: 6px
    }
}

._9y_h_7 {
    margin: 14px 0 0 6px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._9y_h_7 {
        margin-top:5px;
        letter-spacing: .6px
    }
}

@media(min-width: 1025px) {
    ._9y_h_7 {
        margin:12px 0 0 10px;
        letter-spacing: .6px
    }
}

.rnUeLb {
    position: relative;
    display: flex;
    flex-direction: column
}

.td62tI {
    position: absolute;
    right: -13px;
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 13px;
    height: 13px;
    padding: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: #ed1c24;
    box-sizing: initial
}

@media(min-width: 641px)and (max-width:1024px) {
    .td62tI {
        right:-12px;
        top: -6px;
        min-width: 11px;
        height: 11px;
        padding: 4px
    }
}

@media(min-width: 1025px) {
    .td62tI {
        right:-15px;
        top: 0;
        min-width: 14px;
        height: 14px;
        padding: 5px;
        font-size: 16px
    }
}

.sf7ot8 {
    color: #ed1c24;
    font-weight: 700;
    letter-spacing: -.3px;
    margin-left: 0
}

.Qy5q3x {
    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) {
    .Qy5q3x {
        z-index:1045
    }
}

@media(min-width: 641px) {
    .Qy5q3x {
        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) {
    .Qy5q3x {
        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
    }
}

.Qy5q3x: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) {
    .Qy5q3x:before {
        height:34px
    }
}

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

.Qy5q3x.SP4RLq:after,.Qy5q3x.TDhISY: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) {
    .Qy5q3x.SP4RLq:after,.Qy5q3x.TDhISY:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.Qy5q3x.SP4RLq>*,.Qy5q3x.TDhISY>* {
    z-index: 1044
}

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

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

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

.yratzn {
    grid-area: mini-basket;
    border-left: 1px solid #d1d1d1;
    margin-bottom: 10px;
    padding-right: 10px
}

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

.Hjq1IM {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 71px;
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
    color: #0053a0;
    background: #fff;
    border: 0;
    padding-top: 13px;
    border-right: 1px solid #d1d1d1;
    fill: #0053a0;
    cursor: pointer
}

._6CFN45 {
    border-top: 1px solid #d1d1d1;
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: linear-gradient(180deg,#fcfcfc,#f6f6f6 45%,#f0f0f0 49%,#e7e7e7);
    color: #636363;
    fill: #636363;
    height: 81px;
    padding-bottom: 12px;
    width: 100%
}

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

@media(min-width: 641px)and (max-width:1024px) {
    .Hjq1IM {
        flex-direction:row;
        width: calc(100% - 7px);
        height: 50px;
        color: #636363;
        fill: #636363;
        background-color: #e7e7e7 0,#f0f0f0 50%,#f6f6f6 50%,#fcfcfc 100%;
        background: linear-gradient(180deg,#fcfcfc,#f6f6f6 45%,#f0f0f0 49%,#e7e7e7);
        border: 1px solid #d1d1d1;
        border-radius: 6px;
        padding: 14px 12px;
        line-height: 15px
    }

    ._6CFN45 {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        padding-top: 0;
        height: 68px;
        margin: 11px 8px 0 12px;
        padding-bottom: 17px;
        border-bottom: 0
    }
}

._8_T6w_ {
    font-size: 20px;
    width: 20px;
    display: inline-block;
    margin-left: .2em;
    margin-right: .2em
}

@media(max-width: 640px) {
    ._8_T6w_ {
        width:28px
    }
}

.r81hAn {
    margin: 4px 0 0 1px;
    font: normal normal normal 14px/16px Arial,Helvetica,sans-serif;
    display: inline-block;
    padding: 0
}

@media(min-width: 641px) {
    .r81hAn {
        font:normal normal 700 22px/15px archivo_narrowbold,sans-serif;
        margin: 0 10px
    }
}

.SJFPQR {
    top: 12px;
    right: 10px;
    width: 24px;
    font-size: 24px;
    display: inline-block;
    margin-left: auto
}

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

._0R2uIG {
    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) {
    ._0R2uIG {
        z-index:1045
    }
}

@media(min-width: 641px) {
    ._0R2uIG {
        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) {
    ._0R2uIG {
        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
    }
}

._0R2uIG: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) {
    ._0R2uIG:before {
        height:34px
    }
}

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

._0R2uIG.Nge29H:after,._0R2uIG.WfkfCb: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) {
    ._0R2uIG.Nge29H:after,._0R2uIG.WfkfCb:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

._0R2uIG.Nge29H>*,._0R2uIG.WfkfCb>* {
    z-index: 1044
}

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

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

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

._93TbQI {
    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) {
    ._93TbQI {
        z-index:1045
    }
}

@media(min-width: 641px) {
    ._93TbQI {
        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) {
    ._93TbQI {
        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
    }
}

._93TbQI: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) {
    ._93TbQI:before {
        height:34px
    }
}

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

._93TbQI.Nge29H:after,._93TbQI.iao7cp: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) {
    ._93TbQI.Nge29H:after,._93TbQI.iao7cp:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

._93TbQI.Nge29H>*,._93TbQI.iao7cp>* {
    z-index: 1044
}

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

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

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

.kpcG2W {
    grid-area: navigation
}

@media(min-width: 641px)and (max-width:1024px) {
    .kpcG2W {
        margin-left:12px;
        margin-top: 13px
    }
}

@media(min-width: 1025px) {
    .kpcG2W {
        position:relative
    }

    .kpcG2W:before {
        content: "";
        position: absolute;
        display: block;
        width: calc(100vw - var(--scrollbarWidth, 0px));
        height: 1px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        border-top: 1px solid #d1d1d1;
        z-index: 1
    }
}

.Nge29H .kpcG2W {
    margin-left: 0
}

@media(min-width: 1025px) {
    .Nge29H .kpcG2W:before {
        z-index:1044
    }

    .Nge29H .kpcG2W:after {
        content: "";
        display: block;
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(0,0,0,.75);
        z-index: -1
    }

    .undefined .kpcG2W {
        z-index: 0
    }
}

@media(min-width: 641px) {
    .JH9rh5 {
        margin-right:12px
    }
}

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

@media(min-width: 641px) {
    .Nge29H .JH9rh5 {
        margin-right:24px;
        margin-top: -11px
    }
}

._mk5Bo {
    border: none;
    padding: 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%;
    color: #0053a0;
    margin: auto 0;
    font: 14px/16px Arial,Helvetica,sans-serif
}

._mk5Bo:enabled {
    cursor: pointer
}

._mk5Bo svg {
    width: 26px;
    fill: #0053a0
}

._3c4uRH {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 71px;
    border-top: 1px solid transparent;
    padding: 10px 0 0
}

._3c4uRH span {
    margin-top: 12px
}

.d_uSVn {
    background: linear-gradient(180deg,#fcfcfc,#f6f6f6 45%,#f0f0f0 49%,#e7e7e7);
    border-top: 1px solid #d1d1d1;
    border-radius: 6px 6px 0 0
}

.d_uSVn ._3c4uRH {
    border: none;
    outline: 1px solid #d1d1d1;
    padding: 0;
    height: 81px
}

.DJd_wJ {
    padding: .68em;
    color: #636363;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: inset 0 3px 8px 0 #e5e5e5;
    border: 1px solid #d1d1d1
}

.DJd_wJ::placeholder {
    color: #d1d1d1
}

.TUnfTd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: .75;
    z-index: 1040
}

.I_6HKx {
    display: block;
    padding: 15px 10px;
    font: normal 13px/15px Arial,Helvetica,sans-serif;
    color: #636363;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    border-top: 1px solid #d1d1d1;
    cursor: pointer
}

.I_6HKx[aria-selected=true] {
    text-decoration: underline
}

.I_6HKx strong {
    color: #0053a0
}

.I_6HKx:focus {
    outline: 2px dotted #ababab;
    outline-offset: 1px
}

.I_6HKx p {
    margin: 0
}

.I_6HKx:hover {
    background: #f6f6f6;
    text-decoration: underline
}

._8ZNZK7 .Vjq30_ {
    display: block;
    max-width: 100%
}

@media(max-width: 640px) {
    ._8ZNZK7 .lsxVrP {
        height:auto
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._8ZNZK7 .krg1SM {
        height:auto
    }
}

@media(min-width: 1025px) {
    ._8ZNZK7 ._0DhmK_ {
        height:auto
    }
}

.jsJAqZ {
    box-sizing: border-box;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    border-top: 1px solid #d1d1d1;
    text-decoration: none;
    color: #636363
}

.jsJAqZ * {
    font-family: Arial,Helvetica,sans-serif
}

.jsJAqZ[aria-selected=true] {
    background: #fbfbfb
}

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

._55NC6o {
    padding: 13px;
    display: flex
}

.dQtFPd {
    width: 30%;
    max-width: 110px;
    max-height: 110px
}

.dQtFPd img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    position: relative;
    height: unset;
    min-width: unset
}

.EyxGht {
    padding-left: 10px;
    display: flex;
    flex-flow: column wrap;
    width: 70%
}

.c0Pasg {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #636363;
    text-decoration: none
}

.jsJAqZ:hover .cZlCBz,.jsJAqZ[aria-selected=true] .cZlCBz {
    text-decoration: underline
}

.B0Kf5r {
    font-size: 10px;
    font-weight: 400;
    margin: 0
}

.jsJAqZ:hover .B0Kf5r {
    text-decoration: underline
}

._6aLpeq {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 40px
}

._1GGmjM {
    font-size: 11px;
    line-height: 11px;
    color: #999;
    text-decoration: none
}

._1GGmjM .VSOf2k {
    margin-top: 3px;
    color: #ed1c24
}

.Zi1XVG {
    margin-left: auto;
    margin-bottom: -2px;
    color: #636363;
    display: flex
}

.MdFbx0 {
    font-weight: 700;
    font-size: 24px
}

.CMB1TT {
    font-size: 10px;
    line-height: 11px;
    padding-left: 5px;
    padding-top: 2px;
    width: min-content
}

.UZjQP6 {
    position: absolute;
    width: calc(100% + 1px);
    background: #e7e7e7;
    padding: 7px 7px 0;
    list-style: none;
    box-shadow: 0 4px 6px 2px rgba(0,0,0,.2);
    border: 1px solid #d1d1d1;
    top: 61px;
    left: -2px;
    margin: 0
}

@media(min-width: 1025px) {
    .UZjQP6 {
        z-index:1070
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .UZjQP6 {
        top:67px
    }
}

@media(max-width: 640px) {
    .UZjQP6 {
        top:0;
        padding: 90px 10px 10px;
        z-index: -1;
        border: none;
        box-shadow: none
    }
}

.UZjQP6 li {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1
}

.UZjQP6 li:last-child {
    margin-bottom: 7px
}

.UZjQP6 li:last-child,._8SWtCi {
    border-bottom: 1px solid #d1d1d1
}

._8SWtCi {
    margin-bottom: 10px
}

.Q4xEWD {
    visibility: hidden
}

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

    to {
        transform: rotate(1turn)
    }
}

.V_NbBJ {
    position: relative
}

@media(max-width: 640px) {
    .V_NbBJ {
        padding:8px 10px
    }
}

._7scuth {
    position: relative;
    box-sizing: border-box;
    width: 100%
}

@media(min-width: 1025px) {
    ._7scuth {
        max-width:403px
    }
}

._7scuth * {
    box-sizing: inherit
}

._7scuth ._p_ws9 {
    position: relative;
    font-size: 18px;
    width: 100%;
    padding-right: 55px;
    height: 50px;
    box-shadow: inset 0 3px 8px #e5e5e5
}

._7scuth ._p_ws9:focus-visible {
    border: 2px solid #255d92;
    border-radius: 3px;
    outline: none;
    margin: 0 -1px
}

._7scuth .pahpnr {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    font-smoothing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 50px;
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center
}

._7scuth .pahpnr:enabled {
    cursor: pointer
}

._7scuth .pahpnr .xXLYVE {
    width: 1em;
    height: 1em;
    position: absolute
}

._7scuth .pahpnr .SHLuqU {
    right: 10px
}

._7scuth .pahpnr ._6tzzoo {
    left: 10px
}

._7scuth .pahpnr .WajiZA {
    animation: ssbZ7_ 1s infinite;
    animation-timing-function: linear
}

@media(max-width: 640px) {
    ._7scuth .pahpnr {
        top:8px;
        right: 10px
    }
}

._7scuth .pahpnr svg {
    fill: #636363
}

._7scuth .pahpnr:focus-visible {
    border: 2px solid #255d92;
    border-radius: 3px;
    outline: none
}

._7scuth .pahpnr .xXLYVE {
    border-left: 1px solid #e7e7e7;
    padding: 0 14px 0 10px;
    width: 100%;
    height: 24px
}

._7scuth .pahpnr .xXLYVE * {
    margin-top: 2px;
    height: 20px;
    width: 20px;
    text-align: center
}

.GhAL1e {
    display: none
}

._6B69rj,.gFhp_l {
    display: block
}

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

.vYlINa {
    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) {
    .vYlINa {
        z-index:1045
    }
}

@media(min-width: 641px) {
    .vYlINa {
        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) {
    .vYlINa {
        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
    }
}

.vYlINa: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) {
    .vYlINa:before {
        height:34px
    }
}

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

.vYlINa.WfkfCb:after,.vYlINa.oz5b2u: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) {
    .vYlINa.WfkfCb:after,.vYlINa.oz5b2u:after {
        width:calc(100vw - var(--scrollbarWidth, 0px))
    }
}

.vYlINa.WfkfCb>*,.vYlINa.oz5b2u>* {
    z-index: 1044
}

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

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

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

._7Q8ZZD {
    grid-area: search;
    height: 81px
}

@media(min-width: 641px) {
    ._7Q8ZZD {
        display:flex;
        align-items: center;
        justify-content: center;
        margin: 13px 8px 17px 0;
        height: auto
    }
}

@media(min-width: 1025px) {
    ._7Q8ZZD {
        margin:0 0 0 3px
    }

    .WfkfCb ._7Q8ZZD {
        z-index: 1045
    }
}

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

.EpZ5oh {
    display: none;
    width: 100%
}

@media(min-width: 641px) {
    .EpZ5oh {
        display:flex;
        justify-content: center
    }
}

@media(max-width: 640px) {
    .EpZ5oh.hjsN8G {
        display:block;
        background-color: #e5e5e5;
        position: absolute;
        top: 100%;
        left: 0
    }

    .EpZ5oh .UZjQP6 {
        left: 0;
        width: 100%
    }
}

._9F87cc a {
    white-space: nowrap
}

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

    to {
        transform: rotate(1turn)
    }
}

.gBm_rD .MAbCyG {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: screwfix_betaregular;
    padding: 12px 32px;
    border-radius: 25px;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    background: #0053a0;
    border: 1px solid #0053a0;
    color: #fff
}

.gBm_rD .MAbCyG:hover {
    background: #09337c;
    border: 1px solid #09337c;
    color: #fff
}

.gBm_rD .MAbCyG:focus {
    background: #0053a0;
    border: 1px solid #fff;
    color: #fff;
    outline: 1px solid #0053a0
}

.gBm_rD .wD0IsO {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: screwfix_betaregular;
    padding: 12px 32px;
    border-radius: 25px;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    background: #fff;
    border: 1px solid #fff;
    color: #0053a0
}

.gBm_rD .wD0IsO:hover {
    background: #c5d6e5;
    border: 1px solid #c5d6e5
}

.gBm_rD .wD0IsO:focus {
    background: #fff;
    border: 1px solid #0053a0;
    color: #0053a0;
    outline: none
}

.h3w2GY {
    text-align: center
}

.h3w2GY .AusteP {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
    font-family: archivo_narrowbold,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    fill: #fff;
    cursor: pointer;
    background: linear-gradient(0deg,#e7e7e7 0,#f0f0f0 50%,#f6f6f6 0,#fcfcfc);
    border: 1px solid #d1d1d1;
    color: #636363;
    fill: #636363;
    padding: 0 10px;
    margin-bottom: 10px;
    text-decoration: none;
    width: 100%
}

.h3w2GY .ozABsI {
    min-height: 22px;
    font-size: 12px
}

.h3w2GY .MIRGS3 {
    padding: 0 24px
}

.h3w2GY ._4z_Eh2 {
    padding: 0 12px
}

.h3w2GY .DPpi8e {
    min-height: 29px;
    font-size: 14px
}

.h3w2GY .vgeRQ3 {
    padding: 0 28px
}

.h3w2GY .Vzq3Qs {
    padding: 0 14px
}

.h3w2GY ._1_UNke {
    min-height: 39px;
    font-size: 18px
}

.h3w2GY .ogSJX9 {
    padding: 0 36px
}

.h3w2GY .Cdvl2k {
    padding: 0 18px
}

.h3w2GY ._3HID3L {
    min-height: 46px;
    font-size: 22px
}

.h3w2GY .BnN1bM {
    padding: 0 44px
}

.h3w2GY .noLCoF {
    padding: 0 22px
}

.h3w2GY .Ibnupj {
    min-height: 56px;
    font-size: 24px
}

.h3w2GY .hWeKIZ {
    padding: 0 48px
}

.h3w2GY .Qd7UgU {
    padding: 0 24px
}

.h3w2GY .AusteP:disabled {
    background: #f6f6f6;
    border: 1px solid silver;
    color: silver;
    fill: #636363;
    cursor: default
}

.h3w2GY .AusteP:not([disabled]):active,.h3w2GY .AusteP:not([disabled]):focus,.h3w2GY .AusteP:not([disabled]):hover {
    background: linear-gradient(0deg,#d1d1d1 0,#e2e2e2 50%,#ededed 0,#f9f9f9);
    border: 1px solid #ababab;
    color: #636363
}

.h3w2GY .AusteP.TB2zan {
    padding-right: 51px
}

.h3w2GY .AusteP.TB2zan:after {
    content: "";
    top: 50%;
    right: 1em;
    margin-top: -.5em;
    border-left: 1px solid rgba(0,0,0,.1);
    box-shadow: -1px 0 0 hsla(0,0%,100%,.15)
}

.h3w2GY .AusteP.TB2zan .lRiVmM,.h3w2GY .AusteP.TB2zan:after {
    position: absolute;
    width: 1em;
    height: 1em
}

.h3w2GY .AusteP.TB2zan .uXn9Ov {
    right: 10px
}

.h3w2GY .AusteP.TB2zan .j5tgfg {
    left: 10px
}

.h3w2GY .AusteP.TB2zan .qhebeW {
    animation: a_YMqE 1s infinite;
    animation-timing-function: linear
}

@media(min-width: 641px) {
    .h3w2GY .AusteP {
        width:-moz-fit-content;
        width: fit-content
    }
}

.h3w2GY .AusteP:focus {
    outline: none
}

.h3w2GY .xjnDWQ {
    background: linear-gradient(0deg,#056a18 0,#3e961c 49%,#5eab2a 52%,#82c72c);
    border: 1px solid #0f701d;
    color: #fff;
    fill: #fff
}

.h3w2GY .xjnDWQ:disabled {
    background: #b1d795;
    border: 1px solid #87b88e;
    color: #fff;
    cursor: default
}

.h3w2GY .xjnDWQ:not([disabled]):active,.h3w2GY .xjnDWQ:not([disabled]):focus,.h3w2GY .xjnDWQ:not([disabled]):hover {
    background: linear-gradient(0deg,#024b0d 0,#26770f 49%,#408f18 52%,#62b11a);
    border: 1px solid #085010;
    color: #fff
}

.h3w2GY .xjnDWQ:focus {
    outline: none
}

.h3w2GY .ByPIcD {
    border: none;
    background: transparent;
    color: #636363;
    min-height: 0;
    border-radius: 0;
    padding: 0;
    text-decoration: underline
}

.h3w2GY .ByPIcD:not([disabled]):hover {
    text-decoration: none;
    background: transparent;
    border: none
}

.h3w2GY .ByPIcD:not([disabled]):focus {
    background: transparent;
    border: none;
    outline: 2px dotted #a9a9a9;
    outline-offset: 1px
}

.h3w2GY .ByPIcD span {
    padding-left: 5px
}

.h3w2GY .ByPIcD .lRiVmM {
    width: 1.2em;
    height: 1.2em
}

.JrB6Wt {
    background: none!important;
    border: none;
    padding: 0!important;
    font-family: inherit;
    font-size: inherit;
    color: #0053a0;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
    width: auto;
    height: auto;
    max-width: 100%
}

.JrB6Wt:active,.JrB6Wt:hover {
    outline: 0
}

.JrB6Wt:focus {
    outline: 2px dotted #ababab;
    outline-offset: 1px
}

.V2UvLD {
    word-wrap: break-word
}

.DVJh9I .AQLmja {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 16px
}

.DVJh9I .Ejs_rR {
    padding: 0 10px
}

@media(max-width: 640px) {
    .oasNFf {
        scroll-margin-top:100px
    }
}

@media(min-width: 641px) {
    .oasNFf {
        scroll-margin-top:20px
    }
}

.ROCjU1 {
    font: normal normal 600 20px/20px screwfix_betabold;
    background-color: #0053a0;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ROCjU1 span>span {
    margin: 0 1px -1px
}

.ROCjU1.ROCjU1 a {
    text-decoration: none;
    color: #fff;
    white-space: normal
}

.ROCjU1>:first-child {
    width: 100%;
    padding: 15px 20px
}

.ROCjU1 * {
    margin: 0;
    padding: 0
}

.WJP8w0 {
    font-family: screwfix_betabold;
    max-height: 49px;
    width: 100%
}

@media(min-width: 641px) {
    .WJP8w0 {
        max-height:57px
    }
}

.WJP8w0 .gEGzBN {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 8px;
    text-decoration: none
}

@media(min-width: 641px)and (max-width:1024px) {
    .WJP8w0 .gEGzBN {
        padding:8px 24px
    }
}

@media(min-width: 1025px) {
    .WJP8w0 .gEGzBN {
        padding:8px 56px
    }
}

.WJP8w0 .NldYrs {
    display: -webkit-box;
    flex-shrink: 1;
    font-size: 14px;
    letter-spacing: .42px;
    line-height: 1;
    max-height: 28px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap
}

.WJP8w0 .NldYrs p,.WJP8w0 .NldYrs span {
    margin: 0
}

@media(min-width: 641px) {
    .WJP8w0 .NldYrs {
        font-size:20px;
        letter-spacing: .6px;
        max-height: 40px
    }
}

.WJP8w0 .D_xC88 {
    display: flex;
    flex-shrink: 0;
    margin-left: 8px
}

@media(min-width: 641px) {
    .WJP8w0 .D_xC88 {
        margin-left:80px
    }
}

.WJP8w0 .D_xC88 ._9qn42n {
    display: flex;
    align-items: center;
    flex-direction: column
}

.WJP8w0 .D_xC88 ._9qn42n ._3wLGVn {
    border-radius: unset;
    font-size: 20px;
    height: 21px;
    line-height: 1;
    width: 12px
}

@media(min-width: 641px) {
    .WJP8w0 .D_xC88 ._9qn42n ._3wLGVn {
        font-size:24px;
        height: 24px;
        width: 14px
    }
}

.WJP8w0 .D_xC88 ._9qn42n ._3wLGVn:first-of-type {
    margin: 0
}

.WJP8w0 .D_xC88 ._9qn42n .CA5Wso {
    font-size: 10px;
    height: 12px;
    line-height: 1;
    margin: 0
}

@media(min-width: 641px) {
    .WJP8w0 .D_xC88 ._9qn42n .CA5Wso {
        height:10px
    }
}

.WJP8w0 .Cxrsg_ {
    display: flex;
    align-self: center;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
    width: 5px
}

@media(min-width: 641px) {
    .WJP8w0 .Cxrsg_ {
        height:13px;
        margin-left: 18px;
        margin-right: 18px;
        width: 5px
    }
}

.ewYxic .XEelkP {
    display: flex
}

.ewYxic .MiY7gm {
    border-radius: 6px;
    font-family: screwfix_betabold;
    font-size: 49px;
    height: 57px;
    line-height: 59px;
    text-align: center;
    width: 37px
}

@media(min-width: 641px) {
    .ewYxic .MiY7gm {
        font-size:60px;
        line-height: 72.3px;
        height: 72px;
        width: 48px
    }
}

.ewYxic .MiY7gm:first-of-type {
    margin-right: 6px
}

@media(min-width: 641px) {
    .ewYxic .MiY7gm:first-of-type {
        margin-right:8px
    }
}

.ewYxic .HVKT9B {
    font-family: screwfix_betabold;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 641px) {
    .ewYxic .HVKT9B {
        font-size:16px;
        line-height: 19.28px;
        margin-bottom: 8px;
        margin-top: 10px
    }
}

@media(max-width: 374px) {
    .ewYxic.ZNmGon .MiY7gm {
        height:48px;
        font-size: 45px;
        line-height: 48px;
        width: 32px
    }

    .ewYxic.ZNmGon .MiY7gm:first-of-type {
        margin-right: 5px
    }
}

._6nOL5M {
    position: -webkit-sticky;
    position: sticky;
    top: 100vh;
    padding: 0 0 calc(var(--stickyFooter, 0) + 40px) 0;
    background: linear-gradient(180deg,#186ab8,#255d92);
    font-family: Arial,Helvetica,sans-serif;
    color: #fff
}

@media(min-width: 1025px) {
    ._6nOL5M {
        padding:0 0 calc(var(--stickyFooter, 0) + 36px) 0
    }
}

.byBuum {
    height: 20px;
    background-color: #3175b7
}

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

._6nOL5M ul {
    list-style: none
}

._6nOL5M a {
    color: #fff;
    text-decoration: none
}

._6nOL5M a:hover {
    text-decoration: underline
}

._6nOL5M a:focus {
    outline: 1px dotted #fff;
    background-color: #0053a0
}

.PDurvc {
    padding: 0;
    background: #3175b7
}

.PDurvc.BcMvqQ {
    padding: 0 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .PDurvc.BcMvqQ {
        padding:0 20px
    }
}

@media(max-width: 640px) {
    .PDurvc.BcMvqQ {
        padding:0
    }
}

.kpuXk_ {
    padding: 0;
    background: linear-gradient(0deg,#255d92 0,#3175b7)
}

.kpuXk_.BcMvqQ {
    padding: 0 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .kpuXk_.BcMvqQ {
        padding:0 20px
    }
}

@media(max-width: 640px) {
    .kpuXk_.BcMvqQ {
        padding:0
    }
}

.MzJ___ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 25px;
    padding-bottom: 10px
}

@media(min-width: 1025px) {
    .MzJ___ {
        margin-top:35px;
        flex-direction: row;
        justify-content: start;
        padding: 0 28px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .MzJ___ {
        margin-top:35px;
        flex-direction: row;
        justify-content: center;
        padding-bottom: 4px
    }
}

.lUsBez {
    padding: 0 0 16px;
    margin: 0
}

@media(min-width: 641px) {
    .lUsBez {
        padding:0 43px 0 0
    }
}

@media(max-width: 640px) {
    .lUsBez img {
        width:132px
    }
}

.nFQ7wI {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: inline-block
}

.Ez307b {
    list-style: none;
    display: flex;
    padding-left: 0;
    align-items: center;
    margin: 0
}

.Ez307b>li {
    display: inline-block;
    padding: 0 2px
}

@media(max-width: 374px) {
    .Ez307b>li {
        padding:0 1px
    }
}

@media(min-width: 641px) {
    .Ez307b>li {
        padding:0 4px
    }
}

.bpjlNJ {
    margin-left: -42px
}

.ZcyMpo {
    margin-left: -84px
}

._2Tqe0i {
    margin-left: -126px
}

.mkHTz1 {
    margin-left: -168px
}

._5OiN5m {
    margin-left: -210px
}

._KNyXB {
    margin-left: -252px
}

.SE_Zz0 {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    padding: 14px 0 20px;
    overflow: hidden;
    text-align: center
}

@media(min-width: 641px)and (max-width:1024px) {
    .SE_Zz0 {
        padding:14px 15% 2px
    }
}

@media(min-width: 1025px) {
    .SE_Zz0 {
        flex-direction:row;
        padding: 24px 0 6px 28px
    }
}

.H88dxi {
    all: unset;
    margin-bottom: 14px
}

._5RHRP {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-left: 0;
    text-align: center
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5RHRP {
        flex-wrap:wrap;
        padding-top: 0
    }
}

@media(min-width: 1025px) {
    ._5RHRP {
        justify-content:start;
        padding: 0;
        position: relative;
        bottom: 3px
    }
}

.SRBJiW {
    padding: 0 14px;
    line-height: 18px
}

@media(min-width: 641px)and (max-width:1024px) {
    .SRBJiW {
        position:relative;
        height: 16px;
        padding: 0;
        margin-bottom: 10px
    }

    .SRBJiW:after {
        content: "";
        display: inline-block;
        background: linear-gradient(270deg,#09337c 50%,#6eaad5 0);
        background-size: 2px;
        background-repeat: no-repeat;
        min-width: 2px;
        position: absolute;
        height: 100%
    }

    .SRBJiW:last-child:after {
        background: none
    }
}

@media(min-width: 1025px) {
    .SRBJiW {
        position:relative;
        height: 16px;
        padding: 0;
        margin-bottom: 10px
    }

    .SRBJiW:after {
        content: "";
        display: inline-block;
        background: linear-gradient(270deg,#09337c 50%,#6eaad5 0);
        background-size: 2px;
        background-repeat: no-repeat;
        min-width: 2px;
        position: absolute;
        height: 100%
    }

    .SRBJiW:last-child:after {
        background: none
    }
}

.SRBJiW .EGNPBj {
    display: inline-block;
    height: 30px;
    width: 44px;
    font-size: 13px
}

@media(max-width: 640px) {
    .SRBJiW .EGNPBj span {
        position:absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0
    }
}

.SRBJiW .EGNPBj .wdNX6J {
    width: 44px;
    margin-right: 5px;
    margin-bottom: -17px
}

@media(min-width: 641px) {
    .SRBJiW .EGNPBj {
        height:100%;
        width: auto;
        padding-right: 16px;
        margin-left: 16px;
        text-indent: 0
    }

    .SRBJiW .EGNPBj .wdNX6J {
        width: 23px;
        height: 16px;
        margin-bottom: -3px
    }
}

.OXk3jY {
    display: flex;
    flex-direction: column;
    width: auto;
    padding-top: 12px;
    font-size: 11px;
    text-align: center;
    overflow: hidden
}

@media(min-width: 1025px) {
    .OXk3jY {
        align-items:flex-end;
        flex-direction: row;
        justify-content: space-between
    }
}

.OXk3jY .BrwTEs {
    padding: 0 4px
}

@media(min-width: 1025px) {
    .OXk3jY .BrwTEs {
        text-align:left;
        margin-bottom: 5px
    }
}

.oe7p17 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-top: 16px;
    flex-wrap: wrap;
    padding-left: 0;
    min-height: 19px
}

@media(min-width: 1025px) {
    .oe7p17 {
        margin:0;
        justify-content: start
    }
}

.oe7p17 ._3PuK4V {
    height: 14px;
    margin-bottom: 5px
}

.oe7p17 ._3PuK4V:last-child>a:after {
    background: none
}

.oe7p17 ._3PuK4V._98_vEz {
    height: 14px;
    display: inline-block;
    padding-right: 8px;
    margin-right: 15px
}

@media(min-width: 641px)and (max-width:1024px) {
    .oe7p17 ._3PuK4V._98_vEz {
        padding-right:10px;
        margin-right: 13px
    }
}

@media(min-width: 1025px) {
    .oe7p17 ._3PuK4V._98_vEz {
        margin-right:14px;
        padding-right: 11px
    }
}

.oe7p17 ._3PuK4V._98_vEz:after {
    content: "";
    display: inline-block;
    background: linear-gradient(270deg,#09337c 50%,#6eaad5 0);
    background-size: 2px;
    background-repeat: no-repeat;
    height: 100%;
    min-width: 2px;
    position: absolute;
    margin-left: 8px;
    height: 14px
}

@media(min-width: 1025px) {
    .oe7p17 ._3PuK4V._98_vEz:after {
        margin-left:10px
    }
}

.oe7p17 ._3PuK4V .N2PB00 {
    height: 14px;
    display: inline-block;
    padding-right: 8px;
    margin-right: 15px
}

@media(min-width: 641px)and (max-width:1024px) {
    .oe7p17 ._3PuK4V .N2PB00 {
        padding-right:10px;
        margin-right: 13px
    }
}

@media(min-width: 1025px) {
    .oe7p17 ._3PuK4V .N2PB00 {
        margin-right:14px;
        padding-right: 11px
    }
}

.oe7p17 ._3PuK4V .N2PB00:after {
    content: "";
    display: inline-block;
    background: linear-gradient(270deg,#09337c 50%,#6eaad5 0);
    background-size: 2px;
    background-repeat: no-repeat;
    height: 100%;
    min-width: 2px;
    position: absolute;
    margin-left: 8px;
    height: 14px
}

@media(min-width: 1025px) {
    .oe7p17 ._3PuK4V .N2PB00:after {
        margin-left:10px
    }
}

.wHNxCA {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 184px;
    flex-direction: column;
    line-height: 16px;
    margin: 0 auto
}

@media(min-width: 641px)and (max-width:1024px) {
    .wHNxCA {
        max-width:100%
    }
}

@media(min-width: 1025px) {
    .wHNxCA {
        max-width:100%;
        margin: 0;
        flex-direction: row;
        justify-content: start
    }
}

.FX8V90 {
    display: none
}

@media(min-width: 1025px) {
    .FX8V90 {
        display:inline
    }
}

.V_I32e {
    font-size: 13px;
    line-height: 17px
}

@media(min-width: 1025px) {
    .V_I32e {
        margin:0;
        text-align: left;
        order: 2
    }
}

.tD2wyY {
    all: unset;
    display: block;
    margin-bottom: 10px
}

.C_LR_2 {
    display: flex;
    gap: 3px;
    padding-left: 0;
    justify-content: center;
    margin: 0
}

@media(min-width: 1025px) {
    .C_LR_2 {
        justify-content:start;
        gap: 4px
    }
}

@media(max-width: 640px) {
    .C_LR_2 li>img {
        height:24px;
        width: 38px
    }
}

.kUmkUg {
    height: 2px;
    width: 100%;
    background: linear-gradient(0deg,#6eaad5 50%,#09337c 0)
}

@media(max-width: 640px) {
    .kUmkUg {
        background:linear-gradient(0deg,#09337c 50%,#6eaad5 0)
    }
}

.r8A37q {
    height: 1px;
    width: 100%;
    background: #09337c
}

._3s9IDo {
    display: flex;
    height: 100%;
    gap: 9.6px
}

.x8UqRm {
    flex-wrap: wrap
}

.bF1bMK {
    display: block;
    box-sizing: border-box
}

.IPc_Tt,._8e083l,.q882tJ {
    flex: 1 1
}

.Qylq6a {
    flex-basis: 4.1666666667%
}

.XNfzB7 {
    flex-basis: 8.3333333333%
}

.iZ31tA {
    flex-basis: 12.5%
}

.S2fD6H {
    flex-basis: 16.6666666667%
}

._5NjtSK {
    flex-basis: 20.8333333333%
}

.XcblWM {
    flex-basis: 25%
}

.bEeE6w {
    flex-basis: 29.1666666667%
}

.wLlHqc {
    flex-basis: 33.3333333333%
}

.n4Pfki {
    flex-basis: 37.5%
}

.F9SDo_ {
    flex-basis: 41.6666666667%
}

.UsdnZ1 {
    flex-basis: 45.8333333333%
}

.xrbcVs {
    flex-basis: 50%
}

.U34s9s {
    flex-basis: 54.1666666667%
}

._610WY5 {
    flex-basis: 58.3333333333%
}

.Y6VF3L {
    flex-basis: 62.5%
}

.Tzlvj1 {
    flex-basis: 66.6666666667%
}

._0vS1ks {
    flex-basis: 70.8333333333%
}

.j4iL9d {
    flex-basis: 75%
}

._0qhjEp {
    flex-basis: 79.1666666667%
}

.BhmRjp {
    flex-basis: 83.3333333333%
}

.bJoh3L {
    flex-basis: 87.5%
}

.vOgOl0 {
    flex-basis: 91.6666666667%
}

._21JCzo {
    flex-basis: 95.8333333333%
}

.ti6pH_ {
    flex-basis: 100%
}

@media(min-width: 641px)and (max-width:1024px) {
    .ejCHyv {
        flex-basis:4.1666666667%
    }

    .yiHAaM {
        flex-basis: 8.3333333333%
    }

    .PkRl3J {
        flex-basis: 12.5%
    }

    .gUxhsO {
        flex-basis: 16.6666666667%
    }

    .OU_oUl {
        flex-basis: 20.8333333333%
    }

    .grFUFi {
        flex-basis: 25%
    }

    .edPYEG {
        flex-basis: 29.1666666667%
    }

    .V3V5_Z {
        flex-basis: 33.3333333333%
    }

    .OxSJYM {
        flex-basis: 37.5%
    }

    .oKkFfh {
        flex-basis: 41.6666666667%
    }

    .d8aXRn {
        flex-basis: 45.8333333333%
    }

    .ySdnLF {
        flex-basis: 50%
    }

    .a1F_dv {
        flex-basis: 54.1666666667%
    }

    .AUnUYv {
        flex-basis: 58.3333333333%
    }

    .N4wTp5 {
        flex-basis: 62.5%
    }

    .P0F1TP {
        flex-basis: 66.6666666667%
    }

    .sGxvjc {
        flex-basis: 70.8333333333%
    }

    .pAHm9v {
        flex-basis: 75%
    }

    .Yxfn11 {
        flex-basis: 79.1666666667%
    }

    ._8fiOvm {
        flex-basis: 83.3333333333%
    }

    .uNL15G {
        flex-basis: 87.5%
    }

    .qzIPul {
        flex-basis: 91.6666666667%
    }

    .FMKCg_ {
        flex-basis: 95.8333333333%
    }

    .Kf8ry5 {
        flex-basis: 100%
    }
}

@media(min-width: 1025px) {
    ._oM_Ku {
        flex-basis:4.1666666667%
    }

    ._2HfjLt {
        flex-basis: 8.3333333333%
    }

    .Yj0CA6 {
        flex-basis: 12.5%
    }

    .faaTbO {
        flex-basis: 16.6666666667%
    }

    .V3isng {
        flex-basis: 20.8333333333%
    }

    .jeiFW1 {
        flex-basis: 25%
    }

    .adf77q {
        flex-basis: 29.1666666667%
    }

    .v_Lwls {
        flex-basis: 33.3333333333%
    }

    .yx6Su7 {
        flex-basis: 37.5%
    }

    .O4fjFU {
        flex-basis: 41.6666666667%
    }

    .hrwW8Y {
        flex-basis: 45.8333333333%
    }

    .czxP9c {
        flex-basis: 50%
    }

    .gRy2W9 {
        flex-basis: 54.1666666667%
    }

    .q_QtbD {
        flex-basis: 58.3333333333%
    }

    .T6emZ0 {
        flex-basis: 62.5%
    }

    .NPWuU3 {
        flex-basis: 66.6666666667%
    }

    .oA5Cm3 {
        flex-basis: 70.8333333333%
    }

    .EUfqqw {
        flex-basis: 75%
    }

    .uwqWP4 {
        flex-basis: 79.1666666667%
    }

    ._7QDl_3 {
        flex-basis: 83.3333333333%
    }

    .djYCAu {
        flex-basis: 87.5%
    }

    .LDqHB4 {
        flex-basis: 91.6666666667%
    }

    .JkqZXl {
        flex-basis: 95.8333333333%
    }

    .NqhDxB {
        flex-basis: 100%
    }
}

.PZE1IR,._9pUK8j,.gOrPwt,.jNH4tv {
    font-family: archivo_narrowbold,sans-serif;
    color: #636363
}

.wgajYt._9pUK8j {
    font-size: 22px;
    line-height: 24px
}

.mZ1EfQ._9pUK8j {
    border-bottom: 1px solid #d1d1d1;
    color: #0053a0;
    font-size: 22px;
    line-height: 25px;
    margin: 6px 0 15px;
    padding-bottom: 12px
}

@media(min-width: 641px) {
    .mZ1EfQ._9pUK8j {
        font-size:26px;
        line-height: 30px
    }
}

.__s4Vs._9pUK8j,.__s4Vs.gOrPwt {
    font-size: 40px;
    line-height: 40px
}

@media(max-width: 640px) {
    .__s4Vs._9pUK8j,.__s4Vs.gOrPwt {
        font-size:22px;
        line-height: 22px
    }
}

.__s4Vs._9pUK8j {
    color: #0053a0
}

.__s4Vs.jNH4tv {
    font-size: 26px;
    line-height: 26px
}

@media(max-width: 640px) {
    .__s4Vs.jNH4tv {
        font-size:20px;
        line-height: 20px
    }
}

.__s4Vs.PZE1IR {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 14px
}

.OmHnLo.gOrPwt,.ZcfaxL.gOrPwt,.agUkuL.gOrPwt {
    font-size: 26px;
    line-height: 26px
}

@media(max-width: 640px) {
    .OmHnLo.gOrPwt,.ZcfaxL.gOrPwt,.agUkuL.gOrPwt {
        font-size:22px;
        line-height: 24px
    }
}

.OmHnLo._9pUK8j,.ZcfaxL._9pUK8j,.agUkuL._9pUK8j {
    font-size: 22px;
    line-height: 24px
}

@media(max-width: 640px) {
    .OmHnLo._9pUK8j,.ZcfaxL._9pUK8j,.agUkuL._9pUK8j {
        font-size:20px;
        line-height: 22px
    }
}

.OmHnLo.jNH4tv,.ZcfaxL.jNH4tv,.agUkuL.jNH4tv {
    font-size: 16px;
    line-height: 18px
}

.KFUeuf.gOrPwt {
    font-size: 21px;
    line-height: 23px
}

@media(min-width: 641px) {
    .KFUeuf.gOrPwt {
        font-size:24px;
        line-height: 26px
    }
}

.KFUeuf.jNH4tv {
    font-size: 16px;
    line-height: 18px
}

.VtVRHD.jNH4tv {
    font-size: 14px;
    line-height: 17px
}

._ewaWW.gOrPwt {
    font-size: 24px;
    line-height: 26px
}

@media(max-width: 640px) {
    ._ewaWW.gOrPwt {
        font-size:21px;
        line-height: 21px
    }
}

.XchvSL.gOrPwt {
    font-size: 26px;
    line-height: 24px
}

@media(max-width: 640px) {
    .XchvSL.gOrPwt {
        font-size:18px;
        line-height: 20px
    }
}

.XchvSL._9pUK8j {
    font-size: 26px;
    line-height: 1em
}

@media(max-width: 640px) {
    .XchvSL._9pUK8j {
        font-size:18px
    }
}

.XchvSL.jNH4tv {
    font-size: 16px;
    line-height: 18px
}

@media(min-width: 641px) {
    .XchvSL.jNH4tv {
        font-size:18px;
        line-height: 46px
    }
}

@media(min-width: 1025px) {
    .XchvSL.jNH4tv {
        font-size:24px
    }
}

.ipppS5.jNH4tv {
    font-size: 18px;
    line-height: 24px
}

@media(min-width: 641px) {
    .ipppS5.jNH4tv {
        font-size:26px
    }
}

.PB0ln2.gOrPwt {
    font-size: 21px;
    line-height: 22px
}

@media(max-width: 640px) {
    .Su88ce {
        max-height:0;
        transition: max-height .6s;
        overflow: hidden
    }
}

._4vj9kU .o9bEeu {
    list-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0
}

@media(max-width: 640px) {
    ._4vj9kU .o9bEeu {
        visibility:hidden;
        padding: 0 15px 12px;
        overflow: hidden;
        border: 1px solid transparent;
        margin: -1px;
        transition: all .7s
    }

    ._4vj9kU .o9bEeu._9RM5U7 {
        visibility: visible
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._4vj9kU .o9bEeu {
        padding-bottom:36px;
        margin: 0
    }
}

@media(min-width: 1025px) {
    ._4vj9kU .o9bEeu {
        padding-bottom:40px;
        margin: 0
    }
}

._4vj9kU .o9bEeu .GPmo8Z {
    margin-top: 16px;
    width: 100%
}

@media(min-width: 641px) {
    ._4vj9kU .o9bEeu .GPmo8Z:first-child {
        margin-top:0
    }
}

._4vj9kU .o9bEeu .GPmo8Z .tBCtH3 {
    max-height: 36px;
    margin-top: 0
}

._4vj9kU .o9bEeu .GPmo8Z .ipkfQH {
    display: block;
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #fcfcfc;
    text-decoration: none
}

._4vj9kU .o9bEeu .GPmo8Z .ipkfQH:hover {
    text-decoration: underline
}

._4vj9kU .o9bEeu .GPmo8Z .ipkfQH.tBCtH3 {
    font-size: 18px
}

._4vj9kU .o9bEeu .GPmo8Z .ipkfQH.tBCtH3:hover {
    text-decoration: none
}

._4vj9kU .o9bEeu .GPmo8Z .ipkfQH .nPHlZo {
    height: 13px;
    width: 13px;
    color: #fff;
    margin-left: 4px
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6 {
    position: relative;
    margin-top: 17px
}

@media(min-width: 641px) {
    ._4vj9kU .o9bEeu .GPmo8Z._4qh0S6 {
        top:-9px
    }
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6 .ipkfQH {
    display: flex;
    align-items: center;
    max-height: 20px
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:first-child {
    margin-top: 10px
}

@media(max-width: 640px) {
    ._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:first-child {
        margin-top:17px
    }
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:first-child span {
    position: relative;
    top: -.5px
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:nth-child(2) span {
    position: relative;
    top: -1px
}

@media(max-width: 640px) {
    ._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:nth-child(2) span {
        top:0
    }
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:last-child img {
    position: relative;
    top: -.5px
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:last-child span {
    position: relative;
    top: -1px
}

@media(max-width: 640px) {
    ._4vj9kU .o9bEeu .GPmo8Z._4qh0S6:last-child span {
        top:0
    }
}

._4vj9kU .o9bEeu .GPmo8Z._4qh0S6 .K5ZzmD+.IehxTj {
    padding-left: 12px
}

._4vj9kU._5KrS3Q {
    gap: 0
}

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

._4vj9kU .jtsQTn {
    padding: 0 0 0 4px
}

@media(max-width: 640px) {
    ._4vj9kU .jtsQTn {
        padding:0;
        display: block
    }
}

@media(min-width: 1025px) {
    ._4vj9kU .jtsQTn {
        flex-basis:20.8%
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._4vj9kU .jtsQTn {
        flex-basis:29.2%
    }

    ._4vj9kU .jtsQTn:first-child {
        margin-left: 8.3%
    }
}

._4vj9kU .jtsQTn .rs6plw {
    display: none
}

@media(max-width: 640px) {
    ._4vj9kU .jtsQTn .rs6plw {
        display:block
    }
}

@media(min-width: 1025px) {
    ._4vj9kU .R3Jw2m {
        flex-basis:37.5%
    }

    ._4vj9kU .R3Jw2m .o9bEeu>.GPmo8Z {
        width: 48%;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 16px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._4vj9kU .R3Jw2m {
        flex-basis:91.7%;
        margin-left: 8.3%
    }

    ._4vj9kU .R3Jw2m .o9bEeu>.GPmo8Z {
        width: 31.5%;
        display: inline-block
    }

    ._4vj9kU .R3Jw2m .uOA7XG {
        margin: 16px 0 10px
    }
}

._4vj9kU .kn0jhh {
    all: unset
}

._4vj9kU .uOA7XG {
    font-family: archivo_narrowbold,sans-serif;
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 16px 0 26px
}

@media(max-width: 640px) {
    ._4vj9kU .uOA7XG {
        margin:0;
        padding: 11px 14.5px
    }
}

._4vj9kU .UxRXD0 {
    display: none
}

@media(max-width: 640px) {
    ._4vj9kU .UxRXD0 {
        display:flex;
        align-items: center;
        border: none;
        background: transparent;
        height: 100%;
        position: absolute;
        right: 20px;
        color: inherit
    }

    ._4vj9kU .UxRXD0 .TgpTo6 {
        cursor: pointer;
        font-size: 26px;
        font-weight: 400;
        line-height: 22px;
        font-family: Arial,Helvetica,sans-serif
    }

    ._4vj9kU .UxRXD0 .TgpTo6.dbCb_e {
        font-size: 28px;
        line-height: 18px
    }
}

._GXzob {
    all: unset
}

@media(max-width: 640px) {
    ._GXzob {
        width:100%;
        cursor: pointer;
        position: relative;
        display: flex
    }

    ._GXzob:focus {
        outline: 2px dotted #fff
    }
}

._5BIEwS {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    max-width: 1148px;
    padding: 7px 10px 45px
}

@media(min-width: 641px) {
    ._5BIEwS {
        background-repeat:no-repeat;
        background-size: 100%;
        min-height: 587px
    }
}

@media(min-width: 1025px) {
    ._5BIEwS {
        padding:25px 56px;
        background-position: right 9px bottom 9px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5BIEwS {
        padding:25px 39px;
        background-position: right 7px bottom 7px
    }
}

._5BIEwS .HF2tN4 {
    border-bottom: 2px solid #d1d1d1;
    margin: 0;
    padding-bottom: 9px
}

@media(min-width: 641px) {
    ._5BIEwS .HF2tN4 {
        padding-bottom:18px
    }
}

._5BIEwS .gs9Rlc {
    margin: 0;
    padding: 32px 11px 15px
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5BIEwS .gs9Rlc {
        padding:74px 30px 34px
    }
}

@media(min-width: 1025px) {
    ._5BIEwS .gs9Rlc {
        padding:78px 46px 34px
    }
}

._5BIEwS ._2KyKRy {
    color: #636363;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding-left: 12px
}

@media(max-width: 640px) {
    ._5BIEwS ._2KyKRy {
        padding-right:18px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5BIEwS ._2KyKRy {
        padding-left:62px;
        font-size: 14px
    }
}

@media(min-width: 1025px) {
    ._5BIEwS ._2KyKRy {
        padding-left:95px;
        font-size: 14px
    }
}

._5BIEwS ._416HMd {
    margin: 0;
    padding-bottom: 17px
}

@media(min-width: 1025px) {
    ._5BIEwS ._416HMd {
        width:64%;
        padding-bottom: 30px
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5BIEwS ._416HMd {
        width:86%;
        padding-bottom: 30px
    }
}

._5BIEwS .zdm5e3 {
    margin: 0;
    padding-bottom: 12px
}

._5BIEwS .eqi4Ss {
    margin: 0;
    padding-top: 4px;
    padding-left: 20px
}

@media(min-width: 1025px) {
    ._5BIEwS .eqi4Ss {
        width:55%
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    ._5BIEwS .eqi4Ss {
        width:68%
    }
}

._5BIEwS .lgKUnV {
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 7px
}

@media(min-width: 641px) {
    ._5BIEwS .lgKUnV {
        font-size:14px;
        line-height: 16px;
        padding-bottom: 12px
    }
}

._5BIEwS .XMe3Qk {
    line-height: 16px;
    padding-top: 10px
}

@media(min-width: 641px) {
    ._5BIEwS .XMe3Qk {
        width:50%
    }
}

._5BIEwS a {
    color: #636363
}

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

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

.B4ZA8K {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    background-color: #ed1c24;
    color: #fff;
    overflow: hidden;
    font-family: screwfix_betaregular;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    padding: 0 10px
}

@media(min-width: 641px)and (max-width:1024px) {
    .B4ZA8K {
        font-size:18px;
        height: 30px
    }
}

@media(min-width: 1025px) {
    .B4ZA8K {
        height:30px
    }
}

@keyframes XNIKHB {
    0% {
        transform: translateX(-100%)
    }

    50% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(100%)
    }
}

.RQ6J14 {
    display: block;
    position: relative;
    background: #d1d1d1;
    overflow: hidden;
    height: auto
}

.UFQvEY {
    border-radius: 3px
}

.Nigf_3 {
    margin-top: 0;
    margin-bottom: 0
}

.IZrWd4 {
    border-radius: 50%;
    height: 1.2em
}

.RQ6J14>* {
    visibility: hidden
}

.rvk58j:empty:before {
    content: " "
}

.rvk58j:after {
    animation: XNIKHB 1.6s linear .5s infinite;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg,transparent,#e7e7e7,transparent)
}

.EC4uOD {
    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;
    align-items: center;
    background-color: #0053a0;
    border-radius: 4px;
    bottom: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,.122),0 1px 2px rgba(0,0,0,.239);
    display: flex;
    height: 40px;
    padding: 0 14px;
    position: fixed;
    right: 24px;
    width: 180px;
    z-index: 2000
}

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

.EC4uOD .Hrfmk3 {
    margin-right: 8px;
    width: 17px;
    height: 17px
}

.EC4uOD .ua8grF {
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    flex: 1 1;
    margin: 0;
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

.EC4uOD .wn5cHZ {
    background-color: #79d852;
    border-radius: 4px;
    height: 8px;
    width: 8px
}

@keyframes gvB93h {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(67%)
    }
}

.ViVztw {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.2);
    overflow: hidden;
    padding: 15px 13px 13px;
    position: relative;
    height: 200px
}

@media(min-width: 641px)and (max-width:1024px) {
    .ViVztw {
        padding:13px 12px 16px
    }
}

@media(min-width: 1025px) {
    .ViVztw {
        padding:13px 12px 17px
    }
}

.ViVztw:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300%;
    height: 100%;
    transform: translateX(0);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,.5) 30%,transparent 48%,transparent 52%,hsla(0,0%,100%,.5) 70%);
    animation: gvB93h .8s ease infinite
}

@media(prefers-reduced-motion:reduce) {
    .ViVztw:after {
        animation: none
    }
}

.ViVztw .MOiQRP {
    display: flex;
    height: 100%;
    justify-content: center
}

.cpFvx9 {
    margin-top: 15px;
    margin-bottom: 50px
}

@media(min-width: 641px) {
    .cpFvx9 {
        margin-top:19px
    }
}

.cpFvx9.DBPDTb {
    margin: 0;
    padding: 40px 0
}

@media(min-width: 641px) {
    .cpFvx9.DBPDTb {
        padding:50px 0
    }
}

.cpFvx9.DBPDTb .hQxUWQ {
    max-width: 100%;
    width: 100%;
    overflow: hidden
}

.cpFvx9.DBPDTb._6Bc0Ba {
    padding-top: 0;
    padding-bottom: 0
}

._VExbD {
    margin: 15px 0 17px
}

@media(min-width: 641px) {
    ._VExbD {
        margin:19px 0 17px
    }
}

.RNyVp9 {
    width: 100%
}

.RNyVp9>div:not(:empty) {
    margin: 0 0 30px
}

@media(min-width: 641px) {
    .RNyVp9 .banner-carousel {
        padding:0 11px 7px
    }
}

.DEJJO7 {
    border-bottom: 1px solid #d1d1d1;
    margin: 2px 0 12px;
    padding: 0 0 12px
}

@media(max-width: 640px) {
    .DEJJO7 {
        padding-left:10px
    }
}

.agr5rQ {
    display: flex
}

.agr5rQ .iLrx0a {
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    padding: 0
}

@media(min-width: 641px) {
    .agr5rQ .iLrx0a {
        flex:1 1
    }
}

@media(max-width: 640px) {
    .agr5rQ {
        flex-wrap:wrap
    }
}

.agr5rQ .mfpROK {
    flex-shrink: 0;
    flex-basis: 100%;
    padding-bottom: 9.6px
}

@media(min-width: 641px) {
    .agr5rQ .mfpROK {
        max-width:238px;
        flex-basis: 20.8333%;
        margin-right: 10px;
        padding-bottom: 0
    }
}

@media(min-width: 641px)and (max-width:1024px) {
    .agr5rQ .mfpROK {
        flex-basis:31%;
        max-width: 215px
    }
}

.PLMpsN {
    margin-top: 40px
}

.PLMpsN.wcdTo_,.PLMpsN:empty,.PLMpsN:first-child {
    margin-top: 0
}

@media(min-width: 641px) {
    .PLMpsN {
        margin-top:50px
    }
}

.PLMpsN._5rB_qt,.PLMpsN.z3JyCC {
    margin-top: 12px
}

.PLMpsN.M9cBjq,.PLMpsN.rtUgEU {
    margin-top: 17px
}

.PLMpsN.TUuYT3.QnoSe8~:not(.QnoSe8),.PLMpsN.TUuYT3~.QnoSe8~:not(.QnoSe8),.PLMpsN.kvnjz_.QnoSe8~:not(.QnoSe8),.PLMpsN.kvnjz_~.QnoSe8~:not(.QnoSe8),.PLMpsN.tiJZng.QnoSe8~:not(.QnoSe8),.PLMpsN.tiJZng~.QnoSe8~:not(.QnoSe8) {
    margin-top: 20px
}

@media(max-width: 640px) {
    .PLMpsN.TUuYT3.QnoSe8~:not(.QnoSe8),.PLMpsN.TUuYT3~.QnoSe8~:not(.QnoSe8),.PLMpsN.kvnjz_.QnoSe8~:not(.QnoSe8),.PLMpsN.kvnjz_~.QnoSe8~:not(.QnoSe8),.PLMpsN.tiJZng.QnoSe8~:not(.QnoSe8),.PLMpsN.tiJZng~.QnoSe8~:not(.QnoSe8) {
        margin-top:16px
    }
}

.PLMpsN.TUuYT3.xYDmQg,.PLMpsN.kvnjz_.xYDmQg,.PLMpsN.tiJZng.xYDmQg {
    margin-top: 20px
}

@media(max-width: 640px) {
    .PLMpsN.TUuYT3.xYDmQg,.PLMpsN.kvnjz_.xYDmQg,.PLMpsN.tiJZng.xYDmQg {
        margin-top:16px
    }
}

.PLMpsN.tiJZng {
    padding: 0 5px
}

@media(min-width: 641px)and (max-width:1024px) {
    .PLMpsN.tiJZng {
        padding:0 11px
    }
}

@media(min-width: 1025px) {
    .PLMpsN.tiJZng {
        padding-left:0;
        padding-right: 0
    }
}

@media(min-width: 1025px)and (max-width:1170px) {
    .PLMpsN.tiJZng {
        padding-left:11px;
        padding-right: 11px
    }
}

.PLMpsN.tiJZng.P1TBZQ {
    padding-left: 0;
    padding-right: 0
}

.VWusi5 {
    height: 48px;
    width: 147px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    position: fixed;
    bottom: 24px;
    right: 24px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    background-color: #0053a0;
    cursor: pointer;
    border: 1px solid #0053a0;
    z-index: 2000
}

.VWusi5,._0dofHf {
    transition-duration: .3s
}

._0dofHf {
    width: 60px;
    height: 60px
}

.rYk44N {
    display: flex;
    align-items: center
}

.mMgkiq {
    fill: #fff
}

.f9lyf7 {
    width: 20px
}

.AYDAaz {
    width: 48px
}

.Vy_Sby {
    color: #fff;
    font-family: archivo_narrowbold,sans-serif;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0;
    margin-left: 8px;
    line-height: 24px
}

.qZGDLY {
    border: 3px solid #d0030b;
    color: #d0030b;
    font-size: 20px;
    padding: 25px;
    text-align: center
}

.zvIrwL {
    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;
    align-items: center;
    cursor: auto;
    background-color: #0053a0;
    border-radius: 14px;
    bottom: 12px;
    display: flex;
    height: 40px;
    right: 12px;
    justify-content: space-between;
    padding: 10px;
    position: fixed;
    width: 150px;
    z-index: 214748365
}

.zvIrwL:enabled {
    cursor: pointer
}

.zvIrwL.piSmfg {
    cursor: wait
}

.zvIrwL.RQg9I0 {
    display: none
}

.zvIrwL .d7sMyI {
    height: 20px
}

.zvIrwL .PIBnbu {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase
}

.zvIrwL .lu_Dqh {
    display: block;
    font-family: archivo_narrowregular,sans-serif
}

.zvIrwL .eQqdz_ {
    display: block;
    font-family: archivo_narrowbold,sans-serif
}

._gh9ps {
    position: relative
}