/* Minification failed. Returning unminified contents.
(3582,1): run-time error CSS1019: Unexpected token, found '}'
 */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container, .left-container, .right-container { width: 100%; margin: 0 auto; padding: 0 15px; }

.container:before, .container:after, .section:before, .section:after { display: table; content: " "; }

.section.flx { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.section.flx > div { padding: 0px 15px; }
.section.flx:before { display: none !important; }
.section.flx:after { display: none !important; }
.section.flx.sml-g { margin: 0px -10px; }
.section.flx.sml-g > div { padding: 0px 10px; }

.flx-bx { display: flex; }
.fl-al-cent { align-items: center; }
.fl-ju-cent { justify-content: center; }
.fl-ju-end { justify-content: end; }
.fl-ju-space { justify-content: space-between; }
.fl-al-end { align-items: end; }
.flx-bx .full-w { width: 100%; }
.fl-wrap { flex-wrap: wrap; }

.fl-basis-50p { flex-basis: 50%; }

@-ms-viewport { width: device-width; }

.block { display: block; }
.rel { position: relative; }
.abs { position: absolute; }
.top { top: 0; }
.bot { bottom: 0; }
.sta { left: 0; }
.end { right: 0; }
.ab-r-10 { right: 10px; }
.ab-r-15 { right: 15px; }
.nowrap { white-space: nowrap; }
.no-overflow { overflow: hidden; }
.no-border { border: none; }
.no-dec { text-decoration: none; }
.pointer { cursor: pointer; }
.line-thru { text-decoration: line-through }
.shad { box-shadow: 0px 11px 9px #00000026; }
.z-1 { z-index: 1; }
.dw-hide { display: none; }
.dw-show { display: block; }
.dw-flx { display: flex; }
.underline { text-decoration: underline; }
.shad-bx { box-shadow: 0px 11px 20px #00000026; }

/*GRID*/
.dw-grid { display: grid; grid-template-columns: repeat(12, 1fr); }


/*GAP*/

.gap-2 { grid-gap: 2px; }
.gap-5 { grid-gap: 5px; }
.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-30 { grid-gap: 30px; }
.gap-45 { grid-gap: 45px; }
.gap-60 { grid-gap: 60px; }
.gap-75 { grid-gap: 75px; }

.c-gap-5 { column-gap: 5px; }
.c-gap-10 { column-gap: 10px; }
.c-gap-15 { column-gap: 15px; }
.c-gap-30 { column-gap: 30px; }
.c-gap-45 { column-gap: 45px; }
.c-gap-60 { column-gap: 60px; }
.c-gap-75 { column-gap: 75px; }

.r-gap-5 { row-gap: 5px; }
.r-gap-10 { row-gap: 10px; }
.r-gap-15 { row-gap: 15px; }
.r-gap-30 { row-gap: 30px; }
.r-gap-45 { row-gap: 45px; }
.r-gap-60 { row-gap: 60px; }
.r-gap-75 { row-gap: 75px; }



.al-self-stretch { align-self: stretch; }
/*FLEXBOX*/
.o-first { order: -1; }
.o-last { order: 1; }

.flx { display: flex; }
.flx-col { flex-direction: column; }
.flx-row { flex-direction: row; }
.flx-col-rev { flex-direction: column-reverse; }
.flx-row-rev { flex-direction: row-reverse; }
.flx-wrap { flex-wrap: wrap; }

.flx-ju-cent { justify-content: center; }
.flx-ju-space { justify-content: space-between; }
.flx-al-cent { align-items: center; }

/*FLEXBOX*/
.xxs-al-start { align-items: center; }
.xxs-al-center { align-items: center; }
.xxs-al-end { align-items: flex-end; }

.xxs-ju-start { justify-content: flex-start; }
.xxs-ju-center { justify-content: center; }
.xxs-ju-end { justify-content: end; }
.xxs-ju-evenly { justify-content: space-evenly; }
.xxs-ju-around { justify-content: space-around; }
.xxs-ju-between { justify-content: space-between; }
.xxs-show { display: block; }
.xxs-flx { display: flex; }
.xxs-hide { display: none; }

/*FLEX ITEM*/
.xxs-self-start { align-self: flex-start; }
.xxs-self-end { align-self: flex-end; }
.xxs-self-center { align-self: center; }
.xxs-self-mid { justify-self: center; }

.fl-grow { flex-grow: 1; }
.fl-no-shrink { flex-shrink: 0; }

.dw-xxs-10th { width: calc(100% / 10); }
.dw-xxs-9th { width: calc(100% / 9); }
.dw-xxs-8th { width: calc(100% / 8); }
.dw-xxs-7th { width: calc(100% / 7); }
.dw-xxs-5th { width: calc(100% / 5); }
.dw-xxs-12 { grid-column: span 12; }
.dw-xxs-11 { grid-column: span 11; }
.dw-xxs-10 { grid-column: span 10; }
.dw-xxs-9 { grid-column: span 9; }
.dw-xxs-8 { grid-column: span 8; }
.dw-xxs-7 { grid-column: span 7; }
.dw-xxs-6 { grid-column: span 6; }
.dw-xxs-5 { grid-column: span 5; }
.dw-xxs-4 { grid-column: span 4; }
.dw-xxs-3 { grid-column: span 3; }
.dw-xxs-2 { grid-column: span 2; }
.dw-xxs-1 { grid-column: span 1; }

.section.flx .dw-xxs-12 { width: 100%; }
.section.flx .dw-xxs-11 { width: 91.66666666666666%; }
.section.flx .dw-xxs-10 { width: 83.33333333333334%; }
.section.flx .dw-xxs-9 { width: 75%; }
.section.flx .dw-xxs-8 { width: 66.66666666666666%; }
.section.flx .dw-xxs-7 { width: 58.333333333333336%; }
.section.flx .dw-xxs-6 { width: 50%; }
.section.flx .dw-xxs-5 { width: 41.66666666666667%; }
.section.flx .dw-xxs-4 { width: 33.33333333333333%; }
.section.flx .dw-xxs-3 { width: 25%; }
.section.flx .dw-xxs-2 { width: 16.666666666666664%; }
.section.flx .dw-xxs-1 { width: 8.333333333333332%; }


/*MARGIN*/
.xxs-m-0 { margin: 0 !important; }

/*MOBILE*/

@media (min-width:500px) {
    .dw-xs-10th { width: calc(100% / 10); }
    .dw-xs-9th { width: calc(100% / 9); }
    .dw-xs-8th { width: calc(100% / 8); }
    .dw-xs-7th { width: calc(100% / 7); }
    .dw-xs-5th { width: calc(100% / 5); }
    .dw-xs-12 { grid-column: span 12; }
    .dw-xs-11 { grid-column: span 11; }
    .dw-xs-10 { grid-column: span 10; }
    .dw-xs-9 { grid-column: span 9; }
    .dw-xs-8 { grid-column: span 8; }
    .dw-xs-7 { grid-column: span 7; }
    .dw-xs-6 { grid-column: span 6; }
    .dw-xs-5 { grid-column: span 5; }
    .dw-xs-4 { grid-column: span 4; }
    .dw-xs-3 { grid-column: span 3; }
    .dw-xs-2 { grid-column: span 2; }
    .dw-xs-1 { grid-column: span 1; }

    .section.flx .dw-xs-12 { width: 100%; }
    .section.flx .dw-xs-11 { width: 91.66666666666666%; }
    .section.flx .dw-xs-10 { width: 83.33333333333334%; }
    .section.flx .dw-xs-9 { width: 75%; }
    .section.flx .dw-xs-8 { width: 66.66666666666666%; }
    .section.flx .dw-xs-7 { width: 58.333333333333336%; }
    .section.flx .dw-xs-6 { width: 50%; }
    .section.flx .dw-xs-5 { width: 41.66666666666667%; }
    .section.flx .dw-xs-4 { width: 33.33333333333333%; }
    .section.flx .dw-xs-3 { width: 25%; }
    .section.flx .dw-xs-2 { width: 16.666666666666664%; }
    .section.flx .dw-xs-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xs-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xs-flx-col { flex-direction: column; }
    .xs-flx-row { flex-direction: row; }
    .xs-flx-col-rev { flex-direction: column-reverse; }
    .xs-flx-row-rev { flex-direction: row-reverse; }

    .xs-al-start { align-items: center; }
    .xs-al-center { align-items: center; }
    .xs-al-end { align-items: flex-end; }

    .xs-ju-start { justify-content: flex-start; }
    .xs-ju-center { justify-content: center; }
    .xs-ju-end { justify-content: end; }
    .xs-ju-evenly { justify-content: space-evenly; }
    .xs-ju-around { justify-content: space-around; }
    .xs-ju-between { justify-content: space-between; }
    .xs-show { display: block; }
    .xs-flx { display: flex; }
    .xs-hide { display: none; }

    /*FLEX ITEM*/
    .xs-self-start { align-self: flex-start; }
    .xs-self-end { align-self: flex-end; }
    .xs-self-center { align-self: center; }
    .xs-self-mid { justify-self: center; }
}

/*TABLET*/
@media (min-width:768px) {
    .dw-sm-10th { width: calc(100% / 10); }
    .dw-sm-9th { width: calc(100% / 9); }
    .dw-sm-8th { width: calc(100% / 8); }
    .dw-sm-7th { width: calc(100% / 7); }
    .dw-sm-5th { width: calc(100% / 5); }
    .dw-sm-12 { grid-column: span 12; }
    .dw-sm-11 { grid-column: span 11; }
    .dw-sm-10 { grid-column: span 10; }
    .dw-sm-9 { grid-column: span 9; }
    .dw-sm-8 { grid-column: span 8; }
    .dw-sm-7 { grid-column: span 7; }
    .dw-sm-6 { grid-column: span 6; }
    .dw-sm-5 { grid-column: span 5; }
    .dw-sm-4 { grid-column: span 4; }
    .dw-sm-3 { grid-column: span 3; }
    .dw-sm-2 { grid-column: span 2; }
    .dw-sm-1 { grid-column: span 1; }

    .section.flx .dw-sm-12 { width: 100%; }
    .section.flx .dw-sm-11 { width: 91.66666666666666%; }
    .section.flx .dw-sm-10 { width: 83.33333333333334%; }
    .section.flx .dw-sm-9 { width: 75%; }
    .section.flx .dw-sm-8 { width: 66.66666666666666%; }
    .section.flx .dw-sm-7 { width: 58.333333333333336%; }
    .section.flx .dw-sm-6 { width: 50%; }
    .section.flx .dw-sm-5 { width: 41.66666666666667%; }
    .section.flx .dw-sm-4 { width: 33.33333333333333%; }
    .section.flx .dw-sm-3 { width: 25%; }
    .section.flx .dw-sm-2 { width: 16.666666666666664%; }
    .section.flx .dw-sm-1 { width: 8.333333333333332%; }


    /*MARGIN*/
    .sm-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .sm-flx-col { flex-direction: column; }
    .sm-flx-row { flex-direction: row; }
    .sm-flx-col-rev { flex-direction: column-reverse; }
    .sm-flx-row-rev { flex-direction: row-reverse; }

    .sm-al-start { align-items: center; }
    .sm-al-center { align-items: center; }
    .sm-al-end { align-items: flex-end; }

    .sm-ju-start { justify-content: flex-start; }
    .sm-ju-center { justify-content: center; }
    .sm-ju-end { justify-content: end; }
    .sm-ju-evenly { justify-content: space-evenly; }
    .sm-ju-around { justify-content: space-around; }
    .sm-ju-between { justify-content: space-between; }
    .sm-show { display: block; }
    .sm-flx { display: flex; }
    .sm-hide { display: none; }

    /*FLEX ITEM*/
    .sm-self-start { align-self: flex-start; }
    .sm-self-end { align-self: flex-end; }
    .sm-self-center { align-self: center; }
    .sm-self-mid { justify-self: center; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container { max-width: 750px; }
}


/*SMALL DESKTOP*/
@media (min-width:992px) {
    .dw-md-10th { width: calc(100% / 10); }
    .dw-md-9th { width: calc(100% / 9); }
    .dw-md-8th { width: calc(100% / 8); }
    .dw-md-7th { width: calc(100% / 7); }
    .dw-md-5th { width: calc(100% / 5); }

    .dw-md-12 { grid-column: span 12; }
    .dw-md-11 { grid-column: span 11; }
    .dw-md-10 { grid-column: span 10; }
    .dw-md-9 { grid-column: span 9; }
    .dw-md-8 { grid-column: span 8; }
    .dw-md-7 { grid-column: span 7; }
    .dw-md-6 { grid-column: span 6; }
    .dw-md-5 { grid-column: span 5; }
    .dw-md-4 { grid-column: span 4; }
    .dw-md-3 { grid-column: span 3; }
    .dw-md-2 { grid-column: span 2; }
    .dw-md-1 { grid-column: span 1; }

    .section.flx .dw-md-12 { width: 100%; }
    .section.flx .dw-md-11 { width: 91.66666666666666%; }
    .section.flx .dw-md-10 { width: 83.33333333333334%; }
    .section.flx .dw-md-9 { width: 75%; }
    .section.flx .dw-md-8 { width: 66.66666666666666%; }
    .section.flx .dw-md-7 { width: 58.333333333333336%; }
    .section.flx .dw-md-6 { width: 50%; }
    .section.flx .dw-md-5 { width: 41.66666666666667%; }
    .section.flx .dw-md-4 { width: 33.33333333333333%; }
    .section.flx .dw-md-3 { width: 25%; }
    .section.flx .dw-md-2 { width: 16.666666666666664%; }
    .section.flx .dw-md-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .md-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .md-flx-col { flex-direction: column; }
    .md-flx-row { flex-direction: row; }
    .md-flx-col-rev { flex-direction: column-reverse; }
    .md-flx-row-rev { flex-direction: row-reverse; }

    .md-al-start { align-items: center; }
    .md-al-center { align-items: center; }
    .md-al-end { align-items: flex-end; }

    .md-ju-start { justify-content: flex-start; }
    .md-ju-center { justify-content: center; }
    .md-ju-end { justify-content: end; }
    .md-ju-evenly { justify-content: space-evenly; }
    .md-ju-around { justify-content: space-around; }
    .md-ju-between { justify-content: space-between; }
    .md-show { display: block; }
    .md-flx { display: flex; }
    .md-hide { display: none; }

    /*FLEX ITEM*/
    .md-self-start { align-self: flex-start; }
    .md-self-end { align-self: flex-end; }
    .md-self-center { align-self: center; }
    .md-self-mid { justify-self: center; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .container { max-width: 970px; }
}

/*DESKTOP*/

@media (min-width: 1230px) {
    .section.flx .dw-lg-10th { width: calc(100% / 10); }
    .section.flx .dw-lg-9th { width: calc(100% / 9); }
    .section.flx .dw-lg-8th { width: calc(100% / 8); }
    .section.flx .dw-lg-7th { width: calc(100% / 7); }
    .section.flx .dw-lg-5th { width: calc(100% / 5); }

    .dw-lg-12 { grid-column: span 12; }
    .dw-lg-11 { grid-column: span 11; }
    .dw-lg-10 { grid-column: span 10; }
    .dw-lg-9 { grid-column: span 9; }
    .dw-lg-8 { grid-column: span 8; }
    .dw-lg-7 { grid-column: span 7; }
    .dw-lg-6 { grid-column: span 6; }
    .dw-lg-5 { grid-column: span 5; }
    .dw-lg-4 { grid-column: span 4; }
    .dw-lg-3 { grid-column: span 3; }
    .dw-lg-2 { grid-column: span 2; }
    .dw-lg-1 { grid-column: span 1; }

    .section.flx .dw-lg-12 { width: 100%; }
    .section.flx .dw-lg-11 { width: 91.66666666666666%; }
    .section.flx .dw-lg-10 { width: 83.33333333333334%; }
    .section.flx .dw-lg-9 { width: 75%; }
    .section.flx .dw-lg-8 { width: 66.66666666666666%; }
    .section.flx .dw-lg-7 { width: 58.333333333333336%; }
    .section.flx .dw-lg-6 { width: 50%; }
    .section.flx .dw-lg-5 { width: 41.66666666666667%; }
    .section.flx .dw-lg-4 { width: 33.33333333333333%; }
    .section.flx .dw-lg-3 { width: 25%; }
    .section.flx .dw-lg-2 { width: 16.666666666666664%; }
    .section.flx .dw-lg-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .lg-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .lg-flx-col { flex-direction: column; }
    .lg-flx-row { flex-direction: row; }
    .lg-flx-col-rev { flex-direction: column-reverse; }
    .lg-flx-row-rev { flex-direction: row-reverse; }

    .lg-al-start { align-items: center; }
    .lg-al-center { align-items: center; }
    .lg-al-end { align-items: flex-end; }

    .lg-ju-start { justify-content: flex-start; }
    .lg-ju-center { justify-content: center; }
    .lg-ju-end { justify-content: end; }
    .lg-ju-evenly { justify-content: space-evenly; }
    .lg-ju-around { justify-content: space-around; }
    .lg-ju-between { justify-content: space-between; }
    .lg-show { display: block; }
    .lg-flx { display: flex; }
    .lg-hide { display: none; }

    /*FLEX ITEM*/
    .lg-self-start { align-self: flex-start; }
    .lg-self-end { align-self: flex-end; }
    .lg-self-center { align-self: center; }
    .lg-self-mid { justify-self: center; }
}

@media (min-width:1230px) and (max-width:1474px) {
    .container { max-width: 1230px; }
}

@media (min-width: 1671px) {
    .dw-xl-10th { width: calc(100% / 10); }
    .dw-xl-9th { width: calc(100% / 9); }
    .dw-xl-8th { width: calc(100% / 8); }
    .dw-xl-7th { width: calc(100% / 7); }
    .dw-xl-5th { width: calc(100% / 5); }

    .dw-xl-12 { grid-column: span 12; }
    .dw-xl-11 { grid-column: span 11; }
    .dw-xl-10 { grid-column: span 10; }
    .dw-xl-9 { grid-column: span 9; }
    .dw-xl-8 { grid-column: span 8; }
    .dw-xl-7 { grid-column: span 7; }
    .dw-xl-6 { grid-column: span 6; }
    .dw-xl-5 { grid-column: span 5; }
    .dw-xl-4 { grid-column: span 4; }
    .dw-xl-3 { grid-column: span 3; }
    .dw-xl-2 { grid-column: span 2; }
    .dw-xl-1 { grid-column: span 1; }

    .section.flx .dw-xl-12 { width: 100%; }
    .section.flx .dw-xl-11 { width: 91.66666666666666%; }
    .section.flx .dw-xl-10 { width: 83.33333333333334%; }
    .section.flx .dw-xl-9 { width: 75%; }
    .section.flx .dw-xl-8 { width: 66.66666666666666%; }
    .section.flx .dw-xl-7 { width: 58.333333333333336%; }
    .section.flx .dw-xl-6 { width: 50%; }
    .section.flx .dw-xl-5 { width: 41.66666666666667%; }
    .section.flx .dw-xl-4 { width: 33.33333333333333%; }
    .section.flx .dw-xl-3 { width: 25%; }
    .section.flx .dw-xl-2 { width: 16.666666666666664%; }
    .section.flx .dw-xl-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xl-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xl-flx-col { flex-direction: column; }
    .xl-flx-row { flex-direction: row; }
    .xl-flx-col-rev { flex-direction: column-reverse; }
    .xl-flx-row-rev { flex-direction: row-reverse; }

    .xl-al-start { align-items: center; }
    .xl-al-center { align-items: center; }
    .xl-al-end { align-items: flex-end; }

    .xl-ju-start { justify-content: flex-start; }
    .xl-ju-center { justify-content: center; }
    .xl-ju-end { justify-content: end; }
    .xl-ju-evenly { justify-content: space-evenly; }
    .xl-ju-around { justify-content: space-around; }
    .xl-ju-between { justify-content: space-between; }
    .xl-show { display: block; }
    .xl-flx { display: flex; }
    .xl-hide { display: none; }

    /*FLEX ITEM*/
    .xl-self-start { align-self: flex-start; }
    .xl-self-end { align-self: flex-end; }
    .xl-self-center { align-self: center; }
    .xl-self-mid { justify-self: center; }
}

@media (min-width:1230px) and (max-width:1670px) {
    .container { max-width: 1500px; }
}

@media (min-width:1671px) {
    .container { max-width: 1640px; }
    .dw-xxl-10th { width: calc(100% / 10); }
    .dw-xxl-9th { width: calc(100% / 9); }
    .dw-xxl-8th { width: calc(100% / 8); }
    .dw-xxl-7th { width: calc(100% / 7); }
    .dw-xxl-5th { width: calc(100% / 5); }

    .dw-xxl-12 { grid-column: span 12; }
    .dw-xxl-11 { grid-column: span 11; }
    .dw-xxl-10 { grid-column: span 10; }
    .dw-xxl-9 { grid-column: span 9; }
    .dw-xxl-8 { grid-column: span 8; }
    .dw-xxl-7 { grid-column: span 7; }
    .dw-xxl-6 { grid-column: span 6; }
    .dw-xxl-5 { grid-column: span 5; }
    .dw-xxl-4 { grid-column: span 4; }
    .dw-xxl-3 { grid-column: span 3; }
    .dw-xxl-2 { grid-column: span 2; }
    .dw-xxl-1 { grid-column: span 1; }

    .section.flx .dw-xxl-12 { width: 100%; }
    .section.flx .dw-xxl-11 { width: 91.66666666666666%; }
    .section.flx .dw-xxl-10 { width: 83.33333333333334%; }
    .section.flx .dw-xxl-9 { width: 75%; }
    .section.flx .dw-xxl-8 { width: 66.66666666666666%; }
    .section.flx .dw-xxl-7 { width: 58.333333333333336%; }
    .section.flx .dw-xxl-6 { width: 50%; }
    .section.flx .dw-xxl-5 { width: 41.66666666666667%; }
    .section.flx .dw-xxl-4 { width: 33.33333333333333%; }
    .section.flx .dw-xxl-3 { width: 25%; }
    .section.flx .dw-xxl-2 { width: 16.666666666666664%; }
    .section.flx .dw-xxl-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xxl-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xxl-flx-col { flex-direction: column; }
    .xxl-flx-row { flex-direction: row; }
    .xxl-flx-col-rev { flex-direction: column-reverse; }
    .xxl-flx-row-rev { flex-direction: row-reverse; }

    .xxl-al-start { align-items: center; }
    .xxl-al-center { align-items: center; }
    .xxl-al-end { align-items: flex-end; }

    .xxl-ju-start { justify-content: flex-start; }
    .xxl-ju-center { justify-content: center; }
    .xxl-ju-end { justify-content: end; }
    .xxl-ju-evenly { justify-content: space-evenly; }
    .xxl-ju-around { justify-content: space-around; }
    .xxl-ju-between { justify-content: space-between; }
    .xxl-show { display: block; }
    .xxl-flx { display: flex; }
    .xxl-hide { display: none; }

    /*FLEX ITEM*/
    .xxl-self-start { align-self: flex-start; }
    .xxl-self-end { align-self: flex-end; }
    .xxl-self-center { align-self: center; }
    .xxl-self-mid { justify-self: center; }
}


@media (min-width:1800px) {
    .container { margin: 0 auto !important; }
}

@media (max-width:500px) {
    .gap-45, .gap-30, .dw-grid { grid-gap: 15px !important; gap: 15px !important; }
}

/*TEXT-ALIGN*/
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }


/*MARGIN*/

.center-block { margin: 0 auto; }


.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-30 { margin: 30px; }
.m-45 { margin: 45px; }
.m-60 { margin: 60px; }
.m-75 { margin: 75px; }

.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-45 { margin-top: 45px; margin-bottom: 45px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.my-75 { margin-top: 75px; margin-bottom: 75px; }

.mx-5 { margin-right: 5px; margin-left: 5px; }
.mx-10 { margin-right: 10px; margin-left: 10px; }
.mx-15 { margin-right: 15px; margin-left: 15px; }
.mx-30 { margin-right: 30px; margin-left: 30px; }
.mx-45 { margin-right: 45px; margin-left: 45px; }
.mx-60 { margin-right: 60px; margin-left: 60px; }
.mx-75 { margin-right: 75px; margin-left: 75px; }

.nomarg { margin: unset !important; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.mt-45 { margin-top: 45px; }
.mt-60 { margin-top: 60px; }
.mt-75 { margin-top: 75px; }

.mb-0 { margin-bottom: unset !important; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-30 { margin-bottom: 30px; }
.mb-45 { margin-bottom: 45px; }
.mb-60 { margin-bottom: 60px; }
.mb-75 { margin-bottom: 75px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-30 { margin-right: 30px; }
.mr-45 { margin-right: 45px; }
.mr-60 { margin-right: 60px; }
.mr-75 { margin-right: 75px; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-30 { margin-left: 30px; }
.ml-45 { margin-left: 45px; }
.ml-60 { margin-left: 60px; }
.ml-75 { margin-left: 75px; }

/*PADDING*/

.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-30 { padding: 30px; }
.p-45 { padding: 45px; }
.p-60 { padding: 60px; }
.p-75 { padding: 75px; }

.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-45 { padding-top: 45px; padding-bottom: 45px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-75 { padding-top: 75px; padding-bottom: 75px; }

.px-5 { padding-right: 5px; padding-left: 5px; }
.px-10 { padding-right: 10px; padding-left: 10px; }
.px-15 { padding-right: 15px; padding-left: 15px; }
.px-30 { padding-right: 30px; padding-left: 30px; }
.px-45 { padding-right: 45px; padding-left: 45px; }
.px-60 { padding-right: 60px; padding-left: 60px; }
.px-75 { padding-right: 75px; padding-left: 75px; }

.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-75 { padding-top: 75px; }

.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-30 { padding-bottom: 30px; }
.pb-45 { padding-bottom: 45px; }
.pb-60 { padding-bottom: 60px; }
.pb-75 { padding-bottom: 75px; }

.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-30 { padding-right: 30px; }
.pr-45 { padding-right: 45px; }
.pr-60 { padding-right: 60px; }
.pr-75 { padding-right: 75px; }

.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-30 { padding-left: 30px; }
.pl-45 { padding-left: 45px; }
.pl-60 { padding-left: 60px; }
.pl-75 { padding-left: 75px; }

/*FONT-SIZE*/
.fs-08 { font-size: 0.8rem; }
.fs-10 { font-size: 1rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }
.fs-17 { font-size: 1.7rem; }
.fs-16 { font-size: 1.6rem; }
.fs-18 { font-size: 1.8rem; }
.fs-19 { font-size: 1.9rem; }
.fs-20 { font-size: 2.0rem; }
.fs-23 { font-size: 2.3rem; }
.fs-25 { font-size: 2.5rem; }
.fs-27 { font-size: 2.7rem; }
.fs-28 { font-size: 2.8rem; }
.fs-30 { font-size: 3.0rem; }
.fs-32 { font-size: 3.2rem; }
.fs-33 { font-size: 3.3rem; }
.fs-34 { font-size: 3.4rem; }
.fs-35 { font-size: 3.5rem; }
.fs-36 { font-size: 3.6rem; }
.fs-37 { font-size: 3.7rem; }
.fs-38 { font-size: 3.8rem; }
.fs-45 { font-size: 4.5rem; }

/*FONT-SIZE*/
.fsem-08 { font-size: 0.8em; }
.fsem-10 { font-size: 1em; }
.fsem-11 { font-size: 1.1em; }
.fsem-12 { font-size: 1.2em; }
.fsem-13 { font-size: 1.3em; }
.fsem-14 { font-size: 1.4em; }
.fsem-15 { font-size: 1.5em; }
.fsem-17 { font-size: 1.7em; }
.fsem-16 { font-size: 1.6em; }
.fsem-18 { font-size: 1.8em; }
.fsem-19 { font-size: 1.9em; }
.fsem-20 { font-size: 2.0em; }
.fsem-23 { font-size: 2.3em; }
.fsem-25 { font-size: 2.5em; }
.fsem-27 { font-size: 2.7em; }
.fsem-28 { font-size: 2.8em; }
.fsem-30 { font-size: 3.0em; }
.fsem-32 { font-size: 3.2em; }
.fsem-33 { font-size: 3.3em; }
.fsem-34 { font-size: 3.4em; }
.fsem-35 { font-size: 3.5em; }
.fsem-45 { font-size: 4.5em; }

/*FONT-WEIGHT*/
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

/*WIDTH*/
.w-full { width: 100% }
.w-half { width: 50%; }
.max-w-cont { max-width: fit-content; }
.max-w-min { max-width: min-content; }
.max-w-10 { max-width: 10px; }
.max-w-20 { max-width: 20px; }
.max-w-30 { max-width: 30px; }
.max-w-40 { max-width: 40px; }
.max-w-50 { max-width: 50px; }
.max-w-60 { max-width: 60px; }
.max-w-70 { max-width: 70px; }
.max-w-80 { max-width: 80px; }
.max-w-90 { max-width: 90px; }
.max-w-100 { max-width: 100px; }
.max-w-110 { max-width: 110px; }
.max-w-120 { max-width: 120px; }
.max-w-130 { max-width: 130px; }
.max-w-140 { max-width: 140px; }
.max-w-150 { max-width: 150px; }
.max-w-160 { max-width: 160px; }
.max-w-170 { max-width: 170px; }
.max-w-180 { max-width: 180px; }
.max-w-190 { max-width: 190px; }
.max-w-200 { max-width: 200px; }
.max-w-210 { max-width: 210px; }
.max-w-220 { max-width: 220px; }
.max-w-230 { max-width: 230px; }
.max-w-240 { max-width: 240px; }
.max-w-250 { max-width: 250px; }
.max-w-260 { max-width: 260px; }
.max-w-270 { max-width: 270px; }
.max-w-280 { max-width: 280px; }
.max-w-290 { max-width: 290px; }
.max-w-300 { max-width: 300px; }
.max-w-310 { max-width: 310px; }
.max-w-320 { max-width: 320px; }
.max-w-330 { max-width: 330px; }
.max-w-340 { max-width: 340px; }
.max-w-350 { max-width: 350px; }
.max-w-360 { max-width: 360px; }
.max-w-370 { max-width: 370px; }
.max-w-380 { max-width: 380px; }
.max-w-390 { max-width: 390px; }
.max-w-400 { max-width: 400px; }
.max-w-410 { max-width: 410px; }
.max-w-420 { max-width: 420px; }
.max-w-430 { max-width: 430px; }
.max-w-440 { max-width: 440px; }
.max-w-450 { max-width: 450px; }
.max-w-460 { max-width: 460px; }
.max-w-470 { max-width: 470px; }
.max-w-480 { max-width: 480px; }
.max-w-490 { max-width: 490px; }
.max-w-500 { max-width: 500px; }
.max-w-510 { max-width: 510px; }
.max-w-520 { max-width: 520px; }
.max-w-530 { max-width: 530px; }
.max-w-540 { max-width: 540px; }
.max-w-550 { max-width: 550px; }
.max-w-560 { max-width: 560px; }
.max-w-570 { max-width: 570px; }
.max-w-580 { max-width: 580px; }
.max-w-590 { max-width: 590px; }
.max-w-600 { max-width: 600px; }
.max-w-610 { max-width: 610px; }
.max-w-620 { max-width: 620px; }
.max-w-630 { max-width: 630px; }
.max-w-640 { max-width: 640px; }
.max-w-650 { max-width: 650px; }
.max-w-660 { max-width: 660px; }
.max-w-670 { max-width: 670px; }
.max-w-680 { max-width: 680px; }
.max-w-690 { max-width: 690px; }
.max-w-700 { max-width: 700px; }
.max-w-710 { max-width: 710px; }
.max-w-720 { max-width: 720px; }
.max-w-730 { max-width: 730px; }
.max-w-740 { max-width: 740px; }
.max-w-750 { max-width: 750px; }
.max-w-760 { max-width: 760px; }
.max-w-770 { max-width: 770px; }
.max-w-780 { max-width: 780px; }
.max-w-790 { max-width: 790px; }
.max-w-800 { max-width: 800px; }
.max-w-810 { max-width: 810px; }
.max-w-820 { max-width: 820px; }
.max-w-830 { max-width: 830px; }
.max-w-840 { max-width: 840px; }
.max-w-850 { max-width: 850px; }
.max-w-860 { max-width: 860px; }
.max-w-870 { max-width: 870px; }
.max-w-880 { max-width: 880px; }
.max-w-890 { max-width: 890px; }
.max-w-900 { max-width: 900px; }
.max-w-910 { max-width: 910px; }
.max-w-920 { max-width: 920px; }
.max-w-930 { max-width: 930px; }
.max-w-940 { max-width: 940px; }
.max-w-950 { max-width: 950px; }
.max-w-960 { max-width: 960px; }
.max-w-970 { max-width: 970px; }
.max-w-980 { max-width: 980px; }
.max-w-990 { max-width: 990px; }
.max-w-1000 { max-width: 1000px; }
.max-w-1010 { max-width: 1010px; }
.max-w-1020 { max-width: 1020px; }
.max-w-1030 { max-width: 1030px; }
.max-w-1040 { max-width: 1040px; }
.max-w-1050 { max-width: 1050px; }
.max-w-1060 { max-width: 1060px; }
.max-w-1070 { max-width: 1070px; }
.max-w-1080 { max-width: 1080px; }
.max-w-1090 { max-width: 1090px; }
.max-w-1100 { max-width: 1100px; }
.max-w-1110 { max-width: 1110px; }
.max-w-1120 { max-width: 1120px; }
.max-w-1130 { max-width: 1130px; }
.max-w-1140 { max-width: 1140px; }
.max-w-1150 { max-width: 1150px; }
.max-w-1160 { max-width: 1160px; }
.max-w-1170 { max-width: 1170px; }
.max-w-1180 { max-width: 1180px; }
.max-w-1190 { max-width: 1190px; }
.max-w-1200 { max-width: 1200px; }
.max-w-1210 { max-width: 1210px; }
.max-w-1220 { max-width: 1220px; }
.max-w-1230 { max-width: 1230px; }
.max-w-1240 { max-width: 1240px; }
.max-w-1250 { max-width: 1250px; }
.max-w-1260 { max-width: 1260px; }
.max-w-1270 { max-width: 1270px; }
.max-w-1280 { max-width: 1280px; }
.max-w-1290 { max-width: 1290px; }
.max-w-1300 { max-width: 1300px; }
.max-w-1310 { max-width: 1310px; }
.max-w-1320 { max-width: 1320px; }
.max-w-1330 { max-width: 1330px; }
.max-w-1340 { max-width: 1340px; }
.max-w-1350 { max-width: 1350px; }
.max-w-1360 { max-width: 1360px; }
.max-w-1370 { max-width: 1370px; }
.max-w-1380 { max-width: 1380px; }
.max-w-1390 { max-width: 1390px; }
.max-w-1400 { max-width: 1400px; }
.max-w-1410 { max-width: 1410px; }
.max-w-1420 { max-width: 1420px; }
.max-w-1430 { max-width: 1430px; }
.max-w-1440 { max-width: 1440px; }
.max-w-1450 { max-width: 1450px; }
.max-w-1460 { max-width: 1460px; }
.max-w-1470 { max-width: 1470px; }
.max-w-1480 { max-width: 1480px; }
.max-w-1490 { max-width: 1490px; }
.max-w-1500 { max-width: 1500px; }
.max-w-1510 { max-width: 1510px; }
.max-w-1520 { max-width: 1520px; }
.max-w-1530 { max-width: 1530px; }
.max-w-1540 { max-width: 1540px; }
.max-w-1550 { max-width: 1550px; }
.max-w-1560 { max-width: 1560px; }
.max-w-1570 { max-width: 1570px; }
.max-w-1580 { max-width: 1580px; }
.max-w-1590 { max-width: 1590px; }
.max-w-1600 { max-width: 1600px; }
.max-w-1610 { max-width: 1610px; }
.max-w-1620 { max-width: 1620px; }
.max-w-1630 { max-width: 1630px; }
.max-w-1640 { max-width: 1640px; }
.max-w-1650 { max-width: 1650px; }
.max-w-1660 { max-width: 1660px; }
.max-w-1670 { max-width: 1670px; }
.max-w-1680 { max-width: 1680px; }
.max-w-1690 { max-width: 1690px; }
.max-w-1700 { max-width: 1700px; }
.max-w-1710 { max-width: 1710px; }
.max-w-1720 { max-width: 1720px; }
.max-w-1730 { max-width: 1730px; }
.max-w-1740 { max-width: 1740px; }
.max-w-1750 { max-width: 1750px; }
.max-w-1760 { max-width: 1760px; }
.max-w-1770 { max-width: 1770px; }
.max-w-1780 { max-width: 1780px; }
.max-w-1790 { max-width: 1790px; }
.max-w-1800 { max-width: 1800px; }
.max-w-1810 { max-width: 1810px; }
.max-w-1820 { max-width: 1820px; }
.max-w-1830 { max-width: 1830px; }
.max-w-1840 { max-width: 1840px; }
.max-w-1850 { max-width: 1850px; }
.max-w-1860 { max-width: 1860px; }
.max-w-1870 { max-width: 1870px; }
.max-w-1880 { max-width: 1880px; }
.max-w-1890 { max-width: 1890px; }
.max-w-1900 { max-width: 1900px; }
.max-w-1910 { max-width: 1910px; }
.max-w-1920 { max-width: 1920px; }
.max-w-1930 { max-width: 1930px; }
.max-w-1940 { max-width: 1940px; }
.max-w-1950 { max-width: 1950px; }
.max-w-1960 { max-width: 1960px; }
.max-w-1970 { max-width: 1970px; }
.max-w-1980 { max-width: 1980px; }
.max-w-1990 { max-width: 1990px; }
.max-w-2000 { max-width: 2000px; }
.max-w-2010 { max-width: 2010px; }
.max-w-2020 { max-width: 2020px; }
.max-w-2030 { max-width: 2030px; }
.max-w-2040 { max-width: 2040px; }
.max-w-2050 { max-width: 2050px; }
.max-w-2060 { max-width: 2060px; }
.max-w-2070 { max-width: 2070px; }
.max-w-2080 { max-width: 2080px; }
.max-w-2090 { max-width: 2090px; }


.max-w-10perc { max-width: 10%; }
.max-w-20perc { max-width: 20%; }
.max-w-30perc { max-width: 30%; }
.max-w-40perc { max-width: 40%; }
.max-w-50perc { max-width: 50%; }
.max-w-60perc { max-width: 60%; }
.max-w-70perc { max-width: 70%; }
.max-w-80perc { max-width: 80%; }
.max-w-90perc { max-width: 90%; }
.max-w-100perc { max-width: 100%; }

/*HEIGHT*/
.h-full { height: 100% }
.h-half { height: 50%; }

.vh-100 { height: 100vh; }
.vh-75 { height: 75vh; }
.vh-50 { height: 50vh; }
.vh-25 { height: 25vh; }

.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px; }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-95 { min-height: 95px }
.min-h-100 { min-height: 100px }
.min-h-20 { min-height: 20px; }
.min-h-105 { min-height: 105px; }
.min-h-120 { min-height: 120px; }
.min-h-210 { min-height: 210px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-500 { min-height: 500px; }
.min-h-280 { min-height: 280px; }
.min-h-245 { min-height: 245px; }
.min-h-400 { min-height: 400px; }
.min-h-350 { min-height: 350px; }

.max-h-500 { max-height: 500px; }
.max-h-500 { max-height: 500px; }
/*BORDER RADIUS*/
.rad-0 { border-radius: 0px; }
.rad-5 { border-radius: 5px; }
.rad-10 { border-radius: 10px; }
.rad-20 { border-radius: 20px; }
.rad-25 { border-radius: 25px !important; }
.rad-70 { border-radius: 70px; }
.rad-50p { border-radius: 50%; }


@media screen and (min-width: 768px) {
    .my-45-i { margin-top: 45px !important; margin-bottom: 45px !important; }
    .px-50-i { padding-right: 50px !important; padding-left: 50px !important; }
    .py-30-i { padding-top: 30px !important; padding-bottom: 30px !important; }
}

/*LINKS*/
a { color: inherit; }


/*HOVERS*/
.blue-hov:hover { background-color: #004d94; color: #fff; cursor: pointer; }
.orange-hov:hover { background-color: #ff6d00; color: #fff; cursor: pointer; }
.txt-blue-hov:hover { color: #004d94; cursor: pointer; }

/*BUTTONS*/
button[type="submit"] { border: none; }

.btn { display: flex; align-items: center; justify-content: center; border-radius: 3px; height: 50px; font-weight: 600; font-size: 1.4rem; width: 260px; cursor: pointer; border: 1px solid; padding: 10px; text-decoration: none !important; }
.btn.full { width: 100%; }
.btn.cont { max-width: fit-content; width: auto; }
.btn.lg { font-size: 1.5rem; }
.btn.white { background-color: #fff; color: #004d94; border: 2px solid #004d94; }
.btn.white:hover { background-color: #ff6d00; color: #fff; }
.btn.blue { background-color: #004d94; border-color: #004d94; color: #fff; }
.btn.blue:hover { background-color: #ff6d00; border-color: #ff6d00; }
.btn.green { background-color: #26c400; border-color: #26c400; color: #fff; }
.btn.green:hover { background-color: #004d94; border-color: #004d94; }
.btn.orange { background-color: #ff6800; border-color: #ff6800; color: #fff; }
.btn.orange:hover { background-color: #004d94; border-color: #004d94; }
.btn.apple { background-color: #000; color: #fff; grid-gap: 10px; }
.btn.apple i { font-size: 2.8rem; }
.btn.apple:hover { color: #000; background-color: #fff; }
.btn.prod { background-color: #26C400; border-radius: 25px; color: #fff; }
.btn.prod:hover { background-color: #ff6d00; border-radius: 25px; }
.btn.round { border-radius: 25px; }
.btn.full-w { width: 100%; max-width: 100%; }

.btn.acc-view { border-radius: 20px; font-size: 1.125rem; height: 40px; margin: auto; display: flex; justify-content: space-evenly; align-items: center; }
.btn.acc-view i { color: #FF6D00; }
.btn.acc-view:hover i { color: #fff; }

.btn.paypal { background-color: #ffc439; height: 50px; line-height: 20px; color: #333; border: 1px solid #b4b4b4; font-weight: 700; position: relative; }

.btn.clearpay { background-color: #b2fce4; border: 1px solid #b4b4b4; color: #000; margin-top: 10px; }
.btn.clearpay span { vertical-align: top; }
.btn.clearpay:hover { background-color: #9adcc7 !important; color: #000 !important; }

.btn.paypal span { /* position: absolute; */ /* top: 10px; */ }
.btn.paypal img { margin-left: 10px; }
.btn.paypal:hover { box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05); background-color: #ffc439 !important; }
.btn.green.small { max-width: 250px; }
.btn.green.for { height: 40px !important; line-height: 40px !important; margin-top: 48px !important; }

.btn.klarna {background-color: #f7adc1; border: none !important;}
.btn.klarna img {margin-left: 10px;}
.btn.klarna:hover {filter: brightness(1.1);}

a.btn.delete, .btn.small.alice.delete { background-color: #e91e63; border: 1px solid #e91e63; }
a.btn.delete:hover, .btn.small.alice.delete:hover { background-color: #fff; color: #e91e63; }

.lnk.blue { color: #004d94; }
.lnk.blue:hover { color: #ff6d00; }

#add-to-basket-form input[type=submit] { display: block; transition: none; }

/*TOGGLER*/
.toggler { position: relative; display: inline-block; width: 45px; height: 24px; }
.toggler input[type="checkbox"] { display: none; }
.toggler .input-toggler { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }
.toggler .input-toggler:before { position: absolute; content: ""; height: 20px; left: 2px; width: 20px; top: 50%; transform: translate(0, -50%); background-color: #ff6d00; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.toggler.link-checked .input-toggler, .toggler input:checked ~ .input-toggler { transform: translateY(0); }
.toggler input:focus ~ .input-toggler { box-shadow: 0 0 1px #2196F3; }
.toggler.link-checked .input-toggler:before, .toggler input:checked ~ .input-toggler:before { -webkit-transform: translate(21px, -50%); -ms-transform: translate(21px, -50%); transform: translate(21px, -50%); }

/*FILTER*/
.filter-btn { display: flex; align-items: center; justify-content: center; border-radius: 25px; border: 2px solid #004d94; background-color: #fff; height: 50px; color: #004d94; font-weight: 600; font-size: 1.4rem; width: 255px; cursor: pointer; }
.filter-btn:hover, .filter-btn.on, .filter-btn.blue { background-color: #004d94; color: #fff; }
.filter-btn.blue:hover { background-color: #fff; color: #004d94; }
.feat-products { display: none !important; }
.feat-products.on { display: block !important; }

.read-toggler > span::after { content: "More"; }
.read-toggler.open > span::after { content: "Less"; }
.read-toggler.open i { transform: rotate(180deg); }

.deliv-jack { line-height: 0.8; cursor: pointer; }
.deliv-jack:hover .orange-txt { color: #004d94; }

a.related-prod:hover .green-bg { background-color: #ff6d00 !important; }

/*PRODUCT LISTING*/
.line-title { position: relative; margin-bottom: 15px; }
.line-title:before { content: ""; display: block; width: 100%; left: 0px; top: 50%; position: absolute; border-top: 2px solid #004d94; }
.line-title > * { position: relative; display: block; width: fit-content; padding: 0px 10px; background-color: #fff; margin: 0 auto; z-index: 10; }

#filter-menu { position: fixed; top: 0; left: 0; height: 100vh; z-index: 99999; transform: translateX(-100%); transition: all 0.3s; opacity: 0; }
#filter-menu input[type="radio"] { width: initial; height: initial }
#filter-menu.open { transform: translateX(0); opacity: 1; }

#filter-menu.open + .overlay { z-index: 99; position: fixed; width: 100%; height: 100%; background-color: #000; opacity: 0.5; top: 0; right: 0; }

#sortByForm select { color: #004d94; }

#filter-menu .inner { height: calc(100% - 138px); width: 100%; }

#filter-menu .apply-filt { padding: 15px; }
#filter-menu .apply-filt .btn { width: auto; }

.filter-title { display: flex; font-weight: 600; color: #004d94; font-size: 1.6em; padding: 15px; width: 100%; justify-content: space-between; }

.productlist  .abs.sticker {width: 59px; left: 10px; top: 10px;}
.productlist  .list-configdesk {background-color: #004d94; color: #fff; text-align: center; font-weight: 700; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 5px; font-size: 1.8em;}

.abs.sticker img:first-child { margin-bottom: 10px; }

@media screen and (max-width: 1475px) and (min-width:992px) {
  .navcat > a { font-size: 0.85rem; padding-right: 5px; padding-left: 5px; grid-gap: 5px }
  .special-offers > a { padding-right: 5px !important; padding-left: 5px !important; white-space: nowrap; }
}

@media screen and (max-width: 1231px) and (min-width:992px) {
  .navcat > a { font-size: 0.7rem; padding-right: 5px; padding-left: 5px; grid-gap: 5px }
}

@media screen and (min-width:1231px) {
  #filter-menu { }
  #filter-menu > div { margin: 0 auto; }
}


@media screen and (max-width:500px) {
  .productlist  .abs.sticker {width: 40px;}
}

@media screen and (max-width:390px) {
  .filter-flex { grid-gap: 5px !important }
  .filter-flex > div:first-child, .filter-flex .prod-filter-btn { padding-left: 15px !important; padding-right: 15px !important; grid-gap:8px; }
}


.checkout-basket { display: grid; grid-template-columns: auto 408px; grid-gap: 30px; }
.checkout-form { padding-right: 450px; }

#delivery-options label.selected { border: 2px solid #ff6d00; }
.checkout-page .deliv-opt { cursor: pointer; border: 1px solid #fff; background-color: #fff; height: 135px; }
.checkout-page .deliv-opt input[type=radio] { height: 46px; width: 46px; }
.deliv-opt:hover { transform: translateY(-5px); border: 1px solid #ff6d00; }

.checkout-page input[type=checkbox] { height: 46px; width: 46px; }

.checkout-basket .checkout-summary { height: fit-content; }

@media screen and (max-width:1230px) {
    .checkout-basket { grid-area: basket; display: grid; grid-template-columns: 1fr; grid-gap: 1rem; }
    .checkout-form { padding-right: 0; }
}

/*PRODUCT PAGE*/
#img-carousel { margin: 0 !important; }
#atbMessage .OK, .no-bg .OK { background-color: #fff; color: inherit; margin: 0 !important; padding: 0 !important; position: fixed; bottom: 30px; right: 30px; box-shadow: 0px 8px 11px 4px #00000047; z-index: 1; border-radius: 10px; max-width: calc(100vw - 60px); z-index: 999; }

/*SPEC TABLE*/

/*Custom scroll bar*/
.columns-grid::-webkit-scrollbar { width: 12px !important; }

.columns-grid::-webkit-scrollbar-track { border-radius: 10px !important; }

.columns-grid::-webkit-scrollbar-thumb { border-radius: 10px !important; background-color: #004d94; }
/*Parent Grid*/
.spec-table { grid-template-columns: max-content auto; }
.spec-table, .columns-grid { display: grid; grid-auto-flow: column; }
.columns-grid { overflow: auto; padding-bottom: 10px; }

/*Headers*/
.spec-table .titles > div:first-child, .spec-table .columns > div:first-child { background-color: #004d94; color: #fff; font-weight: bold; border-color: #fff; }
.spec-table .titles > div:first-child { border-left: none !important; }

.spec-table .columns-grid > div:last-child > div:first-child { border-right: none; }
/*Price*/
.spec-table .titles > div:last-child, .spec-table .columns > div:last-child { color: #004d94; font-weight: bold; }
/*Blue borders*/
.spec-table .titles > div { /* border-left: 1px solid #004d94; */ /* border-right: 1px solid #004d94; */ }
.spec-table .columns > div { /* border-left: 1px solid #004d94; */ }

.spec-table .columns > div:nth-child(even) { background-color: #f7f7f7; }
.spec-table .titles > div:nth-child(even) { background-color: #f7f7f7; }

/*Grey horizontal borders*/
.spec-table .titles > div:not(:last-child), .spec-table .columns div:not(:last-child) { /* border-bottom: 1px solid #333; */ }

.spec-table .titles > div:first-child, .spec-table .columns div:first-child { border-left: 1px solid #004d94; }

/*Cell positioning*/
.spec-table .titles > div { padding: 0.5rem; }
.spec-table .columns > div { text-align: center; padding: 0.5rem; min-width: 160px; }

.spec-table .action { background-color: #fff !important; }
.spec-table .action .btn { border: none !important; font-size: 1.0em; height: 40px; max-width: 150px; border-radius: 20px !important; display: block; margin: 0 auto; }

ul.stockDropdown { background-color: #fff; height: 62px; border-radius: 5px; padding: 0; overflow: hidden; list-style: none; font-weight: bold; margin: 0px 0 0 0; overflow-y: scroll; }
ul.stockDropdown li { height: 62px; position: relative; background-color: #fff; font-size: 1.3rem; display: flex; align-items: center; padding: 0 10px; justify-content: space-between; }


ul.stockDropdown span { }
ul.stockDropdown span.oos { color: #ef4135 !important; font-size: 0.75em; font-weight: normal; padding: 0; position: absolute; top: 50%; right: 45px; transform: translateY(-50%); text-align: center; display: block; width: 50px; }
ul.stockDropdown li i { font-size: 1.5rem; }
ul.stockDropdown.active { height: auto; margin: 0; border-top: 0; top: 39px; }
li.stockItem:not(:first-child):hover { background-color: #2895d8; color: #fff; cursor: pointer; }
li.stockItem:not(:first-child):hover span { color: #fff !important; }

ul.stockDropdown li.disabled { opacity: 0.6; cursor: auto !important; }
ul.stockDropdown li.disabled:hover { background-color: #fff !important; color: #777 !important; }
ul.stockDropdown li.disabled:hover span { background-color: #fff !important; color: #777 !important; }

.dropdownContainer { position: absolute; width: 100%; z-index: 999999999; top: 0; cursor: pointer; border: solid 2px #004d94; overflow: hidden; border-radius: 5px; max-height: 62px; }
.dropdownContainer ul { overflow: hidden; }
.dropdownContainer.active { top: 0px; max-height: unset; }
.dropdownContainer.active ul { max-height: 350px; overflow: auto; }
.dropdownContainer.active ul i { display: none; }

a#accessories-btn { padding: 11px 15px; border-radius: 4px; justify-content: space-evenly; font-size: 1.5rem; }



#add-to-basket-form input { border: none !important; }

/*PRODUCT TIMER*/
.timer { display: flex; grid-gap: 15px; align-items: center; justify-content: center; flex-wrap: wrap; }
.timer-flex { display: flex; align-items: center; grid-gap: 5px; }
.timer-flex .remain:before { content: "remaining"; }

#product input.max-w-50 { border: 0; padding-left: 0; border-radius: 0; }

.rad-bot-30 { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.no-ndd-table { border: solid 2px #004d94; border-radius: 5px; }
.no-ndd-table tr:nth-child(3) td { border-top: solid 2px #004d94; }
.no-ndd-table tr td:nth-child(2) { font-weight: initial; }
.no-ndd-table table { width: 100%; color: #004d94; font-weight: bold; font-size: 1.3rem; border-collapse: collapse; }
.no-ndd-table tr:first-child, .no-ndd-table p { display: none; }
.no-ndd-table tr { height: 50px; }
.no-ndd-table td { padding: 15px;; }

.spec-table .prod-quant { height: 35px; font-size: 1em; }
.spec-table .prod-quant input { width: 30px !important; height: 31px; }
.spec-table .prod-quant .quant { width: 30px !important; }

/*PROD LIST*/



a#accessories-btn { height: 62px; max-width: 270px; }

@media screen and (max-width: 1250px) {
    #nddTimer { font-size: 1rem; }
    i.fs-30 { font-size: 2rem; }
}

@media screen and (min-width: 1230px) {
}

@media screen and (max-width: 1229px) {
    .tabdown-nomaw { max-width: unset; }
    form#attribute-form > div { gap: 15px; }
}

@media screen and (min-width: 992px) and (max-width: 1229px) {
    a#accessories-btn { height: 42px; width: 55%; font-size: 1.1rem; }
    a#accessories-btn i { font-size: 2rem; }
}

@media screen and (max-width: 992px) {
    h1.fs-30 { font-size: 2.3rem; }
    .gap-60 { grid-gap: 15px; }
    .fs-25 { font-size: 1.8rem; }
    i.fs-30 { font-size: 2rem; }
    
    ul.stockDropdown li span:first-child { font-size: 1.1rem; }
}

@media screen and (min-width: 501px) and (max-width: 992px) {
    a#accessories-btn { font-size: 1.35rem; }
}

@media screen and (min-width:501px) {
    .spec-table .mob-title { display: none; }
    .spec-table .prod-quant { margin: 0 auto 15px; }
}

@media screen and (max-width:769px) {
    .plc-title { font-size: 1.25rem; }
    .plc-now { font-size: 1rem; }
    .plc-now strong { font-size: 1.6rem; }
    .plc-was { font-size: 0.9rem; }
    .plc-was > * { font-size: 0.9rem; }
    .plc-was .line-thru { font-size: 1.5rem; }
    .plc-was > :last-child, .plc-now > :last-child { display: block; }
}

@media screen and (max-width:550px) {
    .plc-grid { grid-gap: 0.75rem !important; }
    .plc-prices { flex-direction: column; }
    .plc-was, .plc-now { display: flex; align-items: center; grid-gap: 0.5rem; }
    .plc-now strong { font-size: 1.3rem; }
    .plc-was .line-thru { font-size: 1.3rem; }
    .plc-was, .plc-now, .plc-was > * { font-size: 0.8rem; }

    .plc-bot, .plc-top { grid-gap: 0.5rem; }
}

@media screen and (min-width: 376px) and (max-width: 550px) {
    .prod-list-card .btn.prod { font-size: 1rem; height: 40px; }
}

@media screen and (max-width:500px) {
    .spec-table .mob-title { font-weight: 700; }
    .spec-table .titles { display: none; }

    .spec-table .columns > div { padding-right: 30px; }
    .spec-table .action .btn { line-height: 1; padding: 0px; }

    .spec-table .prod-quant { margin: 0 auto 15px; }

    a#accessories-btn { margin: auto; font-size: 1.2rem; width: fit-content; height: 45px; }
}


@media screen and (max-width:400px) {
    .no-ndd-table table { font-size: 1.1rem; }
    .plc-double-vat { display: none !important; }
}

@media screen and (max-width:375px) {
    .prod-list-card { grid-gap: 0.5rem; }
    .plc-title { font-size: 1rem; }
    .plc-list { font-size: 0.75rem; }
    .plc-prices { grid-gap: 0; }
    .prod-list-card .btn.prod { font-size: 0.75rem; height: 30px; }
}

@media screen and (max-width:350px) {
    ul.stockDropdown li span:first-child { font-size: 0.9rem; }
    ul.stockDropdown span.oos { font-size: 0.8rem; }
}

/*FORM*/

input, textarea { height: 50px; padding: 0; margin: 0; background-color: #fff; font-size: 1.4rem; color: #999999; font-family: 'Roboto', sans-serif; outline:none; border:none; }
textarea { min-height: 100px; }
input[type="checkbox"], input[type="radio"] {width: auto;height: auto;}

select { display: flex; align-items: center; justify-content: center; border-radius: 3px; height: 50px; font-weight: 600; width: max-content; cursor: pointer; color: #999999; padding: 10px; font-size: 1.4rem; font-weight: 500; }
select.full { width: 100%; }
select.cont { max-width: fit-content; width: auto; }

#delivery-options label.selected { border: 2px solid #ff6d00; }



form input, select, textarea { height: 50px; padding: 0; padding-left:10px; margin: 0; background-color: #fff; font-size: 1.4rem; color: #111111; font-family: 'Roboto', sans-serif; outline: none; border: none; width: 100%; border-radius: 10px; border: 2px solid #004d94; outline:none; }
form ::placeholder {color:#bbbbbb;}

form label {font-size: 1.1rem;font-weight: 500;color: #004d94;}

.editor-label {margin-bottom: 10px;}
.editor-field {margin-bottom: 15px;}
.editor-field textarea {padding: 15px; min-height: 146px;}

.slidefilter label {cursor: pointer;}
.slidefilter label:hover {color: #ff6d00;}

.slidefilter {overflow: auto;height: 100%;}

.drop-top.on {background-color: #004d94; color: #fff;}
.drop-top.on i{color: #ff6d00; transform: rotate(180deg);}

.addr-block {border: 1px solid #004d94; border-radius: 5px; padding: 15px; position: relative;}
.addr-block h3{color: #fff; margin: 0px; background-color: #004d94; padding: 5px; position: absolute; left: 0px; top: 0px; border-radius: 0px 0px 5px 0px;}

.new-addr {border: 1px solid #004d94;  border-radius: 5px; padding: 15px; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; flex-wrap: wrap;}
.new-addr i{width: 40px; height: 40px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-radius: 100%; color: #fff; font-size: 1.4em; background-color: #004d94;}
.new-addr strong{display: block; width: 100%; color: #ff6d00; text-align: center; margin-top: 15px; font-size: 1.6em;}
.new-addr:hover {border: 1px solid #ff6d00;}
.new-addr:hover i {background-color: #ff6d00;}

.quant {cursor: pointer;}
.quant:hover i {color: #ff6d00 !important;}

.quant {display: flex;align-items: center;justify-content: center;width: 35px;border: none !important;}

.deliv-opt {cursor: pointer; border: 1px solid #fff; background-color: #fff;}
.deliv-opt:hover {transform: translateY(-5px); border: 1px solid #ff6d00;}

#discountform .KO {border-radius: 30px; width: max-content; margin-bottom: -15px; margin-top: 30px; font-weight: 700; padding: 15px;}

.KO { padding: 10px 10px 10px; color: #fff; background-color: #eb3941; margin-bottom: 10px; text-align: left; }
.KO ul { padding: 0; margin: 0; list-style: none; color: #fff; }
#content .KO ul li { color: #fff; }
.Generic { padding: 10px; color: #fff; background-color: #333; margin-bottom: 10px; }
.field-validation-error { color: #eb3941 !important; font-size: 0.95em; font-weight: 600; line-height: normal; line-height: initial; height: auto; padding: 10px; }
.validation-summary-errors ul li, .validation-summary-errors ol li{ color: #eb3941 !important; margin-bottom: 5px; }

.prod-quant {height: 50px; width: 130px !important;}

.summary-sticky {position: sticky; top: 15px; right: 0px;}

.atbmsg {flex-wrap: wrap;justify-content: center;border: 2px solid #004d94;padding: 15px;border-radius: 10px;max-width: 540px;position: r;}
.atbmsg div:last-child {width:100%; display: flex; gap: 15px; margin-top: 15px;}
.atbmsg div:last-child a {background-color: #26c400; height: 50px; width: 50%; color: #fff; display: flex; font-size: 1.3em; justify-content: center; align-items: center; border-radius: 5px;}
.atbmsg div:last-child a:hover {background-color: #004d94; }
.atbmsg div:last-child a:last-child {background-color: #fff; color: #004d94; height: 50px;  border: 2px solid #004d94; }
.atbmsg div:last-child a:last-child:hover {color: #fff; background-color: #004d94;}

.atbmsg .fa-xmark {position: absolute; right: 0px; top: 0px; background-color: #fff; color: #004d94; border: 2px solid #004d94; width: 30px; height: 30px; border-radius: 100%; transform: translateX(50%) translateY(-50%); display: flex; justify-content: center; align-items: center; font-size: 1.1em; line-height: 1;}
.atbmsg .fa-xmark:hover {background-color: #004d94; color: #fff; cursor: pointer;}

.prod-quant button{ width: calc((100% - 50px) / 2) !important;}
.prod-quant input{width: 50px !important;padding: 0px;border-radius: 0px;border: none;}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    .nlform h2 {text-align: center;}

}

@media screen and (min-width:993px) {
    .new-addr {min-height: 370px;}
    .order-table {border: 1px solid; border-radius: 5px; border: 1px solid #004d94;}
    .order-table .head {background-color: #004d94; color: #fff; font-weight: 700; padding: 10px 0px;  display: flex; justify-content: space-between; align-content: center; border-bottom: 1px solid #ACACAC; }
    .order-table .body .row {display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;}
    .order-table .body .row:nth-child(even) { background-color: #f1f1f1; }
    .order-table .col.prod { width: 100%; max-width: 560px; padding: 0px 15px; }
    .order-table .col.quant { max-width: 100px; width: 100%; text-align: center; }
    .order-table .col.price { max-width: 130px; width: 100%; text-align: center; }
    .order-table .col.remove { max-width: 100px; width: 100%; text-align: center; }
    .order-table .col.remove a {text-decoration: none; width: 100%; font-size: 1.1em;}
    .order-table.transact .col.prod { max-width: 300px; }
    .order-table.transact .col.quant { max-width: 200px; }
    .order-table.transact .col.remove { padding: 0px 15px; max-width: 160px; }
}


@media screen and (max-width:992px) {
        .nlform h2 {text-align: center; margin: 15px 0px;}
.slidefilter {max-height: calc(100vh - 63px);overflow: auto;}
  .order-table .table-bs { width: 100% !important; }
  .order-table .total-bs { }
  .order-table .head {display: none;}
  .order-table {border: 1px solid; border-radius: 5px; border: 1px solid #004d94;}
    .order-table .col.remove a {text-decoration: none; width: 100%; font-size: 1.1em;}
    .order-table .body .row {padding: 15px;}
    .order-table .body .row:nth-child(even) { background-color: #f1f1f1; }
    .order-table .col.quant {display: flex; flex-wrap: wrap; padding: 10px 0px;}
    .order-table .col.quant a{color: #004d94;}
}

@media screen and (max-width:500px){
    .atbmsg div:last-child {flex-wrap: wrap;}
    .atbmsg div:last-child a {width: 100%;}

    .atb-area{flex-wrap: wrap;}
}

.masthead { border-bottom: 2px solid #004d94; }
.no-of-items { position: absolute; top: 0; right: 0; transform: translate(30%, -30%); color: #fff; background-color: #004d94; display: flex; align-items: center; justify-content: center; height: 20px; border-radius: 50%; width: 20px; font-size: 0.7rem; }


.special-offers { order: 1; }

.special-offers > a { background-color: #e02418; color: #fff; border-radius: 25px; padding-left: 30px; padding-right: 30px; display: flex; align-items: center; justify-content: center; }

.special-offers:hover > a { background-color: #004d94; }

.view-all { text-transform: uppercase; }


#navbar .inner .dropdown .popular-brands { grid-column: span 3; }
#navbar .inner .dropdown .popular-brands .flx-bx { gap: 20px; }
#navbar .inner .dropdown .popular-brands .flx-bx > img { box-shadow: rgba(0,0,0, 0.1) 3px 5px 12px; }

.sale-on .masthead .topbar .timer { grid-gap: 10px; }
.sale-on .masthead .topbar .timer .timer-flex { border-bottom: 1px solid #fff; }

@media screen and (min-width: 1440px) {
    .sale-on .masthead .topbar .timer { font-size: 0.9rem !important; }
}

@media screen and (min-width:992px) {

    .view-all { display: block; position: absolute; top: 0; left: 0; width: 100%; background-color: #fa6b05; color: #fff !important; padding: 0.75rem; }
    .view-all a { color: inherit !important; }
    .view-all a:after { content: " >>" }
    #navbar .inner { display: flex; position: relative; justify-content: space-between; grid-gap: 10px; }

    #navbar .mobcatimg { display: none; }

    .navcat { padding-bottom: 5px; border-top-right-radius: 20px; border-top-left-radius: 20px; }

    .navcat:hover:not(.special-offers), .navcat:not(.special-offers).nav-on { background-color: #004d94; border-top-right-radius: 20px; border-top-left-radius: 20px; }
    .navcat:hover:not(.special-offers) > a, .navcat.nav-on:not(.special-offers) > a { color: #fff; }
    .navcat:hover:not(.special-offers) > a i { transform: rotate(180deg); }
    .navcat:hover .dropdown { transform: translate(00%, 100%) scale(1); opacity: 1; }
    .dropdown { border-top: 2px solid #004d94; grid-gap: 30px; padding: 75px 30px 30px 30px; overflow: hidden; display: grid; position: absolute; min-width: max-content; width: 100%; bottom: 0; background-color: #fff; right: 0%; transform: translate(00%, calc(100% + 2px)) scale(0); opacity: 0; z-index: 9999; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; align-items: flex-start; transition: transform 0.3s; transform-origin: top left; }

    .dropdown a.blue-txt:hover { color: #ff6a00; }

    .dropdown .bb { border: none !important }
    .dropdown .pl-15, .pl-30 { padding-left: 0 !important; }

    .dropdown .nav-feat { justify-self: flex-end; }

    .extension-ladders { grid-column: 1; grid-row: 1; }
    .multi-purpose-ladders { grid-column: 1; grid-row: 2; }
    .roof-ladders { grid-column: 2; grid-row: 1; }
    .specialist-ladders { grid-column: 3; grid-row: 1 / span 2; }
    #content { background-color: #fff; }
    #content.dark { filter: brightness(0.5); }





    .sale-on .masthead{ max-width: 1640px; }
    .sale-on .masthead .topbar { align-items: center; }
    .sale-on .masthead .topbar .leftsec { grid-column: span 3; }
    .sale-on .masthead .topbar .midsec { grid-column: span 6; }
    .sale-on .masthead .topbar .rightsec { grid-column: span 3; }
    .sale-on .masthead .topbar .timer { font-size: 0.85rem; }
    .sale-on .masthead > .blue-bg > .container { max-width: 100%; }

    .drop-ladders > :nth-child(5) { grid-column: 1; grid-row: 1/span 2; }
    .drop-ladders > :nth-child(6) { grid-column: 1; grid-row: 3 /span 2; transform: translateY(-40PX); }
    .drop-ladders > :nth-child(7) { grid-column: 2; grid-row: 1; }
    .drop-ladders .singles { grid-column: 2; grid-row: 2; }
    .drop-ladders .guidance { grid-column: 2; grid-row: 3; }
    .drop-ladders > :nth-child(8) { grid-column: 3; grid-row: 1/ span 4; }
    .drop-ladders .reach-height { grid-column: 4; grid-row: 1/ span 4; }
    .drop-ladders .stored-height { grid-column: 5; grid-row: 1/ span 4; }

    .drop-step-ladders > :nth-child(5) { grid-column: 1; grid-row: 1; }
    .drop-step-ladders > :nth-child(6) { grid-column: 1; grid-row: 2; }
    .drop-step-ladders .singles { grid-column: 2; grid-row: 1/span 2; }
    .drop-step-ladders .guidance { grid-column: 3; grid-row: 1/span 2; }
    .drop-step-ladders .reach-height { grid-column: 4; grid-row: 1/span 2; }
    .drop-step-ladders .no-of-treads { grid-column: 5; grid-row: 1/span 2; }
    .drop-step-ladders .no-of-treads > :first-child { display: grid !important; grid-template-columns: 1fr 1fr; }
    .drop-step-ladders .no-of-treads > :first-child > :first-child { grid-column: span 2; }

    .drop-loft-ladders .singles { grid-column: 1; grid-row: 1; display: grid !important; grid-template-columns: 1fr 1fr; }
    .drop-loft-ladders .guidance { grid-column: 2; grid-row: 1; }
    .drop-loft-ladders .nav-feat { grid-column: 3; grid-row: 1; }

    .drop-warehouse-steps .singles { grid-column: 1; grid-row: 1; }
    .drop-warehouse-steps .reach-height { grid-column: 2; grid-row: 1; }
    .drop-warehouse-steps .no-of-treads { grid-column: 3; grid-row: 1; }
    .drop-warehouse-steps .no-of-treads > :first-child { display: grid !important; grid-template-columns: 1fr 1fr 1fr; }
    .drop-warehouse-steps .no-of-treads > :first-child > :first-child { grid-column: span 3; }
    .drop-warehouse-steps .nav-feat { grid-column: 4; grid-row: 1; }

    .drop-staging-boards { max-width: fit-content; }
    .drop-staging-boards :nth-child(5) { grid-column: 1; grid-row: 1; }
    .drop-staging-boards .nav-feat { grid-column: 2; grid-row: 1; }

    .drop-work-platforms { max-width: fit-content; grid-gap: 30px; }
    .drop-work-platforms :nth-child(5) { grid-column: 1; grid-row: 1; }
    .drop-work-platforms .nav-feat { grid-column: 2; grid-row: 1; }


    .drop-scaffold-towers .singles { grid-column: 1; grid-row: 1; display: grid !important; grid-template-columns: 1fr 1fr; }
    .drop-scaffold-towers .guidance { grid-column: 2; grid-row: 1; }
    .drop-scaffold-towers .reach-height { grid-column: 3; grid-row: 1; }
    .drop-scaffold-towers .reach-height > :first-child { display: grid !important; grid-template-columns: 1fr 1fr; }
    .drop-scaffold-towers .reach-height > :first-child > :first-child { grid-column: span 2; }
    .drop-scaffold-towers .nav-feat { grid-column: 4; grid-row: 1; }


    .shop-brands .brand-list { display: grid !important; grid-template-columns: repeat(3, 1fr); }
    .shop-brands :nth-child(5) { grid-column: 1; grid-row: 1; }
    .shop-brands .nav-feat { grid-column: 2; grid-row: 1; }

    .drop-staircases { max-width: fit-content; transform: translate(0, calc(100% + 2px)) scale(0); grid-column-gap: 80px; }
    .navcat:hover .drop-staircases { transform: translate(0, 100%) scale(1); opacity: 1; right: 0; }
    .drop-staircases .singles { grid-column: 1; grid-row: 1; }
    .drop-staircases .nav-feat { grid-column: 4; grid-row: 1 / 3; }
    .drop-staircases :nth-child(5) { grid-column: 1; grid-row: 1; }
    .drop-staircases :nth-child(6) { grid-column: 2; grid-row: 1; }
    .drop-staircases :nth-child(7) { grid-column: 3; grid-row: 1 / 3; }
    /*.drop-staircases :nth-child(8) { grid-column: 3; grid-row: 1; }*/
    /*.drop-staircases :nth-child(9) { grid-column: 3; grid-row: 2; }*/

    .drop-scaffold-towers, .drop-work-platforms, .drop-staging-boards, .drop-staircases { transform-origin: top right; }
    #navbar .mobile-quick-links { display: none; }
    #navbar .navcat .dropdown .flx.flx-col a.blue-txt i.fa-chevron-right { display: none; }
    .masthead .nav-widgets .call { display: none; }
}

@media screen and (min-width: 992px) and (max-width: 1025px) {
    .sale-on .masthead .topbar .timer { font-size: 0.8rem !important; }
}

@media screen and (max-width:992px) {

    #navbar .mobcatimg { width: 100%; border: 2px solid #004d94; border-radius: 5px; overflow: hidden; margin-bottom: 10px; padding-top: 100%; position: relative; }

    #navbar .mobcatimg .img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; aspect-ratio: 1; background-size: contain; background-position: center; background-repeat: no-repeat; }

    #navbar .mobile-quick-links .mobcatimg { border: unset; border-radius: 5px; border: 1px solid #fff; border-bottom: 5px solid #FF6D00; position: static; padding-top: unset; }
    #navbar .mobile-quick-links .mobcatimg .img { aspect-ratio: 166 / 127; border-top-left-radius: 5px; border-top-right-radius: 5px; transform: unset; position: static; }

    #navbar .sub-search { margin: 15px 0px; }


    .first-order { order: -1; }
    #navbar { position: fixed; top: 0; right: 0; height: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; background-color: #fff; z-index: 99999; transform: translateX(100%); display: grid; width: 50%; align-items: unset; }
    #navbar > .content-wrapper { overflow-y: auto; }
    #navbar .inner { display: flex; flex-wrap: wrap; width: 50%; align-items: unset; width: 100%; padding-top: 15px; height: unset; padding-left: 45px; padding-right: 45px; padding-bottom: unset; background-color: #fff; }
    #navbar .inner > .al-self-stretch { align-self: auto; }
    #navbar .mobile-quick-links { padding: 20px 45px; background-color: #004D94; }
    #navbar .mobile-quick-links .wrap .link-wrap { display: flex; flex-wrap: wrap; }
    #navbar .mobile-quick-links .navcat span { color: #fff; }
    #navbar .mobile-quick-links a.navcat { display: flex; justify-content: center; }

    .dropdown { display: block; position: fixed; height: 100%; overflow-y: auto; overflow-x: hidden; top: 0; left: initial; right: 0; width: 100%; bottom: 0; transform: translateX(100%); z-index: 9999; padding: 15px 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #fff; }
    #navbar.show, .dropdown.show { transform: translateX(0); }
    #navbar, .dropdown { transition: transform 0.3s; }
    #navbar.show + .overlay { z-index: 9999; position: fixed; width: 100%; height: 100%; background-color: #000; opacity: 0.5; top: 0; right: 0; }
    #navbar .navcat .dropdown .view-all { background-color: #004d94; text-align: center; border: unset; padding: 13px; margin-bottom: 20px; border-radius: 28px; }
    #navbar .navcat .dropdown .view-all a { color: #fff; font-size: 1.25rem; }
    #navbar .navcat .dropdown .head-sec { margin-bottom: 25px; }
    #navbar .navcat .dropdown .flx.flx-col a.blue-txt { font-size: 1.2rem; padding: 12px 0; border-width: 1px; border-color: #000; }

    #navbar .navcat .dropdown .flx.flx-col.subs a:last-child { border: unset; padding-bottom: 25px; }

    #navbar .logolnk { width: 100%; display: block; grid-column: span 2; order: 1; }
    #navbar .logolnk img { display: block; margin: 0 auto; }
    #navbar .search-bs { width: 100%; padding: 15px 0px; order: 2; }
    #navbar .search-bs input.q-search { height: 45px; padding-left: 30px; }

    #navbar .mob-title { width: 100%; padding: 0px 15px; display: flex; order: 3; margin-bottom: unset; margin-top: 5px; font-size: 1.375rem; }

    #navbar .navcat { padding-bottom: 15px; width: 50%; padding-left: 5px; padding-right: 5px; display: block; order: 5; }
    #navbar .navcat > a { text-align: center; width: 100%; display: block; height: auto; padding: 0px; min-height: 1px; }

    #navbar .navcat.special-offers { order: 4; flex-grow: 1; flex-shrink: 0; flex-basis: 100%; margin-bottom: 10px; font-size: 1.2rem; font-weight: 300; }
    .special-offers { grid-column: span 2; width: 100%; padding-top: 15px; }

    .special-offers > a { min-height: 40px !important; display: flex !important; }

    #navbar .inner .dropdown .popular-brands { margin-top: 25px; font-size: 1.25rem; }

    #navbar .inner .mobile-quick-links { order: 6; background-color: #004D94; color: #fff; /*display: flex; flex-wrap: wrap;*/ width: 100%; padding: 20px 0; }

    .masthead .search > form { border-width: 1px; }
    .masthead .search > form > input { height: 45px; font-size: 1rem; padding-left: 30px; }
    .masthead .search > form > input::placeholder { color: #000000BB; }
    .masthead .nav-widgets { gap: unset !important; margin-top: 10px; margin-bottom: 5px; font-size: 1rem; }
    .masthead .nav-widgets > * { flex-basis: 25%; }
    .masthead .nav-widgets .browse { order: 1; }
    .masthead .nav-widgets .browse > div { display: flex; flex-direction: column; }
    .masthead .nav-widgets .ua-widget { order: 2; display: flex; flex-direction: column; border-left: 1px solid #004d9455; border-right: 1px solid #004d9455; }
    .masthead .nav-widgets .call { order: 3; }
    .masthead .nav-widgets .call > span { display: flex; flex-direction: column; gap: 10px; align-items: center; border-right: 1px solid #004d9455; }
    .masthead .nav-widgets .cart { order: 4; }
    .masthead .nav-widgets .cart > a { display: flex; flex-direction: column; }
}

@media screen and (min-width: 376px) and (max-width: 992px) {
    #navbar .inner .dropdown { padding-left: 40px; padding-right: 40px; }
}

@media screen and (max-width:768px) {
    #navbar { width: 100%; max-width: 100%; }
}

@media screen and (max-width: 400px) {
    .masthead .nav-widgets { font-size: 0.9rem; }
}

@media screen and (max-width: 375px) {
    #navbar .inner .dropdown { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width:500px) {
}

/*V3*/

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.round-img { border-radius: 50%; }
.new-lazy { position: relative; min-height: 80px; padding-bottom: 100%; background-color: transparent; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.new-lazy:before { position: absolute; z-index: 9; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.background-lazy { position: relative; background-color: transparent; background-image: none !important; }
.background-lazy:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #2bbed8; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

*, *:before { transition: background-color .1s linear, color .1s, fill .1s, transform .1s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s linear, visibility 0.2s ease-in-out; }

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

    100% { transform: rotate(360deg); }
}


.btn.loading { position: relative; color: transparent !important; }

.btn.loading::before { content: ""; width: 36px; height: 36px; border-width: 5px; border-style: solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-image: initial; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: 1s linear 0s infinite normal none running rotation; position: absolute; left: calc(50% - 18px); top: calc(50% - 18px); }

.complete-pay-grid { display: grid; grid-template-areas: "form sum" "form pay" "form apple"; grid-template-columns: auto 408px; grid-row-gap: 1rem; grid-column-gap: 200px; }
.complete-pay-grid .pay-form { grid-area: form; }
.complete-pay-grid .pay-form .form-container { margin: 0 !important; }
.complete-pay-grid .pay-summary { grid-area: sum; }
.complete-pay-grid .btn.apple { grid-area: apple; }
.complete-pay-grid .btn.pay { grid-area: pay; }
.complete-pay-grid .or { display: none; }
.asp-r-1 { aspect-ratio: 1; }

.featnavimg { width: 200px; height: 200px; background-position: center; background-size: contain; background-repeat: no-repeat; }

.h-max-c { height: max-content; }

.cur-hov { cursor: pointer; }

.fancybox-overlay * { transition: none !important; }

a.no-underline { text-decoration: none !important; }

img { transition: opacity ease-in-out .2s; }
img.lazy { opacity: 0; }


/*SALES STYLING*/
@media screen and (min-width: 1650px) {
    body.sale-on:before { content: ""; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: -2; background-image: url(images/sale-bg.svg); background-position: top; transform: rotate(330deg) scale(2.5); opacity: 0.5; }
    body.sale-on:after { content: ""; position: fixed; top: 0; bottom: 0; background-color: #fff; height: 100%; box-shadow: 0px 8px 20px #00000039; width: 1640px; right: 50%; transform: translateX(50%); z-index: -1; }
    body.sale-on > * { width: 1640px; margin: 0 auto; }
}

/*BACKGROUNDS*/
.blue-bg { background-color: #004d94; }
.whi-bg { background-color: #fff; }
.orange-bg { background-color: #ff6d00; }
.lgrey-bg { background-color: #ECECEC; }
.llgrey-bg { background-color: #F9F9F9; }
.green-bg { background-color: #26c400; }
.red-bg { background-color: #e02418; }
.yellow-bg { background-color: #f2ba36; }
.no-bg { background-color: transparent; }

/*TEXT*/
.blue-txt { color: #004d94; }
.orange-txt { color: #ff6d00; }
.green-txt { color: #26c400; }
.whi-txt, .white-txt { color: #fff; }
.lgrey-txt { color: #999999; }
.grey-txt { color: #3B3B3B; }
.green-txt { color: #26c400; }
.red-txt { color: #eb3941; }
h1, h2, h3 { color: #004d94; }

/*BORDERS*/
.bord { border-style: solid; border-width: 2px; }
.bord.b-blue, .bb.b-blue { border-color: #004d94; }
.bord.b-orange, .bb.b-orange { border-color: #ff6d00; }
.bord.b-grey, .bb.b-grey { border-color: #a9a9a9; }
.bord.b-white, .bb.b-white { border-color: #fff; }
.hor-divider { height: 2px; width: 100%; }
.vert-divider { height: 100%; width: 2px; }
.bb { border-bottom: 2px solid; }
/*LISTS*/
ul, ol { color: #ff6800; padding-left: 18px; margin: 0; }

/*V3 END*/

.no-wrap { white-space: nowrap; }



/* PayPal Pay in 3 Widget */
.product #stock-partial #product .pp-pay-in-three { margin-top: 25px; }
.pp-pay-in-three iframe { width: 100% !important; min-height: 30px !important; }
.pp-pay-in-three > span { display: block; width: 100% !important; height: auto !important; min-height: 30px !important; }
#basket form #pp-pi3 { margin: auto; margin-top: 5px; }
#basket .checkout-basket #pp-pi3-checkout { margin-left: 5px; margin-top: 15px; }
form#checkoutform .paymentsect #paypalmessage > div { width: 105%; }
form#checkoutform .paymentsect #pp-pi3-mob { margin-top: 20px; transform: translateY(7px); }

.product .thumbs { overflow-x: auto; }
.product .thumbs .thumb { flex-shrink: 0; }
.product .thumbs .thumb img { border: 1px solid #004D94; border-radius: 13px; width: 122px; height: auto; }

.container.reviews .reviews-container .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 35px; grid-row-gap: 35px; }

.container.reviews .reviews-container .reviews-grid .review-card { height: 395px; border: 3px solid #004D94; border-radius: 12px; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head { height: 190px; display: flex; }
.container.reviews .reviews-container .reviews-grid .review-card .card-body { height: 155px; background-color: #efefef; padding: 30px; font-size: 1.25rem; color: #202020; font-weight: 600; display: flex; align-items: center; line-height: 30px; }
.container.reviews .reviews-container .reviews-grid .review-card .card-foot { height: 50px; background-color: #004D94; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #fff; font-size: 1.4rem; display: flex; align-items: center; padding-left: 30px; gap: 5px; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .img { display: inline-block; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .img > img { border-top-left-radius: 9px; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .details { width: 50%; display: flex; flex-direction: column; justify-content: center; gap: 2px; flex-grow: 1; padding-left: 25px; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .details a { text-decoration: none; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .details .prod-title { font-size: 1.4rem; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .details span:not(.prod-title) { font-size: 1.375rem; }

.container.reviews .reviews-container .reviews-grid .review-card .card-head .details strong.smaller { font-size: 1.25rem; }
.container.reviews .reviews-container .reviews-grid .review-card .card-head .details span.smaller { font-size: 1.1rem; }

.container.reviews .section.tp { margin: 0; }
.container.reviews .info-box { border: 3px solid #004D94; border-radius: 12px; padding: 30px; }


.container.help .help-grid { display: grid; }

.container.help .help-links .item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; font-size: 1.5rem; margin-top: 40px; color: #004d94; font-weight: 600; border: 1px solid; padding: 40px 0 20px 0; }


.truncate-cmstxt .h1-additional { max-height: 0; overflow: hidden; transition-property: max-height; transition-duration: 0.6s; }
.truncate-cmstxt.more .h1-additional { max-height: 500px; }


.truncate-cmstxt .moretoggle:before { content: "Read More"; font-weight: 700; color: #ff6800; cursor: pointer; }
.truncate-cmstxt .moretoggle:hover:before { color: #004d94; }
.truncate-cmstxt.more .moretoggle:before { content: "Read Less"; }

#basketotals #acc-select-wrapper { position: relative; }
#basketotals #acc-select-wrapper #dummy-select { height: 62px; border: 2px solid #004D94; border-radius: 5px; cursor: pointer; margin-bottom: 15px; padding: 0 20px; font-size: 1.5rem; color: #686868; z-index: 1; position: relative; }
#basketotals #acc-select-wrapper #dummy-select i { transition: none !important; transform: rotate(180deg); }

#basketotals #acc-select-wrapper #dummy-select.open i { transform: unset; }

#basketotals #acc-select-wrapper #dummy-select .list-close-overl { display: none; position: fixed; width: 100vw; height: 100vh; left: 0px; top: 0px; z-index: -1; }
#basketotals #acc-select-wrapper #dummy-select.open .list-close-overl { display: block; }


#basketotals .prod--accessories { background-color: #f8f8f8; border: 2px solid #004D94; border-radius: 5px; position: absolute; top: calc(100% + 10px); display: none; z-index: 100; width: 100%; max-height: 400px; overflow: hidden; margin: 0px; }
#basketotals .prod--accessories .wrapper { height: 100%; overflow: auto; max-height: 400px; }
#basketotals .prod--accessories > .gradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: unset !important; background: transparent linear-gradient(180deg, #FFFFFF00 68%, #FFFFFF 100%) 0% 0% no-repeat padding-box; }
#basketotals .prod--accessories > div { padding: 0 20px; }
#basketotals .prod--accessories > div:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; }
#basketotals .prod--accessories > div:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#basketotals .prod--accessories > div:nth-of-type(even) { background-color: #fff; }
#basketotals .prod--accessories > div:nth-of-type(odd) { background-color: #f8f8f8; }
#basketotals .prod--accessories .img-boot img { border: 1px solid #004D94; border-radius: 6px; max-width: 64px; }
#basketotals .head-sec { flex-wrap: wrap; margin: 10px 0; }
#basketotals .head-sec h3 { margin: unset; }
#basketotals .prod--accessories .accessory { padding: 25px 20px; }
#basketotals .prod--accessories .accessory.hidden { display: none; }
#basketotals .prod--accessories .amount { display: flex; align-items: center; justify-content: center; gap: 10px; }
#basketotals .prod--accessories .amount .quant { background-color: #26C400; width: 23px; height: 23px; border-radius: 50%; }
#basketotals .prod--accessories .amount .quant:hover { transform: scale(1.1); }
#basketotals .prod--accessories .amount .quant:hover i { color: #fff !important; }
#basketotals .prod--accessories .amount .quant.disabled { pointer-events: none; opacity: 0.5; }
#basketotals .prod--accessories .amount input { width: 27px !important; height: 27px !important; border: 1px solid #004D94 !important; border-radius: 3px; text-align: center; font-size: 1.25rem; }
#basketotals .prod--accessories .txt-boot a { text-decoration: none; font-weight: 400; }
#basketotals .prod--accessories .txt-boot a:hover { color: #ff6800; }


@-ms-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

.bouncing-loader { text-align: center; font-size: 10px; padding: 5px; }
.bouncing-loader .dot { width: 1em; height: 1em; margin: 0 0.2em; display: inline-block; background: #ff6800; border-radius: 50%; position: relative; }
.bouncing-loader .dot:nth-child(1) { -webkit-animation: ease-in-out dot1 1s infinite; animation: ease-in-out dot1 1s infinite; }
.bouncing-loader .dot:nth-child(2) { -webkit-animation: ease-in-out dot2 1s infinite; animation: ease-in-out dot2 1s infinite; }
.bouncing-loader .dot:nth-child(3) { -webkit-animation: ease-in-out dot3 1s infinite; animation: ease-in-out dot3 1s infinite; }
.bouncing-loader .dot:nth-child(4) { -webkit-animation: ease-in-out dot4 1s infinite; animation: ease-in-out dot4 1s infinite; }

@-webkit-keyframes dot1 {
    0% { top: 0; }
    20% { top: -6.66666667px; opacity: 0.5; }
    40% { top: 0; }
}

@keyframes dot1 {
    0% { top: 0; }
    20% { top: -6.66666667px; opacity: 0.5; }
    40% { top: 0; }
}

@-webkit-keyframes dot2 {
    20% { top: 0px; }
    40% { top: -6.66666667px; opacity: 0.5; }
    60% { top: 0px; }
}

@keyframes dot2 {
    20% { top: 0px; }
    40% { top: -6.66666667px; opacity: 0.5; }
    60% { top: 0px; }
}

@-webkit-keyframes dot3 {
    40% { top: 0px; }
    60% { top: -6.66666667px; opacity: 0.5; }
    80% { top: 0px; }
}

@keyframes dot3 {
    40% { top: 0px; }
    60% { top: -6.66666667px; opacity: 0.5; }
    80% { top: 0px; }
}

@-webkit-keyframes dot4 {
    60% { top: 0px; }
    80% { top: -6.66666667px; opacity: 0.5; }
    100% { top: 0px; }
}

@keyframes dot4 {
    60% { top: 0px; }
    80% { top: -6.66666667px; opacity: 0.5; }
    100% { top: 0px; }
}

.marg-left-5 { margin-left: 5px; }
.dblue-txt { color: #00458F; }
.underline { text-decoration: underline; }
.margin-top-30 { margin-top: 30px; }

.fw-bold { font-weight: bold; }
.step-ladders-intro { padding-bottom: 30px; }
.inner-shadow { box-shadow: inset 0px 20px 8px -10px #ccc, inset 0px -20px 8px -10px #ccc; }
.text-dblue { color: #00458f; font-weight: 600; }
.text-orange { color: #ff6800; font-weight: 600; }
a.text-orange:hover { color: #00458f; }
.large { font-size: 2.5rem; }
.medium { font-size: 1.8rem; padding: 15px; }

.dw-grid { grid-gap: 30px; }
.dw-grid.gap-15 { grid-gap: 15px; }
.dw-grid .step-flex { flex-direction: column; align-items: center; grid-gap: 15px; padding-top: 0 !important; padding-bottom: 0 !important; }
.dw-grid .step-img { border-radius: 50%; overflow: hidden; border: 5px solid #004d94; background-color: #fff; }
.dw-grid .step-text { padding: 15px; width: 100%; }
.dw-grid .step-price { font-size: 2.5rem; }
.dw-grid .step-flex .btn { min-width: 100% !important; }

.step-flex { display: flex; align-items: center; grid-gap: 45px; padding: 45px 0; color: #777; justify-content: center; }
.step-flex img { box-shadow: 0 3px 6px #00000029; }
.shop-step { display: flex; align-items: center; grid-gap: 30px; min-width: max-content; }

.step-flex.all-purp .step-text { background-color: #fff; }


.step-price { font-size: 3rem; font-weight: 600; }
.step-price span { font-size: 1.2rem; font-weight: normal; }
.grey-text { color: #ccc !important; }
.grey-text .step-price span { font-size: 2.2rem; font-weight: 600; text-decoration: line-through; }
.marg-btm-5 { margin-bottom: 5px; }
.grey-text .step-price .vat-text { text-decoration: none !important; font-size: 1rem; font-weight: normal; }

.step-ladder .was-price { color: #888888; }
.step-ladder .was-price span { font-size: 2.2rem; font-weight: 600; text-decoration: line-through; }
.step-ladder .step-price span { font-size: 2.2rem; font-weight: 600; text-decoration: line-through; }
.step-ladder .step-price .vat-text { text-decoration: none !important; font-size: 1rem; font-weight: normal; }


.best-sell-item .step-price { font-size: 1.3rem; font-weight: 600; }
.best-sell-item { background-color: #fff; padding: 15px; display: block; }
.best-sell-item .grey-text .step-price span { font-size: 0.97rem; font-weight: normal; text-decoration: line-through }
.best-sell-item .grey-text .step-price .vat-text { text-decoration: line-through !important; }
.step-text { max-width: 685px; }
.step-text ul { display: flex; flex-direction: column; grid-gap: 10px; }


.btn.title-btn { color: #fff; font-weight: 600; background-color: #ff6800; border: none; max-width: fit-content; padding: 30px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
.step-text .btn:hover { background-color: #00458f !important; }

.best-info .btn { color: #fff; font-weight: 600; background-color: #ff6800; border: none; margin: 30px auto 0; max-width: fit-content; padding: 15px; display: flex; align-items: center; justify-content: center; }
.best-info .btn:hover { background-color: #00458f !important; }

.featlink { height: 40px; padding: 0px 15px; background-color: #fff; font-size: 0.94em; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; border: 1px solid #00458f; border-radius: 3px; font-weight: 700; color: #00458f; }

#img-carousel #ytvideo { aspect-ratio: 1; background-color: black; }
#img-carousel #ytvideo iframe { width: 100%; height: 100%; }

.best-selling h2 { color: #fff; text-align: center; background-color: #00458f; margin: 0; }

.loading-animate .content strong { font-size: 3.0em; color: #004d94; }
.underline { text-decoration: underline; }

.fab, .far, .fas, .fa { text-rendering: optimizeLegibility !important; }
body { font-size: 0.9em; color: #333; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; font-family: 'Roboto', sans-serif; }
body.fixed { overflow: hidden; }
.santa-hat--fr { position: absolute; left: -50px; top: -15px; }
.santa-hat--fl { position: absolute; right: -50px; top: -35px; }
.account .validation-summary-errors { background-color: red; color: #fff; padding: 10px; }
.account .validation-summary-errors ul { margin: 0; }
.account .validation-summary-errors li { color: #fff !important; font-weight: bold; }
img { border: 0; max-width: 100%; height: auto; pointer-events: none; }
input[type="submit"], input[type="button"] { -webkit-appearance: none; border-radius: 0 !important; }

.brandlogo a { display: block; }

.bestsell .whitebg a:hover .btn { background-color: #00843d !important; }
/*input[type="submit"] { cursor: pointer; width: 100%; font-size: 1em; text-align: center; height: 40px; line-height: 40px; display: block; background-color: #ff6800; border: 1px solid #ff6800; color: #fff; max-width: 110px; border-radius: 2px; }
input[type="submit"] { background-color: transparent; color: #ff6800; }
input[type="submit"]:hover { background-color: #fff; color: #ff6800; }
.makepayment button.btn.green { margin-top: 0; }
.retbtn input[type="submit"] { max-width: 100%; background-color: #ff6800; color: #fff; font-weight: bold; }
.retbtn input[type="submit"]:hover { border: 1px solid #00843d; }*/

.btn.green.register-trade { max-width: 380px; margin: 30px auto; font-size: 16px; padding: 9px; height: auto; }
.btn.green.register-trade a { color: #fff; }

.faq__top { cursor: pointer; padding: 17px 40px 17px 17px; background-color: #f7f7f7; position: relative; margin: 0 0 20px 0; border-radius: 2px; }
.faq__top i { position: absolute; transform: translateY(-50%); right: 15px; top: 50%; text-align: center; font-size: 1.8em; line-height: 60px; vertical-align: middle; color: #ff6c00; }
.faq__top .faq--title { font-weight: bold; color: #00458f; font-size: 1.5em; }
.faq__content.closed { height: 0; overflow: hidden; }
.faq__top .faq--info { display: block; font-size: 0.82em; }


.center-txt { text-align: center; }

.address-checked .editor-label a.clearbtn { float: right; background-color: #ff6c00; color: #fff; padding: 2px 5px 2px 5px; text-align: center; border: 1px solid #ff6c00; display: block; }
.address-checked .editor-label a.clearbtn:hover { background-color: #fff; color: #ff6c00; cursor: pointer; }
.address-checked .editor-field #sketch { height: 120px; border: 1px solid #d4d4d4; position: relative; background-color: #fff; }
.address-checked .editor-field #tmp_canvas { position: absolute; left: 0px; right: 0; bottom: 0; top: 0; cursor: url(images/cursor-pen.png),crosshair; color: #59341a; }

.delivery-message { position: relative; background-color: #ff6800; color: #fff; border-radius: 3px; padding: 20px; margin: 15px 0; text-align: center; }
.delivery-message strong { color: #fff !important; }
.delivery-message a { color: #fff !important; font-weight: bold; }
.delivery-message i { font-size: 30px; margin-right: 5px; display: inline-block !important; }
.delivery-message i.fa-truck { margin-right: 15px; }
.xmas.delivery-message strong { font-size: 1.3em; }

.section.payment--options { margin: 0px -5px; }
.section.payment--options .dw-sm-4 { padding: 0px 5px; }

.surround .shift { float: left; width: 20%; }

.grecaptcha-badge { display: none; }
#content { position: relative; z-index: 999; min-height: calc(100vh - 588px); }
#content ul li, ol li { color: #777; }
#content ul li::marker, ol li::marker { color: #ff6800; }

#content .product ul li, #content .product ol :link::marker { color: #000; }

.popup .overlay { background-color: #000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 9999; opacity: 0.5; }
.popup .pop-container { width: calc(100% - 30px); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 5px; z-index: 9999; }
.popup .pop-container .rel { position: relative; padding: 15px; }
.popup .pop-container .rel .close { cursor: pointer; width: 32px; height: 32px; position: absolute; top: -16px; right: -15px; background-color: #ff6800; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; }
.popup .pop-container .rel .close:hover { background-color: #004d94; }
.popup.newsl .rel.nopadd { padding: 0px !important; }
.popup.newsl img { display: block; position: absolute; bottom: 0px; left: 0px; }
.popup.newsl .pop-container { border-radius: 15px; border: 3px solid #004d94; max-width: 1350px; }
.popup.newsl .pop-container .rel { display: block; margin: -3px; }
.popup.newsl .form { position: relative; z-index: 10; width: 100%; max-width: 750px; padding: 80px 0px 140px 80px; }
.popup.newsl .cls { position: absolute; right: 15px; top: 15px; color: #ff6800; z-index: 100; font-size: 4.0em; cursor: pointer; }
.popup.newsl .cls:hover { color: #004d94; }
.popup.newsl .form input { border-radius: 5px 0px 0px 5px; border: 1px solid #004d94; height: 70px; max-width: calc(100% - 160px); }
.popup.newsl .form button { border-radius: 0px 5px 5px 0px; height: 70px; width: 160px; max-width: 100%; }
.popup.newsl .form h2 { font-weight: 400; font-size: 4.2em; margin: 0px 0px 20px; }

.howto { margin: 15px auto; }
.howto i { margin-right: 5px; font-size: 1.2em; color: #e53434; }
.ui-autocomplete { background-color: #f9f9f9; width: 450px !important; padding: 0; margin: 0; list-style: none; z-index: 99999; border-radius: 4px; }
.ui-menu-item { color: #333; background-color: #f9f9f9; cursor: pointer; }
.ui-menu-item a { color: #333; display: block; padding: 10px 15px; background-color: #f9f9f9; }
.ui-menu-item a:hover { background-color: #eee; color: #004d95; }
.ui-menu-item a.cat-item { font-weight: 900; text-transform: uppercase; }

.ui-helper-hidden-accessible { display: none; }


.editor-field.stocks { position: relative; height: 50px; z-index: 1; }
#product .editor-field.stocks { height: 62px; margin-bottom: unset; }

.editor-field.stocks:first-child, .first-drop .editor-field.stocks { z-index: 9; }



.sitemap ul { padding: 0px; margin: 0; }
.sitemap i, .sitemap .featured.whitebg { display: none; }
.sitemap .prod.subcat { width: 100%; padding: 0px; }
.sitemap .prod.subcat > a { }
.sitemap .prod.subcat > ul { display: flex; padding: 5px 0px 15px; flex-wrap: wrap; }
.sitemap .prod.subcat > ul li { width: calc(100% / 5); padding: 0px; float: none; list-style: none; }
.sitemap .prod.subcat > ul li a { font-weight: 300; }
.sitemap .home-link { display: none; }
.sitemap .prod.subsubcat { width: 100%; }
.sitemap .links { width: 100%; }
.sitemap a { display: block; }
.sitemap .shop--by { width: 100%; }
.sitemap ul li { list-style: none; }
.sitemap .section { margin: 0px; }
.sitemap .nav-fix span { font-size: 1.5em; color: #ff6800 !important; margin: 15px 0px 0px; display: block; }
.sitemap .mobile__navigation { position: static !important; display: block !important; transform: none !important; }
.sitemap img { display: none; }

#basketbottom .dw-sm-9, #basketbottom .basket .checkoutprices .btn { display: none; }
#comparemessage .OK { display: none; background-color: #339933; color: #fff; font-weight: bold; font-size: 1.4em; border: 0; margin: 0; padding: 20px 10px; text-align: center; bottom: 0px; width: 100%; position: fixed; z-index: 9999; -webkit-overflow-scrolling: touch; }
#comparemessage .OK a { background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #339933; display: inline-block; max-width: 245px; height: 40px; line-height: 40px; font-size: 0.8em; width: 100%; margin: 5px; }
#removecomparemessage .OK { display: none; background-color: #bf1e2e; color: #fff; font-weight: bold; font-size: 1.4em; border: 0; margin: 0; padding: 20px 10px; text-align: center; bottom: 0px; width: 100%; position: fixed; z-index: 9999; -webkit-overflow-scrolling: touch; }
#removecomparemessage .OK a { background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #bf1e2e; display: inline-block; max-width: 200px; height: 40px; line-height: 40px; font-size: 0.8em; width: 100%; margin: 5px; }
#comparemessage .OK a:hover, #removecomparemessage .OK a:hover { background-color: transparent; color: #fff; }
#comparemessage .section, #removecomparemessage .section { margin: 5px auto 0; max-width: 555px; }
#maxcompare .OK { display: none; background-color: #bf1e2e; color: #fff; font-weight: bold; font-size: 1.4em; border: 0; margin: 0; padding: 20px 10px; text-align: center; bottom: 0px; width: 100%; position: fixed; z-index: 9999; -webkit-overflow-scrolling: touch; }

.g-recaptcha div { }
.g-recaptcha div div { }

.no-margin-top { margin-top: 0px !important; }

.top-delivery { background-color: #333; padding: 10px 0; margin-top: 15px; color: #fff; }
.top-delivery.top { margin-top: 0px; text-align: center; }
.delivery-block { text-align: center; color: #fff; padding: 10px; font-size: 1.2em; }

#headerright { font-size: 0.85em; }
.topgrey { background-color: #f7f7f7; color: #004d94; }
.topgrey .dw-md-3.call { text-align: right; }
.topgrey .dw-md-3.call a { font-weight: bold; margin-right: 10px; }
.topgrey .dw-md-3.call a span { font-family: 'Roboto', sans-serif; }
.topgrey .dw-md-3.call a.fas.fa-phone:before { display: none; }
.topgrey .dw-md-3.call { text-align: center; }
.topgrey .dw-md-3.call i { margin-right: 10px; font-size: 1.25em; }
.topgrey .dw-md-3.call span { color: #ff6800; }
.topgrey a { color: #ff6800; }
.topgrey a:hover { color: #004d94; }
.topgrey .toplinks { line-height: 32px; font-size: 0.90em; }
#trade-link { font-weight: 700; background-color: #00458f; color: #fff; line-height: 32px; display: inline-block; padding: 0px 15px; margin-right: 5px; }

.xmas-dispatch-banner { background-color: #ff6800; text-align: center; font-weight: bold; color: #fff; padding: 5px; display: none; }
.xmas-dispatch-banner i { font-size: 1.2em; margin-right: 5px; }


.news-banner { background-color: #ff6800; text-align: center; color: #fff; padding: 10px 0px; }
.news-banner .title { margin: 0px 30px; }
.news-banner p { display: inline; }
.logosec input[type="text"] { border: 1px solid #ff6800; border-radius: 3px; height: 48px; outline: none; padding-right: 50px; font-size: 1.2em; }
.logosec button { background-color: transparent; color: #004d94; outline: none; border: 0; position: absolute; right: 10px; top: 0; height: 48px; line-height: 48px; width: 50px; font-size: 1.7em; cursor: pointer; }
#headercentre .search { position: relative; margin-top: 3px; }
#headerright { margin-top: 4px; }
#headerright i.fa-navicon { display: none; }
#headerright .log, #headerright .cart { float: left; margin-left: 45px; text-align: center; font-weight: bold; position: relative; display: block; }
#headerright .log a span, #headerright .cart a span { font-size: 1.2em; display: block; }
#headerright .log i, #headerright .cart i { display: block; text-align: center; font-size: 2.4em; margin-bottom: 5px; color: #ff6800; min-height: 30px; }
#headerright .cart a span.show { display: block; position: absolute; width: 20px; height: 20px; top: -12px; right: 7px; background-color: #004d94; border-radius: 50%; color: #fff; font-size: .9em; line-height: 20px; }
#headerright .log i.fa { background-color: #ff6800; border-radius: 100%; height: 30px; width: 30px; margin: 0 auto; padding-top: 6px; margin-bottom: 5px; }
#headerright .log i.fa span { height: 17px; width: 12px; -webkit-mask: url(images/ladders-uk.svg) no-repeat 100% 100%; mask: url(images/ladders-uk.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #ffffff; text-align: center; display: block; background-position: center; margin: auto; }
.mailing.extra { margin-top: 150px; }
.mailing { background-color: #ebebeb; padding: 15px; margin-top: 50px; }
.mailing .title { line-height: 40px; font-size: 1.7em; color: #00458f; font-weight: bold; }
.mailing .title--sub { font-size: 0.9em; }
.mailing .title--sub--blurb { font-size: 0.9em; margin-top: 25px; font-style: italic; text-align: center; }
.mailing .newsletter input { margin-top: 12px; }
.mailing .newsletter #signup_btn { margin-top: 12px; }
.mailing .newsletter .dw-xs-3, .mailing .newsletter .dw-xs-9 { padding: 0; }
.privacy--notice { font-style: italic; font-weight: bold; font-size: 0.85em; margin-top: 15px; }
.account .editor-label.agree.offer--reg { margin-top: 50px; }
.mailing .g-recaptcha div, .mailing .g-recaptcha { max-width: 145px; height: 40px !important; line-height: 38px; }
.mailing .btn { max-width: 150px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.navigation { background-color: #ebebeb; }
.catsub-banner .container { margin: 0; }
.catsub-banner img { margin: 0 auto; display: block; }
/*.footer { background-color: #f7f7f7; color: #004d94; padding: 30px 0; font-size: 1em; }
.footer .dw-md-5 a { color: #ff6800; font-weight: bold; }
.footer .dw-md-5 strong, .footer .dw-md-7 strong { font-size: 1.1em; }
.footer .dw-md-5 .social-media a:nth-child(1) { font-size: 1em; }
.footer .dw-md-5 .social-media a:nth-child(3) { margin-right: 11px; }
.footer .dw-md-5 .social-media { margin-top: 15px; font-size: 1.3em; }
.footer .dw-md-5 .social-media a { color: #004d94; font-weight: normal; margin-right: 11px; }
.footer .dw-md-5 .social-media a:hover { color: #ff6800 !important; }
.footer .dw-md-5 h3 { color: #ff6800; font-size: 1em; }
.footer a { color: #004d94; display: inline-block; }
.footer a:hover { color: #59341a; }
.footer .btmlinks { margin-top: 30px; font-size: 0.8em; color: #777; }
.footer .btmlinks a { color: #777; }
.footer .btmlinks .dw-md-4:nth-child(3) { text-align: right; }
.footer .btmlinks .dw-md-4:nth-child(2) { text-align: center; margin-top: -10px; }
.footer .section.links a { display: block; font-weight: bold; margin: 15px 0; }
.footer .section.links a:hover { color: #ff6800 !important; }
.footer .section.contact a:hover { color: #004d94; }
.footer .policies { float: right; font-size: 0.9em; }
.footer .policies a:hover { color: #ff6800 !important; }
.footer .policies span { color: #ff6800; }*/
.carousel { margin: 15px auto 0 auto; }
.carousel.homebanner a { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.carousel.homebanner .item { position: relative; }
.carousel-caption .title { margin: 0 0 30px; color: #2bbed8; font-size: 2.75em; }
.carousel-caption span { font-size: 2em; }
.carousel .item { background-size: cover; background-repeat: no-repeat; background-position: center; }
.container.home .trustpilot-widget { background-color: #333; padding: 20px 0; }

.trustpilot-widget.prodpage { width: 205px; height: 15px; }

.topgrey .switch { position: relative; display: block; width: 35px; height: 18px; float: right; margin-right: 60px; line-height: normal; margin-top: 16px; transform: translateY(-50%); }
.topgrey .switch.selected .slidetext.inc { color: #979797; }
.topgrey .switch.selected .slidetext.ex { color: #004d94; }
.topgrey .switch .slidetext { position: absolute; font-weight: bold; color: #979797; margin-top: 3px; }
.topgrey .switch .slidetext.ex { right: -60px; }
.topgrey .switch .slidetext.inc { color: #004d94; left: -60px; }
.topgrey .switch input { opacity: 0; width: 0; height: 0; }
.topgrey .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.topgrey .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.topgrey input:checked + .slider { background-color: #ccc; }
.topgrey input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.topgrey input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(15px); }
.topgrey .slider.round { border-radius: 34px; }
.topgrey .slider.round:before { border-radius: 50%; }

.home .cats { margin-top: 20px; }
.cats a { display: block; border: 1px solid #ebebeb; position: relative; min-height: 225px; padding: 20px 25px 0 25px; overflow: hidden; }
.cats a:hover .title { color: #ff6800; }
.cats a .title { font-size: 1.8em; font-weight: bold; min-height: 90px; }
.cats a img { position: absolute; right: 0; bottom: 0; }
.cats a .inner { width: 53%; position: relative; z-index: 1 }
.cats a .inner .price { color: #072442; font-size: 0.85em; }
.cats a .inner .price strong, .cats a .inner .price span { color: #ff6800; font-size: 1.1em; }
.cats a .inner .price strong { font-size: 1.9em; }
.cats .dw-md-4 { margin-bottom: 30px; }

#hotdealtimer .countdown-section:last-child { margin-right: 0; }
#hotdealtimer .countdown-section { float: left; width: 24.25%; margin-right: 1%; }
#hotdealtimer .countdown-section span { display: block; }
#hotdealtimer .countdown-section span.countdown-amount { background-color: #fff; color: #5e5e5e; padding: 5px 0; }
#hotdealtimer .countdown-section span.countdown-period { font-size: 0.7em; font-weight: normal; margin-top: 8px; }

.hotdeal { background-color: #E23232; position: relative; }
.hotdeal .toptitle { text-align: center; color: #fff; text-transform: uppercase; padding-top: 19px; font-weight: bold; font-size: 1.25em; }
.hotdeal .toptitle i { font-size: 0.75em; }
.hotdeal .timer { color: #fff; font-weight: 800; text-align: center; font-size: 1.2em; margin-top: 7px; }
.bestsell .whitebg { background-color: #fff; position: relative; padding: 15px; }
.bestsell .hotdeal .whitebg { min-height: 325px; padding: 13px 9px; }
.bestsell .hotdeal .whitebg .title { margin-top: 15px; min-height: 54px; }
.bestsell .whitebg a { display: block; }
#productListings .bestsell .whitebg.hasbarnostick { border: none; }
.home .productlist .bestsell .whitebg { border: none !important; background-color: none !important; }
.productlist .bestsell .whitebg a { border: 1px solid #f7f7f7 !important; }
.bestsell .whitebg .title { font-weight: bold; color: #004d94; min-height: 45px; margin-top: 5px; }
.bestsell .hotdeal .inner { padding: 16px 15px 15px 15px; }
#tabs .bestsell .whitebg .title { margin-top: 15px; min-height: 55px; }
.bestsell .whitebg .price .now { color: #ff6800; font-size: 1.05em; }
.bestsell .whitebg span { display: block; }
.stock-delivery-date span { color: #ff6800 !important; }
.bestsell .whitebg .lad { /* position: relative; */ }
.home .bestsell .whitebg .ladder-icon, .home .bestsell .whitebg .ladder-icon.remove { bottom: 10px; }
.bestsell .whitebg .btns { position: absolute; bottom: 10px; width: 100%; left: 0px; padding: 0px 10px; }
.bestsell .whitebg .ladder-icon { cursor: pointer; padding: 8px; text-align: center; display: block; background-color: #fff; position: relative; border: 2px solid #00458f; position: static; margin-top: 10px; border-radius: 3px; max-width: 220px; }
.bestsell .whitebg .ladder-icon:hover { border: 2px solid #ff6800; }

.bestsell .whitebg .ladder-icon span { display: inline-block; line-height: 20px; vertical-align: top; color: #00458f; font-weight: 700; }
.bestsell .whitebg .ladder-icon img { display: inline-block; vertical-align: top; height: 20px; }

.bestsell .whitebg .ladder-icon.remove { background-color: #004d94; }



.bestsell .whitebg .ladder-icon .add-cont { display: block; }
.bestsell .whitebg .ladder-icon .remove-cont { display: none; }
.bestsell .whitebg .ladder-icon.remove .add-cont { display: none; }
.bestsell .whitebg .ladder-icon.remove .remove-cont { display: block; }


.bestsell .whitebg .ladder-icon.remove span { color: #fff; }

.ladder-icon.nomarg { margin: 0px !important; max-width: 100% !important; }


.bestsell .whitebg .price { min-height: 35px; }
.bestsell .whitebg .price .now strong { font-size: 1.1em; }
.bestsell .whitebg .price .was { color: #004d94; font-size: 0.8em; text-decoration: line-through; margin-top: 2px; margin-bottom: 10px; }
.bestsell .slide { float: left; width: 220px !important; }

#content .productlist #productListings .dw-grid > * { margin-bottom: 10px; }

#content .productlist #productListings .dw-grid .prod-list-card .plc-list li { margin-bottom: 3px; display: flex; gap: 8px; }
#content .productlist #productListings .dw-grid .prod-list-card .plc-list li::marker { content: ""; display: none; }
#content .productlist #productListings .dw-grid .prod-list-card .plc-list li::before { content: "\2714"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; color: #fff; background-color: #FF6800; width: 18px; height: 18px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; font-size: 0.8rem; flex-shrink: 0; }
#content .productlist #productListings .dw-grid .prod-list-card .plc-list li > strong { margin-left: 5px; }
.prod-list-card { padding: 15px; border: 1px solid #7080909e; border-radius: 5px; }
.prod-list-card .listing-info-banner { display: flex; justify-content: center; align-items: center; color: #fff; }
.prod-list-card .trustpilot-widget { flex-basis: 50%; transform: translateY(4px); }


.OK { padding: 10px; color: #fff; background-color: #393; margin: 20px 0; text-align: left; }
#customerquoteform .OK { background-color: #ff6800; }
.OK .msg { padding: 0 10px; font-weight: bold; font-size: 1.2em; }
.OK ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.view-basket { color: #393; display: block; background-color: #fff; max-width: 100%; text-align: center; font-weight: bold; height: 40px; line-height: 40px; border-radius: 3px; margin: 10px; }


.container.compare h1 { margin-top: 20px; }
.container.compare i.fa.compareicon { background-color: #ff6800; border-radius: 100%; height: 40px; width: 40px; margin: 0 15px 8px auto; padding-top: 8px; float: left; }
.container.compare i.fa.compareicon span { height: 23px; width: 17px; -webkit-mask: url(images/ladders-uk.svg) no-repeat 100% 100%; mask: url(images/ladders-uk.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #ffffff; text-align: center; display: block; background-position: center; margin: auto; }
.container.compare .dw-md-2 { padding: 0 1px; }
.container.compare #productListings .bestsell .whitebg { padding: 2px; min-height: 436px; }
#productListings .bestsell.chart .whitebg { margin: 15px 0; }
#productListings .bestsell.chart .whitebg .info { position: static; }
#productListings .bestsell.chart .whitebg .ladder-icon-remove { bottom: 20px; }
#productListings .bestsell.chart .whitebg .ladder-icon { bottom: 20px; }
.container.compare table { width: 100% !important; }
.container.compare table td, .product .further-info table th { padding: 15px; font-weight: bold; }
.container.compare table tr:nth-child(even) { background-color: #f7f7f7; }
.container.compare table tr:hover { background-color: #ebebeb; }
.container.compare table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #004d94; color: white; }

.product-tables { overflow-x: auto; }

#bybrand { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 15px 0; margin-top: 20px; clear: both; }
#bybrand h2 { text-align: center; }
#bybrand a { display: block; text-align: center; text-decoration: underline; color: #ff6800; font-weight: bold; }
#bybrand a:hover span { color: #004d94; }
#bybrand a span { font-weight: bold; color: #ff6800; text-decoration: underline; display: block; text-align: center; margin: 15px 0 5px 0; }
#bybrand .section { margin: 0; }
#bybrand .section .dw-md-5, #bybrand .section .dw-md-7 { padding: 0; }
#bybrand span.viewall { display: block; margin: 25px auto 0; text-align: center; }
.outside i { display: none; }
.maincontent { margin: 30px auto; }
.maincontent h1 { margin-top: 0; }
.twbg { background-color: #00aced; color: #fff; min-height: 200px; padding: 20px 15px; text-align: center; font-size: 1.2em; margin-top: 20px; }
.twbg .twitter-bird { font-size: 1.6em; }
.twbg a { font-weight: bold; color: #fff; }
.twbg strong { display: block; }
.twbg span { display: block; font-size: .97em; margin: 20px 0; }
.cmslinks a { display: block; }
#news { margin: 20px 0 40px 0; }
#news .blogpost .blogdate { color: #ff6800; }
#news .blogpost .title { color: #004d94; font-size: 1.4em; font-weight: bold; margin: 10px 0; }
#news .blogpost .content { color: #333; font-size: 0.9em; }
#news .blogpost .content .readmore { color: #ff6800; text-transform: uppercase; font-size: 1.1em; display: block; margin-top: 15px; }
#news .blogpost .image { position: relative; padding-bottom: 90%; margin-bottom: 20px; }
#news .blogpost .image div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50%; }

.bestsell .slide { }
.brand .normtext { margin: 20px auto; }
.brand .normtext a { display: block; }
.brand .normtext img { margin: 15px; box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2); }
.brand strong a { color: #ff6700 !important; }
.brand a:hover { color: #00458f !important; }
.section.guide li span { font-weight: bold; color: #333; }
.section.guide .ladders { position: relative; background-color: #f7f7f7; padding: 20px 20px 0 20px; }
.section.guide .ladders h3 { text-align: center; margin-top: 0; font-size: 1.6em; }
.section.guide .ladders img { margin: auto; display: inline-block; box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2); }
.section.guide .ladders a { position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-50%); font-weight: bold; color: #fff; background-color: #004d94; border: 1px solid #023a72; width: 100%; max-width: 145px; text-align: center; height: 40px; line-height: 40px; border-radius: 3px; }
.section.guide .ladders a:hover { background-color: transparent; color: #004d94; }
.grey-guide { background-color: #f7f7f7; padding: 25px; min-height: 344px; margin: 15px auto; }
.grey-guide .title { color: #00458f; font-weight: bold; font-size: 1.5em; min-height: 110px; }
.grey-guide .title span { color: #ff6c00; }
.grey-guide .info { margin-bottom: 20px; min-height: 120px; }
.grey-guide .rating { display: inline-block; font-weight: bold; }
.grey-guide .rating .left { float: left; width: 185px; color: #00458f; }
.grey-guide .rating .right { float: right; color: #ff6c00; }
.account .full-bg { padding-bottom: 15px; color: #333333; margin: 0 auto; margin-top: 30px; }
.account .full-bg.reg { padding-bottom: 60px; }
.account .full .container { background-color: #eee; padding-bottom: 15px; color: #777; }
.account .full-bg ul li span { color: #777; }
.account .bg { background-color: #f7f7f7; padding: 15px; margin: 15px auto }
.account .editor-label { margin: 15px 0; }
.account .address-checked .editor-label { margin: 0 0 15px 0; }
.makepayment .account .editor-label { margin: 10px 0; }
.account .editor-label.agree { line-height: 30px; font-size: 1.1em; }
.account .editor-label.agree a { color: #ff6c00; }
.account .editor-label.agree a:hover { color: #00458f; }
.account .editor-label input.check-box { width: 25px; height: 25px; float: left; margin-right: 10px; }
.account-menu a { padding: 15px; background-color: #fff; display: block; margin-top: 20px; border: 1px solid #cfcfcf; text-decoration: none; border-radius: 5px; color: #004d94; }

.account-menu a:hover { transform: translateY(-5px); box-shadow: 0px 3px 6px #00000029; }

.account-menu i { display: block; text-align: center; height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 2.8em; color: #ff6800; }
.account-menu strong { text-align: center; display: block; display: block; line-height: 18px; font-size: 1.2em; }
.account-menu .dw-lg-3 { width: 20%; }
.account .line { border: .6px solid #eeeeee; margin: 10px 0; }
.account .field-validation-error { color: #e11717 !important; padding: 0; font-size: .8em; }

.account .form-title { text-align: left; }
.account .form-title .fa-user-circle { color: #ff6800; font-size: 2em; margin-right: 10px; }
#loginform { width: 100%; max-width: 500px; margin: 0 auto; padding: 0 0px 15px; text-align: center; }
#loginform .editor-label { padding-bottom: 10px; line-height: 24px; text-align: left; margin: 0px; }
#loginform .editor-label label { color: #333333; font-size: 1em; font-weight: 600; }
.editor-label.sp { margin-bottom: 0px !important; padding-bottom: 0px !important; line-height: 24px !important; text-align: right; }
.editor-label.sp.other { margin-top: 0px; }
.editor-field .forgot { }
.editor-label .forgot a, .editor-label.sp .forgot { color: #00458f; /* float: right; */ display: inline-block; cursor: pointer; }
.editor-label .forgot a:hover, .editor-label.sp .forgot:hover { color: #ff6800; }
.editor-label.sp.other.reposition { position: absolute; display: inline-block; top: -13px; right: 15px; }
.editor-label.sp.other.reposition span { color: #ff6800; font-size: 1.0em; }
.editor-label.sp.other.reposition span:hover { color: #00458f; }
#loginform .editor-field { margin-bottom: 10px; }
#loginform .editor-field input[type="text"], #loginform .editor-field input[type="password"] { border: 1px solid #d4d4d4; }
#loginform .editor-field.submit { margin-top: 20px; }
#loginform a.sign-amb { display: inline-block; margin: 10px auto 0; text-align: center; font-size: 0.85em; font-style: italic; }
#loginform a.sign-amb:hover { color: #59341a; }
.account.other h2 { font-size: 2em; text-align: left; display: inline-block; }
.account h2.why { font-size: 2em; text-align: center; margin-bottom: 25px; }
.holders { background-color: #ff6800; padding: 10px 8px; color: #fff; font-weight: bold; }
.non-login .form-surround { max-width: 500px; margin: 0 auto; }
.non-login .form-surround .btn { margin: 20px 0; }
.account .btn.back { background-color: #777; border: 1px solid #777; color: #fff; width: 170px; text-decoration: none; }
.account #profomabtn .btn.back.proformapayment { margin-top: 10px; }
.account .btn.back.proformapayment { width: 100% !important; }
.account .btn.back.totop { float: none; width: 100%; }
.account .btn.back.telephonepayment, .account .btn.back.offlinepayment { float: none; width: 100%; }
.account .btn.back:hover { background-color: #fff !important; color: #777; }
.account .grey-bg { background-color: #eee; margin: 0 auto; padding: 0 15px 15px; }
.account .grey-bg .specialhead .center-head { background-color: transparent; }
.register { padding-bottom: 15px; }
.register .reg-circle { height: 60px; width: 60px; line-height: 60px; background-color: #ff6800; border-radius: 50px; text-align: center; color: #fff; font-size: 2em; margin: auto; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.register .text { font-weight: 600; color: #333333; }
.register .register-bullet .text { position: absolute; top: 50%; transform: translateY(-50%); left: 75px; min-width: 60px; }

.register .dw-sm-6.text { padding: 0; }
.register i { color: #fff; text-align: center; margin: auto; }
.register .register-bullet { position: relative; height: 60px; width: 100%; }

#preview { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; display: none; }
#preview .overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6 }
#preview .popup-view { position: relative; width: 100%; max-width: 1040px; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 15px; max-height: 101%; overflow-y: auto; }
#preview .form-surround { position: relative; }
#preview .form-surround { padding: 20px; background-color: #fff; }
#preview i.fa { width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 2.1em; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; }
#preview i.fa:before { color: #000; background-color: #fff; border-radius: 15px; width: 29px; height: 29px; display: block; text-align: center; line-height: 30px; box-shadow: 0 0 3px 1px #000; padding-left: 1px; }

.orders { margin-top: 20px; }
.orders .row { border-bottom: 1px solid #eeeeee; padding: 10px 0; }
.orders .row:first-child { font-weight: 700; border-top: 0px; }
.orders .row > div { float: left; padding: 5px 10px; }
.orders .row > div.clear { float: none; padding: 0; }
.orders .row .products { position: relative; padding-right: 50px; }
.orders .row .products i { position: absolute; top: 5px; right: 10px; width: 30px; font-style: normal; }
.orders .row .cost .dw-xs-4 span { color: #ff6c00; font-weight: 700; text-align: right; display: block; }
.orders .row .cost a { margin: 14px auto 0 auto; max-width: 235px; }
.orders .row.headrow { color: #004d94; font-weight: 600; background-color: #f7f7f7; padding: 15px; }
.account.other .order-hist h2 { font-size: 1.6em; margin-bottom: 0; }
.checkoutprices { background-color: #f7f7f7; }
.checkoutprices .innerpad { padding: 15px; }
.basket { margin-top: 15px; }
.basket .row { border-bottom: 1px solid #eeeeee; padding-bottom: 15px; margin-bottom: 15px; text-align: center; }
.basket .row.headrow { color: #004d94; font-weight: 600; background-color: #f7f7f7; padding: 15px; }
.basket .row .col1 { text-align: left; }
.basket .row.regular { min-height: 95px; }
.basket .row.regular .col1.nopadd { padding-left: 0; }
.basket .row .col1 span { color: #00458f; display: block; font-weight: bold; text-decoration: underline; }
.basket .row .col1 em { display: block; }
.basket .row .col1 a.remove { margin-top: 10px; color: #00458f; text-transform: uppercase; display: block; line-height: 40px; font-size: 0.8em; }
.basket .row .col1 a.remove { color: #ff6c00; }
.basket .row .col1 .biNote { width: 100%; max-width: none; }
.basket .row .col2 span.lbl { display: inline-block; line-height: 40px; }
.basket .row strong { color: #ff6c00; font-size: 1.2em; }
.basket .row strong.red, .basket .row strong.green, .selections strong.red { display: block; margin-top: 10px; font-size: 0.9em; }
.selections strong.red { font-size: 1.1em; }
.basket .row strong.red, .selections strong.red { color: #e3000f; }
.basket .row strong.green { color: #393; }
.basket .total .row.sub strong { font-size: 1.3em; }
.basket input[type="text"] { border: 1px solid #b4b4b4; max-width: 40px; margin: 0 auto 0px; display: block; color: #59341a; font-size: 1.2em; }
.basket input[type="submit"] { border: none; max-width: 65px; margin: 0 auto; text-transform: uppercase; text-align: center; color: #333333; font-weight: 600; font-size: 0.9em; }
.basket input[type="submit"].update:hover { color: #ff6c00; }
.basket .total .row.regular { border-bottom: 0px; min-height: 0; margin-bottom: 0px; }
.basket .total .row .col-left { float: left; line-height: 40px; text-align: left; }
.basket .total .row .col-right { float: right; line-height: 40px; text-align: right; }
.basket .btn.grey { background-color: #bfbfbf; border-color: #bfbfbf; margin-left: 15px; color: #fff; font-weight: bold; }
.basket .btn.grey:hover { background-color: #777 !important; border-color: #777; }
.basket .total .row.regular.sub { padding-bottom: 0; }
.basket .full-bg { text-align: center; }
.basket .full-bg .section { margin: 40px auto 25px; display: block; max-width: 450px; }
.basket .pyplxs { text-align: center; margin-top: 10px; }
.basket .paypalor { font-weight: bold; color: #333; text-align: center; margin: 20px 0 15px 0; font-size: 1.2em; }
.dislide .shut { overflow: hidden; height: 0; }
.dislide #discountform .notice .line { margin-bottom: 0; clear: both; }
.dislide #discountform h3 { float: left; width: auto; padding-bottom: 10px; }
.dislide #discountform .fa { float: right; color: #ff6800; font-size: 1.8em; margin-right: 15px; }
#customerquoteform h3 { margin-top: 0; }
#customerquoteform { }
#discountform .validation-summary-errors ul { margin-bottom: 15px; padding: 10px 10px 10px 28px; background-color: #e91e63; color: #fff; }
#discountform h3 { margin-top: 0; }
#discountform h3 i, #customerquoteform h3 i { margin-right: 15px; color: #ff6800; }
#discountform .notice span { color: #333333; display: block; line-height: 15px; padding: 0 15px; }
#discountform input[type="text"] { }
#discountform input[type="submit"] { font-size: 0.95em; }
#discountform .notice .line, #customerquoteform .notice .line { border: .6px solid #eeeeee; margin: 10px 0; }
#customerquoteform .notice .line { margin-left: -15px; margin-bottom: 20px; margin-right: -15px; }
#discountform .editors { }
#discountform .editors .editor-label { margin-bottom: 15px; }
#discountform .editors .editor-field input[type="radio"] { width: 25px; height: 25px; float: left; }
#discountform .editors .editor-field.value input { width: 100%; }
#discountform .editors .editor-field label span.type { color: #00458f; font-weight: bold; margin: 8px; display: inline-block; }
#discountform .editors .editor-field label i { color: #ff6800; font-size: 1.3em; margin-right: 10px; }
.pay-types .pay-srnd { border: 1px solid #d4d4d4; background-color: #fff; color: #2bbed8; min-height: 58px; margin-bottom: 10px; }
.pay-types .pay-srnd label { padding: 15px 70px 15px 15px; display: block; cursor: pointer; position: relative; min-height: 76px; }
.pay-types .pay-srnd label img { display: block; float: left; }
.pay-types .pay-srnd i { color: #ff6800; font-size: 3.5em; float: left; margin-right: 8px; }
.pay-types .pay-srnd svg { float: left; margin-right: 8px; }
.pay-types .text { margin: 0 20px 0 20px; }
.pay-srnd span.check { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #2bbed8; border: 1px solid #d4d4d4; display: block; position: absolute; top: 16px; right: 16px; }
.pay-srnd span.check i { width: 40px; line-height: 40px; height: 40px; text-align: center; color: #004d94; display: none; font-size: 1.5em; }
.pay-srnd span.name { line-height: 45px; font-size: 1.1em; color: #004d94; display: block; }
.pay-srnd input { display: none; }
.pay-srnd.selected span.check i { display: block; }
.geotrust { float: right; height: 55px; width: 115px; margin-bottom: 15px; }
#delivery .del-opt { width: 50%; max-width: 320px; float: left; margin-right: 0px; }
#delivery .del-opt .surround { background-color: #d1dad4; font-size: 1.1em; padding: 10px; margin-bottom: 0px; cursor: pointer; }
#delivery .del-opt strong span { color: #f77400; }
#delivery .del-opt .check { float: right; width: 40px; height: 40px; line-height: 40px; background-color: #fff; }
#delivery .del-opt.collect .check { margin-top: -20px; }
#delivery .del-opt .check i { color: #f77400; font-size: 1.5em; width: 40px; height: 40px; line-height: 40px; text-align: center; display: none; }
#delivery .del-opt.selected .check i { display: block; }
#delivery .del-opt.collect { line-height: 20px; }
.account.other .bill-del h2 { line-height: 25px; float: left; }
.account.other #delivery h2 { margin-bottom: 0px; }
#delivery-options label .rb input { margin: 13px 0; width: 14px; height: 14px; }
#delivery-options label .details strong { color: #00458f; }
#delivery-options label .details span { color: #00458f; }
#delivery-options label span.price { color: #ff6800; font-weight: 700; position: absolute; right: 15px; top: 40px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); line-height: 40px; width: 85px; font-size: 1.2em; }
.account .address-checked .full-bg .editor-field { margin-bottom: 20px; }

.sab { margin-bottom: 20px; }
.sab span { margin-top: 2px; color: #333; line-height: 25px; float: left; display: block; }
.sab input { width: 21px; height: 21px; border: 1px solid #d6d6d6; margin: 2px 0 2px 10px; float: left; }
.required { color: #00458f; }

#billingAddress.shut { height: 0; overflow: hidden; }
.pay-opt h2 { float: left; line-height: 40px; margin-top: 0px; }
.pay-opt span.btn { float: right; display: block; padding: 0 15px; height: 40px; line-height: 40px; width: auto; background-color: #2bbed8; color: #fff; border: 1px solid #2bbed8; cursor: pointer; text-transform: uppercase; font-size: 0.85em; }
.pay-opt span.btn:hover { background-color: #fff; color: #2bbed8; }
.pay-opt .card-surround { background-color: #fff; position: relative; padding: 10px 15px; margin-bottom: 15px; cursor: pointer; }
.pay-opt .card-surround input[type="radio"], .hider input[type="checkbox"] { position: absolute; left: -500000px; }
.pay-opt .card-surround .check { float: left; width: 20px; text-align: center; height: 20px; line-height: 20px; background-color: #fff; margin-right: 15px; border: 1px solid #d4d4d4; }
.pay-opt .card-surround .check i { color: #2bbed8; font-size: 1.5em; width: 40px; text-align: center; height: 40px; line-height: 40px; display: none; }
.pay-opt .card-surround.selected .check i { display: block; }
.pay-opt .card-surround .card-details { float: left; line-height: 58px; text-align: center; margin-left: 48px; }
.pay-opt .card-surround .card-expiry { line-height: 58px; text-align: center; margin-left: 0 !important; }
span.small-text { font-size: 0.7em; }
.delivery-opt { display: block; position: relative; padding: 10px 85px 10px 40px; line-height: 20px; background-color: #fff; margin-top: 15px; cursor: pointer; border: 1px solid transparent; }
.delivery-opt.selected, .pay-srnd.selected { border: 1px solid #ff6800; }
.delivery-opt:hover { background-color: #f7f7f7; }
.delivery-opt input[type="radio"] { position: absolute; top: 25px; left: 10px; width: 20px; height: 20px; margin: -10px 0 0 0; }
.delivery-opt .details strong, .delivery-opt .details span { display: block; color: #00458f; }
.delivery-opt .price { color: #ff6800; font-weight: 700; position: absolute; top: 50%; right: 10px; line-height: 30px; margin-top: -15px; font-size: 1.4em; }
.account.other .address-checked h2 { font-size: 1.4em; }
.account.other .address-checked h2 i { color: #ff6800; margin-right: 10px; font-size: 1.3em; }
.prod-submit .soldout #loading { background-color: transparent; font-size: 1.3em; border: none; height: 30px; line-height: 30px; text-align: left; }
.prod-submit #loading { cursor: pointer; width: 100%; line-height: 50px; height: 50px; text-align: center; background-color: #ff6800; color: #fff; font-weight: 700; border: 1px solid #ff6800; font-family: 'Roboto', sans-serif; font-size: 1em; display: block; border-radius: 3px; font-weight: 700; font-size: 1.5em; }
.prod-submit .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); margin-right: 10px; }

@-webkit-keyframes fa-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes fa-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

/*.product #img-carousel .dw-item { width: 834px !important; height: 742px; }*/
.product #slides { border: 3px solid #f7f7f7; position: relative; }
.product #slides .sticker--container { position: absolute; top: 0px; left: 0px; z-index: 10; max-width: 30%; width: 110px; }
.product #slides .sticker--container img { display: block; }
.product #slides.sliders { border: 3px solid #f7f7f7; }
.product #slides.orange { border: 3px solid #ff6c00; }
.product #slides.blue { border: 3px solid #004d94; }
.product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-left { display: block; }
.product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-right { display: block; right: -30px; }
.product #slides .bx-wrapper .bx-pager { bottom: -50px; }
.product h1 { margin-top: 0; line-height: 44px; }
.product h1.nomarg { margin-bottom: 0; }
.product .selections { background-color: #f7f7f7; padding: 25px 30px; position: relative; }
.product .selections .price { font-size: 1.2em; color: #072442; font-weight: bold; }
.product .selections .price strong { color: #ff6c00; font-size: 2em; }
.product .selections .price span.vat { font-size: 0.5em; font-weight: normal; }
.product .selections .price .soldout { width: 50%; float: right; margin-top: 8.9%; }
.product .selections .price .soldout span { color: #ff2c0e; font-size: 0.8em; }
.product .selections .price .soldout span i { margin-right: 15px; }
.product .selections .was-price { font-size: 1.05em; color: #014590; }
.product .selections .was-price div { color: #014590; font-size: 1.65em; font-weight: bold; margin-top: 10px; }
.product .selections .was-price div .ammount { text-decoration: line-through; }
.product .selections .was-price.no-disc { color: #000; font-weight: bold; }
.product .selections .was-price.no-disc .price { text-decoration: none; color: #cfcfcf; }
.product .selections .was-price span.vat { font-size: 0.5em; font-weight: normal; }

.product .products { margin-top: 15px; }
.product .editor-label { margin: 10px 0; }
.product .above-price { margin: 15px 0 0; }
.prodpanel { position: relative; }

.product .above-price .prod-dets { color: #999999; margin-top: 8px; }
.product .above-price .prod-dets .orange { color: #ff6800; }
.product .above-price .prod-dets .blue { color: #00458f; }
.product .prod-reviews { float: right; margin-top: 10px; text-align: left; max-width: 190px; position: absolute; right: 0; top: 0; }
.product .prod-reviews .revitems { width: 200px; height: 30px; position: absolute; z-index: 999999; cursor: pointer; }
.product .info-icons .dw-md-9 { padding: 0; }
.product .info-icons { margin: 15px 0 10px; }
.product .stock { font-weight: bold; color: #004d94; font-size: 1.1em; margin-bottom: 5px; }
.product .stock i { color: #ff6c00; font-size: 1.5em; text-align: center; display: block; margin-right: 8px; float: left; }
.product .stock span { display: inline-block; margin-top: 3px; }
.product .stock.rem { margin-bottom: 15px; display: inline-block; color: #333; }
.product .stock.rem i { font-size: 1.2em; margin-right: 10px; float: left; }
.product .products .dw-xs-2.qty .editor-label.count { margin-bottom: 35px; }
.product .products .dw-xs-2.qty { padding-right: 0; }
.product .products .dw-xs-4.qty { padding-left: 10px; }
.product .products .editor-field.qtybtns { text-align: center; margin: 40px 0 0; display: block; max-width: 88px; }
.product .products .editor-field .quant { background-color: #ff6800; border: 1px solid #ff6800; border-radius: 100%; height: 30px; line-height: 28px; text-align: center; margin: 5px; width: 30px; color: #fff; }
.product .product-info .stock-info { width: 100%; margin: 15px auto; }
.product .product-info .column { float: left; max-width: 100px; padding: 1px; }
.product .product-info .stock-info .description, .product .product-info .stock-info .title { padding: 8px; color: #333; font-weight: normal; }
.product .product-info .stock-info .description:nth-child(even) { background-color: #ebebeb; }
.product .product-info .stock-info .description { background-color: #ebebeb; font-size: .7em; }
.product .product-info .stock-info .title { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #cfcfcf; color: #333; font-weight: bold; font-size: .7em; }
.product .product-info .bluebanner.double { bottom: 30px; }
.product .product-info .bluebanner { position: absolute; width: 100%; background-color: #014590; color: #fff; text-transform: uppercase; font-weight: bold; bottom: 0; left: 0; padding: 5px; font-size: 1.2em; text-align: center; }
.product .product-info .bluebanner i { margin-right: 3px; }
.product .product-info .warranty { position: absolute; width: 100%; bottom: 0; left: 0; background-color: #f7f7f7; padding: 5px 0; font-size: 1.2em; color: #ff6c00; font-weight: bold; border: 1px solid #f7f7f7; text-align: center; }
.product .further-info table { width: 100% !important; border: 1px solid #004d94; border-radius: 5px; border-collapse: collapse; }
.product .further-info table td, .product .further-info table th { padding: 8px; text-align: center; }
.product .further-info table tr:nth-child(odd) { background-color: #f7f7f7; }
.product .further-info table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #004d94; color: white; text-align: center; }
.product .further-info table th:first-child, .product .further-info table td:first-child { text-align: left; }
.product .further-info #tabs ul li { color: #ff6800; }
.product .further-info.main-desc { padding: 0 15px 15px 15px; margin-top: 0 !important; }
.product .further-info.main-desc.nextdayfree table tr:nth-child(2) { display: none; }
.product .further-info.main-desc table th { background-color: #333; }
.product .further-info.main-desc table td { background-color: #fff !important; }
.product .further-info.main-desc .delink { color: #fff; margin-left: 10px; }
.product .main-desc a { color: #ff6800; font-weight: bold; }
.product .further-info #tabs ul li.active { border-bottom: none; }
.product .further-info #tabs ul li span, .product .further-info #tabs ul li p, .product .further-info #tabs ul li p strong { font-weight: bold; color: #333; margin: 5px; }
.product .further-info .surround .description img { margin: 15px auto; display: block; }
.product .further-info .note { width: 100%; background-color: #ff6c00; padding: 20px; border-radius: 3px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.1em; display: inline-block; text-align: center; margin-bottom: 15px; }
.product .further-info ul.feattabs { max-width: 900px; margin: 0 auto; }
.product .customer-testimonials { margin-top: 45px; background-color: #ebebeb; padding: 25px 50px; }
.product .features td.name { font-weight: bold; }
.product .description { margin-top: 30px; }

#productListings .bestsell .whitebg.stickborder { border-style: solid; border-width: 3px; }
#productListings .bestsell .whitebg.stickmove #sticker { margin: 5px 0 0 5px; position: absolute; z-index: 99; }
#productListings .bestsell .whitebg { margin: 10px 0 10px; background-color: #f7f7f7; padding: 0; position: relative; }
#productListings .bestsell .whitebg.hasbar { margin: 10px 0px; }
#productListings .bestsell .whitebg .revs { color: #999999; font-size: .85em; }
#productListings .bestsell .whitebg.hasbar .ladder-icon { bottom: 50px; }
#productListings .bestsell .whitebg.hasbar .ladder-icon-remove { bottom: 50px; }
#productListings .bestsell .whitebg.orange { border: 5px solid #ff6c00; }
#productListings .bestsell .whitebg.blue { border: 5px solid #004d94; }
#productListings .bestsell .whitebg .btn { }
#productListings .bestsell .whitebg .info { padding: 10px; background-color: #f7f7f7; position: relative; }
#productListings .bestsell .whitebg .title { min-height: 45px; }
#productListings .bestsell .whitebg.stickborder.stickmove #sticker { position: absolute; margin-top: -3px; margin-left: -3px; z-index: 99; }
#productListings .bestsell .whitebg .outter { position: relative; border: 3px solid #f7f7f7; border-bottom: none; }
#productListings .bestsell .whitebg .outter .bluebanner { position: absolute; width: 100%; text-align: center; background-color: #014590; color: #fff; text-transform: uppercase; font-weight: bold; bottom: 0; left: 0; padding: 5px; font-size: 0.8em; }
#productListings .bestsell .whitebg .outter .bluebanner i { margin-right: 3px; }
#productListings .bestsell .whitebg .origin { color: #868686; font-size: 0.8em; display: block; margin: 0; padding-left: 14px; }
#content #productListings .bestsell .whitebg .origin li::marker { color: #868686; }
#content #productListings .bestsell .whitebg .origin li { margin-bottom: 5px; }
#productListings .bestsell .whitebg .warranty { background-color: #ebebed; padding: 5px 0; font-size: 0.85em; color: #004d94; font-weight: bold; border: 1px solid #ebebed; text-align: center; }
#productListings .bestsell .whitebg .warranty i { margin: 0 5px; font-size: 1.35em; }
#productListings .bestsell .whitebg .warranty span { color: #fd6801; }




.prodslider .bx-wrapper { max-width: 1200px !important; }
.prodslider .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -25px; display: block; }
.prodslider .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -25px; display: block; }
.prodslider .prod-item img { display: block; }
.prodslider .prod-item.access { background-color: #f7f7f7; border: 4px solid #f7f7f7; }
.prodslider .prod-item { background-color: #f7f7f7; border: 4px solid #004d94; display: block; }
.prodslider .section .prod-item { margin-bottom: 15px; }
.prodslider .prod-item .info { padding: 10px; min-height: 150px; }
.prodslider .prod-item .info .btn { margin-top: 10px; max-width: 120px; height: 30px; line-height: 30px; }
.prodslider .prod-item .info span { display: block; }
.prodslider .prod-item .info .title { min-height: 40px; font-weight: bold; }
.prodslider .prod-item .info .price { min-height: 35px; margin-top: 10px; }
.prodslider .prod-item .info .price .now { color: #ff6800; font-size: 1.05em; }
.prodslider .prod-item .info .price .was { color: #004d94; font-size: 0.8em; text-decoration: line-through; margin-top: 2px; }
.prodslider .prod-item .info .review-stars .star-connect i { font-size: 0.75em; }
.prodslider .prod-item .info .ladder-icon { position: absolute; right: 15px; bottom: 15px; background-image: url(images/ladders-uk.svg); width: 17px; height: 24px; cursor: pointer }
.related-products { margin-top: 35px; }
.line-products { border: 1px solid #f7f7f7; margin-top: 50px; }
#tabspanelbtm { margin-top: 30px; }
#tabspanelbtm .feattabs li { width: 191.66px; margin-right: 10px; }
#tabspanelbtm .feattabs li:nth-child(6) { margin-right: 0; }
#tabspanelbtm .feattabs li.clear { display: block; clear: both; height: 0; line-height: normal; border-radius: 0; float: none; margin-right: 0; }
#tabspanelbtm .bx-wrapper .bx-controls-direction a { display: block; }
.pr-form .review-stars { width: 125px; }

.feattabs li { display: block; position: relative; text-align: center; z-index: 8; margin-right: 15px; margin-bottom: -1px; }
.further-info .feattabs li.active a { background-color: #fff; border: 1px solid #ebebeb; border-bottom: none; }
.further-info #tabspanel .tabs .surround { background-color: #fff; border: 1px solid #ebebeb; position: relative; padding: 15px; }
#tabspanel .tabs, #tabspanelbtm .tabs { display: none; }
#tabspanel .tabs .surround.tabhome .bx-wrapper .bx-viewport { min-height: 325px; }
#tabspanelbtm .tabs .btn.blue { max-width: 260px; margin: 10px auto 0 auto; }
#tabspanel .tabs.active, #tabspanelbtm .tabs.active { display: block; }
#tabspanel .tabs .surround { padding: 16px 15px 60px 15px; border-top: 1px solid #ebebeb; background-color: #ebebeb; }
#tabspanel .tabs .surround.tabhome { padding: 16px 15px 15px 15px; }
#tabspanel .tabs a.delink { float: right; margin-left: 10px; color: #ff6800; font-weight: bold; }
#tabspanelbtm .tabs .surround { border-top: 1px solid #ebebeb; }
#tabspanelbtm .tabs .surround.less .bx-wrapper { margin: auto; }
#tabspanelbtm .section { margin: 0 -25px; }
#tabspanelbtm .section .dw-md-2 { padding: 0 25px; }
.bestsell #tabspanelbtm .whitebg { padding: 20px 0; }
.bestsell #tabspanelbtm .whitebg a { display: block; }
#tabspanel .bx-wrapper .bx-controls-direction a { display: block; }
.section-file i { color: #ff6800; font-size: 3em; margin: 10px auto; text-align: center; display: block; }
.section-file a { display: block; text-align: center; text-decoration: underline; }
.cats .prod-listing { margin-top: 30px; }
.listing-container { position: relative; }
.listing-container .loading-animate { position: absolute; height: 100%; min-height: 500px; width: 100%; z-index: 9; }
.listing-container .loading-animate .inner-rel { width: 100%; height: 100%; position: relative; z-index: 1; }
.listing-container .loading-animate .overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #fff; z-index: -1; opacity: 0.9; }
.listing-container .loading-animate .content { position: absolute; top: 85px; left: 50%; transform: translateX(-50%); }
.prod-list-top { line-height: 40px; border-bottom: 0.5px solid #d9d9d9; margin-bottom: 25px; }
.prod-list-top h1 { margin-bottom: 10px; display: inline-block; }
.prod-listing .toptitle { margin: 25px 0 10px 0; color: #00458f; font-weight: bold; }
.prod-listing .toptitle span { font-size: 0.7em; font-weight: normal; }
.prod-list-top h1 span { font-size: 0.56em; font-weight: normal; }
.prod-list-top p { margin-top: 0; }
.prod-list-top strong { display: inline-block; }
.prod-list-top #userlayout { }
.prod-list-top form { text-align: right; position: relative; }
.prod-list-top form strong { position: absolute; left: 0; top: 0; font-weight: normal; font-size: 0.8em; }
.prod-list-top select { border: 1px solid #044a93; color: #044a93; font-size: 1em; width: auto; height: 40px; font-weight: 700; padding: 0px 10px; }
.prod-listing .dw-md-3 { padding: 5px; }
.prod-listing .dw-md-2 { padding: 5px; }
.prod-listing .section { /* margin: 0 -5px; */ }


.clearpay--widget { padding: 5px 10px; margin-top: 15px; }
.clearpay--widget afterpay-placement { margin: 0px; display: inline-block; text-align: left; }
.clearpay--widget afterpay-placement .payment-amount { font-weight: 700; }

@font-face { font-family: "titling-gothic-fb-wide"; src: url("https://use.typekit.net/af/8edf8c/00000000000000003b9ae90b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/8edf8c/00000000000000003b9ae90b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/8edf8c/00000000000000003b9ae90b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-style: normal; font-weight: 800; font-display: swap; }
.productlist.landpage .topbanner { margin-top: 35px; }
.productlist.landpage .topbanner h1 { font-size: 2em; /* line-height:55px; */ font-family: "titling-gothic-fb-wide",sans-serif; font-weight: 800; text-transform: uppercase; }
.productlist.landpage .btmsec { margin-top: 30px; }
.productlist.landpage .btmsec h2 { margin-top: 0; }
.productlist.landpage .btmsec ul { color: #333; }

.section.returns input[type="checkbox"] { width: 20px; height: 20px; position: absolute; left: -5px; top: -5px; }
.section.returns .options { position: relative; padding-left: 30px; display: block; color: #ff6800; cursor: pointer; }
.section.returns .options:hover { color: #00458f; }
.section.returns label { margin-bottom: 10px; display: block; }
.section.returns textarea { min-height: 65px; }
.section.returns .dw-sm-3 label { display: inline-block; }
.section.returns .dw-sm-3 input { width: 50px; }
.section.returns { margin-top: 10px; }

.review-stars { position: relative; width: 100px; height: 20px; line-height: 20px; font-size: 1em; display: block; margin-top: 6px; }
.review-stars .stars { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; }
.review-stars .stars.blank { color: #cfcfcf; width: 100%; }
.review-stars .stars.full { color: #ffb00d; }
.review-stars .star-connect { width: 105px; }
.review-stars .stars i { width: 20%; height: 20px; line-height: 20px; float: left; }
.review-stars .star-connect i { width: 20px; height: 20px; line-height: 20px; float: left; }
.customer-testimonials .slide .comment { min-height: 108px; }
.product .above-price .prod-reviews a { color: #999999; }
.product .above-price .prod-reviews a:hover { color: #ff6800; }
.product .above-price .prod-reviews a span { display: inline-block; font-size: 1em; margin-top: 2px; }
.customer-testimonials .bx-wrapper .bx-controls-direction a { display: block; background: none; box-shadow: none; color: #666666; }
.customer-testimonials .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -50px; }
.customer-testimonials .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -50px; }
.customer-testimonials .nostars { padding-bottom: 15px; }
.customer-testimonials .slide em { color: #4f4f4f; display: block; min-height: 125px; }
.customer-testimonials .surround { padding-top: 15px; color: #4f4f4f; }
.form-review-surround { background-color: #f7f7f7; }
.form-review-surround .OK { max-width: 600px; text-align: center; margin: 15px auto; border-radius: 3px; }
.form-review-surround .section.endreview { margin: 40px auto; max-width: 600px; }
.form-review-surround .section.endreview .btn { max-width: 250px; }
.form-review-surround h2 { text-align: center !important; margin-bottom: 30px; }
.leave-review .fa { color: #cfcfcf; }
.leave-review .fa.selectedstar { color: #ffb00d; }
.review-help { padding: 15px; color: #fff; background-color: #ff6800; font-weight: 700; font-size: 1.1em; margin: 15px 10px; border-radius: 3px; }
.review.product .dw-md-2:nth-child(4n+1) { clear: both; }
.review.product .page-review .pr-form { min-height: 490px; }
.page-review .review-stars .stars { width: 255px; }
.page-review .pr-form { background-color: #f7f7f7; padding: 25px; min-height: 465px; }
.page-review .pr-form .review-row { margin: 10px 0; }
.page-review { margin: 15px 0; }
.page-review i { margin-right: 5px; }
.contactpage .v-orange { color: #ff6800; }
.contactpage #contactform .editor-label, .contactpage #requestform .editor-label { font-weight: bold; }

.loading-help .new-loader { display: inline-block; font-size: 4px; margin: 0; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); margin-bottom: 2px; }
.loading-special { height: 50px; line-height: 50px; text-align: center; margin-top: 35px; }
.loading-help .load-text { line-height: 40px; display: inline-block; text-align: center; -webkit-appearance: none; margin-left: 20px; }
.contactpage #contactform .forgot .btn, .contactpage #requestform .forgot .btn { margin-top: 43px; }
.contactpage .narrow-form { max-width: 595px; margin: 30px auto; }
.contactpage .narrow-form #contactform { padding: 0px; }
.contactpage h1 { font-size: 2em; }
.contactpage .address span { color: #999999; font-size: 1.1em; }
.contactpage .address a { font-weight: bold; text-decoration: none; width: 100%; }
.contactpage .social-media i { font-size: 1.5em; }
.contactpage .social-media span { color: #999999; font-size: 1.1em }
.contactpage .social-media strong { color: #004d94; }
.contactpage .social-media .media { font-size: 2em; margin: 20px 0 15px; }
.contactpage .social-media .media a { margin-right: 25px; }
.contactpage .social-media .media a.facebook { color: #3b5998; }
.contactpage .social-media .media a.twitter { color: #00aced; }
.contactpage .social-media .media a.instagram { color: #de5190; }
.contactpage .map { margin-top: 20px; }
.contactpage .map h2 { font-size: 1.8em; }
.contactpage .map h2 i { margin-right: 15px; }
.contactpage .map iframe { width: 100%; }
.contactpage .social-media i { color: #ff6800; }
.contactpage #formtabs { overflow: hidden; background-color: #f1f1f1; }
.contactpage #formtabs h2 { font-size: 1.2em; }
.contactpage #formtabs h2 i { color: #ff6800; margin-right: 15px; }
.contactpage #formtabs ul { padding: 0; }
.contactpage #formtabs ul li { float: left; cursor: pointer; transition: 0.3s; font-size: 17px; list-style: none; width: 50%; background-color: #ebebeb; }
.contactpage #formtabs ul li.ui-tabs-active { background-color: #f7f7f7; }
.contactpage #formtabs ul li a { padding: 2px 20px; display: block; }
.contactpage #formtabs ul li:hover { background-color: #ddd; }
.info.terms ol li, .return-info ul li { color: #00458f; font-weight: bold; margin: 15px 0 }
.info.terms ol li span, .return-info ul li span { font-weight: normal; color: #333; }
.info.terms strong { color: #00458f; }
.delivery-form { background-color: #f7f7f7; margin: 15px 0; padding: 15px; }
.delivery-payments .option.form .title { font-size: 0.9em; }
.delivery-payments .option.form { color: #00458f; font-weight: 800; min-height: 50px; line-height: 50px; }
.delivery-payments .option { background-color: #fff; margin: 15px; border: 1px solid #e1e1e1; }
.delivery-payments .option.form .price { float: right; font-weight: bold; color: #ff6800; font-size: 1.5em }
.delivery-payments .option.form .price span { font-weight: normal; color: #00458f; }
.delivery-form .cta { text-align: center; margin: auto; display: block; padding: 15px; color: #ff6800; font-weight: bold; font-size: 1.2em; }

#pickaddr .enter-postcode, #pickdeladdr .enter-postcode { height: 40px; position: relative; }
#pickaddr .enter-postcode .btn, #pickdeladdr .enter-postcode .btn { float: right; display: inline-block; height: 40px; line-height: 40px; padding: 0px 15px; width: 140px; margin: 0px; }
#pickaddr .enter-postcode .editor-field, #pickdeladdr .enter-postcode .editor-field { position: absolute; top: 0px; left: 0px; width: calc(100% - 155px); }
.sub-addr-fields { margin-top: 15px; }
.sub-addr-fields .editor-field { margin-bottom: 15px; }

.cta.blue.trade-account { background-color: #00458f; padding: 35px 0px; }

.cta.blue.trade-account .cta-inner { max-width: 1037px; margin: 0 auto; position: relative; }
.cta.blue.trade-account .cta-inner .cta-text { color: #fff; font-size: 24px; }

.cta.blue.trade-account .cta-inner .btn a { display: block; }

.cta.blue.trade-account .btn { max-width: 340px; margin: 0px; display: inline-block; float: right; }

.trade-bullet { background-color: #ebebeb; border-radius: 3px; padding: 15px 10px 15px 55px; position: relative; max-width: 300px; margin: 15px auto; }
.trade-bullet i, .trade-bullet img { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #ff6800; font-size: 25px; }
.trade-bullet.trust { padding: 15px 10px 15px 90px; }
.trade-bullet span { font-size: 0.95em; }
.trade-bullet strong { color: #00458f; }

.inner-rel { width: 100%; height: 100%; position: relative; }

.trade-bullet-lg { border-radius: 3px; position: relative; padding: 30px 15px 30px 275px; min-height: 330px; overflow: hidden; }
.trade-bullet-lg .round-icon { width: 65px; height: 65px; background-color: #ff6800; border-radius: 100%; }
.trade-bullet-lg .round-icon .inner-rel i { position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; }
.trade-bullet-lg strong { color: #00458f; font-size: 1.9em; }
.trade-bullet-lg img { position: absolute; bottom: 0px; left: 30px; }

#features-spec #loading { text-align: center; margin-top: 20px; font-size: 1.2em; padding-right: 10px; }
#features-spec #loading .fa { padding: 10px; }

.grey-bg { background-color: #ebebeb; }
.grey-bg .narrow-txt a { color: #ff6c00; }

.narrow-txt { max-width: 815px; text-align: center; margin: 0 auto; }
.narrow-txt h2 { font-size: 1.8em; }
.narrow-txt .narrow-txt { max-width: 590px; text-align: center; margin: 0 auto; }

.specialhead.other.trade { min-height: 396px; }
.specialhead.short { min-height: 10px !important; }
.specialhead.other .main-area .container { position: relative; }
.specialhead.other .main-area .container img { position: absolute; bottom: -60px; right: -27px; z-index: -1; }
.specialhead.other .main-area { background-color: #00458f; font-size: 1.4em; padding: 60px 0px; position: relative; z-index: 10; }
.specialhead.other .main-area h1, .specialhead.other .main-area span, .specialhead.other .main-area, .specialhead.other .main-area strong, .specialhead.other .main-area ul li, .specialhead.other .main-area strong { color: #fff; }
.specialhead.other .main-area .bt { border: none; display: inline-block; height: 55px; border-radius: 3px; }
.specialhead.other .main-area .bt a { width: 100%; height: 100%; display: block; font-weight: 700; color: #fff; line-height: 55px; text-align: center; }
.specialhead.other .main-area .bt.create-acc { background-color: #079700; width: 285px; margin-right: 25px; }
.specialhead.other .main-area .bt.create-acc:hover { background-color: #00843d !important; }
.specialhead.other .main-area .bt.sign-in { background-color: #ff6c00; width: 140px; }
.specialhead.other .main-area .bt.sign-in:hover { background-color: #FF8B2F; }
.specialhead.other .main-area .btns { font-size: 0.8em; }
.specialhead.other .main-area ul { font-size: 0.85em; margin: 30px 0px; padding: 0px; }
.specialhead.other .main-area ul li { margin: 0px; list-style-type: none; padding: 10px 0px 10px 40px; position: relative; }
.specialhead.other .main-area ul li i { position: absolute; font-size: 1.5em; color: #ff6c00; top: 50%; transform: translateY(-50%); left: 0px; }
.specialhead.other .call-area { background-color: #092c61; line-height: 20px; padding: 30px 0px; color: #fff; font-size: 1.4em; }
.specialhead.other .call-area a { color: #fff; }
.specialhead.other .call-area a:hover { color: #ff6c00; }
.specialhead.other .call-area i { font-size: 1.3em; margin-right: 30px; line-height: 20px; }

.trade-save { text-align: center; }
.trade-save .save-top { line-height: 62px; border-radius: 3px 3px 0px 0px; font-size: 1.8em; }
.trade-save .save-btm { line-height: 62px; border-radius: 0px 0px 3px 3px; font-size: 1.2em; }
.trade-save .all-order strong { color: #00458f; }
.trade-save .all-order .save-top { background-color: #bebebe; }
.trade-save .all-order .save-btm { background-color: #ebebeb; }
.trade-save .three-plus .save-top { background-color: #092c61; }
.trade-save .three-plus .save-btm { background-color: #00458f; }
.trade-save .three-plus strong { color: #fff; }
.trade-save .five-plus .save-top { background-color: #a0470c; }
.trade-save .five-plus .save-btm { background-color: #ff6c00; }
.trade-save .five-plus strong { color: #fff; }

.trade-prod-tile { background-color: #fff; height: 220px; position: relative; max-width: 280px; margin: 0 auto 30px; }
.trade-prod-tile strong { position: absolute; top: 20px; left: 20px; font-size: 30px; color: #00458f; z-index: 2; }
.trade-prod-tile .btn { position: absolute; bottom: 20px; left: 20px; width: 160px; z-index: 2; }
.trade-prod-tile .btn a { display: block; color: #fff !important; }
.trade-prod-tile img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; max-width: 400px; z-index: 1; }

#review-slider-container { position: relative; }
#review-slider-container .bx-wrapper .bx-controls-direction a { position: absolute; color: #ff6c00; font-size: 25px; display: block !important; }
#review-slider-container .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -90px !important; }
#review-slider-container .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -90px !important; }

.trade-account-cta { padding: 25px 45px; background-color: #00458f; height: 100px; position: relative; }
.trade-account-cta .btn.login { max-width: 245px; right: 305px; }
.trade-account-cta .btn.register { max-width: 245px; right: 45px; }


.trade-account-cta .cta-title .round-icon { height: 40px; width: 40px; line-height: 40px; background-color: #ff6800; border-radius: 100%; text-align: center; color: #fff; font-size: 1.4em; margin-right: 10px; display: inline-block; }
.trade-account-cta .cta-title strong { font-size: 1.4em; }

.main-trade-cta { background-color: #004d94; position: relative; padding: 18px; margin-bottom: 30px; }
.main-trade-cta span { color: #fff; font-size: 2.1em; }
.main-trade-cta span i { margin: 0px 18px 0px 18px; }
.main-trade-cta .btn { border: none; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 240px; background-color: #fff; }
.main-trade-cta .btn a { display: block; font-weight: 700; }
.main-trade-cta .btn:hover { background-color: #ff6800 !important; }
.main-trade-cta .btn:hover a { color: #fff; }

.qty-breaks .price-break { background-color: #fff; text-align: center; padding: 10px; }
.qty-breaks .price-break strong { font-size: 1.4em; }
.qty-breaks .price-break span { color: #FF6C02 !important; }
.qty-breaks .price-break .price { margin-right: 5px; font-size: 1.4em; }
.qty-breaks .price-break strong.saving { color: #205c9d; font-size: 1.1em; }

.qty-breaks .dw-xs-4:nth-child(1) { margin-right: -15px; width: calc(33.33333333333333% + 15px); }
.qty-breaks .dw-xs-4:nth-child(2) { margin: 0px -14px 0px -14px; width: calc(33.33333333333333% + 28px); }
.qty-breaks .dw-xs-4:nth-child(3) { margin-left: -15px; width: calc(33.33333333333333% + 15px); }

.table-stock-delivery-date { font-size: 1.1em; margin-top: 15px; }

.table-stock-delivery-date strong { font-size: 1em !important; }

.product-tables.spec-limit { overflow-y: hidden; max-height: 99999999999999px; }
.product-tables.spec-limit.hide { max-height: 452px; }

.spec-table-toggle { cursor: pointer; padding: 15px 15px; background-color: #333333; width: 230px; margin: 30px auto; border-radius: 3px; }
.spec-table-toggle:hover { background-color: #004d94; }
.spec-table-toggle:hover .ico i { color: #004d94 !important; }
.spec-table-toggle .ico { width: 15px; height: 15px; line-height: 15px; background-color: #fff; border-radius: 100%; text-align: center; display: inline-block; font-size: 0.8em; margin-right: 5px; }
.spec-table-toggle .ico i { line-height: 16px; height: 15px; }
.spec-table-toggle .txt { color: #fff; font-weight: 700; font-size: 0.9em; line-height: 15px; }
.spec-table-toggle.hide .ico .hideico { display: none; }
.spec-table-toggle.show .ico .showico { display: none; }
.spec-table-toggle.hide .txt .hidetxt { display: none; }
.spec-table-toggle.show .txt .showtxt { display: none; }

.home-link { display: block; }

.slidy-tabs .tab { cursor: pointer; background-color: #f7f7f7; height: 40px; display: flex; align-items: center; justify-content: center; font-weight: 700; border-radius: 4px 4px 0px 0px; }
.slidy-tabs .tab.active { color: #004d94; }
.slidy-tabs .tab i { display: none; }


.back-to-top { position: fixed; bottom: 60px; right: 60px; cursor: pointer; text-decoration: none; }
.back-to-top .inner { padding: 0px 8px; border-radius: 100px; background-color: #ff6800; height: 50px; min-width: 50px; display: flex; justify-content: center; align-items: center; }
.back-to-top i { display: block; color: #fff; padding: 0px 10px; }
.back-to-top .txt { font-weight: 600; display: block; color: #fff; overflow: hidden; max-width: 0px; transition: max-width .2s, opacity .2s; opacity: 0; }
.back-to-top .txt span { width: 90px; display: block; }
.back-to-top:hover .txt { max-width: 100px; opacity: 1; }

.prod-accord .plus-min { width: 40px; height: 40px; position: relative; }
.prod-accord .plus-min:before { width: 100%; height: 5px; border-radius: 5px; background-color: #ff6800; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.prod-accord .plus-min:after { width: 100%; height: 5px; border-radius: 5px; background-color: #ff6800; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); position: absolute; }
.prod-accord.on .plus-min:after { display: none; }

.safetymsg { border: solid 5px #004d94; font-size: 1.4em; border-radius: 10px; display: flex; align-items: end; margin-bottom: 60px; }
.safetymsg .img { width: 170px; }
.safetymsg .text { width: calc(100% - 170px); padding: 20px 20px 20px 0px; }
.safetymsg .text span { font-size: 1.15em; }
.safetymsg img { display: block; margin: 0 auto; }
.safetymsg h2 { color: #ff6800; margin: 0px; }

.productlist .tiles-container { overflow-x: auto; margin-left: -15px; margin-right: -15px; padding: 30px 15px; justify-content: space-evenly; }
.productlist .tiles-container > * { flex-shrink: 0; }
.productlist .tiles-container img { border-radius: 5px; }
.productlist .tiles-container .title { font-size: 0.975rem; text-align: center; }
.productlist .tiles-container::-webkit-scrollbar { height: 5px !important; background-color: #dee8f1; }
.productlist .tiles-container::-webkit-scrollbar-thumb { background-color: #004d94; border-radius: 3px; -webkit-box-shadow: unset; }
.productlist .tiles-container::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #4a4a4a55; }

.description.divide, #features-spec .safe-use-guide, #features-spec .related { border: 1px solid #004d94; padding: 15px; }
.description.divide img { height: auto !important; max-width: 550px !important; }
#features-spec .related .prod-grid .rel-card { background-color: #fff; border-radius: 10px; box-shadow: 0px 1px 2px #00000029; padding: 5px; }
#features-spec .related .prod-grid .rel-card img { aspect-ratio: 180 / 150 !important; border: 1px solid #004D94; border-radius: 12px; }
#features-spec .related .prod-grid .rel-card .info { padding: 7px; }
#features-spec .related .prod-grid .rel-card .info span.smaller { font-size: 1rem; font-weight: 200; }
#features-spec .related .prod-grid .rel-card .atb { font-size: 1.25rem; font-weight: 200; padding: 8px 0; cursor: pointer; }
#features-spec .related .prod-grid .rel-card .atb:hover { background-color: #004d94; }
#features-spec .related .prod-grid .rel-card .title { font-size: 1.1875rem; }
#features-spec .safe-use-guide > img { max-height: -webkit-fill-available; width: auto; }

#features-spec div.bb.b-grey { border-bottom: 2px solid #7f7f7f; }
#features-spec .heading { font-size: 1.5625rem; }
#features-spec .bottom-section, #features-spec .why-buy { border: 1px solid #004d94; }
#features-spec .bottom-section, #features-spec .why-buy { padding: 15px; }
#features-spec i.plus-min { width: 30px; height: 30px; }
#features-spec .question > h2 { font-size: 1.125rem !important; }
#features-spec .plus-min:before { width: 100%; height: 5px; border-radius: 5px; background-color: #ff6800; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
#features-spec .plus-min:after { width: 100%; height: 5px; border-radius: 5px; background-color: #ff6800; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); position: absolute; }
#features-spec .prod-accord.on .plus-min:after { display: none; }

#features-spec .bottom-section.why-buy { padding: 30px 25px 20px 25px; }
#features-spec .bottom-section.why-buy .reason { background-color: #f7f7f7; padding: 0 20px 0 30px; }


@media screen and (min-width: 1670px) {
    #features-spec .related .prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; }
}

@media screen and (max-width: 1669px) {
    .container.reviews .reviews-container .reviews-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, 1fr); }
}

@media screen and (min-width: 1230px) and (max-width: 1669px) {
    #features-spec .related .prod-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
}

@media screen and (min-width: 1440px) {
    #basketotals .prod--accessories .txt-boot { padding-left: unset; }
}




@media screen and (min-width: 1230px) {

    .trade-save { max-width: 1000px; margin: 0 auto; }

    .step-flex.all-purp { justify-content: center; grid-gap: 0; }


    .step-flex.all-purp .step-img { border-radius: 50%; overflow: hidden; border: 5px solid #FF6800; z-index: 999; background-color: #fff; }
    .step-flex.all-purp .step-text { padding: 60px; box-shadow: 0px 11px 20px #00000026; background-color: #fff; flex-grow: 1; }

    .step-flex.all-purp .step-text:last-child { border-radius: 0 50px 50px 0; padding-left: 120px; }
    .step-flex.all-purp .step-text:first-child { border-radius: 50px 0 0 50px; padding-right: 120px }

    .step-flex.all-purp > div:first-child { transform: translateX(50px); }
    .step-flex.all-purp > div:last-child { transform: translateX(-50px); }

    .bestsell .section.main .dw-md-2.top { width: 20.5%; }
    .bestsell .section.main .dw-md-8.top { width: 79.5%; }
    .basket .row .col1 { width: 55%; }
    .basket .col2 { width: 18%; }
    .basket .col3, .basket .col4 { width: 13%; }
    .basket .main:first-child .btn { width: 190px; }
    .description.divide { width: calc(50% - 8px); position: relative; padding: 15px; border: 1px solid #004d94; }
    .description.divide img { position: absolute; top: 0; left: 105%; }

    #features-spec .safe-use-guide { height: 335px; }
    #features-spec .safe-use-guide, #features-spec .related, #features-spec .bottom-section { border: 1px solid #004d94; }
    #features-spec .related { padding: 15px; }
    #features-spec .related h3 { font-size: 1.5625rem; margin: 0; margin-bottom: 20px; }
    #features-spec .prod-info .related-info { width: calc(50% - 8px); margin-top: 30px; }

    .orders .row .details { width: 25%; }
    .orders .row .products { width: 50%; }
    .orders .row .cost { width: 25%; }
    .productlist #productListings .bestsell .whitebg .revs { float: left; display: block; }
    .productlist #productListings .bestsell .whitebg .price { margin: 10px 0; }
    .productlist #productListings .bestsell .whitebg .review-stars { float: left; display: block; margin: -1px 0 0 6px; }
    #tabspanelbtm .tabs .bx-controls-direction { display: none; }
    .product .main-desc a { float: right; }
    .product .main-desc.nofloat a { float: unset; }
    .main.movediscount { position: static; }
    .main.movediscount.adminlogged #discountform { position: static; width: 100%; }
    .topgrey .dw-md-3:nth-child(1) { width: 36%; }
    .topgrey .dw-md-3:nth-child(2) { width: 23%; }
    .topgrey .dw-md-3:nth-child(4) { width: 23%; }
    .topgrey .dw-md-3:nth-child(5) { width: 18%; float: right; }

    .prod-list-card .listing-info-banner { gap: 10px; padding: 2px 5px; color: #fff; font-size: 0.875rem; flex-shrink: 0; }
    .prod-list-card .trustpilot-widget { flex-basis: 50%; transform: translateY(5px); overflow: hidden; }
    .prod-list-card .trustpilot-widget iframe { height: 30px !important; }
    .prod-list-card .plc-top .banner-sec { gap: 5px; }

    #product .listing-info-banner { gap: 10px; padding: 5px 10px; color: #fff; font-size: 1.25rem; display: flex; flex-shrink: 0; align-items: center; }
}

@media screen and (max-width: 1229px) {
    .complete-pay-grid { grid-column-gap: 60px; }


    .step-flex.all-purp .step-text { padding: 15px; border-radius: 15px; }
    .step-flex.all-purp .step-img { border-radius: 50%; overflow: hidden; border: 5px solid #FF6800; z-index: 999; background-color: #fff; }
    .step-flex.all-purp { grid-gap: 15px; }


    .banner, .training-video { padding-bottom: 50%; }
    #discountform .editors { position: relative; margin-top: 15px; }
    .dislide #discountform .editors { margin-top: 0; }
    #discountform .editor-field { width: 100%; }
    #discountform .editor-field.submit { position: absolute; right: 0; top: 0; }
    .qty-breaks .price-break span { display: block; }

    .back-to-top { position: fixed; bottom: 30px; right: 30px; cursor: pointer; z-index: 999; }

    .step-flex { grid-gap: 30px; padding: 45px 0; flex-direction: column; }
    .step-text { max-width: initial; }
    .step-flex div.step-text { order: 1; }
    .shop-step { flex-direction: column; align-items: flex-start; grid-gap: 5px; }


    .popup.newsl img { display: none; }

    .popup.newsl .form { padding: 30px !important; text-align: center; }
    .popup.newsl .pop-container { max-width: 750px; }

    #features-spec .prod-info { flex-direction: column; }
    #features-spec .prod-info .related-info { width: 100%; margin-top: 15px; }
    #features-spec .safe-use-guide { height: 265px; overflow: hidden; }
    .description.divide { position: relative; border: 1px solid #004d94; }
    .description.divide img { position: absolute; top: 103%; left: 0; height: auto !important; }
    #basketotals .acc-area-atb { flex-wrap: wrap; }
}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    .product .info-graphic { font-size: 0.85em; }
    #headerright .log, #headerright .cart { margin-left: 22px; }
    .navigation ul li { text-align: left !important; font-size: 0.9em !important; }
    .navigation ul li .nav-fix a, .navigation ul li:nth-child(7) a { padding-left: 8px; font-size: 0.85em; }
    .navigation ul li.hb:nth-child(2) { display: none; }
    .navigation ul li:nth-child(3) { width: 8% !important; }
    .navigation ul li:nth-child(4) { width: 10% !important; }
    .navigation ul li:nth-child(5) { width: 10% !important; }
    .navigation ul li:nth-child(7) { width: 12% !important; }
    .navigation ul li:nth-child(8) { width: 12% !important; }
    .navigation ul li:nth-child(9) { width: 12% !important; }
    .navigation ul li:nth-child(6) { width: 13.3% !important; }
    .navigation ul li:last-child { width: 11.3% !important; }
    .bestsell .section.main .dw-md-2.top { width: 25.5%; }
    .bestsell .section.main .dw-md-8.top { width: 74.5%; }
    #topsellers-0 .slide, #topsellers-1 .slide, #topsellers-2 .slide { width: 215px !important; }
    #tabspanelbtm .feattabs li { width: 15.66%; }
    #tabspanelbtm .section .dw-md-2 { padding: 0 15px; }
    #tabspanelbtm .section { margin: 0 -25px; }
    .basket .col1 { width: 50%; }
    .basket .col2 { width: 21%; }
    .basket .col3, .basket .col4 { width: 14%; }
    .basket .main:first-child .btn { width: 190px; }
    .prod-listing.bestsell .section .dw-md-4.dw-sm-6:nth-child(3n+1) { clear: both; }
    #headerleft svg, #headerleft svg image { max-width: 310px; margin: auto; display: block; height: auto; }
    .delivery-payments .option.form .title { font-size: 0.7em; }
    /*.product .further-info { margin-top: 20px !important; }*/
    .container.pp { max-width: 727px !important; margin-right: 2% !important; }
    .navigation ul li div.drop ul li.subcat a { padding: 0 !important; }
    .contactpage #formtabs h2 { font-size: 1em; }
    .product .stock { font-size: .85em; }
    .productlist.landpage .topbanner h1 { font-size: 2em; }
    .productlist.landpage .topbanner { background-position: 70%; }
    #tabspanel .tabs .surround.tabhome { padding: 12px 15px; }
    .review.product .page-review .pr-form { min-height: 600px; }
    #productListings h2.prodfeat { margin-top: 414px !important; }
    .account .editor-label.agree { font-size: .9em; }
    .main.movediscount { position: static; }
    #tabspanel .tabs .surround.tabhome .whitebg { min-height: 345px; }
    .prod-listing .whitebg .btn.green { }
    .topgrey .dw-md-3:nth-child(2) { display: none !important; }
    .topgrey .dw-md-3:nth-child(1) { width: 44%; }
    .topgrey .dw-md-3:nth-child(4) { width: 31%; }
    .topgrey .dw-md-3:nth-child(5) { width: 20%; float: right; }
    .trade-bullet-lg { padding: 30px 15px 30px 175px; }
    .trade-bullet-lg strong { font-size: 1.7em; }
    .trade-bullet-lg img { left: -70px; }
    .register .reg-circle { height: 45px; width: 45px; line-height: 45px; font-size: 1.7em; }
    .register .register-bullet .text { left: 55px; }
    .main-trade-cta span { font-size: 1.7em; }
    .main-trade-cta .btn { width: 180px; }

    .safetymsg { align-items: center; }

    #features-spec .related .prod-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }

    .product .thumbs { max-height: 375px; overflow: auto; }
    #basketotals .prod--accessories .img-boot { padding-right: unset; }
    #basketotals .prod--accessories .img-boot img { border: 1px solid #004D94; border-radius: 6px; max-width: 50px; }
    #basketotals .prod--accessories .txt-boot a { font-size: 0.9rem; }
    #basketotals .prod--accessories .txt-boot > div { max-width: 140px; }
    #basketotals .prod--accessories .price-boot { padding: unset; }
    #basketotals .prod--accessories .price-boot strong { font-size: 1rem; }
    #basketotals .prod--accessories .amount { justify-content: flex-start; gap: 8px; }
    #basketotals .prod--accessories .amount .quant { width: 20px; height: 20px; }

    .prod-list-card .banner-sec { flex-wrap: wrap; gap: 5px; }
    .prod-list-card .listing-info-banner { gap: 10px; padding: 5px; color: #fff; font-size: 0.85rem; flex-shrink: 0; flex-basis: 100%; }
    .prod-list-card .trustpilot-widget { flex-basis: 100%; transform: scale(1) translateY(4px); }
    .prod-list-card .plc-prices { flex-direction: column; }
    #product .listing-info-banner { gap: 10px; padding: 5px 10px; color: #fff; font-size: 1.125rem; flex-shrink: 0; }

    
}

@media screen and (min-width: 992px) {

    .dw-grid #item2 { border-right: 3px solid #707070; border-left: 3px solid #707070; margin: 0 -15px 0 -15px; padding-right: 15px; padding-left: 15px }
    .dw-grid #item5 { border-left: 3px solid #707070; margin: 0 -15px 0 -15px; padding-right: 15px; padding-left: 15px }

    .desk-hide { display: none !important; }

    .filter-toggle { display: none; }

    .filter-menu { display: block !important; }
    .slidy-tabs-out .bx-controls-direction { display: none; }
    .slidy-tabs-out .bx-wrapper { max-width: 100% !important; }
    .slidy-tabs-out .bx-clone { display: none; }
    .slidy-tabs-out .bx-viewport .slidy-tabs { display: flex; width: 100% !important; }
    .slidy-tabs-out .bx-viewport .slidy-tabs .tab { float: none !important; width: 100% !important; margin-right: 0px !important; margin-left: 15px; }
    .slidy-tabs-out .bx-viewport .slidy-tabs .tab.index-0 { margin-left: 0px !important; }

    .nav .home-link { line-height: 50px; height: 50px; font-size: 1.5em; }
    .section.returns .dw-sm-3 { margin-top: 20px; }
    .prodpanel .brandlogo { margin-top: -15px; }
    .logosec { padding: 30px 0; }
    .logosec #headerleft { width: 33%; }
    .logosec #headercentre { width: 47.6%; }
    .logosec #headerright { width: 19.4%; float: right; }
    .navigation .container { position: relative; }
    .navigation ul { list-style: none; margin: 0; padding: 0; }
    .navigation ul li { float: left; width: 11.33%; line-height: 50px; text-align: center; }
    .navigation ul li a { color: #004d94; font-weight: bold; display: block; clear: both; }
    .navigation ul li a.gap { margin-top: 10px; }
    .navigation ul li a i { margin-left: 3px; font-size: 1.3em; line-height: 10px; vertical-align: middle; }
    .navigation ul li .nav-fix a i { color: #ff6800; }
    .navigation ul li div.drop ul li a.shopby { color: #ff6800 !important; font-size: 0.95em; text-transform: uppercase; }
    .navigation ul li span.arrow i { display: none; }
    .navigation ul li.cat:last-child a { background-color: #E23232; color: #fff !important; }
    .navigation ul li.cat:nth-child(2) .links .subcat:nth-child(1) li:nth-child(4) { margin-top: 20px; }
    .navigation ul li.cat:nth-child(2) .links .subcat:nth-child(4) { margin-top: 20px; }
    .navigation ul li:nth-child(3) { width: 8%; }
    .navigation ul li:nth-child(7), .navigation ul li:nth-child(8) { position: relative; }
    .navigation ul li:nth-child(6) div.drop ul li.subcat, .navigation ul li:nth-child(7) div.drop ul li.subcat, .navigation ul li:nth-child(8) div.drop ul li.subcat { width: 100% !important; float: none; }
    .navigation ul li:nth-child(5) div.drop ul li.subcat { width: 50% !important; }
    .navigation ul li:nth-child(5) .featured, .navigation ul li:nth-child(7) .featured, .navigation ul li:nth-child(8) .featured { width: 53%; float: right; margin-right: 15px; }
    .navigation ul li:nth-child(6) .featured { width: 30%; float: right; margin-right: 10px }
    .navigation ul li:nth-child(5) .featured { width: 31.6%; float: right; margin-right: 10px; }
    .navigation ul li:nth-child(7) .links { width: 34%; }
    .navigation ul li:nth-child(8) .links { width: 34%; }
    .navigation ul li:nth-child(5) .links { width: 40%; }
    .navigation ul li:nth-child(6) .links { width: 24%; }
    .navigation ul li:nth-child(6) .shop--by li, .navigation ul li:nth-child(9) .shop--by li, .navigation ul li:nth-child(5) .shop--by li { padding: 0 !important; }
    .navigation ul li:nth-child(6) .shop--by:nth-child(2) { width: 15%; }
    .navigation ul li:nth-child(5) .shop--by:nth-child(2) { width: 27%; }
    .navigation ul li:nth-child(6) .shop--by:nth-child(3) { width: 28%; }
    .navigation ul li:nth-child(6) .shop--by:nth-child(3) li { width: 33.33% !important; }
    .navigation ul li:nth-child(7) .drop, .navigation ul li:nth-child(8) .drop { left: 0 !important; width: 700px !important; }
    .navigation ul li:nth-child(7) .drop, .navigation ul li:nth-child(8) .drop { left: -250px !important; }
    .navigation ul li:nth-child(5) .drop { /* left: -246px !important; */ }
    .navigation ul li:nth-child(9) .links { width: 46%; }
    .navigation ul li:nth-child(9) .dw-md-3:nth-child(2) { width: 27%; }
    .navigation ul li:nth-child(9) .dw-md-3:nth-child(3) { width: 22%; }
    .navigation ul li:nth-child(9) .dw-md-3:nth-child(3) li { width: 50% !important; }
    .navigation ul li a.on, .navigation ul li a.shopby { color: #ff6800; }
    .navigation ul li a.shopby { text-align: left; line-height: 25px; }
    .navigation ul li .nav-fix { position: relative; display: block; }
    .navigation ul li .nav-fix a:hover, .navigation ul li:hover .nav-fix a, navigation ul li .nav-fix a.on { color: #fff; background-color: #004d94; }
    .navigation ul li.hb a:hover { color: #fff; background-color: #004d94; }
    .navigation ul li.cat.specialoffers .drop, .navigation ul li.cat.scaffoldtowers .drop { display: none; }
    .navigation ul li:last-child a:hover { color: #fff; }
    .navigation ul li .drop { visibility: hidden; position: absolute; width: 100%; height: 0; left: 0%; background-color: #ebebeb; border-top: 3px solid #004d94; padding: 25px 25px; z-index: 9999; margin-top: 5px; }
    .navigation ul li div.drop ul { height: auto; display: block; }
    .navigation ul li div.drop ul li.subcat { width: 32% !important; height: 100%; }
    .navigation ul li div.drop#subNav-7 ul li.subcat { width: 50% !important; }
    .navigation ul li.cat:nth-child(3) div.drop ul li.subcat { width: 24% !important; }
    .navigation ul li.cat:nth-child(3) div.drop ul li.subcat:nth-child(5), .navigation ul li.cat:nth-child(3) div.drop ul li.subcat:nth-child(6) { width: 14% !important; }
    .navigation ul li.cat:nth-child(2) div.drop ul li.subcat:nth-child(1) { min-height: 210px; width: 35% !important; }
    .navigation ul li.cat:nth-child(4) div.drop ul li.subcat { width: 19% !important; }
    .navigation ul li.cat:nth-child(4) div.drop ul li.subcat:nth-child(4) { width: 24% !important; }
    .navigation ul li.cat:nth-child(4) div.drop ul li.subcat:nth-child(5) { width: 15% !important; }
    .navigation ul li.cat:nth-child(4) div.drop ul li.subcat:nth-child(6) { width: 23% !important; }
    .navigation ul li.cat:nth-child(4) div.drop ul li.subcat:nth-child(6) li { float: left; width: 50% !important; }
    .navigation ul li div.drop ul li.subcat ul li { padding: 0; float: none; }
    .navigation ul li div.drop ul li.subsubcat { display: block; height: 100%; width: 100% !important; }
    .navigation ul li div.drop ul li:last-child a { background-color: transparent; text-transform: capitalize; color: #004d94; }
    .navigation ul li div.drop ul li.subsubcat a { font-weight: normal; }
    .navigation ul li div.drop ul li { float: left; height: 30px; line-height: 30px; border: 0; padding: 0 15px; text-align: left; }
    .navigation ul li div.drop .dw-md-3.shop--by ul li { padding: 0; }
    .navigation ul li div.drop ul li a:hover { color: #ff6800; }
    .navigation ul li.cat:hover .drop { visibility: visible; overflow: visible; height: auto; }
    .navigation ul li:nth-child(2) { width: 4%; }
    .navigation ul li:nth-child(7) { width: 11%; }
    .navigation ul li:nth-child(3) { width: 7%; }
    .navigation ul li:nth-child(4) { width: 9.5%; }
    .navigation ul li:nth-child(6) { width: 12%; }

    .split-btm li:nth-child(11), .split-btm li:nth-child(12), .split-btm li:nth-child(13) { margin-top: 30px; }
    .navigation ul li.cat #subNav-1 .dw-md-8, .navigation ul li.cat #subNav-2 .dw-md-8 { width: 100%; }

    .navigation ul li:last-child { width: 11.1%; text-transform: uppercase; }
    .navigation ul li.cat:hover .greyblock { height: 5px; visibility: visible; }
    .navigation ul li.cat .greyblock { position: absolute; bottom: -5px; width: 100%; left: 0; visibility: hidden; height: 0px; z-index: 9999; background-color: #004d94; }
    .product .prodimagecontainer { padding: 0 32px 0 15px; }
    .bestsell .section.main .dw-md-2.top, .bestsell .section.main .dw-md-8.top { padding: 0 5px; }
    .bestsell .section.main { margin: 0 -5px; }
    #tabspanelbtm .dw-md-2 { width: 20%; }
    #bybrand .section .dw-md-5 { width: 46%; }
    #bybrand .section .dw-md-7 { width: 54%; }
    .cats .dw-md-4:nth-child(3n+1) { clear: both; }
    #tabspanelbtm .dw-md-2:nth-column(5n+1) { clear: both; }
    .product .further-info.main-desc { margin-top: 0px; }
    .basket .row .col1 { position: relative; }
    #filter-menu h2.top-header i { display: none; }
    .page-review.dw-md-4:nth-child(3n+1) { clear: both; }
    .navigation ul li div.drop#subNav7 .featured { margin-left: 15px; }
    .featured { position: relative; background-color: #fff; width: 31.6%; }
    .featured #sticker { position: absolute; left: 15px; bottom: 20px; width: 70px; }
    .featured .prod-image { float: left; width: 50%; }
    .featured .prod-image .title { color: #ff6c00; font-weight: bold; margin-top: 13px; text-align: left; line-height: 25px; font-size: 1.1em; margin-bottom: 10px; }
    .featured .prod-image #catimage { width: 150px; }
    .featured .info { float: right; width: 45%; position: relative; margin-top: 30px; }
    .featured .info .title { text-align: left; line-height: 20px; }
    .featured .info .price { color: #ff6c00; font-weight: normal; text-align: left; }
    .featured .info .price .now strong { color: #ff6c00; }
    .featured .info .btn { height: 30px; line-height: 30px; max-width: 155px; margin: 15px auto; }
    .featured .ladder-icon { position: absolute; right: 10px; bottom: 45px; background-image: url(images/ladders-uk.svg); width: 17px; height: 24px; cursor: pointer }
    .featured .ladder-icon-remove { position: absolute; right: 10px; bottom: 45px; height: 24px; width: 17px; -webkit-mask: url(images/ladders-uk.svg) no-repeat 100% 100%; mask: url(images/ladders-uk.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #cfcfcf; text-align: center; display: block; background-position: center; margin: auto; cursor: pointer; }
    .featured .info i { position: initial; font-size: 1em; margin-left: 0; }
    .featured a { color: #cfcfcf; }
    .featured .small-so { line-height: initial; padding: 5px; float: right; background-color: #ff2c0e; color: #fff; text-transform: uppercase; font-weight: 600; position: absolute; right: 0; }

    .filter-hide.closed { overflow: hidden; height: 0; }
    .footer .section.links .dw-sm-3.first { width: 18%; }
    .footer .section.links .dw-sm-3.middle { width: 23%; }
    .footer .section.links .dw-sm-3.last { width: 36%; }
    .orders .row .details { width: 32%; }
    .orders .row .products { width: 41%; }
    .orders .row .cost { width: 27%; }

    .productlist.landpage .toptxt { margin-top: 18px; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 31% !important; }
    .product .further-info ul.feattabs.foursplit li { width: 48% !important; }
    .feattabs li a i { display: none; }
    #productListings h2.prodfeat { margin-top: 414px; line-height: 50px; color: #00458f; }
    .footer .policies { margin-top: -25px; }

    .cta.blue.trade-account .cta-inner { min-height: 60px; }
    .cta.blue.trade-account .cta-inner .cta-text { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: calc(100% - 380px); }
    .mobile__widgets, a.mobile__navigation--close, a.mobile__navigation--back, .mobile__navigation--content a.special--offers, .special--offers, a.mobile__title, .mobile__title--browse { display: none !important; }
    .mobile__navigation--content li img#catmob, .mobile__navigation--content li img.catmob { display: none; }
    .cats #catslider { width: 100% !important; left: 0px !important; display: flex; flex-wrap: wrap; margin: 0px -10px 30px; }
    .cats #catslider .slide { width: calc(100% / 3) !important; margin-right: 0px !important; padding: 10px; }
    .cats #catslider .slide.bx-clone { display: none; }
    .cats .bx-viewport { height: auto !important; }
    .cats.has-controls .bx-controls-direction { display: none; }

    .filter-section { background-color: #004d94; padding: 20px 0; position: sticky; top: 0; z-index: 10; }
    .filter-section .filter-flex .btn-wrapper { display: flex; align-items: center; background-color: #fff; border-radius: 40px; padding: 3px 3px 3px 25px; gap: 15px; }
    .filter-section .filter-flex .btn-wrapper .text { font-size: 1rem; font-weight: 500; pointer-events: none; }
    .filter-section .filter-flex .prod-filter-btn { background-color: #ff6d00; color: #fff; height: 42px; width: 120px; font-size: 1rem; min-height: unset; }
    .filter-section .filter-flex .prod-filter-btn:hover { background-color: #004d94; border-color: #004d94; }
    .filter-section .filter-select select { height: 35px; font-size: 1.125rem; font-weight: 500; border: unset; color: #000; padding: 0 30px 0 10px; border-radius: 5px; }
    .filter-section .filter-select select:before { content: "\f078"; font-family: FontAwesome; }
}

@media screen and (max-width: 991px) {

    .mob-hide { display: none !important; }

    #nddTimer .order-within { width: 100%; }
    .filter-toggle { background-color: #ff6800; color: #fff; font-weight: 700; border-radius: 3px; cursor: pointer; padding: 0px 15px; }
    .filter-toggle i { font-size: 0.8em; transform: translateX(5px); }

    #filter-menu .filterbody { padding: 10px 0px 0px 0px; }

    .masthead.low-z { z-index: 0; }

    .filter-section .filter-flex .btn-wrapper .text, .filter-section .filter-select .text { display: none; }
    .filter-menu .overlay { z-index: 9999; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: #000; opacity: 0.5; }
    .filter-menu .inner { position: fixed; z-index: 99999; top: 0px; left: 0px; padding: 15px 0px 15px 15px; background-color: #f7f7f7; height: 100%; width: calc(100% - 30px); max-width: 300px; }
    .filter-menu .inner .slidefilter { max-height: calc(100vh - 55px); overflow: auto; padding-right: 15px; }

    .slidy-tabs-out .bx-controls-direction .fa { height: 40px; width: 40px; border-radius: 0px; box-shadow: none; display: flex; align-items: center; justify-content: center; display: flex !important; }
    .slidy-tabs-out .bx-controls-direction .fa:first-child { background: rgb(255,255,255); height: 40px !important; width: 40px !important; background: linear-gradient(90deg, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 100%); }
    .slidy-tabs-out .bx-controls-direction .fa:last-child { background: rgb(255,255,255); background: linear-gradient(270deg, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 100%); width: 40px !important; height: 40px !important; }
    .sitemap .prod.subcat > ul li { width: 100%; }

    .product .thumbs-container { display: none; }
    .product #stock-partial { margin-left: unset; }

    .news-banner .title { display: block; margin-bottom: 10px; }


    .selected--nav { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; }

    .dismiss--nav { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; }

    @keyframes slide-in {
        0% { -webkit-transform: translateX(100%); }
        100% { -webkit-transform: translateX(0%); }
    }

    @-webkit-keyframes slide-in {
        0% { transform: translateX(100%); }
        100% { transform: translateX(0%); }
    }

    @keyframes slide-out {
        0% { transform: translateX(0%); }
        100% { transform: translateX(100%); }
    }

    @-webkit-keyframes slide-out {
        0% { -webkit-transform: translateX(0%); }
        100% { -webkit-transform: translateX(100%); }
    }

    .mobile__subnav { padding-bottom: 250px; }
    .navigation .mobile__navigation, .navigation .mobile__subnav { height: 100%; width: 100%; position: fixed; z-index: 9999; top: 0; right: 0; background-color: #efefef; overflow-x: hidden; transition: 0.5s; display: none; }
    .mobile__navigation--content { position: relative; top: 0; width: 100%; text-align: center; padding-left: 0; margin: 50px auto; }
    .mobile__navigation a { text-decoration: none; display: block; transition: 0.3s; text-align: left; height: 100%; }
    .mobile__navigation .nav-fix a { position: relative; }
    .mobile__navigation a span { height: 40px; line-height: 40px; padding-left: 15px; position: absolute; bottom: 0px; left: 0px; }
    .mobile__navigation li { list-style: none; }
    .mobile__navigation li.offers { display: none; }
    .mobile__navigation--close { position: absolute; top: -99px; right: 0px; font-size: 4em; margin-bottom: 5px; color: #ff6800; }
    .mobile__navigation--back { position: absolute; top: -85px; left: 50px; font-size: 2.5em; margin-bottom: 5px; color: #ff6800; }
    .mobile__widgets img { margin: 40px auto 10px !important; display: block; }
    .mobile__widgets input[type="text"] { border: 1px solid #ff6800; border-radius: 3px; height: 48px; outline: none; padding-right: 50px; font-size: 1.2em; }
    .mobile__widgets .search { position: relative; max-width: 395px; margin: 15px auto 0; display: block; }
    .mobile__widgets .search button { background-color: transparent; color: #004d94; outline: none; border: 0; position: absolute; right: 10px; top: 0; height: 48px; line-height: 48px; width: 50px; font-size: 1.7em; cursor: pointer; }
    .mobile__navigation .featured, .mobile__navigation li.hb, .mobile__navigation a i.fa-angle-down, .mobile__navigation--content span.arrow { display: none; }
    .mobile__navigation--content ul.links { background-color: #ffffff; }
    .mobile__navigation--content ul.links li.prod.subcat a { text-align: left; font-weight: bold; display: block; width: 100%; padding: 0 18px; border-bottom: 1px solid #cccccc; height: 40px; line-height: 40px; color: #004d94; }
    .mobile__navigation--content ul.links li.prod.subcat ul { padding: 0; }
    .mobile__navigation--content ul.links li.prod.subsubcat a { font-weight: normal; }
    .mobile--main .nav-fix { width: 30%; float: left; border: 1px solid #cccccc; border-radius: 2px; background-color: #fff; color: #00458f; margin: 10px 0; font-weight: 600; height: 227px; }
    .mobile--main .cat:nth-child(2n) .nav-fix { float: right; }

    a.special--offers { background-color: #ff6800; color: #fff; max-width: 395px; display: block; clear: both; margin: 50px auto; font-weight: 600; text-align: center; height: 50px; line-height: 50px; font-size: 1.2em; }

    .mobile__title--browse { font-weight: 600; margin-top: 50px !important; font-size: 1.4em; text-align: center !important; display: block; color: #00458f; }
    .mobile__title { font-weight: 600; margin-top: 50px !important; font-size: 1.4em; text-align: center !important; }
    a.mobile__title { display: block; margin: auto; height: auto; }
    .mobile__navigation--content li img#catmob, .mobile__navigation--content li img.catmob { display: block; margin: auto; }
    .mobile__title--browse { display: block; }
    #headerleft { margin-bottom: 20px; }
    .cats .dw-md-4:nth-child(2n+1) { clear: both; }
    #bybrand .section .dw-md-5, #bybrand .section .dw-md-7 { text-align: center; }
    #bybrand .section img { display: block; margin: 0 auto; }
    #headerright .accounts .log:nth-child(1) { margin-left: 0; }
    #news .blogpost.post-1 { display: none; }
    #news .blogpost .image { padding-bottom: 33%; }
    .basket .row.regular .col1 { padding-left: 0; }
    #filter-menu { margin: 0px; padding: 0px; }
    #filter-menu h2.top-header { margin: 0; text-align: left; cursor: pointer; }
    #filter-menu h2.top-header i { display: none; }

    .contactpage #contactform { padding: 20px; margin-top: 15px; }
    .contactpage .social-media { margin-top: 15px; }
    .register .dw-sm-6.text { text-align: center; }
    .delivery-payments .option.form .title { font-size: 0.6em; }
    .delivery-payments .option.form .price, .delivery-form .cta { font-size: 1em; }
    .orders .row .products i.num { top: auto; }
    .account-menu .dw-lg-3 { width: 33.33%; }
    .account-menu .dw-lg-3:nth-child(3n+1) { clear: both; }
    .section.guide .ladders { margin-top: 15px; }
    .section.guide .ladders img { display: block; }
    .mailing .title { text-align: center; margin-bottom: 15px; }
    .contactpage #formtabs h2 { font-size: .85em; }
    .contactpage #formtabs ul li a { padding: 2px 8px; text-align: center; }
    .contactpage #formtabs h2 i { margin-right: 8px; }
    .pass #contactform { padding: 0; }
    .filter-hide.closed { overflow: hidden; height: 0; }
    .productlist.landpage .btmsec img { display: block; margin: 30px auto 0 auto; }
    .productlist.landpage .topbanner { height: auto; background-size: cover; }

    .product .above-price { margin: 0; }
    .feattabs li a i { display: inline-block; color: #ff6800; margin-left: 5px; font-size: .9em; }
    .topgrey .dw-md-3:nth-child(3) { text-align: center; }
    .account .editor-label.agree { font-size: 1em; }
    .topgrey .dw-md-3:nth-child(3) a.fa.fa-phone:before { display: inline-block; margin-right: 10px; }

    .cta.blue.trade-account .cta-inner { text-align: center; }
    .cta.blue.trade-account .cta-inner .cta-text { margin-bottom: 15px; }
    .cta.blue.trade-account .btn { margin: 0 auto; float: none; }

    .container.reviews .reviews-container .reviews-grid { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(auto, 1fr); }
    .container.reviews .reviews-container .reviews-grid .review-card { height: fit-content; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-body { height: unset; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-foot { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }

    #basketotals #acc-select-wrapper #dummy-select { font-size: 1.1rem; }

    .faqs-section i.plus-min { width: 25px; height: 25px; }
    #features-spec .description.divide h2 { font-size: 1.375rem !important; }
    #features-spec .bottom-section.why-buy .reason .question { font-size: 1.175rem !important; }
    #features-spec .related { order: 4; }

    .prod-list-card .banner-sec { gap: 5px; }
    .prod-list-card .listing-info-banner { gap: 10px; padding: 5px; color: #fff; font-size: 0.85rem; flex-shrink: 0; flex-basis: 50%; }
    .prod-list-card .trustpilot-widget { flex-basis: 50%; transform: scale(1) translateY(4px); }
    #product .listing-info-banner { gap: 10px; padding: 5px 10px; color: #fff; font-size: 1.125rem; flex-shrink: 0; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .safetymsg { align-items: center; font-size: 1.1em !important; }


    .mobile__navigation--close { right: 50px; }
    .mobile__navigation, .mobile__subnav { height: 100%; }
    .btn.paypal span { display: none; }
    .btn.paypal img { margin: 0; }
    #headerright .log, #headerright .cart { margin-left: 17px; }
    .bestsell .section.main .dw-md-2.top, .bestsell .section.main .dw-md-8.top { padding: 0 5px; }
    .bestsell .section.main { margin: 0 -5px; }
    .feattabs li { }
    .product .further-info ul.feattabs.foursplit li { width: 48% !important; }
    #tabspanelbtm .feattabs li { width: 15.66%; margin-right: 1%; font-size: 0.75em; }
    #tabspanelbtm .dw-md-2 { width: 25%; float: left; }
    #tabspanelbtm .dw-md-2:nth-column(4n+1) { clear: both; }
    #headerright .log, #headerright .cart { float: left; }
    .footer .btmlinks .dw-md-4:nth-child(2) { text-align: right; margin-bottom: 5px; margin-top: -55px; }
    .basket .main:first-child .btn { width: 190px; }
    .basket .col1 { width: 39%; }
    .basket .col2 { width: 25%; padding-left: 10px !important; }
    .basket .col3, .basket .col4 { width: 18%; padding-left: 10px !important; }
    .register .text { text-align: center; font-size: 0.95em; }
    .delivery-payments .option.form .title.big { height: 30px; line-height: 15px; padding-top: 10px; }
    .feattabs li a { font-size: 1em; }
    /*.product .further-info { margin-top: 20px !important; }*/
    .orders .row .details { width: 40%; }
    .orders .row .products { width: 26%; }
    .orders .row .cost { width: 34%; }
    .view-basket { font-size: 0.75em; }
    .product .products .editor-field .quant { margin: 0; }
    .prod-listing .dw-md-3:nth-child(3n+1) { clear: both; }
    #tabspanel .tabs .surround.tabhome { padding: 13px 15px; }
    #productListings h2.prodfeat { margin-top: 432px; line-height: 50px; color: #00458f; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 31% !important; }
    .footer .policies { margin-top: -25px; }
    #tabspanel .tabs .surround.tabhome .whitebg { min-height: 345px; }
    .topgrey .dw-md-3:nth-child(2) { display: none !important; }

    .trade-bullet-lg { padding: 30px 15px 30px 230px; min-height: 10px; overflow: hidden; }
    .trade-bullet-lg img { bottom: -63px; left: -30px; }

    .register .reg-circle { height: 45px; width: 45px; line-height: 45px; font-size: 1.7em; }
    .register .register-bullet .text { left: 55px; }

    .register .reg-circle { top: 0px; transform: translate(-50%, 0%); left: 50%; }
    .register .register-bullet .text { left: 55px; top: 55px; left: 50%; transform: translate(-50%, 0%); }


    .trade-account-cta .btn { max-width: 300px; }



    .main-trade-cta span { margin-left: 0px; font-size: 1.4em; }
    .main-trade-cta span i { display: none; }
    .main-trade-cta .btn { width: 140px; background-color: #fff; }

    .trade-account-cta .btn.login { max-width: 120px; right: 190px; }
    .trade-account-cta .btn.register { max-width: 120px; right: 45px; }
    .mobile__navigation--content { max-width: 400px; }
    .mobile--main .nav-fix { width: 48%; }
    .mobile__navigation a span { padding-left: 10px; font-size: 1em; }
    .mobile--main li:nth-child(4n+1) { clear: both; }

    #features-spec .related .prod-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
}

@media screen and (min-width: 768px) {
    .loading-animate .content strong { font-size: 2.5em; }

    .mob-tab-top { display: none; }
    .carousel .item { max-height: 345px; height: 0; min-height: 210px; padding-bottom: 28% }
    .basket .row .col1 { float: left; padding: 0 0 0 0; }
    .basket .row .col2 { float: left; padding: 0 0 0 10px; }
    .basket .row .col3 { float: left; padding: 0 0 0 10px; }
    .basket .row .col4 { float: left; padding: 0 0 0 10px; }
    .basket .row.regular .col1 span { margin-top: 9px; display: inline-block; }
    .basket .row.regular .col3 strong, .basket .row.regular .col4 strong { line-height: 40px; }
    .basket .total { max-width: 300px; float: right; }
    #delivery-options label .details strong { width: 45%; float: left; }
    #delivery-options label .details span { width: 55%; float: right; padding-left: 15px; }
    .previous-orders .details { float: left; }
    .previous-orders .products { float: left; }
    .previous-orders .cost { float: right; }
    .previous-orders .orders-top .products { position: relative; padding-right: 45px; }
    .previous-orders .orders-top .products span { position: absolute; top: 0; right: 15px; width: 30px; text-align: center; }
    .previous-orders .products div { position: relative; padding-right: 30px; }
    .previous-orders .products div span { position: absolute; top: 0; right: 0px; width: 30px; text-align: center; }
    .basket .main:first-child .btn { float: left; margin-right: 15px; }
    .top-split.right { float: right; }
    .form-review-surround { padding: 15px; }
    .form-review-surround .btn { float: right; }
    .form-review-surround .editor-field { margin-bottom: 15px; }
    .form-review-surround .editor-field.rev { margin-top: 15px; }

    .productlist .tiles-container > * { flex-shrink: 0; max-width: 180px; }
    .productlist .tiles-container img { width: 180px; height: 180px; }
    .productlist .tiles-container .img-placeholder { width: 180px; height: 180px; }
}

@media screen and (max-width: 767px) {
    .complete-pay { margin-top: 0; }

    .complete-pay hr { display: none; }
    .complete-pay .container { background-color: #F7F7F7; padding: 0; }
    .complete-pay h1 { text-align: center; }
    .complete-pay-grid { display: grid; grid-template-areas: "apple" "or" "form" "sum" "pay"; grid-template-columns: 1fr; grid-row-gap: 1rem; grid-column-gap: 60px; margin-top: 30px; padding: 15px; }
    .complete-pay-grid .or { display: flex; grid-area: or; font-size: 1.3rem; font-weight: bold; color: #939393; width: 100%; justify-content: center; align-items: center; grid-gap: 1rem; margin-top: 15px; }
    .complete-pay-grid .or .divider { flex-grow: 1; height: 1px; background-color: #939393; }
    .complete-pay-grid .max-w-670 { background-color: #fff; padding: 0.75rem; }
    .complete-pay-grid h2 { display: none; }
    .complete-pay-grid .pay-summary { padding-right: 0.75rem; padding-left: 0.75rem; }
    .complete-pay-grid .pay-btns { padding-right: 0.75rem; padding-left: 0.75rem; flex-direction: column-reverse; }
    .complete-pay-grid .summary-sticky { border: none; padding: 0 }
    .complete-pay-grid .summary-sticky > :first-child, .complete-pay-grid .summary-sticky > .py-15 { display: none; }
    .complete-pay-grid .summary-sticky * { color: #1E1E1E !important; font-size: 1.125rem; }
    .complete-pay-grid .summary-sticky > :last-child * { font-weight: bold; font-size: 1.3rem !important; }
    .complete-pay-grid .summary-sticky > :last-child .grey-txt:after { content: " to pay"; }


    .hidden-xs { display: none; }
    .safetymsg { align-items: center; font-size: 1.1em !important; }

    .back-to-top .txt { display: none; }
    .head-call-btn i { transform: scaleX(-1); width: 32px; height: 32px; background-color: #ff6800; color: #fff; display: flex; justify-content: center; align-items: center; }
    .fl-right-xs { float: right; }
    .no-padd-xs { padding: 0px; }
    .section.returns .dw-sm-3 { margin: 20px 0; }
    .top-delivery.top { display: block; }
    .home #tabspanel .bx-viewport { height: 320px !important; }
    .spec-head { }
    .seemore { margin: 10px 0; }
    .basket .noitems .btn { margin: 0 auto 20px auto; }
    .carousel .item { height: 365px; }
    .productlist.landpage .topbanner h1 { font-size: 2.5em !important; }
    #headerleft { margin-bottom: 10px; }
    #headerright .accounts { text-align: center; margin-top: 20px; }
    #headerright .log.browse { padding: 10px; }
    #headerright .log.browse.navopen { background-color: #004d94; }
    #headerright .log.browse.navopen a, #headerright .log.browse.navopen i { color: #fff; }
    #headerright .log, #headerright .cart { float: none; display: inline-block !important; }
    #headerright .log a:hover { color: #004d94; }
    .basket .total { padding: 0; background-color: #f7f7f7; border-top: 3px solid #ff6800; margin-top: 15px; }
    .basket .row.headrow { display: none; }
    .basket .row.regular { min-height: 0; }
    .basket .row.regular .col1 { padding: 0; width: 100%; min-height: 100px; float: none; margin-bottom: 15px; }
    .basket .row .col2 { width: 55%; float: left; text-align: left; }
    .basket .row .col2 span.col { float: left; line-height: 40px; }
    .basket .row .col2 input { margin: 0 0 0 5px; height: 40px; line-height: 40px; float: left; }
    .basket .row .col3 { display: none; }
    .basket .row .col4 { width: 45%; float: right; text-align: right; line-height: 40px; height: 40px; }
    .basket .row .col4 span.col { display: inline-block !important; }
    .basket .total .headrow.row { display: block; padding: 0; }
    .basket .total .row .full { line-height: 20px; padding: 10px 15px; text-transform: capitalize; }
    .basket .total .mobile-support .row:last-child { border-top: 1px solid #d7d7d7; }
    .basket .total .row .right { padding-right: 15px; }
    .basket .total .row .left { padding-left: 15px; }
    .basket .btn.grey { margin-left: 0; margin-top: 10px; }
    .basket .checkoutprices .btn { max-width: 100%; }
    #discountform .editors { padding-right: 215px; position: relative; }
    #discountform .editors .dw-sm-3 { position: static; }
    #discountform .editor-field.submit { top: auto; bottom: 15px; }
    #discountform .editor-field.submit { width: 200px; }
    .sab { margin-top: 10px; float: left; width: 100%; }
    .top-split.del { margin-top: 20px; }

    .xmas.delivery-message strong { display: block; margin-top: 10px; }

    .address-checked { padding: 10px 10px 0; }
    #delivery-options label .rb { left: 10px; }
    #delivery-options label span.price { right: 10px; }
    #delivery-options label .details strong, #delivery-options label .details span { display: block; }
    .previous-orders .orders-top { display: none; }
    .previous-orders .orders-row .products { margin: 15px 0; }
    .previous-orders .orders-row .products div { position: relative; padding-right: 40px; }
    .previous-orders .orders-row .products div span { position: absolute; top: 0; right: 0; width: 30px; text-align: center; }
    .previous-orders.other .details { margin-bottom: 15px; }
    .previous-orders.other .products { width: 50%; padding: 0 15px 0 40px; position: relative; float: left; margin: 0; }
    .previous-orders.other .products div { position: absolute; top: 0; left: 0; width: 40px; line-height: 40px; }
    .previous-orders.other .cost { width: 50%; float: left; }
    .further-info #tabspanel .tabs .surround { overflow-x: auto; }
    .opt-selector { border: 1px solid #d7d7d7; display: none; }
    #tabspanel .tabs { background-color: #ebebeb; margin-top: 10px; display: block; max-height: 50px; overflow: hidden; border: 1px solid #b7b7b7; }
    #tabspanel .tabs.active { max-height: 500px; border: 1px solid #ebebeb; }
    .tabs .mob-tab-top { background-color: #fff; text-align: center; height: 50px; display: flex; align-items: center; justify-content: center; color: #004d94; font-weight: 700; font-size: 1.2em; cursor: pointer; }
    .tabs.active .mob-tab-top { background-color: transparent; }
    .tabs .mob-tab-top i { color: #ff6800; margin-left: 5px; }
    .tabs.active .mob-tab-top i { color: #ff6800; margin-left: 5px; transform: rotate(90deg); }
    .opt-selector div { height: 40px; line-height: 40px; padding-left: 10px; cursor: pointer; position: relative; background-color: #ff6800; color: #fff; font-weight: bold; padding-right: 15px; font-size: 1.2em; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 50% !important; }
    .opt-selector div i { position: absolute; right: 15px; top: 15px; color: #fff; font-weight: bold; }
    .feattabs { white-space: wrap; display: flex; flex-flow: row wrap; max-width: 100%; overflow-y: hidden; }
    .feattabs li { display: inline-block; float: none; width: 50% !important; margin: 0; border: 0; border-radius: 0px; text-align: left; padding: 0px; margin-right: 0 !important; }
    .feattabs li a { border: none; margin: 0; border-radius: 0; line-height: 40px; width: 100%; padding: 0; background-color: #fff; border-right: 1px solid #ebebeb; text-align: center; font-size: 1em; }
    .feattabs li.active a { border: 0; background-color: #ebebeb !important; }
    ::-webkit-scrollbar { width: 10px; height: 10px; -webkit-appearance: none; }
    ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 40px #4a4a4a; border-radius: 0; }
    ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 40px #004d94; border-radius: 0; }
    .tabs .surround { padding-top: 0px; border-top: 0; }
    #tabspanelbtm .section { margin: 0 -10px; }
    #tabspanelbtm .section .dw-md-2 { padding: 0 10px; }
    #tabspanelbtm .dw-md-2 { width: 33.33%; float: left; }
    #tabspanelbtm .dw-md-2:nth-column(3n+1) { clear: both; }
    .cats a { padding: 10px 15px 0 15px; }
    .cats a .title { font-size: 1.6em; min-height: 73px; }
    #headerleft svg { max-width: 270px; margin: auto; display: block; }
    body.co { padding-bottom: 123px; }
    body.co .mailing { display: none; }
    .checkoutprices i.toleft { left: 18%; }
    .checkoutprices i.toright { right: 18%; }
    .checkoutprices i { position: absolute; top: 18%; margin-top: -10px; line-height: 20px; height: 20px; width: 15px; text-align: center; }
    .delivery-payments .option.form .title { height: 30px; line-height: 18px; padding-top: 8px; }
    .delivery-payments .option.form .title.big { height: 30px; line-height: 15px; padding-top: 0 !important; }
    .delivery-payments .option.form .price { font-size: 0.6em; line-height: 45px; }
    #stock-partial { margin-top: 15px; }
    .contactpage #contactform .forgot .btn { margin-top: 20px; }
    .account .btn.back { width: 100%; margin-bottom: 15px; float: none; }
    .btn.green.small { max-width: 100%; }
    .orders .row.headrow .products, .orders .row.headrow .cost { display: none; }

    .contactpage #formtabs h2 { font-size: 0.85em !important; }
    .draggable-container { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .draggable { width: 9999999px; white-space: nowrap; font-size: 0; }
    .draggable-container { padding: 10px 0px; border: 1px solid #000000; }
    .prodslider .bx-wrapper .bx-controls-direction a, .product #slides .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; line-height: 40px; }
    .prodslider .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -8px; }
    .prodslider .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -10px; }
    .product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -12px; }
    .product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -10px; }
    .prod-listing .dw-md-3:nth-child(2n+1) { clear: both; }
    .register .text { text-align: center; font-size: 0.95em; }
    #tabspanelbtm .bx-wrapper .bx-controls-direction a, #tabspanel .bx-wrapper .bx-controls-direction a { width: 30px; height: 30px; line-height: 30px; font-size: 1.1em; }
    #tabspanelbtm .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -5px }
    #tabspanel .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -15px }
    #tabspanelbtm .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -5px }
    #tabspanel .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -15px }
    #productListings .bestsell .whitebg .btn { position: static; }
    .footer .section.links a { height: 40px; line-height: 40px; display: block; border: 1px solid #ebebeb; padding: 0 15px; font-size: 1.1em; max-width: 320px; margin: 10px auto 0 auto; text-align: left; }
    .footer .section.links a.closed { display: none; }
    .footer .section.links .footertitle { background-color: #ebebeb; max-width: 320px; text-align: left; padding: 0 15px; cursor: pointer; font-size: 1.1em; margin: 20px auto 0 auto; height: 40px; font-weight: bold; line-height: 40px; border-radius: 4px; }
    .footer .section.links .footertitle i { color: #ff6800; float: right; height: 40px; line-height: 40px; display: block; font-size: 1.5em; }
    .product .above-price .prod-reviews { float: none; }
    .product .stock span { font-size: .85em; }
    .product .selections { padding: 15px; }
    .product .info-graphic img { margin: 0; }
    .carousel .item { padding-bottom: 29%; margin: 0 auto; max-height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; }
    #tabspanel .tabs a.delink { float: none; margin-top: 10px; display: block; margin-left: 0; }
    .contactpage #formtabs { margin-top: 20px; }
    .productlist.landpage .topbanner { margin-top: 0px; }
    #productListings .bestsell .whitebg .outter .bluebanner { font-size: 0.7em; }
    .productlist #productListings .bestsell .whitebg .price { margin: 10px 0; }
    .bestsell .whitebg .ladder-icon { bottom: 68px; }
    #productListings .bestsell.chart .whitebg .ladder-icon { bottom: 20px !important; }
    #productListings .bestsell .whitebg.hasbar .ladder-icon { bottom: 110px; }
    .bestsell .whitebg .ladder-icon-remove { bottom: 68px; right: 10px; transform: translateX(-50%); }
    #productListings .bestsell .whitebg.hasbar .ladder-icon-remove { bottom: 95px; }
    #productListings .bestsell.chart .whitebg .ladder-icon-remove { left: 20% !important; }
    #productListings .bestsell .whitebg .warranty { font-size: .75em; }
    .top-delivery.top { font-size: 0.9em; }
    .trade-save .save-btm { margin-bottom: 15px; line-height: 1; padding: 20px; }

    .trade-account-cta { padding: 25px 15px 10px 15px; background-color: #00458f; height: auto; position: relative; text-align: center; }
    .trade-account-cta .btn.login { width: 48%; position: static; display: inline-block; margin-top: 30px; }
    .trade-account-cta .btn.register { width: 48%; position: static; display: inline-block; margin-top: 30px; }
    .trade-account-cta .btn a { display: block; color: #fff !important; }
    .trade-account-cta .cta-title { position: static; transform: none; text-align: center; }

    .trade-account-cta .cta-title .round-icon { height: 40px; width: 40px; line-height: 40px; background-color: #ff6800; border-radius: 100%; text-align: center; color: #fff; font-size: 1.4em; margin-right: 10px; display: inline-block; }
    .trade-account-cta .cta-title strong { font-size: 1.4em; }


    .main-trade-cta { background-color: #004d94; position: relative; padding: 18px; margin-top: 15px; text-align: center; }
    .main-trade-cta span { color: #fff; font-size: 1.6em; }
    .main-trade-cta span i { margin: 0px 18px 0px 18px; display: none; }
    .main-trade-cta .btn { position: static; transform: none; width: 240px; background-color: #fff; margin: 15px auto 0px auto; }

    .hidden-xs-inline { display: none; }

    #trade-link { text-align: center; width: 100%; max-width: 100%; margin-right: 0px; }
    .topgrey .dw-md-3.call a.fas.fa-phone:before { display: inline-block; margin-right: 5px; }
    .topgrey .call a { transform: translateX(-15%); }
    .mobile--main { }
    .mobile__navigation--content { margin-top: 45px; padding-left: 0px; max-width: 390px; }
    .mobile__widgets .search { max-width: 400px; }
    .mobile__navigation--close { }
    .mobile__navigation--back { top: -80px; left: 10px; }
    .mobile--main .nav-fix { width: 48%; }

    .trade-account-cta .btn.login { max-width: 120px; right: 190px; }
    .trade-account-cta .btn.register { max-width: 120px; right: 45px; }


    .mobile__navigation a span { padding-left: 10px; font-size: 1em; }
    .hotdeal .whitebg { padding: 0px !important; min-height: 10px !important; }
    .hotdeal .whitebg a { display: flex; align-items: center; }
    .hotdeal .whitebg a { display: flex; align-items: center; }
    .hotdeal .whitebg a img { width: 45%; height: auto; }
    .hotdeal .whitebg a .info { width: 55%; padding: 15px; font-size: 1.2em; }
    .hotdeal .whitebg a .info .title { margin: 0px 0px 15px 0px; font-size: 1.2em; max-width: 300px; }

    #basketotals .prod--accessories .img-boot { padding-right: unset; }

    .productlist .tiles-container { background-color: #f2f2f2; padding: 30px 15px; }
    .productlist .tiles-container > * { flex-shrink: 0; max-width: 90px; }
    .productlist .tiles-container img { width: 90px; height: 90px; }
    .productlist .tiles-container .img-placeholder { width: 90px; height: 90px; }

    .prod-list-card { padding: 8px; }
    .prod-list-card .banner-sec { flex-wrap: wrap; gap: 10px; }
    .prod-list-card .listing-info-banner { gap: 10px; padding: 5px; color: #fff; font-size: 0.85rem; flex-shrink: 0; flex-basis: 100%; }
    .prod-list-card .trustpilot-widget { flex-basis: 100%; transform: scale(1) translateY(4px); }
    .prod-list-card .trustpilot-widget iframe { height: 30px !important; }

    #content .productlist #productListings .dw-grid .prod-list-card .plc-list li::before { width: 14px; height: 14px; font-size: 0.6rem; }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .trade-bullet-lg { padding: 15px 15px 15px 95px; min-height: 10px; margin: 15px 0px; }
    .trade-bullet-lg .round-icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
    #features-spec .related .prod-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
    #basketotals .prod--accessories .accessory .qty-section .prod-quant { justify-content: start; }
    #basketotals .prod--accessories .price-boot { padding: unset; }
    #basketotals .prod--accessories .price-boot strong { font-size: 1.1rem; }
}

@media screen and (min-width: 600px) {
    #content .productlist #productListings .dw-grid .prod-list-card .plc-list { padding-left: 5px; }
}

@media screen and (max-width: 600px) {
    #trade-link { font-size: 0.85em; }
    .product .info-graphic { font-size: 2.4vw; }


    .popup.newsl .form h2 { font-size: 6vw; }
    .popup.newsl .form button { width: 25%; font-size: 4vw; height: 40px; }
    .popup.newsl .form input { height: 40px; max-width: 75%; font-size: 4vw; }
    .popup.newsl .cls { font-size: 8vw; }
    .prod-list-card .listing-info-banner { text-align: center; }
    .prod-list-card .listing-info-banner i { display: none; }


    .container.reviews .reviews-container .reviews-grid .review-card .card-head { height: unset; flex-direction: column; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-head > a { margin: auto; padding-top: 25px; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-head .details { width: 100%; margin-top: 10px; padding: 20px; align-items: center; gap: 10px; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-head .details .prod-title { font-size: 1.3rem; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-body { height: unset; font-size: 1.1rem; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-foot { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-size: 1rem; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-head .details a { text-align: center; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-head .details > br { display: none; }

    .container.reviews .reviews-container .reviews-grid .review-card .card-head .details span:not(.prod-title) { font-size: 1.2rem; }
    .container.reviews .reviews-container .reviews-grid .review-card .card-head .details strong.smaller { font-size: 1rem; }

    #content .productlist #productListings .dw-grid .prod-list-card .plc-list { padding: unset; }
}

@media screen and (max-width:560px) {

    .product .prod-reviews .revitems { display: block; }
    .cats a img { right: -35px; }
    .product .further-info.main-desc { padding: 0 5px 5px 5px; font-size: 0.8em; }
    .product .above-price .dw-xs-6 { width: 100%; }
    .delivery-message { padding: 15px; }
    .delivery-message i { position: static; display: block; text-align: center; transform: none; margin-bottom: 15px; }
    .timer { grid-gap: 5px; }

    .safetymsg { font-size: 1.0em !important; }
    .safetymsg .img { display: none; }
    .safetymsg .text { width: 100% !important; padding: 15px; }

    #basketotals .head-sec { gap: unset; margin: 20px 0; }
    #basketotals .prod--accessories .img-boot img { border: 1px solid #004D94; border-radius: 6px; max-width: 50px; }
    .trustpilot-widget.prodpage { margin: auto; padding-top: 5px; }

    
}

@media screen and (max-width: 550px) {
    .description.divide img { width: 100% !important; }
    .product h1 { margin-top: 0; line-height: 32px; margin-bottom: unset; }

    #product .listing-info-banner { font-size: 1rem; flex-basis: 57%; }
    #product .access-delivery-grid { margin-top: 25px; }
    #product .maindetails { flex-direction: column; align-items: flex-start; gap: 5px !important; }
    #product .maindetails > div span, #product .maindetails > a span { font-size: 1.25rem; }
    #product .maindetails > a span > span { font-size: 0.825rem; }
}

@media screen and (min-width: 541px) {
    .featcatlinks .showmore { display: none !important; }
}

@media screen and (max-width: 540px) {
    #trade-link i { display: none; }
    .featcatlinks .toggle-bx { transition: max-height ease-in-out .2s; }
    .featcatlinks.shut .toggle-bx { max-height: 100px !important; overflow: hidden; }
    .featcatlinks .section > div { width: 100%; }
    .featcatlinks .showmore { cursor: pointer; text-align: center; color: #004d94; padding: 10px; border-top: 2px solid #707070; font-weight: 600; }
    .featcatlinks .showmore:before { content: "Show less"; display: inline; color: #004d94; font-weight: 600; }
    .featcatlinks.shut .showmore:before { content: "Show more" !important; }
    .featcatlinks i { color: #ff6800; }
}

@media screen and (max-width:530px) {
    .carousel .item { padding-bottom: 103%; margin: 0 auto; max-height: 568px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; }
}

@media screen and (max-width:520px) {
    .pay-opt h2 { float: none; }
    .pay-opt span.btn { float: none; width: 100%; text-align: center; padding: 0; margin-bottom: 10px; }
    .pay-opt .card-surround { padding: 10px 10px 10px 40px; }
    .pay-opt .card-surround .check { position: absolute; top: 10px; left: 10px; margin-top: 10px; }
    .pay-opt .card-surround .card-details, .pay-opt .card-surround .card-expiry { float: none; padding: 0; }
    .hotdeal .timer { font-size: 1.1em; }
    .account-menu .dw-lg-3 { width: 50%; }
    .account-menu .dw-lg-3:nth-child(3n+1) { clear: none; }
    .account-menu .dw-lg-3:nth-child(2n+1) { clear: both; }
    h1 { font-size: 1.8em !important; }
    .refno { font-size: 1rem; }
    .productlist.landpage .topbanner h1 { font-size: 1.5em !important; margin-top: 20px; }
    .account .full-bg { padding: 15px; }
    .prod-list-top .dw-xs-6 { width: 100%; }
    .prod-list-top #userlayout { margin-top: 0; }
    .prod-list-top form { float: none; width: 100%; }
    .prod-list-top select { width: 100%; border: 1px solid #00458f; height: 40px; }
    .prod-list-top form strong { font-size: 1.1em; font-weight: 600; color: #00458f; }
    .prod-list-top h1 { margin-top: 0; }
    .feattabs li { width: 50% !important; }
    .product .further-info ul.feattabs.foursplit li { font-size: 0.85em; }
    .topgrey .dw-md-3:nth-child(3) a { display: block; }
    .topgrey .dw-md-3:nth-child(3) { text-align: left; }
}

@media screen and (max-width:500px) {
    .popup.newsl .form { padding: 15px !important; }
    #tabspanelbtm .dw-md-2 { width: 50%; float: left; }
    #tabspanelbtm .dw-md-2:nth-column(3n+1) { clear: none; }
    #tabspanelbtm .dw-md-2:nth-column(2n+1) { clear: both; }
    .cats .dw-md-4 { width: 100%; }
    .cats a img { right: 0px; bottom: 0; top: auto; }
    .cats a { padding: 20px 25px 0 25px; }
    .cats .dw-md-4 { margin-bottom: 15px; }
    #news { margin-top: 0; }
    .trade-bullet-lg { padding: 95px 15px 15px 15px; min-height: 10px; margin: 15px 0px; }
    .trade-bullet-lg .round-icon { position: absolute; top: 25px; left: 50%; transform: translateX(-50%); }
    #pickaddr .enter-postcode .btn, #pickdeladdr .enter-postcode .btn { width: 85px; }
    #pickaddr .enter-postcode .editor-field, #pickdeladdr .enter-postcode .editor-field { width: calc(100% - 100px); }
    .register .reg-circle { top: 0px; transform: translate(-50%, 0%); left: 50%; }
    .register .register-bullet .text { left: 55px; top: 65px; left: 50%; transform: translate(-50%, 0%); }
    .santa-hat--fr { left: -38px; }
    .santa-hat--fl { right: -38px; }
    .footer .gap-45, .footer .gap-30 { grid-gap: 15px !important; }
    .footer .dw-grid div.trade { grid-gap: 20px; }
    .tpcontainer { padding: 15px !important; }

    #features-spec .related .prod-grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; }
    #features-spec .related .prod-grid a.related-prod { align-items: center; }
    #features-spec .related .prod-grid a.related-prod .info { align-items: center; }
    #features-spec .related .prod-grid a.related-prod .info .title { min-height: unset; }

    #basketotals .prod--accessories .accessory .head-sec { gap: 5px; }
    #basketotals .prod--accessories .accessory .section.flx { justify-content: center; /*gap: 15px;*/ }
    /*#basketotals .prod--accessories .accessory .section.flx .txt-boot { text-align: center; }*/
    #basketotals .prod--accessories .accessory .section.flx .qty-section { display: flex; justify-content: center; }
}

@media screen and (max-width: 495px) {
    #trade-link { font-size: 0.85em; padding: 0px; }
    .hotdeal .whitebg a .info { font-size: 1.0em; text-align: left !important; }
    .step-text .btn { max-width: initial; }

    .prod-list-card .listing-info-banner { font-size: 3vw; padding: 5px; }
    #features-spec .safe-use-guide { height: 250px; }
    .description.divide img { top: 102%; }
    #features-spec .question > h2 { font-size: 1rem !important; }
    #features-spec .heading, .related h3 { font-size: 1.3rem; }
    #features-spec i.plus-min { width: 20px; height: 20px; }
}

@media screen and (max-width:420px) {
    .bestsell .section.main .dw-md-2.top { width: 100%; text-align: center; }
    .bestsell .section.main .dw-md-8.top { width: 100%; margin-top: 20px; }
    #headerright .log, #headerright .cart { margin-left: 18px; }
    #bybrand .dw-xs-4 { width: 50%; }
    .cmslinks .dw-xs-6 { width: 100%; margin-bottom: 10px; }
    .maincontent { margin: 30px auto 10px auto; }
    #bybrand .dw-xs-4:nth-child(2n+1) { clear: both; }
    .mailing .title { font-size: 1.3em; line-height: normal; }
    .mailing .newsletter .dw-xs-3, .mailing .newsletter .dw-xs-9 { width: 100%; }
    .mailing .btn { max-width: 100%; margin-top: 10px; }
    .topgrey .call { transform: translateX(-15px); font-size: 0.9em; height: 32px; }
    .topgrey .call a { width: 100px; margin-top: 5px; }
    .mobile__navigation--content, .mobile__widgets .search, a.special--offers { max-width: 360px; }
    #sale-banner .only { display: none; }
    #sale-banner .remain:before { content: "left"; }
    form#checkoutform .paymentsect #paypalmessage > div { width: 100%; }
}

@media screen and (max-width:400px) {
    .basket .row.regular .col1 { padding: 0; min-height: 0; }
    .basket .btn { max-width: 100%; margin: 10px auto; }
    .basket .btn.grey { margin: 15px 0 0 0; }
    #discountform .editors { padding-right: 15px; }
    #discountform .editor-field { float: none; }
    #discountform .editor-field.submit { width: 100%; margin-top: 15px; position: static; }
    .prod-listing .whitebg .btn.green { display: block; max-width: 100% !important; }
    .prod-listing .whitebg.hasbar .ladder-icon { bottom: 95px !important; }
    .prod-listing .whitebg .ladder-icon-remove { left: 20%; }
    .topgrey .dw-md-3.call a.fas.fa-phone:before { display: none; }
    .topgrey .switch .slidetext { font-size: 0.8em; }
    .topgrey .switch .slidetext.inc { left: -44px; }
    .topgrey .switch .slidetext.ex { right: -44px; }
    .products .price label { font-size: 0.9rem; }
    #features-spec .safe-use-guide { height: 200px; }
}

@media screen and (max-width: 380px) {
    .mobile__navigation, .mobile__subnav { padding: 0 10px; }
    .mobile__navigation--content, .mobile__widgets .search { max-width: 340px; }
    #trade-link { }
    #headerright .log, #headerright .cart { margin-left: 10px; }
    #sale-banner { font-size: 0.85rem; }
}

@media screen and (max-width: 350px) {
    .products .price label { font-size: 0.8rem; }
    #features-spec .safe-use-guide { height: 175px; }
}

@media screen and (max-width: 340px) {
    .topgrey .call { height: 32px; transform: translateX(-25px); }
}

@media screen and (max-width:320px) {
    .delivery-payments .option.form .title { height: 30px; line-height: 18px; padding-top: 8px; font-size: 0.5em; }
    .delivery-payments .option.form .title.big { height: 30px; line-height: 15px; padding-top: 0 !important; }
    .delivery-payments .option.form .price { font-size: 0.5em; }
    .contactpage #formtabs h2 { font-size: 0.7em !important; }
    .product .products .editor-field .quant { margin: 0; }
    .account .editor-label input.check-box { margin-right: 65%; }
    #productListings .bestsell .whitebg .outter .bluebanner { font-size: 0.55em; }
    .topgrey .switch .slidetext { font-size: 0.8em; }
    .topgrey .switch { margin-right: 50px }
    .topgrey .switch .slidetext.ex { right: -44px; }
    .topgrey .switch .slidetext.inc { left: -44px; }
    .mobile__widgets .search { max-width: 295px; }
    .mobile__navigation .nav-fix a { font-size: 0.8em; }
}

.paymentsect .applepay { display: none; }
.paymentsect.applenabled .applepay { display: block; }