/* Minification failed. Returning unminified contents.
(1555,15): run-time error CSS1030: Expected identifier, found '.'
(1555,32): run-time error CSS1031: Expected selector, found ')'
(1555,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1559,15): run-time error CSS1030: Expected identifier, found '.'
(1559,32): run-time error CSS1031: Expected selector, found ')'
(1559,32): run-time error CSS1025: Expected comma or open brace, found ')'
(1592,20): run-time error CSS1030: Expected identifier, found '.'
(1592,31): run-time error CSS1031: Expected selector, found ')'
(1592,31): run-time error CSS1025: Expected comma or open brace, found ')'
(1807,35): run-time error CSS1030: Expected identifier, found '.'
(1807,47): run-time error CSS1031: Expected selector, found ')'
(1807,47): run-time error CSS1025: Expected comma or open brace, found ')'
(2010,124): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(3114,39): run-time error CSS1030: Expected identifier, found ':'
(3114,47): run-time error CSS1031: Expected selector, found ')'
(3114,47): run-time error CSS1025: Expected comma or open brace, found ')'
(3116,39): run-time error CSS1030: Expected identifier, found ':'
(3116,47): run-time error CSS1031: Expected selector, found ')'
(3116,47): run-time error CSS1025: Expected comma or open brace, found ')'
(3124,33): run-time error CSS1030: Expected identifier, found ':'
(3124,41): run-time error CSS1031: Expected selector, found ')'
(3124,41): run-time error CSS1025: Expected comma or open brace, found ')'
(3125,33): run-time error CSS1030: Expected identifier, found ':'
(3125,41): run-time error CSS1031: Expected selector, found ')'
(3125,41): run-time error CSS1025: Expected comma or open brace, found ')'
 */


.section .clear { display: none; }



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

.rel { position: relative; }
.block { display: block; }

.section.center-boots { justify-content: center; }

.container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }
@-ms-viewport { width: device-width; }

.section { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.section.center { align-items: center; }
.dw-hide { display: none; }
.dw-hide-i { display: none !important; }
.flx-bx { display: flex; }
.fl-al-start { align-items: start; }
.fl-al-cent { align-items: center; }
.fl-al-end { align-items: flex-end; }
.fl-ju-cent { justify-content: center; }
.fl-ju-space { justify-content: space-between; }
.fl-ju-spaceeven { justify-content: space-evenly; }
.fl-ju-spacearound { justify-content: space-around; }
.fl-ju-end { justify-content: end; }
.fl-wrap { flex-wrap: wrap; }
.fl-dir-rev { flex-direction: row-reverse; }
.row-g-30 {row-gap: 30px;}
.row-g-10 {row-gap: 10px;}
.xxs-al-start { align-items: flex-start; }
.xxs-al-center { align-items: center; }
.xxs-al-end { align-items: flex-end; }
.xxs-al-stretch { align-items: stretch; }

.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-hide { display: none; }
.xxs-flx-col { flex-direction: column; }
.xxs-flx-row { flex-direction: row; }
/*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; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }

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


.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-20 { grid-gap: 20px; }
.gap-30 { grid-gap: 30px; }
.gap-50 { grid-gap: 50px; }
.gap-70 { grid-gap: 70px; }
.gap-80 { grid-gap: 80px; }

.section { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.section:before, .section:after { display: none !important; }
.section > div { position: relative; min-height: 1px; padding: 0 15px; }
.section.center { align-items: center; }

.section.no-g { margin: 0px; }
.section.no-g > div { padding: 0px; }

.section.sml-g { margin: 0 -5px; }
.section.sml-g > div { padding: 0 5px; }

.section.med-g { margin: 0 -10px; }
.section.med-g > div { padding: 0 10px; }

.section.gap-1rem { margin: 0 -1rem;  row-gap:2rem ;}
.section.gap-1rem > div { padding: 0 1rem; }
.section.gap-05rem { margin: 0 -0.5rem; row-gap:1rem ; }
.section.gap-05rem > div { padding: 0 0.5rem; }

.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 { width: 100%; }
.dw-xxs-11 { width: 91.66666666666666%; }
.dw-xxs-10 { width: 83.33333333333334%; }
.dw-xxs-9 { width: 75%; }
.dw-xxs-8 { width: 66.66666666666666%; }
.dw-xxs-7 { width: 58.333333333333336%; }
.dw-xxs-6 { width: 50%; }
.dw-xxs-5 { width: 41.66666666666667%; }
.dw-xxs-4 { width: 33.33333333333333%; }
.dw-xxs-3 { width: 25%; }
.dw-xxs-2 { width: 16.666666666666664%; }
.dw-xxs-1 { width: 8.333333333333332%; }

@media (max-width:500px){
.section.gap-025rem-xxs { margin: 0 -0.25rem; row-gap:0.5rem ; }
.section.gap-025rem-xxs > div { padding: 0 0.25rem; }
.cancel-container-mob {margin: 0 -15px !important; border-radius: 0 !important;}
}

@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 { width: 100%; }
    .dw-xs-11 { width: 91.66666666666666%; }
    .dw-xs-10 { width: 83.33333333333334%; }
    .dw-xs-9 { width: 75%; }
    .dw-xs-8 { width: 66.66666666666666%; }
    .dw-xs-7 { width: 58.333333333333336%; }
    .dw-xs-6 { width: 50%; }
    .dw-xs-5 { width: 41.66666666666667%; }
    .dw-xs-4 { width: 33.33333333333333%; }
    .dw-xs-3 { width: 25%; }
    .dw-xs-2 { width: 16.666666666666664%; }
    .dw-xs-1 { width: 8.333333333333332%; }

    /*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: flex-start; }
    .xs-al-center { align-items: center; }
    .xs-al-end { align-items: flex-end; }
    .xs-al-stretch { align-items: stretch; }

    .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; }
    .xs-ju-self-start { justify-self: flex-start; }
    .xs-ju-self-end { justify-self: flex-end; }
}

@media (max-width: 767px) {
    .section { margin: 0 -10px; }
    .section > div { padding: 0 10px; }
}

@media (min-width:768px) {


    .sm-show { display: initial; }
    .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 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }

    /*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: flex-start; }
    .sm-al-center { align-items: center; }
    .sm-al-end { align-items: flex-end; }
    .sm-al-stretch { align-items: stretch; }

    .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; }
    .sm-ju-self-start { justify-self: flex-start; }
    .sm-ju-self-end { justify-self: flex-end; }

    .visible-xs { display: none !important; }
}

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

@media(max-width: 991px) {
    .container.full-tabdown { max-width: 100% !important; }
}

@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 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }


    .dw-md-10percent { width: 10%; }
    .dw-md-20percent { width: 20%; }
    .dw-md-30percent { width: 30%; }
    .dw-md-40percent { width: 40%; }
    .dw-md-50percent { width: 50%; }
    .dw-md-60percent { width: 60%; }
    .dw-md-70percent { width: 70%; }
    .dw-md-80percent { width: 80%; }
    .dw-md-90percent { width: 90%; }

    /*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: flex-start; }
    .md-al-center { align-items: center; }
    .md-al-end { align-items: flex-end; }
    .md-al-stretch { align-items: stretch; }

    .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; }
    .md-ju-self-start { justify-self: flex-start; }
    .md-ju-self-end { justify-self: flex-end; }

    .visible-tab-down { display: none !important; }
}

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

@media(max-width: 1229px) {
    .visible-desk-up { display: none; }
}

@media (min-width: 1230px) {
    .container.console { width: auto !important; }



    .dw-lg-10th { width: calc(100% / 10); }
    .dw-lg-9th { width: calc(100% / 9); }
    .dw-lg-8th { width: calc(100% / 8); }
    .dw-lg-7th { width: calc(100% / 7); }
    .dw-lg-5th { width: calc(100% / 5); }

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


    .dw-lg-10percent { width: 10%; }
    .dw-lg-20percent { width: 20%; }
    .dw-lg-30percent { width: 30%; }
    .dw-lg-40percent { width: 40%; }
    .dw-lg-50percent { width: 50%; }
    .dw-lg-60percent { width: 60%; }
    .dw-lg-70percent { width: 70%; }
    .dw-lg-80percent { width: 80%; }
    .dw-lg-90percent { width: 90%; }

    /*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: flex-start; }
    .lg-al-center { align-items: center; }
    .lg-al-end { align-items: flex-end; }
    .lg-al-stretch { align-items: stretch; }

    .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; }
    .lg-ju-self-start { justify-self: flex-start; }
    .lg-ju-self-end { justify-self: flex-end; }

    .visible-desk-up { display: block; }
}

@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 { width: 100%; }
    .dw-xl-11 { width: 91.66666666666666%; }
    .dw-xl-10 { width: 83.33333333333334%; }
    .dw-xl-9 { width: 75%; }
    .dw-xl-8 { width: 66.66666666666666%; }
    .dw-xl-7 { width: 58.333333333333336%; }
    .dw-xl-6 { width: 50%; }
    .dw-xl-5 { width: 41.66666666666667%; }
    .dw-xl-4 { width: 33.33333333333333%; }
    .dw-xl-3 { width: 25%; }
    .dw-xl-2 { width: 16.666666666666664%; }
    .dw-xl-1 { width: 8.333333333333332%; }

    /*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: flex-start; }
    .xl-al-center { align-items: center; }
    .xl-al-end { align-items: flex-end; }
    .xl-al-stretch { align-items: stretch; }

    .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; }
    .xl-ju-self-start { justify-self: flex-start; }
    .xl-ju-self-end { justify-self: flex-end; }
}

@media (min-width:1230px) and (max-width:1670px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1500px; }
}

@media (min-width:1671px) {
    .container, .course .masthead .container, .info-page .masthead .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 { width: 100%; }
    .dw-xxl-11 { width: 91.66666666666666%; }
    .dw-xxl-10 { width: 83.33333333333334%; }
    .dw-xxl-9 { width: 75%; }
    .dw-xxl-8 { width: 66.66666666666666%; }
    .dw-xxl-7 { width: 58.333333333333336%; }
    .dw-xxl-6 { width: 50%; }
    .dw-xxl-5 { width: 41.66666666666667%; }
    .dw-xxl-4 { width: 33.33333333333333%; }
    .dw-xxl-3 { width: 25%; }
    .dw-xxl-2 { width: 16.666666666666664%; }
    .dw-xxl-1 { width: 8.333333333333332%; }

    /*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: flex-start; }
    .xxl-al-center { align-items: center; }
    .xxl-al-end { align-items: flex-end; }
    .xxl-al-stretch { align-items: stretch; }

    .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; }
    .xxl-ju-self-start { justify-self: flex-start; }
    .xxl-ju-self-end { justify-self: flex-end; }

    .container.console { max-width: 1645px !important; }
}



.center-block { margin: 0 auto; }
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }
.inner-rel { width: 100%; position: relative; }

.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 15px; }
.lh-08 { line-height: 0.8; }

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt--15 { margin-top: -15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-85 { margin-top: 85px; }
.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-20 { margin-top: 20px; margin-bottom: 20px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-30 { margin-right: 30px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.m-auto { margin: auto; }

.top-padd-15 { padding-top: 15px; }
.top-padd-30 { padding-top: 30px; }

.vert-padd-5 { padding-top: 5px; padding-bottom: 5px; }
.vert-padd-10 { padding-top: 10px; padding-bottom: 10px; }
.vert-padd-15 { padding-top: 15px; padding-bottom: 15px; }
.vert-padd-30 { padding-top: 30px; padding-bottom: 30px; }
.vert-padd-45 { padding-top: 45px; padding-bottom: 45px; }
.vert-padd-60 { padding-top: 60px; padding-bottom: 60px; }
.vert-padd-120 { padding-top: 120px; padding-bottom: 120px; }

.hor-padd-5 { padding-left: 5px; padding-right: 5px; }
.hor-padd-10 { padding-left: 10px; padding-right: 10px; }
.hor-padd-15 { padding-left: 15px; padding-right: 15px; }
.hor-padd-20 { padding-left: 20px; padding-right: 20px; }
.hor-padd-30 { padding-left: 30px; padding-right: 30px; }
.hor-padd-45 { padding-left: 45px; padding-right: 45px; }
.hor-padd-60 { padding-left: 60px; padding-right: 60px; }
.hor-padd-100 { padding-left: 100px; padding-right: 100px; }
.padd-5 { padding: 5px; }
.padd-10 { padding: 10px; }
.padd-15 { padding: 15px; }
.padd-20 { padding: 20px; }
.padd-30 { padding: 30px; }
.padd-45 { padding: 45px; }
.padd-btm-5 { padding-bottom: 5px; }
.padd-btm-10 { padding-bottom: 10px; }
.padd-btm-15 { padding-bottom: 15px; }
.padd-btm-20 { padding-bottom: 20px; }
.padd-btm-30 { padding-bottom: 30px; }
.padd-btm-45 { padding-bottom: 45px; }
.padd-btm-50, .pb-50 { padding-bottom: 50px; }
.padd-btm-60 { padding-bottom: 60px; }
.padd-top-5 { padding-top: 5px; }
.padd-top-10 { padding-top: 10px; }
.padd-top-15 { padding-top: 15px; }
.padd-top-20 { padding-top: 20px; }
.padd-top-30 { padding-top: 30px; }
.padd-top-45 { padding-top: 45px; }
.padd-top-45, .pt-50 { padding-top: 50px; }
.padd-top-60 { padding-top: 60px; }
.padd-right-10 { padding-right: 10px; }
.padd-right-15 { padding-right: 15px; }
.fs-05 { font-size: 0.5em; }
.fs-06 { font-size: 0.6em; }
.fs-07 { font-size: 0.7em; }
.fs-08 { font-size: 0.8em; }
.fs-09 { font-size: 0.9em; }
.fs-11 { font-size: 1.1em; }
.fs-12 { font-size: 1.2em; }
.fs-125 { font-size: 1.25em; }
.fs-13 { font-size: 1.3em; }
.fs-14 { font-size: 1.4em; }
.fs-15 { font-size: 1.5em; }
.fs-156 { font-size: 1.56em; }
.fs-174 { font-size: 1.74em; }
.fs-17 { font-size: 1.6em; }
.fs-16 { font-size: 1.7em; }
.fs-18 { font-size: 1.8em; }
.fs-19 { font-size: 1.9em; }
.fs-20 { font-size: 2.0em; }
.fs-22 { font-size: 2.2em; }
.fs-23 { font-size: 2.3em; }
.fs-25 { font-size: 2.5em; }
.fs-27 { font-size: 2.7em; }
.fs-30 { font-size: 3.0em; }
.fs-32 { font-size: 3.2em; }
.fs-33 { font-size: 3.3em; }
.fs-34 { font-size: 3.4em; }
.fs-35 { font-size: 3.5em; }
.fs-575{font-size: 5.75rem;}
.fnt-w-100 { font-weight: 100; }
.fnt-w-200 { font-weight: 200; }
.fnt-w-300 { font-weight: 300; }
.fnt-w-400 { font-weight: 400; }
.fnt-w-500 { font-weight: 500; }
.fnt-w-600 { font-weight: 600; }
.fnt-w-700 { font-weight: 700; }
.fnt-w-800 { font-weight: 800; }
.fnt-w-900 { font-weight: 900; }


.f-rem-05 { font-size: 0.5rem !important; }
.f-rem-06 { font-size: 0.6rem !important; }
.f-rem-07 { font-size: 0.7rem !important; }
.f-rem-08 { font-size: 0.8rem !important; }
.f-rem-09 { font-size: 0.9rem !important; }
.f-rem-11 { font-size: 1.1rem !important; }
.f-rem-12 { font-size: 1.2rem !important; }
.f-rem-125 { font-size: 1.25rem !important; }
.f-rem-13 { font-size: 1.3rem !important; }
.f-rem-14 { font-size: 1.4rem !important; }
.f-rem-15 { font-size: 1.5rem !important; }
.f-rem-17 { font-size: 1.6rem !important; }
.f-rem-16 { font-size: 1.6rem !important; }
.f-rem-18 { font-size: 1.8rem !important; }
.f-rem-19 { font-size: 1.9rem !important; }
.f-rem-20 { font-size: 2.0rem !important; }
.f-rem-23 { font-size: 2.3rem !important; }
.f-rem-25 { font-size: 2.5rem !important; }
.f-rem-27 { font-size: 2.7rem !important; }
.f-rem-28 { font-size: 2.8rem !important; }
.f-rem-29 { font-size: 2.9rem !important; }
.f-rem-30 { font-size: 3.0rem !important; }
.f-rem-32 { font-size: 3.2rem !important; }
.f-rem-33 { font-size: 3.3rem !important; }
.f-rem-34 { font-size: 3.4rem !important; }
.f-rem-35 { font-size: 3.5rem !important; }
.f-rem-39 { font-size: 3.9rem !important; }
.f-rem-75 { font-size: 7.5rem !important; }

.rati-10 { padding-top: 10%; }
.rati-15 { padding-top: 15%; }
.rati-20 { padding-top: 20%; }
.rati-25 { padding-top: 25%; }
.rati-30 { padding-top: 30%; }
.rati-35 { padding-top: 35%; }
.rati-40 { padding-top: 40%; }
.rati-45 { padding-top: 45%; }
.rati-50 { padding-top: 50%; }
.rati-55 { padding-top: 55%; }
.rati-60 { padding-top: 60%; }
.rati-65 { padding-top: 65%; }
.rati-70 { padding-top: 70%; }
.rati-75 { padding-top: 75%; }
.rati-80 { padding-top: 80%; }
.rati-85 { padding-top: 85%; }
.rati-90 { padding-top: 90%; }
.rati-95 { padding-top: 95%; }
.rati-100 { padding-top: 100%; }
.rati-105 { padding-top: 105%; }

.w-2 { width: 2px; }
.max-w-cont { max-width: fit-content; }
.min-w-160 { min-width: 160px; }
.min-w-200 { min-width: 200px; }
.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-115 { max-width: 115px }
.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-225 { max-width: 225px }
.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-485 { max-width: 485px }
.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-50perc { max-width: 50%; }


.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-20 { min-height: 20px; }
.min-h-90 { min-height: 90px; }
.min-h-95 { min-height: 95px; }
.min-h-95-imp { min-height: 95px !important; }
.min-h-110 { min-height: 110px; }
.min-h-150 { min-height: 150px; }
.min-h-160 { min-height: 160px; }
.min-h-180 { min-height: 180px; }
.min-h-200 { min-height: 200px; }
.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-370 { min-height: 370px; }
.min-h-380 { min-height: 380px; }
.min-h-500 { min-height: 500px; }
.min-h-422 { min-height: 422px; }
.min-h-710 { min-height: 710px; }
.min-h-115 { min-height: 115px; }
.min-h-600 { min-height: 600px; }
.min-h-710 { min-height: 710px; }

.rad-0 { border-radius: 0px !important; }
.rad-5 { border-radius: 5px; }
.rad-10 { border-radius: 10px; }
.rad-20 { border-radius: 20px; }
.rad-25 { border-radius: 25px; }
.rad-30 { border-radius: 30px; }
.btml-rad-20 { border-bottom-left-radius: 20px; }
.btmr-rad-20 { border-bottom-right-radius: 20px; }

.lineh-12 { line-height: 1.2; }
.lineh-13 { line-height: 1.3; }
.lineh-14 { line-height: 1.4; }
.lineh-15 { line-height: 1.5; }

.sticky { position: sticky; position: -webkit-sticky; top: 0px; z-index: 10; }


.fl-left { float: left; }
.fl-right { float: right; }

.full-w { width: 100%; }

@media screen and (min-width: 1231px) {
    .fl-left-lg { float: left; }
    .fl-right-lg { float: right; }
    .hor-padd-lg-100 { padding-left: 100px; padding-right: 100px; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
    .fl-left-md { float: left; }
    .fl-right-md { float: right; }
    .full-w-md { max-width: 100%; }
    .hor-padd-md-50 { padding-left: 50px; padding-right: 50px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .fl-left-sm { float: left; }
    .fl-right-sm { float: right; }
    .hidden-sm { display: none !important; }
    .full-w-sm { max-width: 100%; }
    .hor-padd-sm-50 { padding-left: 50px; padding-right: 50px; }
}

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

    .fs-sm-14 { font-size: 1.4em; }

    .fl-left-xs { float: left; }
    .fl-right-xs { float: right; }
    .hidden-xs { display: none !important; }

    .sm-center-txt { text-align: center !important; }
    
    .hor-padd-xs-50 { padding-left: 50px; padding-right: 50px; }


}

.flex { display: flex; }
.no-overflow { overflow: hidden; }
.cent-ab { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

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

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

.filter-radio > span { display: flex; width: 28px; height: 28px; border: 1px solid rgb(222, 222, 222); background-color: rgb(255, 255, 255); border-radius: 5px; font-size: 0.8em; color: rgb(74, 173, 148); justify-content: center; align-items: center; margin-right: 15px; }

.filter-radio input { display: none; }

.filter-radio > span i { opacity: 0; }

.filter-radio.selected > span i { opacity: 1; }

.filter-radio.selected > span.colour-check { border: 3px solid rgb(74, 173, 148); }

.filter-radio > span.colour-check i { line-height: normal; }

.filter-radio > span.colour-check { transition: all 0.2s ease 0s; border-radius: 100%; }

.filter-radio { display: flex; align-items: center; margin-top: 10px; cursor: pointer; font-size: 1.1em; line-height: normal; font-weight: 800; color: rgb(51, 51, 51); position: relative; }

.filter-radio .colour-spot { width: 25px; height: 25px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px 2px; }

.filter-radio.selected:hover > span i { opacity: 1; }

.filter-radio:hover > span.colour-check { border: 1px solid rgb(74, 173, 148); }

.slider-btn { height: 32px; width: 32px; background-color: rgb(247, 247, 247); display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid rgb(0, 0, 0); font-size: 2.5rem; cursor: pointer; transition: all 0.3s ease 0s; }

.slider-btn:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgb(183, 183, 183) 0px 6px 2px 0px; }

@media screen and (min-width: 992px) {
    .filter-radio:hover > span i { opacity: 0.5; }
}

.btn:disabled { cursor: not-allowed; background-color: rgb(198, 198, 198) !important; }

.switch { display: flex; align-items: center; cursor: pointer; justify-content: space-between; }

.switch .slider { width: 44px; height: 23px; border-radius: 50px; background-color: rgb(255, 255, 255); position: relative; display: block; margin: 0px 10px; border: 1px solid rgb(222, 222, 222); }

.switch .slider::before { width: 50%; height: 100%; border-radius: 100%; content: ""; display: block; background-color: rgb(74, 173, 148); transform: scale(0.8); }

.switch .slider::before { left: 4px; right: auto; }

.switch.on .slider::before { transform: translateX(100%) scale(0.8); }

.switch:hover .slider::before { background-color: rgb(40, 53, 81); }

.switch .slidetext.left {font-weight: 900;}
.switch .slidetext.right {font-weight: 500;}
.switch.on .slidetext.left {font-weight: 500;}
.switch.on .slidetext.right {font-weight: 900;}

.lnk.green { color: rgb(74, 173, 148); }

.lnk.green:hover { color: rgb(40, 53, 81); }

.lnk.underl { text-decoration: underline; }

.btn { border: none; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; padding: 2px 15px 0px; font-weight: 700; font-family: articulat-cf, sans-serif; border-radius: 50px; }

.btn.rect {border-radius: 3px;}

.btn.auto-w { width: max-content; padding: 0px 20px; }

.btn.sml { height: 35px; line-height: normal; padding: 0px 20px; }

.btn.md { height: 40px; font-weight: 500; }

.btn.white-hov:hover { background-color: rgb(255, 255, 255) !important; color: rgb(40, 53, 81) !important; }

.btn.sqr { border-radius: 10px; }

.btn.f-lg { font-size: 1.5rem; padding: 15px 45px; height: 60px; }

.btn.full { width: 100%; max-width: 100%; }

.btn.outline { background-color: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 10px; color: rgb(255, 255, 255); }

.btn.green { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }

.btn.green:hover, a:hover .btn.green, :hover > div > .child-btn.green { background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); }

.btn.green.alt-hover:hover { color: rgb(255, 255, 255); background-color: rgb(52, 122, 104) !important; }

.btn.blue { background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); }

.btn.blue:hover, a:hover .btn.blue, :hover .child-btn.blue { background-color: rgb(74, 173, 148); }

.btn.blue.alt-hover:hover { color: rgb(40, 53, 81); background-color: rgb(255, 255, 255) !important; }

.btn.blue.ghst { border: 1px solid rgb(40, 53, 81); background-color: rgb(255, 255, 255); color: rgb(40, 53, 81); }

.btn.blue.ghst:hover { background-color: rgb(40, 53, 81); color: #fff; }

.btn.delete { background-color: rgb(255, 0, 0); color: rgb(255, 255, 255); }

.btn.delete:hover, a:hover .btn.delete, :hover .child-btn.delete { background-color: rgb(204, 0, 0); }

.btn.delete.alt-hover:hover { color: rgb(204, 0, 0); background-color: rgb(255, 255, 255) !important; }

.btn.cont { max-width: fit-content !important; }

.btn.grey { background-color: rgb(158, 158, 158); color: rgb(255, 255, 255); }

.btn.grey:hover, a:hover .btn.grey { background-color: rgb(107, 107, 107); }

.btn.white { background-color: rgb(255, 255, 255); border: 1px solid rgb(74, 173, 148); }

.btn.white i { color: rgb(74, 173, 148); }

.btn.white:hover { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }

.btn.white:hover i { color: rgb(255, 255, 255); }

.btn.white.alt { background-color: rgb(255, 255, 255); border: 1px solid rgb(40, 53, 81); color: rgb(40, 53, 81); }

.btn.white.alt i { color: rgb(40, 53, 81); }

.btn.white.alt:hover { background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); }

.btn.white.alt:hover i { color: rgb(255, 255, 255); }

.btn.white.ghst { color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); background-color: transparent; font-weight: 300; }

.btn.white.ghst:hover { background-color: rgb(255, 255, 255); color: rgb(40, 53, 81); }

.btn.white-hov a:hover { color: rgb(40, 53, 81) !important; }

.btn.white-hov:hover a { color: rgb(40, 53, 81) !important; }

.retbtn input[type="submit"] { max-width: 100%; background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); font-weight: bold; }

.retbtn input[type="submit"]:hover { border: 1px solid rgb(0, 132, 61); }

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

.btn.green.register-trade a { color: rgb(255, 255, 255); }

.btn.lgtgreen.register-trade { max-width: 380px; margin: 30px auto; font-size: 16px; padding: 9px; height: auto; }

.btn.lgtgreen.register-trade a { color: rgb(255, 255, 255); }

.btn.white.ghost { background-color: transparent; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: 200; }

.btn.white.ghost:hover { background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(40, 53, 81); }

.btn.green.small { max-width: 250px; }

.btn.green.for { height: 40px !important; line-height: 40px !important; margin-top: 48px !important; }

.btn.lgtgreen { background-color: rgb(74, 173, 148); border-radius: 28px; color: rgb(255, 255, 255); font-weight: bold; font-family: articulat-cf, sans-serif; }

.btn.lgtgreen { height: 50px; line-height: 50px; margin-top: 0px; font-size: 1em; margin-left: 0%; opacity: 1; border-radius: 28px; width: 259px; }

.btn.lgtgreen.small { max-width: 250px; }

.btn.lgtgreen.for { height: 40px !important; line-height: 40px !important; margin-top: 48px !important; }

.bestsellbtn { width: 100%; background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); font-weight: bold; text-align: center; font-size: 1.3em; padding: 5px 0px; display: flex; align-items: center; justify-content: center; min-height: 35px; }

#applepay-container { border-radius: 50px; overflow: hidden; }

.btn.paypal { background-color: #fff; height: 50px; line-height: 20px; color: rgb(51, 51, 51); border: 1px solid rgb(180, 180, 180); font-weight: 700; position: relative; }

.btn.paypal span { position: absolute; top: 10px; }

.btn.paypal:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 100px 100px inset; background-color: transparent !important; }

.btn.orange { background-color: rgb(74, 173, 148); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: bold; font-family: Roboto, sans-serif; }

.btn.orange:hover { border-color: rgb(74, 173, 148); color: rgb(74, 173, 148); background-color: rgb(255, 255, 255) !important; }

a.btn.delete, .btn.small.alice.delete { background-color: rgb(233, 30, 99); border: 1px solid rgb(233, 30, 99); }

a.btn.delete:hover, .btn.small.alice.delete:hover { background-color: rgb(255, 255, 255); color: rgb(233, 30, 99); }

.btn.refer { border-radius: 0px 10px 10px 0px !important; max-width: fit-content !important; }

.btn.addr { border-radius: 3px; height: 45px; min-width: 115px; margin-left: 15px; }

.btn.disabled { background-color: rgb(193, 193, 193); color: rgb(51, 51, 51); cursor: auto !important; }

.btn i { margin-right: 15px; }

.btn.xtrapadd { padding: 0px 30px; }

.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); }

#discountform .btn { border-radius: 0px; }

.inline-link { cursor: pointer; }

.inline-link.blue { color: rgb(40, 53, 81); }

.inline-link.blue a { color: rgb(40, 53, 81); }

.inline-link.blue:hover { color: rgb(74, 173, 148); }

.inline-link.blue a:hover { color: rgb(74, 173, 148); }

.inline-link.green { color: rgb(74, 173, 148); }

.inline-link.green a { color: rgb(74, 173, 148); }

.inline-link.green:hover { color: rgb(40, 53, 81); }

.inline-link.green a:hover { color: rgb(40, 53, 81); }

.inline-link.underl { text-decoration: underline; }

.block-link { display: block; }

.block-link.green { color: rgb(74, 173, 148); }

.block-link.green a { color: rgb(74, 173, 148); }

.block-link.green:hover { color: rgb(40, 53, 81); }

.block-link.green a:hover { color: rgb(40, 53, 81); }

.qtybtns { text-align: center; display: flex; align-items: center; margin: 15px 0px; width: 100%; }

.qtybtns .quant { background-color: rgb(74, 173, 148); cursor: pointer; border-radius: 100%; height: 30px; min-height: 30px; text-align: center; width: 30px; min-width: 30px; color: rgb(255, 255, 255); font-size: 1.0rem; display: flex; align-items: center; justify-content: center; border: none !important; }

.qtybtns .quant span { height: 1px; display: block; line-height: 0px; }

.qtybtns .quant:hover { background-color: rgb(40, 53, 81); }

.qtybtns input { margin: 0px 10px; border: 1px solid rgb(40, 53, 81); border-radius: 3px; text-align: center; padding: 0px !important; width: 40px !important; height: 40px !important; }

.account-menu { margin-top: 30px; }

.account-menu a:not(.points-bar) { display: block; color: rgb(74, 173, 148); text-align: center; padding: 15px; border: 1px solid rgb(207, 207, 207); border-radius: 5px; margin-bottom: 20px; }

.account-menu a:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; color: rgb(40, 53, 81); }

.account-menu a i { font-size: 2em; }

.account-menu a strong { display: block; margin-top: 15px; font-size: 1.1em; }

.btn.w-content { width: fit-content; padding: 0pc 30px; min-width: 30px; }

p a { color: rgb(74, 173, 148); }

p a:hover { color: rgb(40, 53, 81); text-decoration: underline; }

.overlay-link { position: absolute; top: 0px; left: 0px; display: block; z-index: 15; cursor: pointer; width: 100%; height: 100%; }

.config-radios label{cursor: pointer; position: relative; text-align: center; justify-content: center; align-items: center; border-radius: 5px; display: flex; flex-direction: column; min-height: 75px; padding: 10px; border: 1px solid rgb(40, 53, 81);}
.config-radios label input{position: absolute; opacity: 0;}
.config-radios label .title{font-weight: 600; color: #545454; font-size: 1.2em; transition: .2s;}
.config-radios label .value{font-weight: 700; font-size: 0.9em; margin-top: 2px; color: #4aad94;}
.config-radios label.on {background-color: #fff; border: 1px solid rgb(74, 173, 148);}
.config-radios label.on .title {font-weight: 700; color: rgb(40, 53, 81);}

.btn.fnt-w-500 {font-weight: 500;}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .btn.lgtgreen { height: 50px; line-height: 50px; margin-top: 12px; font-size: 0.6em; width: 259px; }

    .btn.paypal span { display: none; }

    .btn.paypal img { margin: 0px; }

}

@media screen and (max-width: 991px) {
    .filter-togg {cursor: pointer; font-size: 1.2em; display: flex; align-items: center; gap: 5px; min-height:50px;}
    .filter-togg span {color: rgb(40, 53, 81); font-weight: 800; line-height: 1;} 
    .filter-togg i {color: rgb(74, 173, 148); font-size: 1.2em;}
    .filter-togg:hover span{color: rgb(74, 173, 148);}
}

@media screen and (max-width: 767px) {
    .btn.lgtgreen { height: 16px; line-height: 16px; margin-top: 8px; font-size: 0.8em; }

}

@media screen and (max-width: 767px) {
    #competition .btn.f-lg { padding: 0px 10px; }
}

@media screen and (min-width: 600px) and (max-width: 767px), (min-width: 1230px) and (max-width: 1500px) {
    #competition .btn.f-lg { font-size: 1.2rem; }
}

@media screen and (max-width: 600px), (min-width: 1230px) and (max-width: 1500px) {
    #competition .btn.f-lg { display: flex; align-items: center; justify-content: center; height: 50px !important; padding: 0px 10px !important; }
}

@media screen and (min-width: 500px) {
    .filterbtn { width: 45%; }
}

@media screen and (max-width: 500px) {
    .btn.resp-h { height: 40px; }

    .sortby .switch { font-size: 0.9rem; }
}

.carousel { margin: 0px auto 0 auto; }
.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; }


#myCarousel.home-carousel { position: relative; }
#myCarousel.home-carousel .carousel-indicators { left: 50%; transform: translateX(-50%); bottom: 0; }

/*#comps-bg { background-image: url('images/competition/gmb-comps-bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center; height: 459px; width: 100%; }*/
#comps-bg { background-color: #162847; border-radius: 15px; min-height: 300px; }


.carousel { }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control:hover,
.carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev,
.carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; left: 15px; z-index: 15; width: auto; padding-left: 0; list-style: none; bottom: 0; }
.carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: grey; border-radius: 10px; }
.carousel-indicators .active { background-color: #50bdaa; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.carousel-caption .btn { text-shadow: none; }

.banner.landpage { display: flex; justify-content: center; background: rgb(74,173,148); background: linear-gradient(90deg, rgba(74,173,148,1) 50%, rgba(40,53,81,1) 50%); }
.banner.landpage:before { display: none; }
.banner.landpage:after { display: none; }
.banner.landpage .grad { width: 100%; background: rgb(74,173,148); background: linear-gradient(90deg, rgba(74,173,148,1) 25%, rgba(40,53,81,1) 75%); display: flex; justify-content: center; }
.banner.landpage .toptxt { font-weight: 300; }
.banner.landpage h1 { font-size: 4em; }

.corporate-banner { background-image: url('images/corporateballs.png'); background: rgb(102,128,185); background: linear-gradient(255deg, #6680B9 0%, #0F203D 100%) 0% 0% no-repeat padding-box; margin-top: 20px; border-radius: 30px; margin-bottom: 14px; overflow: hidden; }
.corporate-banner .bg-img { /*background-image: url('images/corporateballs.png');*/ padding: 30px; height: 463px; background-repeat: no-repeat; background-position-y: center; background-position-x: 90%; }
.corporate-banner h1, .corporate-banner-2 h2 { color: #fff; font-size: 3.8em; }
.corporate-banner .inner { max-width: 650px; }
.corporate-banner .inner .text, .corporate-banner-2 .inner .text { color: #fff; font-size: 1.8em; font-weight: 100; }
.corporate-banner .inner .list-text, .corporate-banner-2 .inner .list-text { color: #fff; font-size: 1.4em; line-height: 32px; font-weight: bold; }
.corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { border-radius: 5px; font-size: 1.5em; height: 58px;}


.corporate-banner-2 { background-color: #4AAD94; border-radius: 30px; margin-bottom: 18px; }
.corporate-banner-2 .bg-img { height: 284px; }
.corporate-banner-2 h1 { color: #fff; font-size: 3.8em; }
.corporate-banner-2 .inner .list-text { font-weight: 200; }
.corporate-banner-2 .inner .text { font-weight: 500; }
.corporate-banner-2 .btn-wrapper { max-width: 470px; }

@media screen and (min-width: 1800px) and (max-height: 950px) {
    .home-carousel .item { height: 490px !important; }
}

@media screen and (min-width: 1921px) {
    .home-carousel .item { height: 600px; }
    .home-carousel .bg-image { min-width: 2560px; width: 100%; height: 600px; top: 0px; left: 50%; transform: translateX(-50%); position: absolute; background-position: center; background-size: cover; }
}

@media screen and (max-width: 1920px) and (min-width: 992px) {
    .home-carousel .item { padding-bottom: 28%; }
    .home-carousel .bg-image { padding-bottom: 28%; width: 100%; top: 0px; left: 50%; transform: translateX(-50%); position: absolute; background-position: center; background-size: cover; }

    .corporate-banner .banner-img { padding-left: 30px; }
    /*.corporate-banner .banner-img img { max-width: 80%; }*/
}

@media screen and (max-width: 1520px) {
    .corporate-banner .banner-img img { max-width: 80%; }
    .corporate-banner .bg-img { background-position-x: 700px; background-size: 550px; }
    .corporate-banner-2 h1 { color: #fff; font-size: 3em; }
    .corporate-banner-2 .bg-img { background-size: 400px; background-position-x: 40px; }
    .corporate-banner-2 .inner .text { font-size: 1.6em; }
}

@media screen and (max-width: 1340px) {
    .corporate-banner .bg-img { background-position-x: 650px; background-size: 450px; }
}

@media screen and (max-width: 1100px) {
    .corporate-banner .bg-img { background-position-x: 600px; background-size: 400px; }
    .corporate-banner h1, .corporate-banner-2 h2 { color: #fff; font-size: 2.9em; }
    .corporate-banner .inner .text, .corporate-banner-2 .inner .text { font-size: 1.4em; }
    .corporate-banner .inner .list-text, .corporate-banner-2 .inner .text { font-size: 1.3em; }
    .corporate-banner-2 .bg-img { background-size: 350px; background-position-x: 40px; }
    .corporate-banner-2 h2 { text-align: center; }
}

@media screen and (min-width: 992px) {
    .banner-content h1, .banner-content h2 { max-width: 50%; display: block; }
    .banner-content h1 span, .banner-content h2 span { width: 100%; display: block; padding-bottom: 0px; }
    .banner { min-height: 500px; }
    

}

@media screen and (max-width: 991px) {
    .banner.landpage .grad { width: 100%; background: rgb(74,173,148); background: linear-gradient(180deg, rgba(74,173,148,1) 25%, rgba(40,53,81,1) 75%); display: flex; justify-content: center; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .home-carousel .item { padding-bottom: 28%; height: 0px; }
    .home-carousel .bg-image { width: 100%; padding-bottom: 28%; background-position: center; background-size: cover; }
    .banner-content h1, .banner-content h2 { font-size: 1.0em; max-width: 50%; }
    .banner-content h1 span, .banner-content h2 span { width: 100%; }

    /*.corporate-banner .inner { display: flex; flex-direction: column; align-items: center; }*/
    .corporate-banner .bg-img { flex-direction: column-reverse; justify-content: center; align-items: center; text-align: center; height: 500px;}
    .corporate-banner .banner-img img { max-width: 40%; }
    .corporate-banner-2 h1 { color: #fff; font-size: 2em; }
    .corporate-banner-2 .inner .text, .corporate-banner-2 .inner .list-text { font-size: 1.2em; }
    .corporate-banner-2 .bg-img { flex-direction: column-reverse; justify-content: center; align-items: center; text-align: center; height: 500px; }
    .corporate-banner-2 .inner {  }
    .corporate-banner-2 .btn-wrapper { margin: auto; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { font-size: 1.2em; }
    .corporate-banner .btn-wrapper { width: 500px; margin: auto; }



}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .home-carousel .bg-image { padding-bottom: 28%; height: 0px; background-size: cover; background-position: center; }
    .home-carousel .item { height: 300px; }
    .banner-content h1 { font-size: 0.89em !important; max-width: 60%; }
    .banner-content h2 { max-width: 60%; }
    
    .corporate-banner .inner { display: flex; flex-direction: column; align-items: center; }
    .corporate-banner .bg-img { background-size: 240px; background-position-x: center; background-position-y: 20px; justify-content: center; align-items: end; text-align: center; height: 600px;}
}

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

    .carousel .item { margin-bottom: 0px; }
}

@media screen and (max-width: 767px) {
    .corporate-banner .inner { display: flex; flex-direction: column; align-items: center; }
    .corporate-banner .bg-img { height: 550px; justify-content: center; align-items: center; flex-direction: column-reverse; }
    .corporate-banner .banner-img img { max-width: 40%; }
    .carousel .item { padding-bottom: 28%; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; }
    .corporate-banner h1 { font-size: 2.8em !important; }
    .corporate-banner-2 { padding-bottom: 10px; }
    .corporate-banner-2 .bg-img { flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 400px; grid-gap: 20px; }
    .corporate-banner-2 .banner-img img { max-width: 80%; }
    .corporate-banner-2 .inner .max-w-470 { display: flex; justify-content: center; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { font-size: 1.2em; }
    .corporate-banner .btn-wrapper { width: 500px; margin: auto; }

    
}

@media screen and (max-width:530px) {
    .home-carousel .bg-image { padding-bottom: 130.23%; background-size: cover; height: auto; background-position: center; }
    .carousel .item { padding-bottom: 130.23%; margin: 0 auto; max-height: 568px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; }
    .carousel .item .banner-content .btn { width: calc(100% - 30px); }
    .carousel .item .banner-content .btn { background-color: #283551; }
    .carousel .item:hover .banner-content .btn { background-color: #4aad94; }
    .banner-content { padding-top: 30px; }
    .banner-content h1, .banner-content h2 { font-size: 7.5vw !important; max-width: 100%; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em !important; max-width: 100%; padding-bottom: 0px; }
    .banner-content .banner-text { font-size: 1.5em; font-weight: 300; }
    .container.banner-container { top: 0px; left: 0px; transform: none; height: 100%; }
    .corporate-banner { text-align: center; }
    /*.corporate-banner .bg-image { background-image: none; }*/

    .corporate-banner .bg-img { height: 500px; justify-content: center; align-items: center; flex-direction: column-reverse; }
    .corporate-banner .banner-img img { max-width: 40%; }
    .corporate-banner .inner { display: flex; flex-direction: column; align-items: center; max-width: 340px; }
    .corporate-banner .btn-wrapper .section { justify-content: center; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { font-size: 1.2em; }
    .corporate-banner h1 { font-size: 2.1em !important; }
    .corporate-banner .inner .text-wrapper, .corporate-banner .inner .btn-wrapper { max-width: 450px; }
    .corporate-banner .inner .text-wrapper { padding: 0 15px; }
    .corporate-banner .inner .text { font-weight: 500; font-size: 1.2em; }
    .corporate-banner .inner .list-text { font-weight: 700; font-size: 1.1em; line-height: 22px; text-align: center; margin-bottom: 10px;}
    .corporate-banner-2 .bg-img { justify-content: center; align-items: center; text-align: center; }
    .corporate-banner-2 h1 { margin-bottom: 10px; }
    .corporate-banner-2 .inner .text, .corporate-banner-2 .inner .list-text { font-size: 1.2em; }
}


@media screen and (max-width:450px) {
    .corporate-banner .bg-img { height: 500px; justify-content: center; align-items: center; }
    .corporate-banner .inner .btn-wrapper { max-width: 300px; margin: auto; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { height: 48px; }
    .corporate-banner .inner .text-wrapper { max-width: 300px; margin: auto; }
    .corporate-banner-2 .btn-wrapper { padding: 0 15px; }
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev { margin-left: -10px; }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next { margin-right: -10px; }
    .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
    .carousel-indicators { bottom: 6px; }
}

@media screen and (min-width:992px) {
    .accessories-cols {display: flex;padding-top: 20px;padding-bottom: 20px;}
    .accessories-cols .col {width: 30%;padding: 1rem 2rem !important;}
    .accessories-cols .subsublist { display: flex; flex-direction: column; grid-gap: .5rem; }
    .accessories-cols .access-title { padding-bottom: 15px; font-weight: bold; color: rgb(74, 173, 148); font-size: 1.6em; width: 100% !important; }
    .drop:has(.accessories-cols) { max-width: initial !important; }
}

@media screen and (min-width:992px) and (max-width:1640px) {
    .drop:has(.accessories-cols) {right: -50px !important;left: initial;}
}

@media screen and (max-width:992px) {
    .accessories-cols .accessories-link { font-weight: normal !important; font-size: 1rem!important; }

    .thin-banner { background-color: #DB2727 !important; border-radius: 0.25rem !important;  }
    .thin-banner i { display: none; }
}



.sitehead.compact .head-links { gap: 10px !important; }
.account-link { background-color: rgb(247, 247, 247); height: 40px; width: 150px; display: flex; justify-content: center; align-items: center; color: rgb(40, 53, 81); font-weight: 700; font-size: 1.1em; }
.account-link span { transform: translateY(2px); margin-left: 10px; }
.vat-switch { display: flex; align-items: center; cursor: pointer; }
.vat-switch .slider { width: 50px; height: 24px; border-radius: 50px; background-color: rgb(255, 255, 255); position: relative; display: block; margin: 0px 10px; }
.vat-switch .slider::before { width: 18px; height: 18px; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; background-color: rgb(40, 53, 81); }
.vat-switch.incvat .slider::before { left: 4px; right: auto; }
.vat-switch.exvat .slider::before { left: auto; right: 4px; }
.vat-switch input { display: none; }
.vat-switch:hover .slider::before { background-color: rgb(74, 173, 148); }
.head-search { width: calc(100% - 720px); max-width: 496px; border: 1px solid rgb(74, 173, 148); border-radius: 3px; background-color: rgb(255, 255, 255); }
.head-search form { display: flex; }
.head-search input { height: 68px; padding-left: 20px; width: 100%; font-family: articulat-cf, sans-serif; font-size: 1.3em; border: none !important; }
.head-search .action { cursor: pointer; height: 68px; width: 68px; display: block; position: relative; }
.head-search .action svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.head-search .action button { display: none; }
.head-search .action:hover svg path { fill: rgb(74, 173, 148) !important; }
.head-links { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-evenly; align-items: center; }
.head-links a, .mob-basket a { cursor: pointer; display: block; text-align: center; }
.head-links .round, .mob-basket .round { width: 50px; height: 50px; border: 2px solid rgb(74, 173, 148); border-radius: 100%; margin: 0px auto 10px; position: relative; }
.mob-basket .round { margin-bottom: unset; }
.head-search:has(+ .mob-basket) { margin-top: unset; }
.head-links .round .inner, .mob-basket .round .inner { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(74, 173, 148); border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.head-links a:hover .round { border: 2px solid rgb(40, 53, 81); }
.head-links a:hover .round .inner { background-color: rgb(40, 53, 81); }
.head-links .round .count, .mob-basket .round .count { z-index: 10; background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: 800; }
.sitehead .head-links .round svg { width: 21px; }
.sitehead .head-links .round svg path { fill: rgb(255, 255, 255); }
.sitehead.xmas .head-links .round { border: 2px solid rgb(255, 255, 255); }
.sitehead.xmas .head-links .round i { color: rgb(40, 53, 81) !important; }
.sitehead.xmas .head-links .round .inner { background-color: rgb(255, 255, 255); color: rgb(40, 53, 81); }
.sitehead.xmas .head-links .dblue-txt { color: rgb(255, 255, 255); }
.sitehead.xmas .head-links .round svg { width: 21px; }
.sitehead.xmas .head-links .round svg path { fill: rgb(40, 53, 81); }
.sitehead.xmas.compact .head-links .round { border: 2px solid rgb(74, 173, 148); }
.sitehead.xmas.compact .head-links .round i { color: rgb(255, 255, 255) !important; }
.sitehead.xmas.compact .head-links .round .inner { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }
.sitehead.xmas.compact .head-links .dblue-txt { color: rgb(40, 53, 81); }
.sitehead.xmas.compact .head-links .round svg { width: 21px; }
.sitehead.xmas.compact .head-links .round svg path { fill: rgb(255, 255, 255); }
.sitehead.xmas .site-logo {padding-left: 15px;}
.sitehead.xmas .masthead {background-color: transparent !important;}
.sitehead > .rel { position: relative; }
.sitehead > .rel > .ab { position: absolute; left: 0px; top: 0px; width: 100%; display: grid;}
.sitehead > .rel > .ab > div{grid-column-start:1; grid-row-start: 1; }
nav .sub-n-save { background-color: rgb(74, 173, 148); font-size: 1.4em; width: 330px; display: flex; height: 68px; align-items: center; justify-content: space-evenly; cursor: pointer; }
nav .sub-n-save.prom { font-size: 1.3rem; width: fit-content; display: flex; cursor: pointer; }
nav .sub-n-save.prom strong { color: rgb(39, 39, 39); font-size: 1.3rem; margin-bottom: 5px; }
nav .sub-n-save.prom span { font-size: 1.12rem; color: rgb(39, 39, 39); font-weight: normal; }
nav .sub-n-save.prom .text { padding-right: 24px; padding-left: 16px; display: flex; flex-direction: column; gap: 5px; }
nav .sub-n-save.prom .prom-img { display: flex; height: 68px; width: 68px; align-items: center; justify-content: center; background-color: rgb(39, 39, 39); }
nav .sub-n-save.cyber-monday { background-color: rgb(255, 167, 67); }
nav .sub-n-save.black-friday { background-color: rgb(253, 224, 26); }
nav .sub-n-save.cyber-monday:hover, nav .sub-n-save.black-friday:hover { background-color: rgb(39, 39, 39); }
nav .sub-n-save.cyber-monday:hover strong, nav .sub-n-save.cyber-monday:hover span { color: rgb(255, 167, 67); }
nav .sub-n-save.black-friday:hover strong, nav .sub-n-save.black-friday:hover span { color: rgb(253, 224, 26); }
nav .sub-n-save.crimbo { background-color: rgb(236, 32, 23); font-size: 1.5em; }
nav .sub-n-save.crimbo img { width: 40px; }
nav .sub-n-save.crimbo:hover { background-color: rgb(236, 32, 23); }
nav .sub-n-save.crimbo:hover strong { text-decoration: underline; }
nav .sub-n-save.crimbo strong { font-size: 1.05em; }
nav .sub-n-save:hover { background-color: rgb(40, 53, 81); }
nav .sub-n-save strong { color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 800; }
nav .sub-n-save span { color: rgb(255, 255, 255); font-size: 0.75em; }
nav .sub-n-save .inner-content > * { display: block; }
.sitehead { display: grid; }
.sitehead > * { grid-row-start: 1; grid-column-start: 1; }
.sitehead .site-logo { }
.sitehead.fix .masthead { z-index: 0 !important; }
.sitehead.fix .head-search { z-index: 0 !important; }
.sitehead.fix .head-links { z-index: 0 !important; }
.sitehead.compact .site-logo { display: block; opacity: 0; }
.sitehead.compact .head-search { display: none; }
.sitehead.compact .site-head { }
.top-bar { position: relative; }
.xmas .top-bar { border-bottom: 1px solid rgb(255, 255, 255); }
.top-bar::before { content: ""; position: absolute; height: 100%; width: 100vw; right: 50%; top: 0px; background-color: rgb(40, 53, 81); z-index: -1; transform: translateX(50%); }
.masthead > .container > div { position: relative; }
.masthead > .container > div::before { content: ""; position: absolute; height: 100%; width: 100vw; right: 50%; top: 0px; background-color: rgb(255, 255, 255); z-index: -1; transform: translateX(50%); opacity: 1; }
.xmas .masthead > .container > div::before { display: none; }
.sitehead.compact .masthead > .container > div::before { opacity: 0; }
.xmas-logo { position: relative; }
.xmas-logo .hat { position: absolute; left: -6%; top: 26%; width: 13%; }
.view-all-colours { flex-basis: 100%; }
.view-all-colours a { color: rgb(74, 173, 148) !important; }
.view-all-colours a:hover { text-decoration: underline; }
.swatch { height: 25px; width: 25px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px 2px; }
.swatch.red-ball { background-color: red; }
.swatch.pink-ball { background-color: hotpink; }
.swatch.purple-ball { background-color: mediumpurple; }
.swatch.green-ball { background-color: greenyellow; }
.swatch.white-ball { background-color: white; }
.swatch.blue-ball { background-color: blue; }
.swatch.yellow-ball { background-color: yellow; }
.swatch.yellow-ball { background-color: yellow; }
.swatch.orange-ball { background-color: orange; }
.swatch.black-ball { background-color: black; }
.swatch.divide-ball { border-top: 13px solid #229; border-bottom: 13px solid #c22; border-left: 13px solid #c22; border-right: 13px solid #229; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.swatch.novelty-ball { width: 0; height: 0; border-radius: 100%; border-top: 12.5px solid #8dd545; border-bottom: 12.5px solid #6800a9; border-left: 12.5px solid #00dfde; border-right: 12.5px solid #f86425; }
nav > ul > li .drop .inner.inner-banner { padding-bottom: 0.25rem; }
.thin-banner { width: 100%; color: #fff; background-color: #4aad94; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 3rem; font-size: 1.125rem; padding: 0.5rem; border-radius: 0 0 0.25rem 0.25rem; grid-gap: 0.75rem; }
.thin-banner a { color: inherit !important; font-weight: 700 !important; display: inline !important; height: initial !important; width: initial !important; font-size: inherit !important; }
.thin-banner .tb-mob { display: none; }
nav > ul > li .drop ul.subsublist.colour { padding-left: 5px; }

@media screen and (min-width: 2000px) {
    #snow .left { height: 150px; width: 421px; top: 150px; position: absolute; left: -30px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: right center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1999px) and (min-width: 1670px) {
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -60px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (min-width: 1670px) {
    .sitehead .head-search { position: absolute; bottom: 50%; right: 50%; transform: translate(53%, -120%); z-index: 9999; }
    .sitehead.compact .head-search { /* transform: translate(147%, 50%); */ /* max-height: 40px; */ /* max-width: 333px; */ }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0px; transform: translate(0px, -108%); z-index: 9999; }
    .sitehead.compact .head-links { transform: translate(0%, 59%); }
}



@media screen and (max-width: 1669px) and (min-width: 1640px) {
    .sitehead .head-search { position: absolute; bottom: 50%; left: 50%; transform: translate(-41%, 35%); z-index: 9999; }
    .sitehead.compact .head-search { transform: translate(-17%, 95%); max-height: 40px; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0%; transform: translate(0%, 35%); z-index: 9999; }
    .sitehead.compact .head-links { transform: translate(0%, 95%); }
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -60px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1670px) and (min-width: 1500px) {
    .sitehead .head-search { position: absolute; bottom: 50%; left: 50%; transform: translate(-41%, -130%); z-index: 9999; }
    .sitehead.compact .head-search { transform: translate(20%, 48%); max-height: 40px; max-width: 330px; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0px; transform: translate(0%, -112%); z-index: 9999; }
    .sitehead.compact .head-links { transform: translate(0%, 59%); }
    .sitehead.compact nav > ul > li { margin-right: 0px !important; }
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -60px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1499px) and (min-width: 1230px) {
    .sitehead .head-search { position: absolute; bottom: 50%; right: 0%; transform: translate(-163%, -125%); width: 24%; z-index: 9999; }
    .sitehead.compact .head-search { bottom: 50%; right: 4%; transform: translate(-226px, 47%); width: 7%; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0%; transform: translate(-16px, -110%); z-index: 9999; max-width: max-content; gap: 10px; }
    .sitehead.compact .head-links { bottom: 50%; right: 0%; transform: translate(-16px, 57%); }
    .sitehead.compact nav > ul > li:nth-child(4) { display: none; }
    .sitehead.compact nav > ul > li { margin-right: 0px !important; }
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -116px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1600px) {
    nav .sub-n-save.prom strong { color: rgb(39, 39, 39); font-size: 1.1rem; margin-bottom: 5px; }
    nav .sub-n-save.prom span { font-size: 1rem; color: rgb(39, 39, 39); font-weight: normal; }
}

@media screen and (max-width: 1430px) {
    .masthead .delivmsg { display: none; }
    .head-search input { font-size: 1rem; }
}

@media screen and (max-width: 1430px) and (min-width: 1231px) {
    nav .sub-n-save.prom strong { font-size: 0.9rem; white-space: nowrap; }
    nav { font-size: 1em; }
    nav .sub-n-save { width: 280px; }
    nav .sub-n-save.prom .text { padding-left: 8px; padding-right: 8px; }
}

@media screen and (min-width: 1230px) {
    .spacer { height: 285px; max-height: 285px; }
}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    nav .sub-n-save.prom strong { font-size: 0.9rem; }
    .account-link { width: 50px; }
    .account-link span { display: none; }
    .masthead .site-logo { width: 200px; }
    .head-search { width: 350px; }
    .head-links { max-width: 250px; }
    nav > ul > li { margin-right: 0px !important; }
    nav > ul > li:nth-child(4) { display: none; }
    .spacer { height: 230px; max-height: 230px; }
    .sitehead .head-search { position: absolute; bottom: 50%; right: 0%; transform: translate(-143%, -90%); width: 30%; z-index: 9999; }
    .sitehead.compact .head-search { bottom: 50%; right: 51%; transform: translate(224%, 52%); width: 124px; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0px; transform: translate(0%, -80%); z-index: 9999; max-width: max-content; gap: 10px; }
    .sitehead.compact .head-links { bottom: 50%; right: 0%; transform: translate(0%, 61%); gap: 5px; }
    nav > ul .drop { font-size: 1em !important; }
    .nav-container .nav-ad { display: none; }
    .nav-container .cols { max-width: 100% !important; width: 100% !important; }
    nav { font-size: 1em; }
    nav .sub-n-save { width: 280px; }
}

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

@media screen and (min-width: 992px) {
    .headspacer { height: 285px; }
    .navigation .rel-bg { position: relative; }
    .navigation .rel-bg::before { content: ""; position: absolute; width: 100vw; height: 68px; background-color: rgb(247, 247, 247); top: 0px; right: 50%; transform: translateX(50%); z-index: -1; }
    .sitehead.compact .head-links .txt { display: none !important; }
    .head-links.mob { display: none; }
    .sitehead.fix { position: static !important; z-index: -10; }
    .sitecontent { position: relative; z-index: 1; padding-bottom: 30px; }
    .spacer.smol { max-height: 130px; }
    .grid-position { display: grid; grid-template-columns: 1fr; }
    .grid-position > div { grid-row-start: 1; grid-column-start: 1; }
    .masthead { max-height: 218px; background-color: rgb(255, 255, 255); display: block !important; }
    .xmas .masthead { background-color: transparent !important; }
    .sitehead { position: sticky; top: 0px; left: 0px; z-index: 10; max-height: 286px; }
    .sitehead.compact { max-height: 108px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; }
    .sitehead.compact .masthead { overflow: hidden; }
    .sub-n-save { transition: none 0s ease 0s !important; }
    .sitehead.compact .head-search input { max-height: 38px; }
    .sitehead.compact .head-search .action { max-height: 38px; }
    .sitehead.compact .head-links .txt { opacity: 0; }
    nav { display: flex; justify-content: space-between; align-items: center; }
    nav > ul { display: flex; list-style: none; padding: 0px; gap: 20px; }
    nav > ul > li { display: flex; align-items: center; }
    nav > ul > li > i { color: rgb(74, 173, 148); margin-left: 10px; font-size: 1em; }
    nav > ul > li > div > a { display: flex; color: rgb(40, 53, 81); font-size: 1.3em; height: 68px; align-items: center; padding: 0px 10px; text-align: center; }
    nav > ul > li:hover > a { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }
    nav > ul > li:hover > a i { color: rgb(255, 255, 255); transform: rotate(180deg); }
    nav > ul > li .drop {font-size: 1.1em; position: absolute; top: 100%; width: 100%; max-height: 0px; overflow: hidden; left: 0px; color: rgb(40, 53, 81); background-color: rgb(255, 255, 255); z-index: 10000; display: block; }
    nav > ul > li .drop.right {left: -241px;}
    nav > ul > li .drop .inner { padding: 20px 15px; display: flex; width: 100%; border-top: 10px solid rgb(40, 53, 81); }
    nav > ul > li .drop .inner .cols { width: calc(100% - 320px); display: flex; max-width: 70%; }
    nav > ul > li:hover .drop { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; max-height: 500px; }
    nav > ul > li:hover .drop:has(.thin-banner) { max-height: calc(400px + 3rem); border-radius: 0 0 0.25rem 0.25rem; }
    nav > ul > li .drop ul { list-style: none; padding: 0px; text-align: left; display: flex; flex-wrap: wrap; }
    nav > ul > li .drop .col {padding: 15px;}
    nav > ul > li .drop .col.brnd ul li { width: calc(33.3333%); }
    nav > ul > li .drop .col.colour ul li { width: calc(33.3333%); }
    nav > ul > li .drop .col.colour ul li.xmas { width: calc(66.6666%); }
    nav > ul > li .drop .col.brnd { width: 50%; border-right: 1px solid rgb(40, 53, 81); }
    nav > ul > li .drop .col.colour {width: 50%;padding-left: 6%;}
    nav > ul > li .drop ul li.title { padding-bottom: 15px; font-weight: bold; color: rgb(74, 173, 148); font-size: 1.6em; width: 100% !important; }
    nav > ul > li .drop a { color: rgb(40, 53, 81); font-weight: 500; display: flex; align-items: center; height: 35px; width: 100%; font-size: 1.3em; }
    nav > ul > li .drop a:hover { color: rgb(74, 173, 148) !important; }
    nav .nav-ad a { height: auto !important; }
    nav > ul > li:not(:first-child) { position: relative; }

    nav > ul > li:not(:first-child) .drop {width: fit-content;max-width: 575px;}
    nav > ul > li:not(:first-child) .drop .section { width: 100%; display: flex; grid-gap: 15px; flex-wrap: wrap; border-bottom: 3px solid; padding: 30px; margin: 0px; }
    nav > ul > li:not(:first-child) .drop .section > * { padding: 0px; }
    nav > ul > li:not(:first-child) .drop a { width: max-content; display: flex; height: auto; }
    .navicon-container { display: none; }
    nav { display: flex !important; overflow: visible !important; }
    nav i.mob { display: none; }
    nav .subsublist { display: flex !important; }
    .thin-banner img { display: none; }
}

@media (min-width: 1230px) and (max-width: 1450px) {
    nav > ul { gap: 5px !important; }
    nav { margin: 0px -15px; gap: 30px; }
    nav > ul > li > div > a { font-size: 1.3em; text-wrap: balance; width: max-content; }
    .sub-n-save-img { display: none; }
    nav .sub-n-save { padding-left: 15px; gap: 15px; line-height: 1; width: 300px; padding-right: 15px; font-size: 1.3em; }
    nav > ul > li:not(:first-child) { }
    nav > ul > li:not(:first-child) .drop {right: -30px;left: -200px;}
}




@media (min-width: 992px) and (max-width: 1340px) {
    .container { max-width: 1200px; }
    .headspacer { height: 233px; }

    nav > ul { gap: 5px !important; }
    nav { margin: 0px -15px; gap: 30px; }
    nav > ul > li > div > a { font-size: 1.2em; text-wrap: balance; width: max-content; }
    .sub-n-save-img { display: none; }
    nav .sub-n-save { padding-left: 15px; }
    nav > ul > li:not(:first-child) { }
    nav > ul > li:not(:first-child) .drop {right: 0px;left: auto;}
    .thin-banner { font-size: 1rem; }
}

@media (min-width: 992px) and (max-width: 1060px) {
    .sub-n-save br { display: none; }
    .sub-n-save span { display: none; }
    .sub-n-save strong { }
}

@media screen and (max-width: 991px) {
    .thin-banner .tb-mob { display: initial; }
    .thin-banner .tb-desk { display: none; }
    .sitehead > .container { padding: 0px !important; }
    .masthead .toplinks { display: none; }
    .masthead .top-bar { display: none; }
    .head-links strong { font-size: 0.75rem !important; }
    .mob-basket strong { display: none; }
      .sitehead > .rel > .ab{transform: translateY(0%); opacity:1;}
    .sitehead.fix > .rel > .ab{transform: translateY(-100%); opacity: 0;}
  
    .sitehead { position: sticky; z-index: 9999; top: 0px; left: 0px; background-color: rgb(255, 255, 255); }
    .head-search { width: 100%; max-width: 100%; }
    .site-head { padding: 10px 0px; position: relative; }
    .site-logo { width: 240px; padding: 10px 0px; }
    .head-links { justify-content: end; }
    .navigation { position: sticky; bottom: 0px; left: 0px; width: 100%; z-index: 99999; padding: 15px 0px; border-top: 1px solid rgb(40, 53, 81); border-bottom: 1px solid rgb(40, 53, 81); background-color: rgb(255, 255, 255); }
    .navigation .head-links { display: none; }
    .navigation > .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .navigation > .container .head-search { max-width: calc(100% - 60px); }
    .navigation > .container .head-search.basket { max-width: 68%; }
    .sub-n-save { display: none !important; }
    .nav-container { width: 100%; max-height: calc(-180px + 100vh); overflow: auto; }
    .navicon-container { display: inline-block; width: 30px; height: 45px; padding-top: 9px; }
    .navicon-container .menu-icon { width: 200%; height: 100%; transition: all 0.5s ease-in-out 0s; transform: rotate(0deg) scale(0.7) translateX(-18px); position: relative; cursor: pointer; transform-origin: left top; }
    .navicon-container .menu-icon span { display: block; position: absolute; height: 8px; border-radius: 10px; opacity: 1; left: 0px; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; background-color: rgb(40, 53, 81); }
    .navopen .navicon-container .menu-icon span { background-color: rgb(40, 53, 81); }
    .navicon-container .menu-icon span:nth-child(1) { top: 0px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon span:nth-child(2) { top: 18px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon span:nth-child(3) { top: 36px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon.open span:nth-child(1) { transform: rotate(45deg); top: -3px; left: 8px; }
    .navicon-container .menu-icon.open span:nth-child(2) { width: 0%; opacity: 0; }
    .navicon-container .menu-icon.open span:nth-child(3) { transform: rotate(-45deg); top: 39px; left: 8px; }
    .navigation .drop .container { padding: 0px !important; }
    nav { display: none; }
    nav .sub-n-save { width: 100%; justify-content: center; }
    nav .sub-n-save img { margin-right: 15px; }
    nav > ul { padding: 15px; list-style: none; max-width: 500px; margin: 0px auto; }
    nav > ul .drop { display: none; width: 100%; font-size: 1.1em; }
    nav > ul .drop a { color: rgb(40, 53, 81); display: flex; height: 40px; align-items: center; width: 100%; }
    nav > ul .drop ul { list-style: none; padding: 0px; }
    nav > ul .drop ul .title { color: rgb(74, 173, 148); font-weight: 700; padding: 10px 0px; }
    nav > ul > li { border-bottom: 1px solid rgb(221, 221, 221); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    nav > ul > li div > a { color: rgb(40, 53, 81); font-size: 1.2em; height: 50px; display: flex; align-items: center; }
    nav > ul > li:not(:first-child) div > a { width: 100%; }
    nav i.desk { display: none; }
    nav i.mob { width: 50px; height: 50px; font-size: 1.8em; color: rgb(74, 173, 148); display: flex; align-items: center; justify-content: center; }
    .head-search input { height: 50px; }
    .head-search .action { height: 50px; }
    nav .item-top { display: flex; justify-content: space-between; align-items: center; width: 100%; }
    nav > ul > li .drop .nav-ad { display: none; }
    nav > ul > li .drop .cols { width: 100%; }
    nav .subsublist { max-height: 300px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); overflow: auto !important; }
    .mob-nav-pos { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

    nav > ul > li:first-child .drop.d-top { display: none !important; }
    nav > ul > li .drop.d-top a { font-size: 1.1em; font-weight: 700; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .navigation { padding: 20px 15px; }
    .headspacer { height: 205px; }
}

@media screen and (max-width: 767px) {
    .headspacer { height: 200px; }
}

@media screen and (max-width: 650px) {
    .head-links { justify-content: end; }
    .head-links a { margin-left: 10px; }
    .site-head { justify-content: center; }
    .headspacer { height: 275px; }
}

@media screen and (max-width: 500px) {
    .head-search input { height: 38px; }
    .head-search .action { height: 40px; }
    .head-search { height: 40px; }
    .navicon-container { padding-top: 4px; transform: scale(0.8); }
    .navigation { padding: 10px 0px; }
    .site-logo { }
    .headspacer { height: 260px; }
}

@media screen and (max-width: 450px) {
    .site-logo { display: flex; align-items: center; }
    .head-links .round .inner { width: 40px; height: 40px; font-size: 0.7em; }
    .head-links .round { width: 50px; height: 50px; }
    .head-links { position: static; min-width: 100%; justify-content: space-between; }
    .head-search input { font-size: 0.9rem; padding-left: 10px; }
}

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

@media screen and (max-width: 350px) {
    .head-search input { font-size: 0.8rem; padding-left: 8px; }
}

.sitemap nav { display: block !important; }
.sitemap nav ul { display: block; padding: 0px; }
.sitemap nav ul a { display: block; padding: 0px; }
.sitemap nav > ul > li > div > a { height: auto; }
.sitemap nav > ul > li .drop { position: static; display: block; border-top: none; box-shadow: none; padding: 0px; }
.sitemap nav > ul > li { display: block; margin-bottom: 10px; }
.sitemap nav > ul > li .drop ul { display: none; }
.sitemap .sub-n-save { display: none; }

.newsletter .editor-field { width: 100%; }
.newsletter .editor-field input { height: 60px; padding-left: 15px; width: 100%; }
.editor-label { margin-bottom: 10px; }
.editor-label label { font-weight: 700; font-size: 1.1em; }
.editor-field { margin-bottom: 15px; position: relative; }
.editor-field textarea { border: 1px solid #cfcfcf; min-height: 200px; width: 100%; padding: 15px; border-radius: 3px; font-size: 1.05em; }
.editor-field input, .editor-field select { border-radius: 3px; width: 100%; display: block; border: 1px solid #cfcfcf; height: 45px; padding-left: 10px; font-size: 1.05em; }

input[type="submit"], input[type="button"] { -webkit-appearance: none; }
input[type="submit"], .btn { cursor: pointer; text-align: center; }
.toast .field-validation-error { margin-top: 0; color: inherit; display: initial; }
.field-validation-error { margin-top: 10px; color: red; display: block; }
.editor-field.center-txt > * { text-align: center; padding-left: 0px !important; }
.editor-field.on-white > * { border-radius: 3px; width: 100%; display: block; border: none; height: 37px; padding-left: 10px; border: 1px solid #ACACAC; box-shadow: 0px 3px 6px #00000029; }
.editor-field.lg-field > * { height: 45px; }
input[type="submit"] { cursor: pointer; width: 100%; font-size: 1em; text-align: center; height: 40px; line-height: 40px; display: block; background-color: #4aad94; color: #fff; max-width: 110px; }
input[type="submit"] { background-color: transparent; color: #4aad94; }
input:not(.btn)[type="submit"]:hover { background-color: #fff; color: #4aad94; }
.editor-field .forgot { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 1.2em; cursor: pointer; }
.editor-field .forgot:hover { color: #4aad94; }

.editor-field.capt { height: 50px; position: relative; border: 1px solid #cfcfcf; overflow: hidden; }
.editor-field.capt > div { position: absolute; overflow: hidden; border: none !important; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); }
.editor-field.capt > div .g-recaptcha { border: none !important; }

.editor-field.packof select { height: 45px; box-shadow: none; color: #000; width: 60px; border: 1px solid #cfcfcf; padding-left: 5px; min-width:80px; }
.editor-field.packof.sml select { height: 35px; }

#discountform .btn { width: 130px; }
#discountform input { border: none !important; height: 50px; width: 100%; }

.col.quant .editor-field input { padding: 0px; text-align: center; width: 50px; margin: 0 auto; }

#pickdeladdr { width: 100%; margin-bottom: 15px; min-height: 45px; }

.add-bask-section .OK { font-size: 1.1rem; border-radius: 5px; display: flex; grid-gap: 10px; align-items: center; justify-content: center; font-size: 1.4rem; }
.add-bask-section .OK:after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f291"; }

.OK { padding: 20px; color: #fff; background-color: #4aad94; margin: 20px 0; text-align: center; }
#customerquoteform .OK { background-color: #4aad94; }
.OK .msg { padding: 0px; font-weight: bold; font-size: 1.2em; }
.OK ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.view-basket { color: #4aad94; background-color: #fff; max-width: 100%; text-align: center; font-weight: bold; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50px; }
.view-basket:hover { color: #fff; background-color: #283551; }
.KO { padding: 10px 10px 10px; color: #fff; background-color: #e3000f; margin-bottom: 10px; text-align: left; }
.KO ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.Generic { padding: 10px; color: #fff; background-color: #333; margin-bottom: 10px; }

.validation-summary-errors ul, .validation-summary-errors ol { color: #e91e63; margin-bottom: 15px; }

label.checkbox { cursor: pointer; border: 1px solid #cfcfcf; display: block; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 3px; }
label.checkbox i { opacity: 0; color: #4aad94; font-size: 1.2em; }
label.checkbox.on i { opacity: 1; }
label.checkbox input { display: none; }
.stock-err-msg { margin-top: 65px; text-align: center; }
.stock-err-msg .KO { text-align: center; border-radius: 5px; }
.basket-table.check-out .table-bs { margin-bottom: 30px; }
.enter-postcode .editor-field { max-width: calc(100% - 130px); }

.editor-field .topay { background-color: #4aad94; display: flex; align-items: center; border-radius: 3px; border: 1px solid #4aad94; }
.editor-field .topay span { color: #fff; width: 50px; text-align: center; font-weight: 700; font-size: 1.6em; }
.editor-field .topay input { border: none; }

.g-recaptcha div, .g-recaptcha { height: 60px !important; }
.g-recaptcha { height: 60px; overflow: hidden; position: relative; /* border: 1px solid #cbcbcb; */ background-color: #f9f9f9; }
.g-recaptcha div { margin: 0 auto; width: 160px !important; overflow: hidden; }
.g-recaptcha div div { margin: -7px 0 0 -7px; height: 60px; }


.ref-table { display: grid; grid-template-columns: 1fr 1fr; border-radius: 10px; overflow: hidden; border: 1px solid #283551; }
.ref-table-header { background-color: #283551; color: #fff; padding: 1rem; font-size: 1.3rem; }
.ref-table-row { padding: 0.5rem 1rem; font-size: 1.2rem; }
.ref-table-row:nth-child(odd) { background-color: #ebebeb; }

.ref-form { display: flex; width: 100%; }
.ref-form > input { border-radius: 10px 0 0 10px; border: 1px solid #cfcfcf; padding-left: 15px; }
.ref-form > * { flex-grow: 1; }
#discountform, #customerquoteform { background-color: #f9f9f9; margin-top: 15px; }
#customerquoteform h3 { margin-top: 0; }
#customerquoteform { padding: 20px; }
#discountform .validation-summary-errors ul { margin-bottom: 15px; padding: 10px 10px 10px 28px; background-color: #e91e63; color: #fff; }
#discountform h3 { margin: 0; padding: 0 15px; }
#discountform h3 i, #customerquoteform h3 i { margin-right: 15px; color: #4aad94; }
#discountform .notice span { color: #333333; display: block; line-height: 15px; padding: 0 15px; }
#discountform input[type="text"] { border: 1px solid #d4d4d4; }
#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 { padding: 15px; }
#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%; height: 40px; }
#discountform .editors .editor-field label span.type { color: #283551; font-weight: bold; margin: 8px; display: inline-block; }
#discountform .editors .editor-field label i { color: #4aad94; font-size: 1.3em; margin-right: 10px; }

.sortby { max-width: 260px; border-radius: 50px; }

.range-slider { margin: auto; text-align: center; position: relative; padding-bottom: 25px; }
.range-slider .editor-field input { height: 30px; padding-left: 25px; font-size: 1.1rem; color: #707070; }
.range-slider .editor-field { position: relative; width: calc(50% - 15px); }
.range-slider .editor-field span { color: #707070; font-size: 1.1rem; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
.range-slider .sliders { position: relative; height: 10px !important; margin: 15px 0px; z-index: 10; }
.range-slider .sliders:before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 6px; background-color: #4aad94; display: block; width: 100%; border-radius: 5px; }
.range-slider .sliders input[type=range] { position: absolute; left: 0; top: 0; width: calc(100% - 5px) !important; height: 0px !important; }
.range-slider .sliders svg { position: absolute; left: 0; top: 0; width: calc(100% - 5px); }
.range-slider .editor-field input { width: 100% !important; max-width: 100% !important; height: 30px !important; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number]:invalid,
input[type=number]:out-of-range { border: 2px solid #ff6347; }
input[type=range] { -webkit-appearance: none; width: 100%; }
input[type=range]:focus { outline: none; }
input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; height: 0px; }
input[type=range]:focus::-ms-fill-lower { background: transparent; }
input[type=range]:focus::-ms-fill-upper { background: transparent; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0px; cursor: pointer; background: transparent; border-radius: 1px; box-shadow: none; border: 0; }
input[type=range]::-webkit-slider-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px 1px #d8d8d8; border: 3px solid #fff; height: 18px; width: 18px; border-radius: 100%; background: #4b5d71; cursor: pointer; -webkit-appearance: none; margin-top: -7px; }
input[type=range]::-moz-range-track { width: 100%; height: 0px; cursor: pointer; background: transparent; border-radius: 1px; box-shadow: none; border: 0; }
input[type=range]::-moz-range-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px 1px #d8d8d8; border: 3px solid #fff; height: 18px; width: 18px; border-radius: 100%; background: #4b5d71; cursor: pointer; }
input[type=range]::-ms-track { width: 100%; height: 0px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper { background: transparent; border-radius: 1px; box-shadow: none; border: 0; }
input[type=range]::-ms-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid transparent; height: 18px; width: 18px; border-radius: 25px; background: #4b5d71; cursor: pointer; }

.corpocontact .btn { max-width: 100%; width: 100%; height: 83px; box-shadow: 0px 0px 9px #0000002B; border-radius: 15px; font-size: 2em; }

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

@media screen and (min-width: 992px) {
    .basket-table .head { display: flex; }
    .mob-title { display: none; }
    .checkoutpage { padding-right: 348px; position: relative; }
    .checkoutpage .total-bs { position: absolute !important; top: 0px; right: 0px; height: 100%; width: 318px; padding: 0px !important; }
    .col.price .price-title { display: none; }
    .sortby-bs { width: 290px !important; }
}

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

    .basket-table .head { display: none; }
    .basket-table .row:nth-child(even), .basket-table .row:nth-child(even) + .col-comp { background-color: #f1f1f1; }




    .basket-table.subscriptions .row { padding-left: 15px; padding-right: 15px; }


    .order-list .basket-table .row { padding: 15px !important; }
    .order-list .basket-table .col.prod { width: 100%; max-width: 290px; }
    .order-list .basket-table .col.quant .flx-bx { width: 100%; display: block; }
    .order-list .basket-table .col.quant { flex-wrap: wrap; margin-top: 15px; }

    .col.price .price-title { display: none; }
    .order-list .col.price .price-title { display: inline-block !important; font-weight: 800; margin-right: 15px; width: 130px; }
    .basket-table.subscriptions { border: 1px solid #cfcfcf; border-radius: 5px; }
    .basket-table.subscriptions .col .price-title { display: inline-block !important; font-weight: 800; margin-right: 15px; width: 60px; text-align: left; }
    .basket-table.subscriptions .col.price { width: 100%; }
    .basket-table.subscriptions .col.quant { width: 100%; margin: 10px 0px; }
    .basket-table.subscriptions .col.options .auto-w { width: 100%; }
    .basket-table.subscriptions .col.options .btn { width: 100%; margin-top: 10px; }

    .col.prod .description { margin-bottom: 10px; }
    .col.price, .col.quant { display: flex; align-items: center; margin-bottom: 10px; }

    .col.quant.controls { justify-content: space-between; max-width: 190px; }
    .col.quant.controls .editor-field { margin-bottom: 0px; }
    .col.quant.controls .mt-10 { margin: 0px; }

    .col.price .mob-title { min-width: 45px; }
    .col.quant .mob-title { min-width: 45px; }
    .specialhead.flx-bx { justify-content: center !important; }

    #discountform { padding: 15px !important; }
}

@media screen and (max-width: 767px) {
    .basket-table .row .col.prod .section .img-boot { width: 30%; max-height: 100%; }

    .basket-table.subscriptions .row { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width: 600px) {
    .basket-table .row .col.prod .section .img-boot { position: static; margin-bottom: 15px; }
}

@media screen and (max-width: 420px) {
    .newsletter .editor-field input { border-radius: 100px; text-align: center; padding: 0px; }
    .rev-form .leave-review .flx-bx { flex-wrap: wrap; }
    .rev-form .leave-review .editor-label { width: 100%; margin-bottom: 5px; }
    .rev-form .leave-review .rev.rate { display: flex; justify-content: space-between; width: 150px; }
    .rev-form .leave-review .rev.rate label { margin-top: 10px; }
}



@keyframes shimmer {
  0% {
    background-position: -300px 0px;
  }
  100% {
    background-position: 300px 0px;
  }
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0);
  }
}

@-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); }
}

@-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; }
}

*, *:before{-webkit-transition: transform .1s ease-in-out;-ms-transition: transform .1s ease-in-out;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;}
.no-transition{transition: none !important;}
.lazy{opacity: 0;max-height: 10px;}
.scrollhide{ transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.scrollhide.hidden{opacity: 0;}
.scrollhide.from-right.hidden{transform: translateX(50%);}
.scrollhide.from-left.hidden{transform: translateX(-50%);}
.scrollhide.from-below.hidden{transform: translateY(50%);}
.scrollhide.rotate-in.hidden{transform: translateY(50%) rotate(-60deg); transform-origin: bottom right;}
.scrollhide.from-left.hidden.subtle{transform: translateX(20%);}
.scrollhide.from-left.subtle{transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.scrollhide.from-right.hidden.subtle{transform: translateX(-20%);}
.scrollhide.from-right.subtle{transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.info-tabs { }
.info-tabs .top ul{margin-bottom: 15px; padding: 0px 0px 15px; display: flex; list-style: none; border-bottom: 1px solid #283551;}
.info-tabs .top ul li{color: #283551;margin-right: 15px; opacity: 0.5; cursor: pointer; font-size: 1.5em; font-weight: 900;}
.info-tabs .top ul li.active, .info-tabs .top ul li:hover{ opacity: 1; }
.info-tabs .top ul li i {display: none;}
.info-tabs .body {display: grid; grid-template-columns: 1fr;}
.info-tabs .body .tab {transform: translateY(0px); grid-row-start: 1; grid-column-start: 1; transition: none;}
.info-tabs .body .tab.active {transform: translateY(0px);}
.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: ""; }
.prod-submit .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); margin-right: 10px; }
.skel-load-bg { margin-top: 15px; background-color: #f7f7f7; background-image: linear-gradient( to right, #f7f7f7 0%, #cdcdcd 45%, #f7f7f7 70%, #f7f7f7 100% ); background-size: 300px 300px; background-repeat: no-repeat; animation: shimmer 1.4s linear infinite; }
.bouncing-loader { display: flex; justify-content: center; }
.bouncing-loader > div { width: 10px; height: 10px; margin-left: 5px; background: #4aad94; border-radius: 50%; animation: bouncing-loader 0.6s infinite alternate; }
.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }
.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }
#snow {background-color: #283551; overflow: hidden; position: relative;}
#snow i { position: absolute; border-radius: 100%; background-color: white; box-shadow: 0 0 5px white; animation: snowfall 5s linear infinite; }

@keyframes snowfall {
    0% { transform: translate(-10vw, -50vh); }

    100% { transform: translate(10vw, 50vh); }
}



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

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

.slider-lazy { opacity: 0; }

body.noscroll {overflow: hidden !important;}


.hide { display: none !important; }
.clickable { cursor: pointer; }

.no-listing-border { border-color: transparent !important; }
.youtube iframe { width: 100%; height: 100%; max-width: 640px; }
.corp-price-grid { display: flex; border: 1px solid #283551; }

.corp-price-grid > div { flex-grow: 1; }

.corp-price-grid > div:not(:first-child) > div:first-child { border-left: 1px solid #fff; }
.corp-price-grid > div:not(:first-child) > div:last-child { border-left: 1px solid #283551; }

.corp-prod-info { background-color: #F7F7F7; padding: 75px; }

#customLoader { position: fixed; height: 100vh; width: 100vw; background-color: #0000008f; top: 0; left: 0; z-index: 9999; display: none; transition: none !important;}
#customLoader i { font-size: 7rem; }
#customLoader > div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.slidetext { cursor: pointer; }
#how-works-btn.btn { justify-content: space-between; width: 215px; max-width: 215px; padding-top: 16px; padding-bottom: 16px; padding-left: 30px; padding-right: 26px; position: absolute; bottom: 0; right: 50%; transform: translate(50%, 50%); z-index: 99; height: 55px; font-size: 1.25rem; }
#how-works-btn.expanded i { transform: rotate(180deg); }

#how-works-btn.btn.comps { bottom: 0; }
#how-works-btn.btn.comps.expanded { bottom: -35px; }

#how-works-btn.btn.subscribe-save { bottom: 30px; }

#comps-bg h2 { font-size: 3.5rem; }
#comps-bg > .container > .section { height: 380px; align-items: flex-end; }
#comps-bg .left { align-self: end; }
#comps-bg .right { padding-left: 40px; align-self: center; }
#comps-bg img { transform: translateY(6px); }



body { overflow-y: auto !important;}
.sitecontent { line-height: 1.2; }
.xmas-del-info { display: flex; grid-gap: 1rem; align-items: center; color: #fff; background-color: red; border-color: #fff; padding: 1rem 2rem; font-size: 0.9rem; position: relative; border-radius: 0.5rem; }
.xmas-del-info i { font-size: 2.2rem; }
.xmas-del-info img { position: absolute; top: 0; left: 0; transform: translate(-44%, -40%); z-index: 9; }
.xmas-del-info:after { position: absolute; width: 0.5rem; height: 100%; background-color: green; content: ""; left: 0; top: 0; }
.how-works-banner { position: relative; padding-left: 397px; padding-right: 15px; padding-top: 45px; padding-bottom: 45px; margin-top: 75px; }
.how-works-banner img { position: absolute; bottom: 0; left: 60px; }


.comp-steps > div > img { position: absolute; }
.comp-steps { max-width: 1540px; min-height: 1100px; margin: 0 auto; background-image: url(images/how-path.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; margin-top: 120px; background-size: 90%; }
.comp-steps > div { border: 1px solid #283551; border-radius: 15px; box-shadow: 0 0 6px 2px #00000029; position: absolute; }
.comp-steps > div > .fs-20 { display: flex; flex-direction: column; grid-gap: 10px; }

.how-works-bg { background: rgb(53,100,107); background: linear-gradient(180deg, rgba(53,100,107,1) 16%, rgba(74,173,148,1) 96%); justify-content: space-between; }
.how-works-bg .bg-inner { height: 160px; display: grid; grid-template-columns: 1fr 8fr 1fr; justify-content: center; align-items: center; }
.how-works-bg h1 { color: #fff; text-align: center; margin: 0 !important; font-size: 4rem; }
.how-works-bg img { align-self: flex-end; }

.collab-banner { color: #fff; display: flex; align-items: center; padding: 60px 115px; border-radius: 30px; margin-bottom: 112px; margin-top: 45px; grid-gap: 114px; }
.collab-banner h1 { color: #fff; font-size: 4rem !important; }
.collab-banner .preamble { font-size: 1.8rem; font-weight: 400; }

.collab-art { position: relative; padding-left: 400px; padding-top: 60px; padding-bottom: 45px; padding-right: 90px; margin-bottom: 135px; max-width: 1300px; }
.collab-art .dblue-txt { font-size: 1.5rem; }
.collab-art img { position: absolute; top: -75px; left: -105px; }

.green-bord { border: 2px solid rgba(74,173,148,1); }

.error-grid { display: grid; grid-template-columns: 818px auto; margin: 160px 0; }
.error-grid h1 { margin: 0 0 0.75rem; }
.squigle-bg { background-image: url(images/squigle.png); background-size: contain; background-repeat: no-repeat; background-position: top; height: 100%; width: 100%; display: flex; align-items: center; padding-left: 130px; }
.squigle-bg .flx-bx { margin-top: 1.5rem; }

.brands-container { background-color: #283551; padding: 20px 50px; height: 161px; overflow: hidden; }
.brands-container #corporatebrandslider { display: contents; }

.customer-reviews-container h2, .branded-balls-info .info-card h2, .logo-balls-examples h2 { font-size: 2.78em !important; }
.customer-reviews-container h2 { margin-bottom: 0; }
.customer-reviews-container .customer-reviews { overflow-x: scroll; }
.customer-reviews-container .reviewslider { display: flex; grid-gap: 20px; }
.choose-balls-section h2 { font-size: 2em; margin-top: -12px; }
.logo-balls-examples h2 { margin-top: 0; }

.customer-reviews-container .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }



.customer-review-card { box-shadow: 0px 3px 6px #00000029; border: 2px solid #394F7E; border-radius: 10px; min-height: 182px; position: relative; grid-gap: 20px; flex-shrink: 0; }

.customer-review-card .review-text { font-size: 18px; font-weight: bold; padding-bottom: 50px; }
.customer-review-card .review-name { position: absolute; bottom: 0; background-color: #f7f7f7; height: 40px; width: 100%; border-radius: 0 0 10px 10px; font-size: 20px; font-weight: 900; }


.branded-balls-info { background-color: lightgrey; background: url(images/branded-balls-banner.jpg); background-repeat: no-repeat; background-size: 1921px 667px; background-position: center; aspect-ratio: 1921 / 667; }
.branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 816px; padding: 50px 0; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); margin-top: 15px; }

div.branded-balls-info { padding: 50px 0; }
.branded-balls-info .info-card .inner h2 { font-size: 2.8em; }
.branded-balls-info .info-card .inner { max-width: 670px; margin-left: 30px; }
.branded-balls-info .info-card .info-text, .branded-balls-info .info-card li { font-size: 1.475em; }
.branded-balls-info .brandlist { grid-gap: 50px; }
.branded-balls-info .info-card li { font-weight: bold; }

.reviewslider { overflow-x: visible; }
.reviewslider .star-container img { margin: 0; }

.logo-balls-examples { background-color: #f7f7f7; }
.logo-balls-examples .info-text { font-size: 1.5em; }
.logo-balls-examples .img-section { flex-wrap: wrap; grid-gap: 16px; margin-left: -20px; margin-right: -20px; justify-content: center; }

.contact-section .btn { width: 225px; border-radius: 5px; font-size: 22px; line-height: 22px; }

.brands-container .bx-wrapper, .brands-container .bx-viewport { height: 100px !important; }

.bx-viewport > div { display: flex; align-items: center; }

.fav-resources .dblue-grad-bg { color: #fff; }
.fav-resources .resource { height: 600px; padding: 50px 0; }
.fav-resources .resource img { max-height: 262px; }
.fav-resources .section .intro h1 { font-size: 2.5em; }
.fav-resources .section .intro { font-size: 1.4em; padding-right: 0; }
.fav-resources .our-picks-banner { height: 76px; }
.fav-resources .our-picks-banner h2 { font-size: 2.5em; }
.fav-resources .resource, .fav-resources .yt-channels p,
.fav-resources .yt-channels .content .details { font-size: 1.255em; }
.fav-resources .resource h3 { font-size: 1.55em; }
.fav-resources .resource a { font-size: 1.35em; text-decoration: underline; }
.fav-resources .youtube-desc { height: 180px; }
.fav-resources .youtube-desc h2 { font-size: 1.9em; max-width: 950px; text-align: center; }
.fav-resources .yt-channels { height: 475px; }
.fav-resources .yt-channels .inner { height: 375px; padding-left: 60px; padding-right: 60px; }
.fav-resources .yt-channels .content { max-width: 720px; }
.fav-resources .yt-channels .inner .flx-col { grid-gap: 70px; }
.fav-resources .yt-channels .content .details { display: inline-block; text-align: left; }
.fav-resources .yt-channels .content .details a { transform: translateY(5px); font-weight: 200; color: #fff; }
.fav-resources .contact { font-size: 1.35em; text-align: center; }
.fav-resources .contact a { text-decoration: none; }
.fav-resources .contact .btn { border-radius: 5px; width: 225px; }

.discounted-quote h1 { font-size: 3.2em; }
.discounted-quote h2 { font-size: 2.45em; }
.discounted-quote.form-card { max-width: 1640px; box-shadow: 0px 0px 9px #0000002B; }
/* Input label */
.discounted-quote .section div.editor-label { font-size: 1.4em; }

.discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 20px; font-weight: 700; }
.discounted-quote a span { font-weight: 500; }
.discounted-quote a.button-card .send-email { font-size: 20px; }

.discounted-quote .editor-field input, .charity-days .editor-field { border-radius: 5px; }
.discounted-quote .button-card { width: 311px; height: 206px; text-align: center; cursor: pointer; }
.discounted-quote .button-card p { text-decoration: underline; margin: 0; cursor: pointer; }
.discounted-quote .button-card .editor-label,
.discounted-quote .button-card .editor-label > label { height: 100%; justify-content: flex-end; cursor: pointer; }
.discounted-quote a.button-card { color: unset; }
.discounted-quote a.button-card:hover { color: unset; }
.discounted-quote .section.submit { font-size: 1.25em; }
.discounted-quote .section.submit #JoinMailingList { width: 29px; height: 29px; border-radius: 0px; }
.discounted-quote #submit-discount-form.btn.green { width: 100%; border-radius: 10px; font-size: 1.8em; height: 83px; }
.discounted-quote .section.submit a { text-decoration: none; color: black; }
.discounted-quote .button-card .editor-label .upload { position: relative; }
.discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -50px; left: -90px; }
.discounted-quote .button-card .editor-label input#FileUpload[type="file"]::file-selector-button { display: none; }
.discounted-quote .button-card.upload .editor-label { margin-bottom: 30px; }

/* Golf Days */
.charity-days .main-container,
.corporate-days .main-container,
.society-days .main-container { height: 525px; }

.charity-days .main-container,
.society-days .main-container { background: transparent linear-gradient(281deg, #4AAD94 0%, #A9E9D9 100%) 0% 0% no-repeat padding-box; }

.charity-days .main-container .text,
.corporate-days .main-container .text,
.society-days .main-container .text { line-height: 34px; }

.charity-days .main-container img,
.corporate-days .main-container img,
.society-days .main-container img { width: 70%; }

.charity-days .main-container .btn,
.corporate-days .main-container .btn,
.society-days .main-container .btn { border-radius: 3px; font-size: 1.3rem; padding: 29px 26px; }

.charity-days .main-container .btn.blue,
.society-days .main-container .btn.blue { border: 1px solid rgb(40, 53, 81); }

.charity-days .exclusive .text,
.corporate-days .exclusive .text,
.society-days .exclusive .text { letter-spacing: 0.7px; line-height: 34px; }

.charity-days .section.txt-content,
.corporate-days .section.txt-content,
.society-days .section.txt-content { height: 470px; }
.society-days .section.txt-content { padding-top: 0; }

.charity-days .content-section,
.corporate-days .content-section,
.society-days .content-section { margin: 20px auto; }

.charity-days .section.submit .submit-btn,
.corporate-days .section.submit .submit-btn,
.society-days .section.submit .submit-btn { width: 100%; max-width: unset; }

.charity-days .container.gifts,
.corporate-days .container.gifts,
.society-days .container.gifts { padding: 0; }

.charity-days #gift-slider .item,
.corporate-days #gift-slider .item,
.society-days #gift-slider .item { height: 400px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background-color: #f7f7f7; }

.charity-days #gift-slider .item a,
.corporate-days #gift-slider .item a,
.society-days #gift-slider .item a { text-align: center; }

.charity-days #gift-slider .item h3,
.corporate-days #gift-slider .item h3,
.society-days #gift-slider .item h3 { font-size: 1.375rem; }

.charity-days .content-section .content,
.corporate-days .content-section .content,
.society-days .content-section .content { padding: 0 83px; }

.charity-days .section.submit .submit-btn,
.corporate-days .section.submit .submit-btn,
.society-days .section.submit .submit-btn { width: 100%; border-radius: 10px; font-size: 1.8em; height: 83px; }

.charity-days .main-container .btn-wrapper,
.corporate-days .main-container .btn-wrapper,
.society-days .main-container .btn-wrapper { margin: 15px; }

.charity-days .field-validation-error,
.corporate-days .field-validation-error,
.society-days .field-validation-error { float: right; }

/* XMAS BUILD A BOX */
.product.xmas-buildabox #basketpanel form > div:first-of-type,
.product.xmas-buildabox #basketpanel .step-one,
.product.xmas-buildabox #basketpanel .step-two,
.product.xmas-buildabox #basketpanel .step-three { padding: 10px 20px; margin-bottom: 20px; border: 2px solid #283551; border-radius: 6px; }
.product.xmas-buildabox #basketpanel form > div:nth-child(2) { background: unset; padding: 0 !important; }
.product.xmas-buildabox #basketpanel #customcontrols { padding-top: 20px; padding-bottom: 20px; }
.product.xmas-buildabox #basketpanel #customcontrols h3 { margin: 0; }
.product.xmas-buildabox #basketpanel #customcontrols h3 br { display: none; }
.product.xmas-buildabox #basketpanel #customcontrols h3 span { font-size: 1rem; display: block; margin-bottom: 10px; }
.product.xmas-buildabox #basketpanel #customcontrols h3 span > span { text-decoration: underline; display: inline; }
.product.xmas-buildabox #byomessage .step-two { position: relative; margin-bottom: 0; }
.product.xmas-buildabox #byomessage .step-two .section { gap: 20px; justify-content: center; margin-bottom: 95px; max-height: 500px; /*overflow: hidden; overflow-y: scroll;*/ }
.product.xmas-buildabox #byomessage .step-two .section.sleeves-list { }

.product.xmas-buildabox #byomessage .step-two .content { overflow: hidden; overflow-y: scroll; display: none; padding: 0 15px; max-height: 700px; margin-bottom: 100px; }
.product.xmas-buildabox #byomessage .step-two .section h3 { padding-left: 20px; padding-right: 20px; margin-top: 0; margin-bottom: 0; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #283551; /*padding-top: 18px;*/ }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected div { width: 132px; height: 61px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 2px; background-color: #fff; font-weight: 900; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected div.unselected { background-color: unset; border: 2px dashed #FFFFFF; border-radius: 2px; color: #fff; text-align: center; font-size: 1rem; font-weight: 300; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected div span { color: #4AAD94; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .btn { background-color: #fff; border-radius: 28px; margin: 20px 10px; height: 55px; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .btn.disabled { background-color: grey; }

.product.xmas-buildabox #byomessage .step-two .section > div.selected-info { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; width: 100%; flex-wrap: wrap; row-gap: 10px; padding: 0 20px; }
.product.xmas-buildabox #byomessage .step-two .section > div.selected-info h3 { display: inline; padding: 0; }
.product.xmas-buildabox #byomessage .step-two .section > div.selected-info .btn { border-radius: 5px; font-size: 1rem; display: inline; padding: 10px; background: #fff; color: #283551; border-radius: 25px; height: 33px; min-height: unset; line-height: 16px; }

.product.xmas-buildabox .steponeclosed { background-color: #f7f7f7; border-radius: 6px; }
.product.xmas-buildabox #byomessage .step-two .section > div:not(.warning-banner):not(.selected-list):not(.selected-info) { border-width: 1px 1px 0 1px; border-style: solid; border-color: #225482; border-radius: 2px; background: #fff; position: relative; height: 220px; }
.product.xmas-buildabox #byomessage .step-two div.warning-banner { background-color: #283551; padding: 10px 20px; }
.product.xmas-buildabox #byomessage .step-two div.warning-banner span { font-size: 1.15rem; font-weight: 400; }
.product.xmas-buildabox #byomessage .step-two .section .selected-list { display: flex; width: 100%; gap: 20px; padding: 0; flex-wrap: wrap; margin-bottom: 20px; margin-top: 20px; }
.product.xmas-buildabox #byomessage .step-two .section .selected-list > div.selected { border-width: 2px 2px 0 2px; border-color: #4AAD94; border-style: solid; height: 220px; border-radius: 2px; background: #fff; padding: 0 15px; }
.product.xmas-buildabox #byomessage .step-two .section .selected-list > div > div > span,
.product.xmas-buildabox #byomessage .step-two .section > div > div > span { color: #4aad94; display: flex; justify-content: center; position: absolute; bottom: 17%; left: 50%; transform: translateX(-50%); width: 100%; }
.product.xmas-buildabox .translate-selections .section > div > div > div { display: flex; gap: 0; }

.product.xmas-buildabox .qty-grid { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; border-width: 1px 0 1px 0; border-style: solid; border-color: #225482; }
.product.xmas-buildabox div.selected .qty-grid { border-width: 2px 0 2px 0; border-color: #4AAD94; }
.product.xmas-buildabox .qty-grid div.quant { width: 32%; height: 30px; background-color: #4aad94; color: #fff; cursor: pointer; }
.product.xmas-buildabox .qty-grid div.quant i { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.product.xmas-buildabox .qty-grid input { width: 40%; height: 30px; border: unset; color: black; text-align: center; font-size: 1.1rem; }

.product.xmas-buildabox #byomessage .step-two h2, .product.xmas-buildabox #byomessage .step-three h2 { font-size: 1.38rem; margin: 0; font-weight: 700; }

.product.xmas-buildabox #basketpanel #updateresults { padding: 0; background-color: #f7f7f7; }


.product.xmas-buildabox #basketpanel #updateresults.closed { height: 75px; }

.product.xmas-buildabox #basketpanel #updateresults #previewshow { margin-bottom: 0; }
.product.xmas-buildabox #basketpanel #updateresults > div:first-of-type { margin-top: 0; }

.product.xmas-buildabox .step-two .selection-info { justify-content: space-between; padding: 20px !important; border-bottom: 1px solid #fff; }
.product.xmas-buildabox #byomessage .step-two .section > div img { padding-top: 10px; }
.product.xmas-buildabox #byomessage .step-two .head span { cursor: pointer; }
.product.xmas-buildabox #byomessage .step-two .head.withedit { display: flex; justify-content: space-between; height: 75px; align-items: center; }
.product.xmas-buildabox #byomessage .step-two .content { }
.product.xmas-buildabox #byomessage .step-two .content .prod-title { font-size: 1.15rem; line-height: 1.15rem; }

.product.xmas-buildabox #byomessage .step-two .content .selected-sleeves { background-color: #283551; max-height: unset; margin-bottom: unset; overflow: hidden; gap: 0; }

.product.xmas-buildabox #byomessage .step-three .head { display: flex; justify-content: space-between; align-items: center; }
.product.xmas-buildabox #byomessage .step-three .content { display: none; }

.product.xmas-buildabox #byomessage .step-one,
.product.xmas-buildabox #byomessage .step-two,
.product.xmas-buildabox #byomessage .step-three { padding: 0; }

.product.xmas-buildabox .steponeclosed span { cursor: pointer; }
.product.xmas-buildabox .steponeclosed img, .product.xmas-buildabox .step-two .edit2btn img { transform: translateY(3px); margin-left: 5px; }

.product.xmas-buildabox #updateresults #customcontrols > *,
.product.xmas-buildabox #byomessage .step-two > *,
.product.xmas-buildabox #byomessage .step-three > * { padding: 0 20px; }
.product.xmas-buildabox #byomessage .step-three .basket-sleeves { display: flex; flex-direction: column; gap: 12px; }
.product.xmas-buildabox #byomessage .step-three .basket-sleeves h3 { margin-bottom: 0; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown { display: flex; justify-content: space-between; font-weight: 500; color: #283551; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown.total { padding: 0 20px; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown span { font-weight: 900; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown b,
.product.xmas-buildabox #byomessage .step-three .price-breakdown span.total { font-size: 1.38rem; }

.product.xmas-buildabox #previewshow .preview { max-width: 440px; }
.product.xmas-buildabox #previewshow > div { border-radius: 6px; }
.product.xmas-buildabox #previewshow > div > div { max-width: unset; position: relative; }
.product.xmas-buildabox #previewshow > div > div > div.section { display: flex; flex-direction: column-reverse; }
.product.xmas-buildabox #previewshow > div > div > div.section .btn.green { max-width: unset; background: unset; color: black; text-decoration: underline; font-size: 1.25rem; font-weight: 400; justify-content: flex-start; margin-top: 0; height: 40px; background-color: white; border-radius: 3px; box-shadow: 0px 1px 2px #0000001F; }
.product.xmas-buildabox #previewshow > div > div > div.section > .dw-sm-6:nth-of-type(1) .btn.green:after { content: url("/Content/gm/images/delete-icon.png"); position: absolute; right: 20px; top: 27%; }
.product.xmas-buildabox #previewshow > div > div > div.section > .dw-sm-6:nth-of-type(2) .btn.green:after { content: url("/Content/gm/images/edit-icon.png"); position: absolute; right: 20px; top: 27%; }

.product.xmas-buildabox #previewshow > div > div > div.section > div.dw-sm-6 { width: 270px; }

.product.xmas-buildabox #updateresults #customcontrols .step1-alt-btn { width: 95%; margin: auto; margin-top: 10px; }
.product.xmas-buildabox #updateresults #customcontrols .step1-alt-btn,
.product.xmas-buildabox #previewshow .btn,
.product.xmas-buildabox #byomessage .step-three .btn { background-color: #283551; color: #fff; height: 55px; line-height: 55px; margin-top: 30px; }
.product.xmas-buildabox #byomessage .step-two > div:first-of-type,
.product.xmas-buildabox #byomessage .step-three > div:first-of-type { background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; border-radius: 6px; }

.comp-pop .comps-container i.close-icon { z-index: 5; }

.loader { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

.photo-upload-guide .text { font-size: 1rem; }
.photo-upload-guide .btn.green.continue { font-size: 1.125rem; padding: 0 25px; }

.photo-upload-guide .dots-container { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; }
.photo-upload-guide .dots-container span { border-radius: 50%; width: 11px; height: 11px; background-color: #868C98; display: block; }
.photo-upload-guide .dots-container span.active { background-color: #4AAD94; }

.checkoutpage .paymentsect { margin: 30px 0; }
.checkoutpage .paymentsect .btn { height: 61px; }

.also-available-container { flex-wrap: wrap; gap: 14px; max-width: 500px; margin: auto; }
.also-available-container .option { flex-shrink: 0; padding: unset; }
.also-available-container .option img { border: 1px solid #b6b9c1; border-radius: 4px; width: 80px; }
.also-available-container .option span { color: #535d74; font-weight: 600; font-size: 1rem; }
.also-available-container .option a { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.also-available-container .option:hover span { color: #283551; font-weight: 700; }
.also-available-container .option:hover img { border: 1px solid #232f49; }

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


@media screen and (max-width: 2120px) {
    .customer-reviews-container { margin-bottom: 50px; }
    .choose-balls-section h2 { margin-top: 30px; }
}

@media screen and (max-width: 1700px) {
    .discounted-quote.form-card { max-width: 1500px; }
}

@media screen and (max-width: 1670px) {
    .product.xmas-buildabox #previewshow .preview { margin: auto; }
}

@media screen and (max-width:1500px) {
    .error-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 160px 0; }
    .squigle-bg { padding-left: 80px; }
    .discounted-quote.form-card { max-width: 1200px; }
}

@media screen and (min-width: 1230px) and (max-width: 1500px) {
    .product.xmas-buildabox #customcontrols .pick-custom .section > div { width: 33%; }
}

@media screen and (max-width:992px) {
    .squigle-bg { padding-left: 30px; }
    .squigle-bg .fs-575 { font-size: 4rem; }

    .discounted-quote.form-card { max-width: 700px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-card { width: 250px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -80px; }
    .discounted-quote .section.submit { font-size: 1em; }

    .charity-days .main-container,
    .corporate-days .main-container,
    .society-days .main-container { flex-direction: column; height: unset; padding: 30px 0; }

    .charity-days .main-container .content,
    .corporate-days .main-container .content,
    .society-days .main-container .content { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }

    .charity-days .content-section > .section,
    .corporate-days .content-section > .section,
    .society-days .content-section > .section { height: unset; grid-gap: 20px; font-size: 0.8rem; }

    .society-days > .content-section:first-of-type { border: 2px solid red; }

    .charity-days > .content-section.sec1 > .section > div:first-of-type,
    .charity-days > .content-section.sec2 > .section > div:nth-of-type(2),
    .corporate-days > .content-section.sec1 > .section > div:first-of-type,
    .corporate-days > .content-section.sec2 > .section > div:nth-of-type(2),
    .society-days > .content-section.sec1 > .section > div:first-of-type,
    .society-days > .content-section.sec2 > .section > div:nth-of-type(2) { justify-content: center; }



    .society-days .content-section > .section > div:first-of-type { padding-top: 20px; }

    .charity-days .content-section > .section > .content,
    .corporate-days .content-section > .section > .content,
    .society-days .content-section > .section > .content { padding: 30px; text-align: center; }

    #comps-bg .left { align-self: center; }
    #comps-bg .right { padding-left: 40px; align-self: flex-start; }

    .customer-reviews-container .reviews-grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }

}

@media screen and (max-width:768px) {
    .error-grid { display: flex; flex-direction: column-reverse; margin: 0 0 64px; grid-gap: 1rem; }
    .squigle-bg { padding-left: 0; padding-top: 80px; background-position: center 16px }

    .discounted-quote.form-card { max-width: 700px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-card { width: 250px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -80px; }
    .discounted-quote .section.submit { font-size: 1em; }

 
}


@media screen and (max-width:1500px) {
    .corp-prod-info { padding: 30px 15px; }
}

@media screen and (max-width: 1420px) {
    .fav-resources .yt-channels .content .details { font-size: 1.2em; }
}

@media screen and (max-width: 1300px) {
    .product.xmas-buildabox .qty-grid div.quant { height: 40px; }

    .product.xmas-buildabox #byomessage .step-two .section .selected-list > div > div > span,
    .product.xmas-buildabox #byomessage .step-two .section > div > div > span { bottom: 23%; }
}

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

    .comp-steps > #step1 { top: 0; left: 8%; max-width: 579px; padding-left: 100px; }
    .comp-steps > #step2 { top: 0%; right: 4%; max-width: 508px; }
    .comp-steps > #step3 { top: 40%; right: 36%; max-width: 452px; padding-right: 74px; }
    .comp-steps > #step4 { bottom: 0; left: 0; max-width: 512px; padding-right: 62px; }

    .comp-steps > #step1 > img { top: -70px; left: -164px; }
    .comp-steps > #step2 > .img-1 { bottom: -190px; right: -84px; }
    .comp-steps > #step2 > .img-2 { top: 0; right: -40px; transform: translateY(-50%); }
    .comp-steps > #step3 > img { bottom: 0; right: 0; transform: translate(50%, 50%); }
    .comp-steps > #step4 > img { bottom: 16px; right: -227px; }

    .branded-balls-info .info-card { background-color: white; border-radius: 10px; width: 816px; height: 450px; padding: 40px 0; }

    .branded-balls-info .info-card .inner { max-width: 740px; grid-gap: 10px; }
}

@media screen and (min-width: 1670px) {
    .product.xmas-buildabox #previewshow > div > div > div.section { position: absolute; right: 0; bottom: 17%; }
}


@media screen and (min-width:1300px) and (max-width:1920px) {
    .comp-steps > #step1 { top: 32px; left: 12%; max-width: 579px; padding-left: 100px; }
    .comp-steps > #step2 { top: 0%; right: 0%; max-width: 508px; }
    .comp-steps > #step3 { top: 40%; right: 36%; max-width: 452px; padding-right: 74px; }
    .comp-steps > #step4 { bottom: 0; left: 0; max-width: 512px; padding-right: 62px; }

    .comp-steps > #step1 > img { top: -70px; left: -164px; }
    .comp-steps > #step2 > .img-1 { bottom: -190px; right: 15px; }
    .comp-steps > #step2 > .img-2 { top: 0; right: 15px; transform: translateY(-50%); }

    .comp-steps > #step3 > img { bottom: 0; right: 0; transform: translate(50%, 50%); }
    .comp-steps > #step4 > img { bottom: 16px; right: -227px; }

    .branded-balls-info .info-card { background-color: white; border-radius: 10px; width: 816px; max-width: unset; height: 450px; padding: 50px 0; padding-right: 20px; margin-right: 20px; margin-top: 0; }

    .branded-balls-info .info-card .inner { max-width: 740px; grid-gap: 10px; }
    .branded-balls-info .info-card .inner h2 { font-size: 2.4em; }
}

@media screen and (min-width:992px) and (max-width:1300px) {
    .comp-steps > #step1 { top: 32px; left: 15%; max-width: 579px; padding-left: 100px; }
    .comp-steps > #step2 { top: 24%; right: 0%; max-width: 508px; }
    .comp-steps > #step3 { top: 50%; right: 57%; max-width: 452px; padding-right: 74px; }
    .comp-steps > #step4 { bottom: 0; left: 0; max-width: 512px; padding-right: 62px; }

    .comp-steps > #step1 > img { top: -70px; left: -164px; }
    .comp-steps > #step2 > .img-2 { top: 0; right: -12px; transform: translateY(-50%); }
    .comp-steps > #step2 > .img-1 { bottom: -190px; right: 15px; }
    .comp-steps > #step3 > img { bottom: initial; right: 0; top: 0; transform: translate(30%, -30%); }
    .comp-steps > #step4 > img { bottom: 16px; right: -227px; }

    .fav-resources .yt-channels .content .details { font-size: 1.1em; }
    .fav-resources .yt-channels .inner { height: 375px; padding-left: 40px; padding-right: 40px; }

    .branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 816px; height: auto; padding: 50px 0; padding-right: 20px; margin-right: 20px; margin-top: 0; }

    .branded-balls-info .info-card .inner { max-width: 740px; grid-gap: 10px; }
    .branded-balls-info .info-card .inner h2 { font-size: 2.4em; }

    .product.xmas-buildabox #byomessage .step-two .section > div { width: 30%; }
}

@media screen and (max-width:992px) {
    .checkoutpage .table-bs .body .row { display: grid; grid-template-areas: "prod quant" "prod price" "prod total"; padding: 0.5rem; grid-column-gap: 0.75rem; }
    .basketpage .table-bs .body .row { display: grid; grid-template-areas: "prod quant" "prod price" "prod total" "prod remove"; padding: 0.5rem; grid-column-gap: 0.75rem; }
    .basketpage .table-bs .body .row .price:nth-child(3) { grid-area: total; }
    .table-bs .body .row .prod { grid-area: prod; }
    .table-bs .body .row .quant { grid-area: quant; }
    .table-bs .body .row .price { grid-area: price; }
    .table-bs .body .row .price:last-child { grid-area: total; }


    .comp-steps { background: none !important; margin-bottom: 30px; }
    .comp-steps { display: flex; flex-direction: column; grid-gap: 60px; }
    .comp-steps > div { position: relative !important; transform: none !important; right: initial !important; left: initial !important; top: initial !important; bottom: initial !important; max-width: 60% !important; }
    .comp-steps > div > img { max-width: 250px !important; }
    .comp-steps > div:nth-child(odd) { margin-right: auto; }
    .comp-steps > div:nth-child(even) { margin-left: auto; }
    .comp-steps > div:nth-child(odd) > img { top: 50%; right: 20px; transform: translate(100%, -50%); }
    .comp-steps > div:nth-child(even) > img { top: 50%; left: 20px; transform: translate(-100%, -50%); }
    .comp-steps > #step2 > .img-2 { top: initial; bottom: 0; right: 50%; left: initial; transform: translate(50%, 70%); }

    .logo-balls-examples .img-section img { width: 220px; height: 220px; }

    .customer-review-card { box-shadow: 0px 3px 6px #00000029; border: 2px solid #394F7E; border-radius: 10px; min-height: 182px; position: relative; grid-gap: 10px; flex-shrink: 0; }

    .customer-review-card .review-text { font-size: 18px; font-weight: bold; padding-bottom: 50px; }
    .customer-review-card .review-name { position: absolute; bottom: 0; background-color: #f7f7f7; height: 40px; width: 100%; border-radius: 0 0 10px 10px; font-size: 18px; font-weight: 900; }

    .fav-resources .section .intro,
    .fav-resources .resource .content { text-align: center; }

    .fav-resources .section .intro { padding-top: 20px; }
    .fav-resources .resource { height: 600px; padding: 0 0; }
    .fav-resources .youtube-desc h2 { font-size: 1.5em; }

    div.branded-balls-info { width: 100%; justify-content: center; padding: 100px 0; }
    .branded-balls-info .info-card { margin-top: 0; }
    .branded-balls-info .info-card .inner { grid-gap: 15px; padding-right: 20px; }
    .branded-balls-info .info-card .inner h2 { font-size: 2.4em !important; }
    .branded-balls-info .info-card .inner .info-text, .branded-balls-info .info-card li { font-size: 1.2em; }
}

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

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 30%; }
    .product.xmas-buildabox #byomessage .step-two .section .selected-list { transform: none; }
    #comps-bg h2 { font-size: 2.7rem; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 45%; }

    .comp-pop .comps-container .inner-text { font-size: 1.1rem !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 30%; }
    .comp-pop .comps-container i.close-icon { top: 1rem; right: 1rem; font-size: 2rem; }
    #comps-bg .section { padding-top: 50px; }
    #comps-bg .right { max-width: unset; }
    #comps-bg .right h2 br { display: none; }
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 45%; }
    .product.xmas-buildabox #byomessage .step-two h2, .product.xmas-buildabox #byomessage .step-three h2 { font-size: 1.2em !important; }
    #comps-bg .section { padding-top: 50px; }
}

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

    div.branded-balls-info { justify-content: center; padding: 100px 0; }
    .branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 812px; padding: 40px; opacity: 0.95; }
    .branded-balls-info .info-card .info-text, .branded-balls-info .info-card li { font-size: 1.2em; }
    .branded-balls-info .info-card li { font-weight: bold; }
    .fav-resources .yt-channels .inner { height: 270px; padding-left: 20px; padding-right: 20px; }
    .fav-resources .youtube-desc h2 { font-size: 1.3em !important; }

    .fav-resources .resource a { font-size: 1.1em; text-decoration: underline; }
    .fav-resources .resource .content { font-size: 0.9em; }
    .fav-resources .yt-channels .inner .flx-col { grid-gap: 20px; }

    .comps-container { left: calc(50% - 150px) !important; width: 300px !important; }
    .comps-container .comptile { margin-bottom: 17px; }
    .comp-pop .comps-container .comptile { margin-bottom: 0; }

    .product.xmas-buildabox #basketpanel #customcontrols h3,
    .product.xmas-buildabox .steponeclosed h3 { font-size: 1.1em !important; }
    .product.xmas-buildabox #basketpanel #customcontrols h3 span { font-size: 0.8rem; }
    .product.xmas-buildabox #byomessage .step-two span.selected-price { font-size: 0.9rem; font-weight: 300; }

    #comps-bg .right { max-width: unset; }
    #comps-bg .right h2 { font-size: 2.4rem !important; }
    #comps-bg .right h2 br { display: none; }
    #comps-bg .right > div > div { font-size: 1.4em; }
}

@media screen and (max-width: 620px) {
    .fav-resources .yt-channels .inner { height: 270px; padding: 40px 5px 0; }
    .fav-resources .youtube-desc h2 { font-size: 1.1em !important; }
    .fav-resources .youtube-desc { height: 150px; }

    .charity-days .main-container .btn-wrapper,
    .corporate-days .main-container .btn-wrapper,
    .society-days .main-container .btn-wrapper { flex-direction: column; margin: 15px; }

    .charity-days .main-container .text,
    .corporate-days .main-container .text,
    .society-days .main-container .text { font-size: 1rem; padding: 0 15px; }

    .charity-days .exclusive .text,
    .corporate-days .exclusive .text,
    .society-days .exclusive .text { font-size: 1rem; }

    .charity-days #gift-slider .item, .corporate-days #gift-slider .item, .society-days #gift-slider .item { height: 270px; }
}

@media screen and (max-width:600px) {
    .comp-steps > div > .fs-20 { font-size: 1.4rem; max-width: 61%; }

    .comp-steps { grid-gap: 60px; }

    .comp-steps > div { max-width: 100% !important; margin: 0 !important; padding-top: 60px !important }
    .comp-steps > #step1 > img { top: -53px; left: initial; right: 10px; transform: none; max-width: 137px !important; }
    .comp-steps > #step2 > .img-1 { bottom: initial; right: 10px; left: initial; transform: none; top: -17px; max-width: 180px !important; }
    .comp-steps > #step2 > .img-2 { top: initial; bottom: 0; right: 50%; transform: translate(50%, 70%); }
    .comp-steps > #step3 > img { bottom: initial; right: 10px; transform: none; top: 0; }
    .comp-steps > #step4 > img { bottom: initial; right: 10px; top: -45px; left: initial; transform: none; max-width: 160px !important; }

    .branded-balls-info { height: 700px; }
    .branded-balls-info .brandlist { grid-gap: 25px; }
    .branded-balls-info .info-card .info-text { font-size: 1.1em; }
    .branded-balls-info .info-card li { font-size: 1em; }
    .branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 550px; padding: 20px; opacity: 0.95; }
    .branded-balls-info .info-card .inner { max-width: 450px; }

    .logo-balls-examples .img-section img { width: 200px; height: 200px; }
    .fav-resources .yt-channels .content img { width: 60px; }
    .fav-resources .section .intro { padding: 20px 30px 0; }
}

@media screen and (max-width: 570px) {
    .fav-resources .yt-channels { height: 750px; }
    .fav-resources .yt-channels .content { align-items: center; padding: 0 30px; }
    .fav-resources .yt-channels .inner .flx-col { grid-gap: 40px; }
    .fav-resources .yt-channels .inner { height: 575px; max-width: 400px; display: flex; flex-direction: column; grid-gap: 40px; }
    .fav-resources .yt-channels .inner .channel-col { align-items: center; }
}

@media screen and (max-width: 500px) {
    .logo-balls-examples .img-section img { width: 170px; height: 170px; }
    .fav-resources .our-picks-banner h2 { font-size: 1.4em !important; }

    div.branded-balls-info { justify-content: center; padding: 100px 0; }
    .branded-balls-info .brandlist { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 0px; }

    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 45%; }
    .product.xmas-buildabox #updateresults #customcontrols .step1-alt-btn { font-size: 0.8em; }
    .product.xmas-buildabox #byomessage .step-two h2, .product.xmas-buildabox #byomessage .step-three h2 { font-size: 0.9rem !important; }
    .product.xmas-buildabox #basketpanel #customcontrols h3, .product.xmas-buildabox .steponeclosed h3 { font-size: 0.9rem !important; }
    .product.xmas-buildabox .steponeclosed span,
    .product.xmas-buildabox #byomessage .step-two .head span { font-size: 0.9rem; }

    #comps-bg .section { flex-direction: column-reverse; padding-top: 50px; }
    #comps-bg .section .right { margin-bottom: 20px; }
    /*#comps-bg .section .right div { font-size: 1.3em; }*/
    #comps-bg .section h2 { font-size: 2rem !important; }
}

@media screen and (max-width:415px) {
    .comp-steps > div > img:not(.img-2) { position: static !important; bottom: initial; top: initial; right: initial; left: initial; margin: 0 auto 15px; display: block; }
    .comp-steps > div { padding: 15px !important; }
    .comp-steps > div > .fs-20 { max-width: 100%; }
    .comp-steps > #step2 > .img-2 { max-width: 50% !important; }
    .comp-steps { grid-gap: 30px; }
    .comp-steps { margin-top: 30px; }
    .comp-steps > #step2 > .img-1 { margin-right: 0 !important; transform: translateY(30px); }
    .comp-steps > #step2 > .img-2 { position: absolute; top: 10px; left: 10px; transform: none; }
    .branded-balls-info .info-card .inner { max-width: 290px; }
    .fav-resources .section .intro { font-size: 1.2em; }
    .fav-resources .our-picks-banner h2 { font-size: 1.1em !important; }
    .fav-resources .yt-channels { height: 650px; }
    .fav-resources .resource .content { font-size: 0.8em; padding: 0 10px; }
    .fav-resources .resource .content a { font-size: 0.9em; }
    .fav-resources .yt-channels .inner { height: 470px; max-width: 400px; display: flex; flex-direction: column; grid-gap: 40px; font-size: 0.7em; padding: 20px 10px; }
    .fav-resources .resource { height: 500px; }
}

.faqs { display: flex; flex-direction: column; grid-gap: 15px; max-width: 992px; margin-right: auto; margin-left: auto; margin-top: 45px; }
.question { padding: 15px; font-size: 1.2rem; font-weight: 600; color: #fff; background-color: #4aad94; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; grid-gap: 15px; width: 100%; cursor: pointer; }
.answer { padding: 15px; font-size: 1rem; font-weight: 600; color: #283551; background-color: #fff; border-radius: 0 0 5px 5px; border: 3px solid #4aad94; display: none; }

.answer a { color: rgba(74,173,148,1); text-decoration: underline; }
.answer a:hover { text-decoration: none; }

.faq i { transition: transform 0.3s; }
.faq.open .question { border-radius: 5px 5px 0 0; }
.faq.open i, .faq:hover i { transform: rotate(180deg); }

.faqs.lite { margin: 0 auto; max-width: 1100px; }
.faqs.lite .question { font-weight: 800; border-bottom: 1px solid #283551; background-color: transparent; color: #283551; font-size: 1.7em; border-radius: 0px; }
.faqs.lite .question i { color: rgba(74,173,148,1); font-size: 1.2em; }
.faqs.lite .answer { border: none; }
.faqs.lite .question h3 { font-weight: 800; font-size: 1.0em; margin: 0px; }

.faqs.superlite { margin: 0 auto; max-width: 1100px; gap: 0px;}
.faqs.superlite .question {min-height: 70px; padding: 0px; font-weight: 600; border-bottom: 1px solid #283551; background-color: transparent; color: #000; font-size: 1.35em; border-radius: 0px; }
.faqs.superlite .question i { color: #283551; font-size: 1.2em; width: 40px; height: 40px; background-color: #F6F6F6; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.faqs.superlite .answer { border: none; color: #333; padding: 0px; font-size: 1.14em; line-height: 1.3; }

.warning { color: #856404; border-color: #ffeeba; background-color: #fff3cd; }
.imgmsg .warning { padding: 10px; }

.sitehead { max-width: 100vw; }
html { scroll-behavior: smooth; }

.comp-banners { border-radius: 30px; overflow: hidden; }
.comp-sticker { background-color: #4aad94; color: #fff; position: absolute; top: 0.5rem; left: 0.5rem; z-index: 99; padding: 0.5rem; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 0.5rem; max-width: 30%; }

.comp-banners .item span, .comp-banners h1 { color: #fff; }

.comp-bask-banner { color: #fff; border-radius: 41px; font-size: 1.1rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 364px; padding-right: 20px; background: rgb(53,100,107); background: linear-gradient(90deg, rgba(53,100,107,1) 0%, rgba(74,173,148,1) 100%); grid-gap: 100px; margin-top: 60px; padding-top: 20px; padding-bottom: 20px; position: relative; }
.comp-bask-banner .main-txt { font-size: 1.4rem; font-weight: bold; margin-bottom: 5px; }
.comp-bask-banner .main-txt:before { content: "Think you’ve got what it takes to win our golf knowledge competition?"; }
.comp-bask-banner .btn { border: 1px solid #fff; font-weight: normal; flex-grow: 1; font-size: 1.1rem; min-width: max-content; font-weight: bold; }
.comp-bask-banner img { position: absolute; bottom: 0; left: 38px; }

.comp-banner-home-wrapper { background: rgb(53,100,107); background: linear-gradient(90deg, rgba(53,100,107,1) 0%, rgba(74,173,148,1) 100%); }
.comp-banner-home { display: grid; grid-template-columns: 1fr 1fr; }
.comp-banner-home > div:first-child { display: flex; width: 100%; align-items: flex-end; padding-left: 50px; }
.comp-banner-home .inner-text { color: #fff; padding: 50px 50px 50px 0; display: flex; flex-direction: column; justify-content: center; grid-gap: 20px; max-width: 700px; }
.comp-banner-home strong { font-size: 2.5rem; font-weight: bold; line-height: 1.2; }
.comp-banner-home span { font-size: 1.125rem; font-weight: 300; max-width: 640px; line-height: 1.5; }
.comp-banner-home .btn { max-width: 370px; border: 1px solid #fff; }

.login-pop, .comp-pop { position: fixed; height: 100vh; width: 100vw; display: none; justify-content: center; align-items: center; top: 0; right: 0; z-index: 99999; }
.login-pop .fa-xmark, .comp-pop .fa-xmark { position: absolute; top: 2rem; right: 2rem; font-size: 4rem; color: #4aad94; cursor: pointer; }
.login-pop .fa-xmark:hover, .comp-pop .fa-xmark:hover { color: #4aad94; }
.login-pop.open, .comp-pop.open { display: flex; }
.login-overlay { position: absolute; height: 100%; width: 100%; background-color: rgba(39, 39, 39, 0.56); }
.login-overlay .section { width: 100%; }
.bx-shad-cent { box-shadow: 0 0 6px 2px #00000020; }
.comps-container { background-color: #fff; max-width: 1200px; position: absolute; padding: 15px 20px 20px 20px; margin: 0 auto; height: 725px; max-height: 730px; overflow-y: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 14px; display: flex; width: calc(100% - 50px); }

.comp-pop .comps-container > .section.content { justify-content: space-around; align-items: center; }
.comp-pop .comps-container > .section.content .listing-boot { z-index: 4; flex-grow: 1; }
.comp-pop .comps-container > .section.content .comp-info { z-index: 4; padding: 0 32px; }
.comp-pop .comps-container > .section.content .comp-info .btn-container { display: flex; gap: 8px; }
.comp-pop .comps-container > .section.content .comp-info .btn { width: 310px; max-width: 310px; height: 57px; font-size: 1.25rem; font-weight: 500; }
.comp-pop .comps-container > .section.content .grey-section { position: absolute; bottom: 0; z-index: 0; height: 175px; width: 100%; background: #f7f7f7; }
.comp-pop .comps-container h2 { font-size: 2.44rem; line-height: 45px; font-weight: 800; margin-bottom: 0; }
.comp-pop .comps-container h3 { color: #4AAD94; }
.comp-pop .comps-container .inner-text { font-size: 1.25rem; line-height: 26px; color: #283551; }
.comp-pop .comps-container #nothanks h3 { color: #283551; }
.comp-pop .comps-container .timersection { height: 100px; }
.comp-pop .comps-container .comptile .time-left-grid span { height: 50px; font-size: 1.8rem; }
.comp-pop .comps-container .time-left-grid { font-size: 0.85rem; margin-top: 5px; }
.comp-pop .comps-container .comp-progress-bar { height: 25px; }
.comp-pop .comps-container .listing-boot .mobile-img { display: flex; flex-direction: column; }
.comp-pop .comps-container .listing-boot .mobile-img > img { padding: 0 30px; }
.comp-pop .comps-container .listing-boot .mobile-img > div.entry-price { display: flex; justify-content: center; align-items: center; height: 35px; }

.comp-page .bx-viewport { border: 3px solid #39455F; border-radius: 10px; margin-top: 2rem; }

.rat-1 { aspect-ratio: 1/1; }

.comp-question-wrapper { height: 85px; min-width: 85px; border-radius: 10px; border: 1px solid #283551; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 10px; }

.comp-question-wrapper.wrong:has(input:checked) { border: 1px solid red; }

.comp-question-wrapper.wrong:has(input:checked) i { color: red; }

.comp-question-wrapper input { display: none; }

.comp-question-wrapper i { display: none; color: #4aad94; transform: scale(2.4); }

.comp-question-check { height: 32px; width: 32px; border-radius: 5px; border: 1px solid #283551; display: flex; align-items: center; justify-content: center; }

.comp-question-wrapper:has(input:checked), .comp-question-wrapper:has(input:checked) .comp-question-check { border-color: #4aad94; }
.comp-question-wrapper:has(input:checked) i { display: initial; }


.comp-amt-slider .ui-slider { background-color: transparent !important; border: none !important; border-radius: 20px !important; height: 16px !important; height: 40px !important; }

.comp-amt-slider .ui-slider-handle #legend { content: ""; padding: 5px 15px; font-size: 1.2rem; color: #fff; min-width: max-content; position: absolute; right: 50%; top: 0; transform: translate(50%, -130%); background-color: #283551; border-radius: 8px; z-index: 9; border-radius: 8px 8px 0 0; }

.comp-amt-slider .ui-slider-handle #legend:before { content: ""; position: absolute; height: 10px; width: 10px; background-color: inherit; z-index: -1; right: 50%; bottom: 0; transform: translate(50%, 50%) rotate(45deg); }

.comp-amt-slider .ui-slider:after { content: ""; height: 16px; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #C6C6C6; border-radius: 8px; z-index: 9; }
.comp-amt-slider .ui-slider-handle { outline: none; background: linear-gradient(90deg, rgba(40,53,81,1) 24%, rgba(74,173,148,1) 72%) !important; height: 40px !important; width: 40px !important; border-radius: 50% !important; border: 2px solid #fff !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 999 !important; }
.comp-amt-slider .amt-bar { content: ""; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: linear-gradient(90deg, rgba(40,53,81,1) 24%, rgba(74,173,148,1) 72%); border-radius: 8px; z-index: 99; }

.ui-slider-horizontal .ui-slider-handle.moved { margin-left: -40px !important; }
.ui-slider-horizontal .ui-slider-handle { margin-left: 0 !important; }

.bottom-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 20px; overflow: hidden; position: relative; margin-top: 150px; margin-bottom: 60px; }

.bottom-grid #bottom-bg { min-height: 527px; background-image: url(images/competition/GB-footer-banner1.jpg); background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; }

.bottom-grid .ball-fg { position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); }

.bottom-grid .bottom-content { padding-left: 120px; }

#winners-bg { background-image: url(images/competition/recent-winners.jpg); background-size: cover; background-repeat: no-repeat; padding: 60px 0; margin-top: 60px; margin-bottom: 60px; }
.winner-tile { padding: 10px 10px 15px; background: rgba( 255, 255, 255, 0.05 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 9px ); -webkit-backdrop-filter: blur( 9px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); }
#winners-bg .img-wrapper { background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; }

.min-w-260 { min-width: 260px; }
.comp-slider .dw-stage { padding-top: 10px; padding-bottom: 10px; }
.comptile { border-radius: 10px; box-shadow: 0 0 8px 4px #e7e7e7; padding: 0 !important; overflow: hidden; position: relative; background: #fff; }
.comptile a { padding: 15px; display: block; color: #fff !important; }
.comptile img { border-radius: 8px; overflow: hidden; }
.comp-progress-bar { height: 28px; border-radius: 14px; background-color: #c6c6c6; overflow: hidden; position: relative; display: flex; width: 100%; align-items: center; justify-content: center; box-shadow: inset 0 0 7px 0px #a8a8a8; margin: 15px 0; }
.comp-progress { height: 100%; border-radius: 14px; background: rgb(40,53,81); background: linear-gradient(90deg, rgba(40,53,81,1) 24%, rgba(74,173,148,1) 72%); position: absolute; left: 0; top: 0; }
.comp-percent { color: #fff; text-align: center; position: relative; z-index: 9; line-height: 0.1; font-size: 14px; font-weight: 700; }
.comptile:hover a.dblue-bg { background-color: #4aad94 !important; }

.timersection { background-color: #283551; padding: 10px; width: 100%; border-radius: 10px; }
.time-left-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 4px; text-align: center; color: #fff; font-size: 0.8rem; font-weight: 500; }
.time-left-grid span { display: flex; font-size: 3.3rem; align-items: center; justify-content: center; color: #4aad94; background-color: #fff; border-radius: 5px; margin-bottom: 4px; padding-top: 12px; font-weight: 700; }
.comptile .time-left-grid span { padding-top: 11px; }
.time-left-prod { width: 100%; }
.time-left-prod .time-left-grid { grid-gap: 8px; }
.time-left-prod .time-left-grid span { font-size: 4rem; }
.time-left-prod .time-left-grid div { font-size: 1.3rem; }
#competition .comp-progress-bar { height: 56px; border-radius: 28px; }
#competition .comp-progress-bar .comp-progress { border-radius: 28px; }
#competition .comp-progress-bar .comp-percent { font-size: 1.4rem; }

.comps-container .time-left-grid { font-size: 0.7rem; }
.comps-container .time-left-grid span { font-size: 1.3rem; }
.comps-container .comptile .time-left-grid span { padding-top: 6px; }

.comps-container .comp-progress-bar { height: 20px; margin: 10px 0; }
.comps-container .comp-percent { font-size: 12px; }
.comps-container .f-rem-17 { font-size: 1.2em !important; }
.comps-container .f-rem-16 { font-size: 1.2em !important; }
.comps-container .fa-ticket { margin-top: -5px; }

.prod .info-tabs .top ul li { color: #4AAD94; font-size: 2.5rem; }

.dblue-grad-bg { background: rgb(22,39,70); background: linear-gradient(90deg, rgba(22,39,70,1) 0%, rgba(80,101,148,1) 96%); }

.check-lg { min-height: 21px; min-width: 21px; }

.bx-shad-alt { box-shadow: 0px 0px 9px #0000002B; }

.bx-img img { display: block; }

.point-system .dblue-bg { position: relative; }
.point-system .dblue-bg .btn { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); min-width: 300px; max-width: fit-content; }


strong.fs-12 { font-size: 1.2rem !important; }

.use-points-wrapper { padding: 1.5rem 2rem; color: #fff; max-width: fit-content; border-radius: 10px; background-color: #283551; }

.use-points .use-points-txt:before { content: "Apply Discount!"; text-decoration: underline; }


.summary-points-wrapper { padding: 15px 30px; border-bottom: 1px solid #acacac; }
.points-container { background-color: #283551; padding: 4px; border-radius: 5px; display: flex; align-items: center; grid-gap: 30px; max-width: 540px; margin: 0 auto; }

.points-container .right-text {padding-right: 30px; width: 100%; text-align: center;}

.points-bar { border-radius: 10px; }
.discount-logo { display: flex; align-items: center; justify-content: center; background-color: #4aad94; border-radius: 3px; height: 80px; width: 98px; border: 1px solid #4aad94; }
.discount-info { border: 1px solid #cfcfcf; border-left: 0; border-radius: 0 10px 10px 0; grid-gap: 15px; }

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

a.points-bar:hover .discount-logo { background-color: #283551; border: 1px solid #283551 !important; }

#hover-wrapper { position: absolute; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; }

#content { min-height: calc(100vh - 723px); }

#competition .add-bask-section:not(.added) .right { display: none; }

.alert-bar { text-align: center; color: #fff; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 15px; }
.alert-bar p { margin: 0px; display: block; width: auto; }
.alert-bar .btn { display: flex !important; height: 30px; margin-left: 15px; margin-right: 15px; border: 1px solid #fff !important; padding-top: 0.3rem; }
.alert-bar .btn:hover { color: #fff !important; }
.alert-bar > * { margin-top: 5px; margin-bottom: 5px; display: block; font-size: 1.05em; }

.dblue-bg { background-color: #283551; }
.lgrey-bg { background-color: #f7f7f7; }
.xlgrey-bg { background-color: #f7f7f7; }
.white-bg { background-color: #fff; }
.green-bg { background-color: #4aad94; }
.green-grad-bg { background: rgb(74,173,148); background: linear-gradient(90deg, rgba(74,173,148,1) 0%, rgba(63,134,126,1) 100%); }
.green-blue-grad-bg { background: rgb(74,172,147); background: linear-gradient(90deg, rgba(74,172,147,1) 0%, rgba(52,94,104,1) 100%); }

.white-txt { color: #fff; }
.dblue-txt { color: #283551; }
.lgrey-txt { color: #8F8F8F; }
.lblue-txt { color: #44aad2; }
.blue-txt { color: #8f96a4; }
.green-txt { color: #4aad94; }
.red-txt { color: #ff5a5a; }
.orange-txt { color: #f36520; }
.dark-txt { color: #242426; }

.prodimagecontainer .free-custom-label { position: relative; width: 100%; transform: none; right: initial; bottom: initial; }
.prodimagecontainer .free-custom-label span { position: absolute; top: 13px; }
.free-custom-label { color: #fff; background-color: #4aad94; text-align: center; padding: 0px 10px; position: absolute; width: calc(100% + 20px); transform: translateX(50%); right: 50%; bottom: -13px; font-weight: bold; z-index: 99; font-size: 1.15rem; display: flex; justify-content: center; align-items: center; height: 38px; }
.free-custom-label.black-friday { background-color: #fde01a; color: #272727; }
.free-custom-label.cyber-monday { background-color: #ffa743; color: #272727; }
.custom-print-section .free-custom-label { }
.fa-star.on { color: #4aad94; }
.fa-star { margin-right: 3px; }

.bord-solid.lgrey { border: solid 1px #e4e4e4; }
.bord-solid.grey { border: solid 1px #8c8c8c; }
.bord-solid.green { border: solid 1px #4aad94; }
.bord-solid.green.thick { border: solid 2px #4aad94; }


.santa-hat--fr { position: absolute; left: -50px; top: -15px; }
.santa-hat--fl { position: absolute; right: -50px; top: -35px; }

img { border: 0; max-width: 100%; height: auto; }

.bestsell .whitebg a:hover .btn { background-color: #00843d !important; }

.makepayment button.btn.green { margin-top: 0; }
.makepayment button.btn.lgtgreen { margin-top: 0; }


#brandcolor .bx-wrapper { margin: 0 auto; }

.blackdrawings.blackbackground h1 { color: #fff; font-size: 3.8em; padding: 48px 0px 6px 40px; }
.blackdrawings.blackbackground span { color: #999999; padding-left: 40px; font-size: 1.3em; }

.info-tabs .body ul { display: flex; flex-direction: column; grid-gap: 15px; }

.item:hover .btn { background-color: #283551; }
.backgroundwhite { background-color: #fff; width: 100%; height: 114px; border-radius: 4px; opacity: 1; }
.backgroundwhite img { max-height: 75px; width: auto; }
.cent-img img { margin: 0 auto; display: block; }
.cta a { color: #333 }
.address a { color: #333 }
.privacy--notice a { color: #333 }
.prod.subcat a { color: #333 }
.drop.shut.mobile__subnav.dismiss--nav a { color: #333 }
#news a { color: #273550; }
.tabhome .bx-wrapper { margin: 0 auto; }
#tabbtm-0 .bx-wrapper { margin: 0 auto; }
.grey-bg.homeslider1 { padding: 30px 0px 50px 0px; }
.greybackground.homeslider1 h2 { padding-bottom: 20px; }
.whitebg a { color: #4aad94; }
#brandcolor { background-color: #283551; }
.center-txt { text-align: center; }
.center-img img { margin: 0 auto; display: block; }
.whitebg span .title { font-size: 1.1em; color: #333; font-weight: 800; min-height: 32px; display: block; }
.whitebg span .price { font-size: 1.75em; }
.was { color: #283551; text-decoration: line-through; margin-top: 0px; }
.address-checked .editor-label a.clearbtn { float: right; background-color: #4aad94; color: #fff; padding: 2px 5px 2px 5px; text-align: center; border: 1px solid #4aad94; display: block; }
.address-checked .editor-label a.clearbtn:hover { background-color: #fff; color: #4aad94; 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: #4aad94; 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; }
.surround .shift { float: left; width: 20%; }

.titlebestsell { padding-top: 15px; font-weight: 800; height: 80px; display: flex; font-size: 1.3em; align-items: center; color: #283551; }

a:hover .titlebestsell { color: #4aad94; }

.logosec input[type="text"] { border: 1px solid #4aad94; border-radius: 3px; height: 48px; outline: none; padding-right: 50px; font-size: 1.2em; width: 100%; }


.cat.shut.subs { display: none; }
.bx-wrapper img { margin: 0 auto; }


.no-p-marg p {margin: 0px;}
textarea { border: 1px solid #d4d4d4; padding: 10px 0 0 10px; color: #777; min-height: 120px; border-radius: 3px; width: 100%; font-family: inherit; }
select { background-color: #fff; width: 100%; height: 40px; line-height: 40px; border: none; color: #777; border: 1px solid #283551; border-radius: 3px; padding: 0 0 0 5px; }
textarea:focus, input:focus, select { outline: none; }

h1 { margin: 15px 0; color: #283551; font-size: 2em; font-weight: 800; }
h1.lg {font-size: 3.5em;}
h2 { color: #283551; font-size: 1.8em; font-weight: 800; text-align: left; }
h2.lg {font-size: 2.5em;}
h3 { margin: 15px 0; color: #283551; font-size: 1.3em; }
h3.lg {font-size: 1.7em;font-weight: 800;}
h3 .sub { font-size: 0.8em; font-weight:500; }
h3.sml {font-size: 1.1em; font-weight: 8 00; color: #283551; margin: 0.8rem 0rem;}

.left-txt h2 { text-align: left !important; margin: 0px 0px 30px 0px; }

.grecaptcha-badge { display: none; }
#content { position: relative; z-index: 999; }
a { text-decoration: none; color: #fff; }

.post-tags a { color: #4aad94 !important; }
.comptile a { color: #4aad94; }
a:hover { color: #4aad94; }
.drop a:hover { color: #4aad94; }
ul, ol { color: #333; padding-left: 18px; margin: 0; }
#content ul li span, ul li strong, ol li span, ol li strong { color: #283551; }
.howto { margin: 15px auto; }
.howto i { margin-right: 5px; font-size: 1.2em; color: #e53434; }
.ui-autocomplete { background-color: #fff; width: 450px !important; padding: 0; margin: 0; list-style: none; z-index: 99999; border-radius: 0px 0px 10px 10px; overflow: auto; border-top: none; border-right: 1px solid #4aad94; border-bottom: 1px solid #4aad94; border-left: 1px solid #4aad94; }
.ui-menu-item { color: #333; background-color: #fff; cursor: pointer; }
.ui-menu-item a { color: #283551; display: block; padding: 10px 15px; background-color: #fff; }
.ui-menu-item a:hover { background-color: #eee; color: #4aad94; }
.ui-helper-hidden-accessible { display: none; }
.dropdownContainer { position: absolute; width: 100%; z-index: 999999999; top: 0; cursor: pointer; }
.dropdownContainer.active { overflow-y: scroll; top: 0px; border-top: 1px solid #e2e2e2; }
.editor-field.stocks { position: relative; height: 60px; }
ul.stockDropdown { height: 40px; border: solid 1px #e2e2e2; padding: 0; overflow: hidden; list-style: none; font-weight: bold; margin: 0px 0 0 0; max-width: 250px; }
ul.stockDropdown li { height: 40px; position: relative; background-color: #fff; }
ul.stockDropdown span { padding: 10px 0 0 10px; display: inline-block; font-size: 0.75em; font-weight: 500; }
ul.stockDropdown span.oos { color: #ef4135 !important; font-size: 0.75em; font-weight: normal; padding: 0; margin-left: 8px; }
ul.stockDropdown li i { float: right; font-size: 1.4em; margin: 8px; }
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; }
.subsubcat { text-align: left !important; }
.worksituation { background-color: #F7F7F7; text-align: center; padding-bottom: 10px; }
.worksituation a { display: block; padding: 0 10px; }
.worksituation a:hover { color: #283551 }
.worksituation a:hover .vpbtn { background-color: #4aad94; }
.iconimg { Margin: 20px; padding-top: 20px; }
.vpbtn { height: 50px; line-height: 50px; max-width: 262px; margin: 15px auto; background-color: #283551; color: #fff; }
.vpbtn a { color: #fff; }
.accessoriesheight { height: 150px; }
.backgroundlayout { background-color: #283551; color: #fff; padding: 6px 0px; }
.accounts { width: 328px; }
.sitemap ul { padding: 0 0 0 18px; margin: 0; }
.sitemap i, .sitemap .featured.whitebg { display: none; }
.sitemap .drop { display: none !important; }

.sitemap a { display: inline-block; margin-bottom: 5px; }
.sitemap a:hover span { color: #4aad94 !important; }
.sitemap .sub-n-save { display: none !important; }
.sitemap li { margin: 0px !important; }

#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; }


.masthead { position: relative; z-index: 999; background-color: #fff; }
.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; }


.topgrey { background-color: #f7f7f7; color: #283551; }
.product .further-info #tabs ul li p { font-weight: normal !important; }
.bannerhome { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; display: block; }

.container.banner-container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.container.banner-container.comps { display: flex; justify-content: flex-end; }
.container.banner-container.comps .banner-content h1 { max-width: unset; font-size: 1.5em; }
.container.banner-container.comps .banner-content .banner-txt { width: 85%; font-size: 1.8em; }

.item strong { color: #283551; font-size: 4.5em; display: block; width: 55%; max-width: 660px; font-weight: 900; }
.item span { color: #283551; font-size: 2.4em; display: block; width: 55%; max-width: 560px; padding-top: 2px; padding-bottom: 20px; }
.xmas-dispatch-banner { background-color: #4aad94; text-align: center; font-weight: bold; color: #fff; padding: 5px; }
.xmas-dispatch-banner i { font-size: 1.2em; margin-right: 5px; }

.mailing.extra { margin-top: 150px; }
.mailing { background-color: #283551; padding: 15px; }
.mailing .title { line-height: 40px; font-size: 2.5em; color: #fff; font-weight: bold; }
.mailing .title--sub { font-size: 0.9em; color: #fff; }
.mailing .title--sub--blurb { font-size: 0.9em; margin-top: 25px; text-align: center; color: #fff; }
.mailing .newsletter input { margin-top: 0px; border: none !important; }
.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; }


.mailing .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.navigation { background-color: #f7f7f7; }
.catsub-banner .container { margin: 0; }
.catsub-banner { margin: 0 auto; }

.blackdrawings { background-image: url(images/bpattern.jpg); width: 950px; height: 525px; }
.blackbackground { background-color: #000; height: 519px; margin-top: 40px; margin-bottom: 40px; }
.teball { background-image: url(images/blacktee.jpg); width: 292px; height: 519px; margin-top: 40px; }

.blackdrawings.blackbackground img { padding-top: 120px; }
.personalisedballs { background-image: url(images/personalised-banner.jpg); background-size: cover; height: 380px; background-position: center; margin: 0 auto; position: relative; }
.personalisedballs:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 1; }
.personalisedballs > div { position: relative; z-index: 2; }
.personalisetext { width: 100%; max-width: 630px; color: #fff; }
.personalisetext h1 { font-size: 4.2em; color: #fff; }
.personalisedballs img { padding-top: 8%; margin-left: 24%; }
.addtobasket { background-color: #283551; height: 50px; border-radius: 28px; opacity: 1; color: #fff; text-align: center; padding-top: 16px; font-weight: 900; }
a:hover .addtobasket { background-color: #4aad94; }

.banner { position: relative; }
.banner.personalisedballs { display: flex; align-items: center; margin-bottom: 30px; }
.banner.personalisedballs h2 { font-size: 3.0em; margin: 0px 0px 15px; }
.banner:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 1; }
.banner > div { position: relative; z-index: 2; }
.landing-template-1 .gallery-grid {padding: 100px 0px;}
.landing-template-1 .gallery-grid .row{display: flex; flex-direction: column; gap: 30px;}
.landing-template-1 .gallery-grid .section > *:nth-child(even) .row {flex-direction: column-reverse;}
.landing-template-1 .gallery-grid .row .text {border-radius: 55px; background-color: #f8f8f8; min-height: 365px; padding: 30px; display: flex; justify-content:center; align-items: center;}
.landing-template-1 .gallery-grid .row .text .inner {max-width: 550px;}
.landing-template-1 .gallery-grid .row .text h2 {    font-size: 2.0em;}
.landing-template-1 .gallery-grid .row .text .txt {font-size: 1.25em; line-height: 1.5; font-weight: 600;}
.landing-template-1 #fadecarousel .carousel-inner {display: grid; }
.landing-template-1 #fadecarousel .carousel-inner .item {grid-row-start:1;grid-column-start: 1; display: block !important; opacity: 0; transition: .2s;}
.landing-template-1 #fadecarousel .carousel-inner .item:first-child {opacity: 1 !important;}
.landing-template-1 #fadecarousel .carousel-inner .item.active {opacity: 1;}
.landing-template-1 .top {padding: 30px 0px; min-height: 270px;display: flex; justify-content: center; align-items: center; }
.landing-template-1 .banner h2 {font-weight:600; font-size: 2em;}
.landing-template-1 .banner .text {line-height: 1.5; font-weight: 400;}
.landing-template-1 .prod-listing {min-height: 750px; display: flex; align-items: center;} 


.container.home .trustpilot-widget { background-color: #333; padding: 20px 0; }

.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: #4aad94; }
.cats a .title { font-size: 1.8em; font-weight: bold; min-height: 90px; }
.cats a img { position: absolute; right: -7px; bottom: -1px; }
.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: #4aad94; 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: #4aad94; 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: 0px; }
.bestsell .hotdeal .whitebg { min-height: 325px; padding: 13px 9px; }
.bestsell .hotdeal .whitebg .title { margin-top: 15px; min-height: 54px; }

#productListings .bestsell .whitebg.hasbarnostick { border: none; }
.home .productlist .bestsell .whitebg { border: none !important; background-color: transparent !important; }

.bestsell .whitebg .Harness-icon .remove-cont, .bestsell .whitebg .Harness-icon-remove .add-cont { display: none; }
.bestsell .whitebg .Harness-icon img, .bestsell .whitebg .Harness-icon-remove img { display: inline-block; vertical-align: top; height: 20px; margin-left: 10px; }
.bestsell .whitebg .Harness-icon span, .bestsell .whitebg .Harness-icon-remove span { display: inline-block; line-height: 20px; vertical-align: top; color: #283551; font-weight: 700; }

.bestsell .whitebg .title { color: #283551; 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: #4aad94; font-size: 1.3em; }
.bestsell .whitebg span { display: flex; }
.stock-delivery-date span { color: #4aad94 !important; }

.home .bestsell .whitebg .Harness-icon, .home .bestsell .whitebg .Harness-icon-remove { bottom: 10px; }
.bestsell .whitebg .Harness-icon { cursor: pointer; padding: 8px; text-align: center; display: block; background-color: #fff; position: relative; border: 2px solid #283551; position: static; margin-top: 10px; border-radius: 3px; max-width: 220px; }
.bestsell .whitebg .Harness-icon-remove { width: 100%; background-color: #cfcfcf; text-align: center; display: block; background-position: center; margin: auto; cursor: pointer; padding: 8px 0; border-radius: 3px; max-width: 220px; margin-top: 10px; border: 2px solid #cfcfcf; }

.bestsell .whitebg .price .now strong { font-size: 1.1em; }
.bestsell .whitebg .price .was { color: #283551; font-size: 1em; text-decoration: line-through; margin-top: 2px; font-weight: 500; }
.bestsell .slide { float: left; width: 33.33%; }

.container.compare h1 { margin-top: 20px; }
.container.compare i.fa.compareicon { background-color: #4aad94; 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/GimmeBalls-uk.svg) 100% 100%; mask: url(images/GimmeBalls-uk.svg) 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 .Harness-icon-remove { bottom: 20px; }
#productListings .bestsell.chart .whitebg .Harness-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: #283551; color: white; }
.product-tables { overflow-x: auto; }
.section.sml-gap { margin: 0px -5px; }
.section.sml-gap .boot { padding: 0px 5px; }
#bybrand { padding: 15px 0; margin-top: 0px; clear: both; }
#bybrand h2 { text-align: center; }
#bybrand a { display: block; text-align: center; text-decoration: underline; color: #4aad94; font-weight: bold; }
#bybrand a:hover span { color: #283551; }
#bybrand a span { font-weight: bold; color: #4aad94; 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: #4aad94; }
#news .blogpost .title { color: #283551; font-size: 1.4em; font-weight: bold; margin: 10px 0; }
#news .blogpost .content { font-size: 0.9em; }
#news .blogpost .content .readmore { color: #4aad94; 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 { width: 220px !important; }
.brand .normtext { margin: 20px auto; }
.brand .normtext img { margin: 15px; box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2); }
.brand strong a { color: #4aad94 !important; }
.brand a:hover { color: #283551 !important; }
.section.guide li span { font-weight: bold; color: #333; }
.section.guide .GimmeBalls { position: relative; background-color: #f7f7f7; padding: 20px 20px 0 20px; }
.section.guide .GimmeBalls h3 { text-align: center; margin-top: 0; font-size: 1.6em; }
.section.guide .GimmeBalls img { margin: auto; display: inline-block; box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2); }
.section.guide .GimmeBalls a { position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-50%); font-weight: bold; color: #fff; background-color: #283551; border: 1px solid #023a72; width: 100%; max-width: 145px; text-align: center; height: 40px; line-height: 40px; border-radius: 3px; }
.section.guide .GimmeBalls a:hover { background-color: transparent; color: #283551; }
.grey-guide { background-color: #f7f7f7; padding: 25px; min-height: 344px; margin: 15px auto; }
.grey-guide .title { color: #283551; font-weight: bold; font-size: 1.5em; min-height: 110px; }
.grey-guide .title span { color: #4aad94; }
.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: #283551; }
.grey-guide .rating .right { float: right; color: #4aad94; }

.makepayment .account .editor-label { margin: 10px 0; }



.editor-label.sp { margin-bottom: 0px !important; padding-bottom: 0px !important; line-height: 24px !important; }
.editor-label.sp.other { margin: 10px 0 10px !important; }
.editor-label .forgot a, .editor-label.sp .forgot { color: #283551; font-size: 0.8em; float: right; display: inline-block; cursor: pointer; }
.editor-label .forgot a:hover, .editor-label.sp .forgot:hover { color: #4aad94; }
.editor-label.sp.other.reposition { position: absolute; display: inline-block; top: -13px; right: 15px; }
.editor-label.sp.other.reposition span { color: #4aad94; font-size: 1.0em; }
.editor-label.sp.other.reposition span:hover { color: #283551; }


.holders { background-color: #4aad94; 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; }

.register { padding-bottom: 32px; }
.register .reg-circle { height: 60px; width: 60px; line-height: 60px; background-color: #283551; border-radius: 50px; text-align: center; color: #fff; font-size: 2em; margin: auto; position: absolute; left: 0px; display: flex; top: 50%; align-items: center; justify-content: center; 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: 100px; }
.register .dw-sm-6.text { padding: 0; }
.register i { color: #fff; text-align: center; }
.register .register-bullet { position: relative; height: 60px; width: 100%; }


#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: #4aad94; font-weight: 700; text-align: right; display: block; }
.orders .row .cost a { margin: 14px auto 0 auto; max-width: 235px; }
.orders .row.headrow { color: #283551; font-weight: 600; background-color: #f7f7f7; padding: 15px; }

.checkout-summary-wrapper { position: sticky; top: 120px; right: 0px; margin-bottom: 15px; }
.checkoutprices { border: 1px solid #acacac; border-radius: 15px; margin-top: 15px;}
.checkoutprices .innerpad { padding: 30px; }
.basket { margin-top: 15px; }
.discount-placer { position: relative; }

.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: #4aad94; font-size: 1.8em; margin-right: 15px; }
.dislide #discountform { padding: 15px 0 0 0; }

.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: #4aad94; 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: #283551; display: none; font-size: 1.5em; }
.pay-srnd span.name { line-height: 45px; font-size: 1.1em; color: #283551; 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 { padding: 15px 115px 15px 44px; background-color: #fff; position: relative; display: block; margin-top: 15px; }
#delivery-options label .rb { position: absolute; left: 15px; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 14px; height: 40px; }
#delivery-options label .rb input { margin: 13px 0; width: 14px; height: 14px; }
#delivery-options label .details strong { color: #283551; }
#delivery-options label .details span { color: #283551; }
#delivery-options label span.price { color: #4aad94; 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: #283551; }
#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 #4aad94; }
.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: #283551; }
.delivery-opt .price { color: #4aad94; font-weight: 700; position: absolute; top: 50%; right: 10px; line-height: 30px; margin-top: -15px; font-size: 1.4em; }

.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: #4aad94; color: #fff; border: 1px solid #4aad94; font-family: 'Roboto', sans-serif; font-size: 1em; display: block; border-radius: 3px; }




.topgrey { background-color: #283551; color: #fff; }
.product #slides { position: relative; margin-bottom: 30px; width: 100%; overflow: hidden; }
.product #slides .sticker--container { position: absolute; top: 0px; left: 0px; z-index: 10; max-width: 30%; width: 110px; }
.product #slides .sticker--container.right { left: auto; right: 90px; top: 10px; }
.product #slides .sticker--container img { display: block; }
.product #slides.sliders { border: 3px solid #f7f7f7; }
.product #slides.orange { border: 3px solid #4aad94; }
.product #slides.blue { border: 3px solid #283551; }
.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: 0px; }
.product h1 { margin-top: 0; }
.product .selections { position: relative; }
.product .selections .price { font-size: 1.2em; color: #072442; font-weight: bold; }
.product .selections .price strong { color: #4aad94; font-size: 2em; font-weight: 600;}
.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: 1em; color: #cfcfcf; }
.product .selections .was-price div { color: #cfcfcf; font-size: 1.6em; text-decoration: line-through; font-weight: bold; margin-top: 10px; }
.product .selections .was-price.no-disc { color: #000; font-weight: bold; }
.product .selections .was-price.no-disc .price { color: #cfcfcf; }
.product .selections .was-price span.vat { font-size: 0.5em; font-weight: normal; }
.product .info-graphic { background-color: #4aad94; font-weight: bold; margin-top: 15px; border-radius: 3px; }
.product .info-graphic p { display: none; }
.product .info-graphic .big { color: #fff; text-transform: uppercase; font-size: 2.9em; }
.product .info-graphic .small { color: #333333; text-transform: uppercase; font-size: 1.5em; }
.product .info-graphic .small i { font-size: 0.2em; }
.product .info-graphic .dw-xs-8 { width: 66.666667%; }
.product .info-graphic .dw-xs-4 { width: 32.6%; }
.product .info-graphic img { border-radius: 3px; margin: 5px; }
.product .products { margin-top: 15px; }
.product .editor-label { margin: 10px 0; }

.prodpanel { position: relative; }
.product .above-price .prod-dets { color: #999999; margin-top: 8px; }
.product .above-price .prod-dets .orange { color: #4aad94; }
.product .above-price .prod-dets .blue { color: #283551; }
.product .prod-reviews { float: right; margin-top: 10px; max-width: 190px; position: absolute; right: 0; top: 0; text-align: center; }
.product .info-icons .dw-md-9 { padding: 0; }
.product .info-icons { margin: 15px 0; }
.product .stock { font-weight: bold; color: #283551; font-size: 1.4em; margin-bottom: 15px; }
.product .stock i { color: #4aad94; 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; max-width: 600px; font-weight: 800; }
.product .stock.rem i { font-size: 1.2em; margin-right: 10px; float: left; }




.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: #4aad94; font-weight: bold; border: 1px solid #f7f7f7; text-align: center; }

.product .main-desc a { color: #4aad94; font-weight: bold; }


.product .products .btn { min-height: 50px; margin-top: 0; }
.product .customer-testimonials { margin-top: 45px; background-color: #ebebeb; padding: 25px 50px; }
.product .features td.name { font-weight: bold; }
.product .description { margin-top: 30px; }
.product .description a { color: rgba(74,173,148,1); }
.product .description a:hover { color: #283551; }
.description.divide img { width: 540px !important; height: 380px !important; }

#productListings .bestsell .whitebg.stickmove #sticker, .custom-print-section .stickmove .sticker, .related-products .sticker { position: absolute; z-index: 99; padding-top: 8px; }
#productListings .bestsell .whitebg { background-color: #fff; padding: 0px 10px; position: relative; }
#productListings .bestsell .whitebg .revs { color: #999999; font-size: .85em; }
#productListings .bestsell .whitebg.hasbar .Harness-icon { bottom: 50px; }
#productListings .bestsell .whitebg.hasbar .Harness-icon-remove { bottom: 50px; }
#productListings .bestsell .whitebg.orange { border: 5px solid #4aad94; }
#productListings .bestsell .whitebg.blue { border: 5px solid #283551; }
#productListings .bestsell .whitebg .info { background-color: #fff; position: relative;  }
#productListings .bestsell .whitebg .title { }
#productListings .prod-listing-boot {margin: 15px 0px;}
.sticker.list { grid-row-start: 1; grid-column-start: 1; width: 70px; height: 40px; }
#productListings .bestsell .whitebg.stickborder.stickmove .sticker.list #sticker { }
#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; }
#productListings .bestsell .whitebg .warranty { background-color: #ebebed; padding: 5px 0; font-size: 0.85em; color: #283551; 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; }
#outofstockform { background-color: #eee; margin-bottom: 15px; }
#outofstockform .form-surround { padding: 30px; margin-top: 15px; }
#outofstockform .form-surround h2 { margin-top: 0px; color: #2bbed8; font-size: 1.1em; margin-bottom: 10px; }
#outofstockform .form-surround h2 i { margin-right: 5px; }
#outofstockform .form-surround .editor-field { margin-bottom: 10px; }
#outofstockform .form-surround input[type="text"] { border: none; }
#outofstockform .form-surround input[type="submit"] { margin-bottom: 15px; }
#outofstockform #stock-partial i { color: #4aad94; font-size: 1.5em; }


.prodslider .prod-item .info { padding: 10px; min-height: 150px; }
.prodslider .prod-item .title { color: #072442; }
.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: #4aad94; font-size: 1.05em; }
.prodslider .prod-item .info .price .was { color: #b1b1b1; 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 .Harness-icon { position: absolute; right: 15px; bottom: 15px; background-image: url(images/GimmeBalls-uk.svg); width: 17px; height: 24px; cursor: pointer }
.prod-item.img { display: grid; }
.prod-item.img .hovimg { grid-row-start: 1; grid-column-start: 1; }
.prod-item.img .mainimg { grid-row-start: 1; grid-column-start: 1; }

.prod-item.img .hovimg .pr-b-table { aspect-ratio: 1; border-bottom: 5px solid #283551; background-color: #283551; }
.prod-item.img .hovimg .pr-b-table .row { display: flex; justify-content: space-evenly; font-weight: 700; font-size: 1.4em; height: 50px; align-items: center; }

.prod-item.img .hovimg .pr-b-table .row.head { color: #fff; background-color: transparent !important; }

.prod-item.img .hovimg .pr-b-table .row:nth-child(odd) { background-color: #fff; }
.prod-item.img .hovimg .pr-b-table .row:nth-child(even) { background-color: #f7f7f7; }

.prod-item.img .hovimg .pr-b-table .row .cell { width: 75px; }



.prod-item.img:hover .mainimg { opacity: 0; }
.related-products { margin-top: 35px; }
.line-products { border: 1px solid #f7f7f7; margin-top: 50px; }
#tabspanelbtm { margin-top: 30px; margin-bottom: 50px; }
#tabspanelbtm .feattabs li { width: 100%; margin-right: 10px; font-size: 1.6em; }
#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; }

.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: #4aad94; 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; }
.prod-list-top { border-bottom: 1px solid #000000; padding-bottom: 10px; }
.prod-listing { margin: 0 auto; }
.prod-list-top h1 { margin-bottom: 10px; }
.prod-list-top h2 { margin-bottom: 10px; font-size: 2em; }
.prod-listing .toptitle { margin: 25px 0 10px 0; color: #283551; font-size: 1.5em; 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 { width: 216px; float: right; margin-top: 20px; margin-left: 20px; }
.prod-list-top form { text-align: right; float: right; position: relative; padding-left: 61px; }
.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 #b4b4b4; color: #777; font-size: 1em; width: auto; height: 30px; font-size: 0.8em; }
.prod-listing .dw-md-3 { padding: 5px; }
.prod-listing .dw-md-2 { padding: 5px; }
#filter-menu { background-color: #f7f7f7; padding: 10px 20px 20px 20px; }
#filter-menu h2.top-header { font-size: 1.7em; margin-top: 15px; text-align: left; }
#filter-menu .filterbody label { font-weight: 700; }
#filter-menu .filterbody.cat label { padding-left: 0; }
#filter-menu .filterbody label input { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
#filter-menu .filterbody label.shut { height: 0; overflow: hidden; }
#filter-menu h2.filter-header { font-size: 1.3em; cursor: pointer; text-align: left; margin: 8px 0px 0px 0px; display: flex; align-items: center; font-weight: 800; color: #4aad94; justify-content: space-between; height: 45px; border-bottom: 1px solid #d9d9d9; }
#filter-menu .filterbody { padding-top: 10px; }
#filter-menu .filterbody.more-hide .inner { max-height: calc(38px * 6); overflow: hidden; }
#filter-menu .filterbody .show-moreless:before { content: "Show Less"; text-decoration: underline; cursor: pointer; color: #283551; display: block; padding-left: 43px; padding-top: 15px; }
#filter-menu .filterbody .show-moreless:hover:before { color: #4aad94; }
#filter-menu .filterbody.more-hide .show-moreless:before { content: "Show More"; text-decoration: underline; }



#filter-menu .filterbody.closed { margin: 0; }
#filter-menu .line { border-bottom: #d9d9d9 1px solid !important; }
#filter-menu .filterbody input { height: 15px; width: 15px; }
#filter-menu i { cursor: pointer; }
@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 { height: 300px; margin-top: 35px; padding: 25px; background-position: 50%; }
.productlist.landpage .topbanner h1 { font-size: 4em; 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: #4aad94; cursor: pointer; }
.section.returns .options:hover { color: #283551; }
.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: #4aad94; }
.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: #4aad94; font-weight: 700; font-size: 1.1em; 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: #4aad94; }

.contactpage #contactform .editor-label, .contactpage #requestform .editor-label { font-weight: bold; }

.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; }
.contactpage .social-media i { font-size: 1.5em; }
.contactpage .social-media span { color: #999999; font-size: 1.1em }
.contactpage .social-media strong { color: #283551; }
.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 .social-media .media a.pinterest { color: #e4001f; }
.contactpage .social-media .media a:hover { color: #283551; }
.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: #4aad94; }
.contactpage #formtabs { overflow: hidden; background-color: #f1f1f1; }
.contactpage #formtabs h2 { font-size: 1.2em; }
.contactpage #formtabs h2 i { color: #4aad94; 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: #283551; 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: #283551; }
.delivery-form { background-color: #f7f7f7; margin: 15px 0; padding: 15px; }
.delivery-payments .option.form .title { font-size: 0.9em; }
.delivery-payments .option.form { color: #283551; font-weight: 800; min-height: 50px; line-height: 50px; }
.delivery-payments .option { background-color: #fff; margin: 15px; display: block; border: 1px solid #e1e1e1; }
.delivery-payments .option.form .price { float: right; font-weight: bold; color: #4aad94; font-size: 1.5em }
.delivery-payments .option.form .price span { font-weight: normal; color: #283551; }
.delivery-form .cta { text-align: center; margin: auto; display: block; padding: 15px; color: #4aad94; font-weight: bold; font-size: 1.2em; }
#pickaddr .enter-postcode, #pickdeladdr .enter-postcode { position: relative; }


.sub-addr-fields { margin-top: 15px; }
.sub-addr-fields .editor-field { margin-bottom: 15px; }
.cta.blue.trade-account { background-color: #283551; 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: #4aad94; font-size: 25px; }
.trade-bullet.trust { padding: 15px 10px 15px 90px; }
.trade-bullet span { font-size: 0.95em; }
.trade-bullet strong { color: #283551; }
.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: #4aad94; 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: #283551; 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; }
.product-info .purpose .grey-bg { background-color: transparent; width: 100%; }
.product-info .purpose .grey-bg .bx-wrapper { max-width: 100% !important; }
.product-info .purpose .grey-bg .bx-viewport { padding: 20px; background-color: #f7f7f7; height: 120px !important; }
.product-info .purpose .grey-bg .bx-viewport .slide { cursor: pointer; }
.product-info .purpose .purpose-info { display: none; padding: 15px 10px; }
.product-info .purpose .purpose-info strong { color: #4aad94; font-size: 1.2em; }
.product-info .purpose .purpose-info p { margin: 10px 0; font-size: 1em; color: #283551; }
.product-info .purpose .purpose-info.active { display: block; }
.product-info .slide.active span { width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: -21px; left: 30%; }
.grey-bg { background-color: #ebebeb; }
.grey-bg .narrow-txt a { color: #4aad94; }
.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: #283551; 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: #4aad94; 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: #4aad94; 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: #4aad94; }
.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: #283551; }
.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: #283551; }
.trade-save .three-plus strong { color: #fff; }
.trade-save .five-plus .save-top { background-color: #a0470c; }
.trade-save .five-plus .save-btm { background-color: #4aad94; }
.trade-save .five-plus strong { color: #fff; }
.trade-prod-tile { background-color: #fff; height: 409px; position: relative; max-width: 280px; margin: 0px auto 30px; }
.trade-prod-tile strong { position: absolute; top: 20px; left: 27px; font-size: 30px; color: #283551; z-index: 2; }
.trade-prod-tile .btn { position: absolute; bottom: 20px; left: 47px; width: 160px; z-index: 2; }
.trade-prod-tile .btn a { display: block; color: #fff !important; }
.trade-prod-tile img { position: absolute; top: 50%; left: 22%; 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: #4aad94; 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: #283551; 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 .btn { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); margin: 0px; }
.trade-account-cta .btn a { display: block; color: #fff !important; }
.trade-account-cta .cta-title { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; color: #fff; line-height: 40px; }
.trade-account-cta .cta-title .round-icon { height: 40px; width: 40px; line-height: 40px; background-color: #4aad94; 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: #283551; 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: #4aad94 !important; }
.main-trade-cta .btn:hover a { color: #fff; }
.qty-breaks .price-break { background-color: #fff; text-align: center; padding-top: 9px; }
.qty-breaks .price-break strong { font-size: 1.3em; color: #079700; }
.qty-breaks .price-break span { color: #4aad94 !important; font-size: 0.9em; }
.qty-breaks .price-break .price { margin-right: 5px; font-size: 1.5em; }
.qty-breaks .price-break strong.saving { color: #fff; font-size: 1.1em; top: 0px; }
.price-break .backgroundPB { background-color: #283551; color: #fff; position: relative; text-align: center; line-height: 12px; padding-bottom: 10px; margin-top: 10px; }

.table-stock-delivery-date { font-size: 1.1em; margin-top: 15px; }
.table-stock-delivery-date strong { font-size: 1em !important; }
.paymentform { border: 1px solid #dbdbdb; padding: 30px; border-radius: 3px; text-align: center; max-width: 600px; margin: 30px auto; }
.paymentform .payment-top { color: #283551; font-weight: 700; font-size: 1.4em; display: block; margin-bottom: 30px; }
.paymentform .payment-top i { color: #4aad94; margin-right: 5px; }
.paymentform .editor-label { max-width: 500px; text-align: left; margin: 10px auto; font-weight: 700; font-size: 1.1em; display: block; }
.paymentform input, .paymentform .input-field { height: 40px; border: 1px solid #dbdbdb !important; height: 40px; max-width: 550px; padding: 10px; border-radius: 3px; }
.paymentform .editor-field { max-width: 500px; margin: 0 auto; text-align: left; }
.paymentform .bluelarge { display: block; max-width: 500px; text-align: right; margin: 30px auto; font-weight: 700; font-size: 1.4em; }
.paymentform button { border: none; background-color: #079700; color: #fff; font-weight: 700; font-size: 1.2em; height: 50px; max-width: 500px; margin: 0 auto; }
.paymentform button i { margin-right: 5px; }
.paymentform button:hover { background-color: #00843d !important; }

.productlist #productListings { }





.pick-custom label { cursor: pointer; margin-bottom: 10px; background-color: #f8f8f8; border-radius: 10px; display: block; overflow: hidden; position: relative; text-align: center; }
.pick-custom label.on, .pick-custom label:hover { background-color: #4aad94; color: #fff; }

.pick-custom label.on .txt, .pick-custom label:hover .txt { color:#fff; }
.pick-custom label .title {line-height: 1; color: #283551; font-weight: 200; font-size: 1.1em; height: 35px; display: flex; align-items: center; justify-content: center; margin-top: -10px; font-weight: 700;}
.pick-custom label .txt { color: #4aad94; display: flex; align-items: center; justify-content: center; padding-bottom: 15px; font-weight: 700; font-size: 1rem; }
.pick-custom label .img { position: relative; width: 133px; height: 133px; margin: 15px auto; display: block; background-size: cover; background-position: center; border-radius: 50%; box-shadow: 0 0 20px 1px #ffffffa3; }
.pick-custom label .img .img-container { display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pick-custom label .img .img-container img { border: 0; max-width: 100%; height: auto; max-height: 100%; width: auto; }

.prod-round-false .pick-custom label .img {width: calc(100% - 2rem); border-radius: 10px; box-shadow: none;}

.monthly-cta { position: relative; margin: 30px 0px;font-size: 1.0rem; border-radius: 5px;}
.monthly-cta img { position: absolute; top: calc(50% + 5px); right: -5px; transform: translateY(-50%); }


.basket-table .title a { color: #283551; font-weight: 800; font-size: 1.3em; }
.basket-table .title a:hover { color: #4aad94; }


.home-tile { position: relative; margin-bottom: 15px; }
.home-tile .content { position: absolute; top: 50%; left: 0px; width: 50%; padding: 15px; transform: translateY(-50%); text-align: left; }
.home-tile .content h2 { text-align: left; font-size: 2em; margin: 0px; }


.bottom-text { font-size: 1.1em; line-height: 1.2; }
.bottom-text .line { display: none; }
.bottom-text h2 { text-align: left; }

.listing-boot .bottom-text { background-color: #f7f7f7; padding: 25px 50px; color: #283551; margin-top: 30px; }

.banner.subscription { background-image: url(images/header-delivery.jpg); background-position: center; background-size: cover; }

.prod-list-item .OK, .prod-list-item .OK { position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 1000; margin: 0px; }
.prod-list-item .OK > span, .prod-list-item .OK > span { max-width: 400px; display: block; margin: 0 auto; }

.striped-divs > *:nth-child(even) { background-color: #e8e8e8; }
.striped-divs > *:nth-child(odd) { background-color: #f7f7f7; }

.subscribe-notice { border: 1px solid #4aad94; margin: 10px 0px; padding: 10px; display: flex; background-color: #fff; border-radius: 3px; align-items: center; }
.subscribe-notice i { margin-right: 10px; color: #4aad94; font-size: 1.2em; }

.address-book .address { min-height: 340px; border: 1px solid #cfcfcf; background-color: #fff; border-radius: 5px; padding: 30px; position: relative; }
.address-book .address .status { background-color: #283551; color: #fff; position: absolute; padding: 10px; left: 0px; top: 0px; font-weight: 800; border-radius: 0px 0px 5px 0px; }
.address-book .address .detail { padding-top: 15px; font-size: 1.2em; }
.address-book .address.add { text-align: center; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.address-book .address.add .txt { color: #283551; font-weight: 800; font-size: 2.0em; width: 100%; }
.address-book .address.add i { margin: 0 auto; border-radius: 100%; background-color: #283551; font-size: 2.0em; color: #fff; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }
.address-book .address.add:hover .txt { color: #4aad94; }
.address-book .address.add:hover i { background-color: #4aad94; }
.add-bask-section .right { transform: translateX(-50%); }
.add-bask-section.added .left { transform: translateX(0%); }
.add-bask-section.added .right { transform: translateX(0%); }
.add-bask-section .left .btn img { margin-left: 10px; }

.pack-roundel { position: absolute; top: 0px; right: 0px; background-color: #4aad94; color: #fff; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 100%; font-weight: 800; }

.pack-roundel span { display: block; width: 100%; text-align: center; }


.sub-steps .step { border-radius: 0px 30px 30px 0px; padding: 15px; display: flex; justify-content: center; align-items: center; }
.sub-steps .step.right { border-radius: 30px 0px 0px 30px; }
.sub-steps .step .inner { display: flex; align-items: center; max-width: 680px; }
.sub-steps .step .num { color: #4aad94; font-size: 8em; font-weight: 800; margin-right: 30px; }

.sub-steps .sub-save-graphic img:last-child { position: absolute; bottom: -60px; right: -60px; }
.sub-steps .sub-save-graphic { margin-bottom: 30px; }

.prod-list-item .custom-tag { display: flex; align-items: center; justify-content: center; margin-top: 15px; }
.prod-list-item .custom-tag i { margin-right: 5px; color: #4aad94; }
.prod-list-item .custom-tag span { color: #283551; font-weight: 900; }

.custom-print-section .prod-listing-boot { max-width: 320px; margin: 15px 0px; }
.prod-listing-boot .prod-list-item {overflow: hidden; height: 100%; display: flex; flex-direction: column; border-radius: 7px; padding: 0px 10px; border-style: solid;
    border-width: 3px;
    border-radius: 7px; border-color: transparent;}
.prod-listing-boot .prod-list-item .info{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.prod-listing-boot .prod-list-item .info .btns {max-width: 100%; width: 100%; padding-top: 15px;}
.prod-listing-boot .prod-list-item .info .price.no-was {font-size: 1.1em;}
.head-bullets { border-bottom: 1px solid #4aad94; }
.head-bullets i { margin-right: 15px; font-size: 2.2em; }
.head-bullets i:after { color: #4aad94; opacity: 1; }
.head-bullets i:before { color: #283551; }
.head-bullets strong { display: block; font-size: 1.4em; color: #283551; margin-bottom: 5px; }
.head-bullets span { color: #283551; font-size: 1.1em; }
.head-bullets .line { border-radius: 10px; height: 50px; background-color: #4aad94; width: 3px; border: none; margin: 0px 15px; }
.head-bullets .txt { max-width: 400px; }

.ptext p { margin: 0px !important; }

.lg-text { font-size: 1.25em; line-height: 1.4; }
.lg-text h1 { font-size: 2.9em; }
.lg-text h2 { font-size: 1.6em; }
/*.blue-blue-grad { background-image: url('images/corporateballs.png'); background: rgb(102,128,185); background: linear-gradient(246deg, rgba(102,128,185,1) 0%, rgba(15,32,61,1) 100%); }*/

.block-img img { display: block; }

.pinting-process { position: relative; }
.pinting-process .img { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); border-radius: 20px; overflow: hidden; box-shadow: 0px -1px 9px #00000087; max-width: 47%; }
.pinting-process .text { width: 55%; }
.process-bg { background-image: url("images/corporate/corporate-ball-printing.png"); background-position: center; background-repeat: no-repeat; background-size: 110%; }

.lr-img-txt { position: relative; }
.lr-img-txt .img { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); border-radius: 20px; overflow: hidden; box-shadow: 0px -1px 9px #00000087; max-width: 47%; }
.lr-img-txt .text { width: 53%; }

.lr-img-txt.limg .txt-outter { }
.lr-img-txt.limg .img { right: auto; left: 0px; }


.corposlider a.fa-arrow-left, .corposlider a.fa-angle-left { left: 15px !important; }
.corposlider a.fa-arrow-right, .corposlider a.fa-angle-right { right: 15px !important; }
.table-bs .body .row .remove a:before { content: "Remove"; }

/*GOLF WEDDING GIFTS  (gwg)*/
.gwg { color: #283551; margin-top: 45px; }
.gwg h2 { font-size: 2.815rem; }
.gwg-banner { background-color: #FFF9D2; border-radius: 30px; display: grid; grid-template-columns: auto 771px; color: #444; align-items: center; align-content: center; justify-items: center; overflow: hidden; padding: 30px; margin-bottom: 95px; }
.gwg-text { max-width: 542px; display: flex; flex-direction: column; grid-gap: 1.5rem; }
.gwg-banner img:first-child { border-radius: 0 22px 0 0; }
.gwg-banner img:last-child { border-radius: 0 0 22px 0; }
.gwg-banner h1 { font-size: 3.45rem; color: inherit; margin-bottom: 0; }
.gwg-pre { font-size: 1.875rem; color: inherit; }
.gwg-banner .btn { border-radius: 10px; font-size: 1.625rem; width: 230px; height: 58px; }
.gwg-banner .btn-wrapper { display: flex; grid-gap: 1rem; }
.gwg-slide { background-color: #FFF9D2; display: flex; align-items: center; justify-content: center; padding: 44px; }
#gwg-carousel { margin-bottom: 118px; }
.gwg-grid, .gwg-grid.rev { display: grid; grid-template-columns: 750px auto; align-items: center; justify-items: center; font-size: 1.5rem; grid-gap: 1rem; }
.gwg-cont-pre { font-size: 1.5rem; margin-bottom: 2rem; }
.gwg-grid.rev { grid-template-columns: auto 750px; margin-top: 100px; }
.gwg-grid h2 { color: #444444; }
.gwg-grid img { border-radius: 15px; }
.gwg-grid.rev img { border-radius: 30px; }
.gwg-form { margin-bottom: 30px; background-color: #F7F7F7; border-radius: 20px; box-shadow: 0 0 0 #0000002B; padding-top: 60px; padding-bottom: 36px; width: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px 3px #0000002B; margin-top: 100px; flex-direction: column; }
.gwg-form .gwg-form-inner { max-width: 1120px; }
.gwg-form h2 { width: 100%; }
.gwg-form .editor-label { font-size: 1.56rem; margin-bottom: 15px; }
.gwg-form .editor-field input { height: 55px; margin-bottom: 40px; }
.gwg-form textarea { margin-bottom: 40px; }
.gwg-form input[type=checkbox] { height: 29px; width: 29px; }
.gwg-form .editor-label.agree { display: flex; align-items: center; grid-gap: 18px; font-size: 1.125rem; }
.gwg-form .editor-label.agree .clear { display: none; }
.gwg-form .btn { border-radius: 10px; height: 84px; font-size: 1.625rem; margin-bottom: 12px; }
.gwg-form .privacy--notice { max-width: fit-content; font-weight: normal; font-size: 1.125rem; margin: 0 auto; }
.gwg-form a { color: #4aad94; font-weight: bold; }
.gwg .btn.more { background-color: transparent; color: #444; border: 2px solid #444444; font-weight: normal; }

.hub-sects { max-width: 1670px; padding: 0px 15px 60px; margin: 0 auto; }

.hub-sects .sect { }



.hub-sects .sect .txt { padding: 30px; }

.hub-sects .sect .title { color: #fff; font-size: 3em; font-weight: 700; margin-bottom: 15px; }
.hub-sects .sect .subtitle { color: #fff; font-size: 1.6em; margin-bottom: 15px; font-weight: 300; }

.hub-sects .sect.quartersection { display: block; overflow: hidden; border-radius: 10px; }

.hub-sects .sect.quartersection img { width: 100%; display: block; }

.hub-sects .sect.quartersection .title { max-width: 300px; }

.hub-sects .sect.halfsection { aspect-ratio: 810 / 565; display: flex; overflow: hidden; border-radius: 10px; align-items: center; }
.hub-sects .sect.halfsection img { transform: translateX(-60px); }
.hub-sects .sect.halfsection .txt { padding: 30px 30px 30px 0px; transform: translateX(-15px); }
.hub-sects .sect.fullsection { border-radius: 10px; display: flex; align-items: center; }
.hub-sects .sect.fullsection img { display: block; overflow: hidden; border-radius: 10px; }

.hub-sects .btn { border-radius: 10px; font-size: 1.3em; height: 45px; }

.hub-sects .blogpost { background-color: #efefef; width: calc((100% / 3) - 1rem); border-radius: 10px; position: relative; }

.hub-sects .rssfeed > .section { margin: 0px !important; justify-content: space-between; }

.hub-sects .blogpost .section > * { width: 100%; padding: 0px; }
.hub-sects .blogpost .image div { background-position: center; background-size: cover; width: 100%; padding: 0px; aspect-ratio: 535 / 320; }
.hub-sects .blogpost .title { font-size: 3em; color: #283551; margin-bottom: 60px; }
.hub-sects .blogpost a { padding: 15px; display: block; position: relative; }
.hub-sects .blogpost .blogdate { position: absolute; left: 15px; bottom: 90px; color: #283551; font-size: 1.3em; }
.hub-sects .blogpost .blue-txt { display: none; }
.hub-sects .blogpost .content { display: flex; justify-content: end; }
.hub-sects .blogpost .readmore { height: 45px; width: 160px; background-color: rgba(74,173,148,1); display: flex; color: #fff; justify-content: center; align-items: center; border-radius: 10px; font-size: 1.3em; font-weight: 700; }

.hub-sects .blogpost a:hover .readmore { background-color: #283551; }

.quiz-container { max-width: 1300px; margin: 30px auto 30px; border-radius: 25px; overflow: hidden; box-shadow: 0px 0px 6px #00000029; background-color: #fff; }
#quizform .bottombtns { margin-bottom: 30px; }
#quizform .bottombtns .btn { height: 60px; font-size: 2em; font-weight: 500; padding: 0px 25px; }

.quiz-container .questno { text-align: center; height: 47px; background-color: #283551; color: #fff; display: flex; justify-content: center; font-size: 1.6em; align-items: center; }

.quiz-container .title { color: #283551; font-size: 2.6em; text-align: center; font-weight: 800; max-width: 630px; margin: 30px auto; min-height: 90px; display: flex; justify-content: center; align-items: center; }

.quiz-container .quests { display: flex; justify-content: space-evenly; gap: 15px; padding: 0px 80px 80px 80px; }
.quiz-container .radio { cursor: pointer; position: relative; overflow: hidden; width: 100%; max-width: 520px; display: block; border-radius: 12px; transition: 0.1s; min-height: 383px; display: flex; flex-direction: column; justify-content: center; }
.quiz-container .radio input { display: none; }

.quiz-container .radio .name { display: flex; background-color: #283551; height: 50px; justify-content: center; align-items: center; color: #fff; line-height: initial; text-align: center; font-size: 1.9em; }

.quiz-container .radio .name.jsttxt { background-color: #fff !important; color: #283551; font-weight: 800; font-size: 3.0em; }

.quiz-container .radio:hover .name.jsttxt { background-color: #fff; color: rgba(74,173,148,1); }
.quiz-container .radio.on .name.jsttxt { background-color: #fff; color: rgba(74,173,148,1); }

.quiz-container .radio .img-container { display: flex; height: 100%; justify-content: center; align-items: center; }



.quiz-container .radio img { aspect-ratio: 1; max-width: 300px; max-height: 300px; width: 100%; filter: invert(17%) sepia(7%) saturate(3602%) hue-rotate(187deg) brightness(38%) contrast(147%); display: block; margin: 0 auto; transition: none !important; }
.quiz-container .radio.on img { filter: invert(63%) sepia(15%) saturate(1319%) hue-rotate(114deg) brightness(160%) contrast(85%); }

.quiz-container .radio:hover img { filter: invert(63%) sepia(15%) saturate(1319%) hue-rotate(114deg) brightness(160%) contrast(85%); }
.quiz-container .radio:hover .name { background-color: rgba(74,173,148,1); }
.quiz-container .radio.on .name { background-color: rgba(74,173,148,1); }


.quiz-container .radio:before { content: ""; transition: 0.1s; position: absolute; width: 100%; height: 100%; border-radius: 12px; border: 1px solid #283551; top: 0px; left: 0px; }

.quiz-container .radio:hover:before { border: 3px solid rgba(74,173,148,1) }
.quiz-container .radio.on:before { border: 3px solid rgba(74,173,148,1) }

.quiz-container .progbar { height: 4px; background-color: rgba(74,173,148,1); }

.brand-lnk .img { background-color: #283551; display: flex; justify-content: center; align-items: center; border-radius: 10px; padding: 15px; aspect-ratio: 254 / 120; }

@media(min-width: 1681px) {

    .landing-template-1 .prod-listing-boot {width: 25% !important;}
    .landing-template-1 .prod-listing-boot .max-w-270 {max-width: 360px !important;}
    .landing-template-1 .prod-listing-boot .max-w-260 {max-width: 360px !important;}

    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 2%; top: 7%; }
    .howsteps #step1 .img-div { width: 134%; transform: translateX(-12%); }
    .howsteps #step2 { position: absolute; right: 27%; top: 0%; }
    .howsteps #step2 .arrow { position: absolute; right: -20%; top: 0%; }
    .howsteps #step2 .custom { position: absolute; left: 101%; top: 18%; }
    .howsteps #step3 { position: absolute; right: 19%; bottom: 24%; }
    .howsteps #step4 { position: absolute; left: 2%; bottom: 19%; }
    .masthead .toplinks { transform: translateX(-55px); }
    .banner-content h1 { font-size: 1.9em; }
    .banner-content h2 { font-size: 2.4em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }
}

.home-prod-slider .bx-wrapper .bx-controls-direction a.fa-arrow-right, .home-prod-slider .bx-wrapper .bx-controls-direction a.fa-angle-right{right: -10px;}
.home-prod-slider .bx-wrapper .bx-controls-direction a.fa-arrow-left, .home-prod-slider .bx-wrapper .bx-controls-direction a.fa-angle-left{left: -10px;}
.head-bullets .slide:before{content: ""; width: 3px; border-radius: 10px; height: 50px; transform: translateY(-50%); position: absolute; top: 50%; left: -3px; background-color: #4aad94;}
.head-bullets .slide-container {position: relative;}
.head-bullets .slide-container:before {position: absolute; left: -5px; width: 10px; height: 100%;top: 0px; background-color: #fff; content: ""; z-index: 10;}
.head-bullets .slide-container:after {position: absolute;width: 10px; height: 100%; right: -5px; top: 0px; background-color: #fff; content: ""; z-index: 10;}

@media screen and (min-width:1681px){
    .home-prod-slider {max-width: 1400px; margin: 0 auto;}
    .home-prod-slider .bx-controls {display: none;}
    .head-bullets .slide-container{max-width: 1440px; margin: 0 auto;}
    .head-bullets .slide{position: relative;}
    
}

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

    .home-prod-slider {max-width: 1050px; margin: 0 auto;}
    .head-bullets .slide-container{max-width: 960px; margin: 0 auto;}

    .comptile .time-left-grid span { font-size: 2rem; padding-top: 11px; }

    .collab-banner { grid-gap: 90px; margin-bottom: 60px; padding: 45px }
    .collab-banner h1 { font-size: 3rem !important; }
    .collab-banner .preamble, .collab-art .dblue-txt { font-size: 1.4rem; }

    .collab-art { position: relative; padding-left: 450px; padding-top: 45px; padding-bottom: 45px; padding-right: 45px; margin-bottom: 60px; }
    .collab-art img { top: 50%; left: -5px; transform: translateY(-50%); }
}

@media screen and (max-width: 1680px) and (min-width: 1500px) {
    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 0%; top: 0%; }
    .howsteps #step1 .img-div { width: 134%; transform: translateX(-12%); }
    .howsteps #step2 { position: absolute; right: 16%; top: 0%; }
    .howsteps #step3 { position: absolute; right: 24%; bottom: 12%; }
    .howsteps #step4 { position: absolute; left: 0%; bottom: -1%; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }
    .banner-content h1 { font-size: 1.5em; }
    .banner-content h2 { font-size: 2em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }

    .item span.banner-txt { font-size: 1.9em; }
}

@media screen and (max-width: 1499px) and (min-width: 1400px) {
    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 0%; top: 0%; }
    .howsteps #step2 { position: absolute; right: 3%; top: 0%; }
    .howsteps #step3 { position: absolute; right: 0%; bottom: 12%; }
    .howsteps #step4 { position: absolute; left: 0%; bottom: -1%; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }

    .banner-content h1 { font-size: 1.5em; }
    .banner-content h2 { font-size: 1.8em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }
    .item span.banner-txt { font-size: 1.8em; }
}

@media screen and (max-width: 1399px) and (min-width: 1230px) {
    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 0%; top: 0%; }
    .howsteps #step2 { position: absolute; right: 3%; top: 0%; }
    .howsteps #step3 { position: absolute; right: 0%; bottom: 7%; }
    .howsteps #step4 { position: absolute; left: 0%; bottom: -1%; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }


    .banner-content h1 { font-size: 1.5em; }
    .banner-content h2 { font-size: 1.8em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }
    .item span.banner-txt { font-size: 1.8em; }
}

@media screen and (min-width: 1361px) {
    .monthly-cta {padding-right: 300px;}
}

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

    .monthly-cta { margin: 30px auto; }
    .monthly-cta img { position: static; transform: none; }
    .monthly-cta * { text-align: center; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }
    .monthly-cta > div {margin: 0 auto;}
}

@media screen and (max-width:1450px) {
    .comp-banner-home strong { font-size: 2rem; line-height: 1.2; }

    .hub-sects .sect.halfsection img { width: 250px; }
    .hub-sects .sect.halfsection .txt { transform: translateX(-30px); padding: 0px; }

    #comps-bg h2 { font-size: 2.7rem; }
    #comps-bg h2 .right > div > div { font-size: 1.5em; }
}

@media screen and (min-width: 1230px) {
    .howsteps { background-image: url(images/how-path.svg); background-size: contain; background-position: center bottom; background-repeat: no-repeat; position: relative; margin-top: 60px; }
    .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: 50%; min-height: 410px; position: relative; }
    .description.divide img { position: absolute; top: 0; left: 106%; }
    .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 { }
    .productlist #productListings .bestsell .whitebg .review-stars { float: left; display: block; margin: -4px 0 0 0px; }
    #tabspanelbtm .tabs .bx-controls-direction { display: none; }
    .product .main-desc a { float: right; }
    .main.movediscount { position: static; }

    .main.movediscount.adminlogged #discountform { position: static; width: 100%; }
    .topgrey .dw-md-3:nth-child(1) { width: 32%; }
    .topgrey .dw-md-3:nth-child(2) { width: 27%; margin-left: 40px; }
    .topgrey .dw-md-3:nth-child(4) { width: 23%; margin-left: 180px; }
    .topgrey .dw-md-3:nth-child(5) { width: 18%; float: right; }
}

@media screen and (max-width: 1229px) {
    .hub-sects .blogpost .title { font-size: 2em; }

    .gwg-banner { grid-template-columns: 1.5fr 1fr; padding: 1rem; grid-gap: 1rem; }
    .gwg-grid { grid-template-columns: 1fr 1.2fr; font-size: 1.2rem; }
    .gwg-grid.rev { grid-template-columns: 1.2fr 1fr; font-size: 1.2rem; margin-top: 30px; }
    .gwg-banner h1 { font-size: 3rem; }
    .gwg-pre { font-size: 1.6rem; }
    .gwg-form { padding: 30px 15px; }
    #gwg-carousel { margin-bottom: 30px; }
    .collab-form .vert-padd-60 { padding: 30px; }
    .how-works-bg .bg-inner { grid-template-columns: 2fr 6fr 2fr; }
    .how-works-bg h1 { font-size: 2rem; }
    .comp-banner-home { display: flex; flex-direction: column-reverse; }
    .comp-banner-home .inner-text { max-width: initial; padding: 30px; }
    .comp-banner-home span { max-width: initial; }
    .comp-bask-banner { grid-gap: 30px; }
    .comp-banner-home > div:first-child { justify-content: center; padding-left: 30px; padding-right: 30px; }
    .comp-steps { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
    .comp-steps > .flx-bx { flex-direction: column; }
    .bottom-grid { grid-template-columns: 1fr; margin-top: 45px; }

    .bottom-grid #bottom-bg { min-height: 300px; }

    .bottom-grid .ball-fg { top: 300px; }

    .bottom-grid .bottom-content { padding: 15px; padding-top: 105px; }
    .bottom-grid .bottom-content .f-rem-39 { font-size: 2rem !important; }

    .time-left-prod .time-left-grid span { font-size: 4rem; padding-top: 17px; }

    .lg-text { font-size: 1.25em; line-height: 1.2; }
    .pinting-process .lg-text { padding: 30px !important; }

    .sub-steps .step { width: 100%; transform: none !important; border-radius: 20px !important; margin: 15px 0px 30px !important; }
    .flx-bx.scrollhide.flx-bx { flex-wrap: wrap; justify-content: center; }

    .basket-table .table-bs { width: 100% !important; }

    #discountform .editors { position: relative; margin-top: 15px; }
    .dislide #discountform .editors { margin-top: 0; }
    #discountform .editor-field { width: 100%; }

    .qty-breaks .price-break span { display: block; }
    .howsteps { margin-top: 60px; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }
    .banner.split { min-height: 300px; }
    .banner.split .fs-20 { font-size: 1.2em !important; }
}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    .item strong { font-size: 2.6em; }
    .item span { font-size: 1.3em; }

    .banner-content h1 { font-size: 1.3em; }
    .banner-content h2 { font-size: 1.6em; }
    .banner-content h1 span, .banner-content h2 span { width: 100%; font-size: 1.3em; }

    .mailing .title { font-size: 1.5em; }



    .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; }
    .contactpage #formtabs h2 { font-size: 1em; }
    .product .stock { font-size: .85em; }
    .productlist.landpage .topbanner h1 { font-size: 3em; }
    .productlist.landpage .topbanner { background-position: 70%; }
    #tabspanel .tabs .surround.tabhome { padding: 12px 15px; }
    .review.product .page-review .pr-form { min-height: 600px; }

    .account .editor-label.agree { font-size: .9em; }
    .main.movediscount { position: static; }
    .main.movediscount #discountform { position: absolute; bottom: 0px; width: 73%; }
    #tabspanel .tabs .surround.tabhome .whitebg { min-height: 345px; }
    .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; }
    .add-bask-section .left .btn { font-size: 1.2em; }
    .add-bask-section .left .btn img { display: none; }

    .discounted-quote.form-card { max-width: 1000px; }
}

@media screen and (max-width: 1230px) {
    .how-works-banner .f-rem-23 { font-size: 1.8rem !important; }
    .how-works-banner .f-rem-19 { font-size: 1.4rem !important; }

    .quiz-container .radio { min-height: 200px; max-width: 270px; }
    .quiz-container .quests { flex-wrap: wrap; }
}


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

    .quant-flx {justify-content: center !important;}

    .prod-page-form {background-color: #f7f7f7;}
    .prod-page-form > .white-bg {background-color: transparent;}
    
    
    .prod-page-form .points-container{max-width: calc(100% - 30px); margin: 15px auto 15px} 
    .prod-page-form .pricing {max-width: 400px; margin: 0 auto;}
    .prod-page-form .btn.blue {max-width: 450px; margin: 15px auto 0px;}
    .mb--30-resp { margin-bottom: -30px; }

    .gwg-banner h1 { font-size: 2.8rem; }
    .gwg-pre { font-size: 1.4rem; }

    .prodimagecontainer .comp-sticker { top: 1rem; left: 1rem; z-index: 99; padding: 1rem; font-size: 1.2rem; max-width: 150px; }
    .section.listing-top .left-bs { width: calc(100% - 290px ) !important; }
    .section.listing-top .right-bs { width: 290px !important; }
    .basket-table .head { display: flex; justify-content: space-between; align-content: center; border-bottom: 1px solid #ACACAC; }
    .basket-table .body .row { display: flex; justify-content: space-between; align-items: center; }
    .basket-table .body .row:nth-child(even), .basket-table .body .row:nth-child(even) + .col-comp { background-color: #f1f1f1; }
    .basket-table .col.prod { width: 100%; max-width: 560px; padding: 0px 15px; }
    .basket-table .col.quant { max-width: 100px; width: 100%; text-align: center; }
    .basket-table .col.price { max-width: 130px; width: 100%; text-align: center; }
    .basket-table .col.remove { max-width: 100px; width: 100%; text-align: center; }
    .basket-table.subscriptions .col.prod { max-width: 300px; }
    .basket-table.subscriptions .col.options { width: 100%; max-width: 540px; padding: 0px 15px; }

    .basket-table.transact .col.prod { max-width: 300px; }
    .basket-table.transact .col.quant { max-width: 200px; }
    .basket-table.transact .col.remove { padding: 0px 15px; max-width: 160px; }

    .wishlist-item .imgbs { max-width: 190px; width: 100%; }
    .wishlist-item .descbs { max-width: 100%; width: calc(100% - 410px); }
    .wishlist-item .actionsbs { max-width: 220px; width: 100%; }

    .prod-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; grid-auto-rows: minmax(0, auto); }
    .prod-section .prodimagecontainer { grid-column: 1; grid-row: 1; height: fit-content; }
    .prod-section .prod-info { grid-column: 1; grid-row: 2; }
    .prod-section .prod-form { grid-column: 2; grid-row: 1 / 4; }
    .prod-section .dw-md-6:not(.respons) { width: 100% !important; }

    .prod-section.no-custom { grid-auto-rows: auto !important; }

    .promo-bann { overflow: hidden; position: relative; }
    .promo-bann .ban-img-boot { padding: 0px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); }


    .filter-boot { display: block !important; }
    #filter-menu { transform: none !important; position: sticky; left: 0px; top: 130px; }
    #filter-menu .slidefilter { max-height: calc(100vh - 235px); overflow: auto; }
    .filterbtn { display: none; }
    .situation .dw-md-4:nth-child(3n + 1) { clear: both; }
    .minheiws { min-height: 140px; }
    .purpose { margin-top: 50px; }
    .compare-chart { position: relative; max-width: 100%; }
    .compare-chart .feature-bs { position: absolute; bottom: 0px; left: 0px; display: none; }
    .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: 38.6%; }
    .logosec #headerright { width: 28.4%; }

    .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-col(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; }
    .featured { position: relative; background-color: #fff; width: 36%; }
    .featured #sticker { position: absolute; left: 15px; bottom: 20px; width: 70px; }
    .featured .prod-image { float: left; width: 50%; }
    .featured .prod-image .title { color: #4aad94; 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: #4aad94; font-weight: normal; text-align: left; }
    .featured .info .price .now strong { color: #4aad94; }
    .featured .info .btn { height: 30px; line-height: 30px; max-width: 155px; margin: 15px auto; }
    .featured .Harness-icon { position: absolute; right: 10px; bottom: 45px; background-image: url(images/GimmeBalls-uk.svg); width: 17px; height: 24px; cursor: pointer }
    .featured .Harness-icon-remove { position: absolute; right: 10px; bottom: 45px; height: 24px; width: 17px; -webkit-mask: url(images/GimmeBalls-uk.svg) no-repeat 100% 100%; mask: url(images/GimmeBalls-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; }
    .filter-header i { font-weight: 600; line-height: 24px; color: #283551; font-size: 1.0em; }
    .orders .row .details { width: 32%; }
    .orders .row .products { width: 41%; }
    .orders .row .cost { width: 27%; }
    .prod-listing .dw-md-3:nth-child(4n+1) { clear: both; }
    .prod-listing .dw-md-2:nth-child(5n+1) { clear: both; }
    .prod-listing.compare-chart .dw-md-3:nth-child(4n+1) { clear: none; }
    .prod-listing.compare-chart .dw-md-2:nth-child(5n+1) { clear: none; }
    .prod-listing.compare-chart .dw-md-3:nth-child(5n+1) { clear: both; }
    .prod-listing.compare-chart .dw-md-2:nth-child(6n+1) { clear: both; }
    .prod-listing .dw-md-2 { width: 20%; }
    .productlist.landpage .toptxt { margin-top: 30px; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 31% !important; }

    .feattabs li a i { display: none; }
    #productListings h2.prodfeat { line-height: 50px; color: #283551; }
    .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; }

    .comp-pop .comps-container > .section.content .listing-boot { flex-grow: unset; }
}

@media screen and (max-width:992px) {
    .landing-template-1 .gallery-grid .row {margin-bottom: 30px;}
    .landing-template-1 .gallery-grid .row .text {}
    .landing-template-1 .gallery-grid .row.odd {flex-direction: column !important;}
    .landing-template-1 .gallery-grid {padding: 30px 0px;}
    .landing-template-1 .banner .lg-flx {min-height: 10px !important;}
    .landing-template-1 .banner {display: flex; justify-content: center; align-items: center; padding: 30px 0px;}


    .hub-sects .blogpost { width: calc(50% - 1rem); }
    .hub-sects .rssfeed > .section { justify-content: center; gap: 15px; }

    .gwg { margin-top: 30px; }
    .gwg-banner { margin-bottom: 30px; }
    .gwg-grid, .gwg-grid.rev { display: flex; flex-direction: column; grid-gap: 2rem; }
    .gwg-form { margin-top: 30px; }
    .collab-banner { flex-direction: column; grid-gap: 30px; padding: 30px; margin-top: 30px; margin-bottom: 30px; }
    .collab-banner h1 { font-size: 2.5rem !important; text-align: center; }
    .collab-banner .preamble, .collab-art .dblue-txt { font-size: 1.2rem; }
    .collab-banner .preamble { text-align: center; }

    .collab-art { display: flex; flex-direction: column; padding: 30px; margin-bottom: 30px; grid-gap: 30px; align-items: center; }
    .collab-art img { position: static; transform: none; }
    .how-works-banner { margin-top: 30px; }
    .comp-steps { margin-top: 60px; }
    .prod .info-tabs .top ul li { color: #4AAD94; font-size: 1.75rem; margin: 0 !important; width: initial !important; }

    .comp-bask-banner { flex-direction: column; text-align: center; padding: 20px; margin-top: 196px; border-radius: 16px }
    .comp-bask-banner img { bottom: initial; top: 0; left: 50%; transform: translate(-50%, -100%); }

    .timer-flex { flex-direction: row-reverse; align-items: flex-start; margin-top: 0; }
    .timer-flex > .flx-bx { grid-gap: 10px; }
    .timer-flex .time-left-prod { max-width: 300px; }
    .timer-flex .time-left-prod .time-left-grid span { font-size: 2rem; padding-top: 10px; }
    .timer-flex .time-left-prod .time-left-grid div { font-size: 1.2rem; }

    .hub-sects .sect.halfsection img { width: 380px; }
}

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

    .summary-wrapper { order: 1; margin-top: 15px; }

    .delivery-notice { max-width: 100%; }
    .right-ball-grid { padding: 30px; flex-direction: column; }
    .right-ball-grid > * { width: 100% !important; max-width: initial !important; }
    .right-ball-grid .bx-img { position: static; transform: none; border: none !important; box-shadow: none !important; margin-top: 15px; }
    .right-ball-grid h2 { font-size: 1.6rem !important; }
    .head-bullets span { display: none; }
    .head-bullets strong { font-size: 1.2em; margin: 0px; }
    .pinting-process .text { max-width: 100% !important; width: 100% !important; }
    .pinting-process .img { position: static; transform: none; max-width: 100%; margin-top: 30px; }
    .prodimagecontainer .free-custom-label { margin-bottom: 15px; }

    .mailing .white-txt { text-align: center; margin-bottom: 15px; }

    .ban-img-boot > div { background-color: #fff; }

    .promo-bann h2 { font-size: 1.1em !important; margin: 0px 0px 15px 0px; }
    .promo-bann p { font-size: 0.8em; }

    .prod-list-item .OK { padding-bottom: 80px; }
    .prod-list-item .OK .section > div:last-child { display: none; }
    .banner { min-height: 250px; }

    .section.listing-top { justify-content: end; }
    .section.listing-top .right-bs { max-width: 290px; }
    .section.listing-top .left-bs { margin-bottom: 15px; }



    .filterbtn { margin-top: 15px; max-width: 100%; width: 100%; }

    .filter-boot { position: fixed !important; width: 100%; height: 100%; top: 0px; left: 0px; padding: 0px !important; transition: none !important; z-index: 999; display: none; }
    .filter-boot .ovl { width: 100%; height: 100vh; background-color: #000; opacity: 0.5; }
    
    #filter-menu .slidefilter { max-height: calc(100vh - 60px); overflow: auto; margin-top: 15px; }


    .qty-breaks .price-break .price { margin-right: 5px; font-size: 1.2em; }
    .qty-breaks .price-break strong.saving { color: #fff; font-size: 0.9em; }
    .qty-breaks .price-break strong { font-size: 1em; color: #079700; }
    #basketbottom .dw-sm-9 { display: none; }
    #basketbottom .dw-sm-3 { width: 100%; max-width: 100%; padding: 0; }
    #basketbottom .checkoutprices .innerpad { padding: 0; margin-bottom: 10px; }

    .masthead .container { position: relative; }
    #headerright { position: static; }
    .masthead .container .logosec { margin-top: 20px; }
    .masthead .container .logosec #headerleft { text-align: center; }
    .situation .dw-md-4:nth-child(2n + 1) { clear: both; }
    .mobile--main .nav-fix a { border: 1px solid #ccc; }



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







    a.special--offers { background-color: #4aad94; 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: #283551; }
    .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; }


    #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: 0px; }
    #filter-menu h2.top-header { margin: 0; text-align: left; cursor: pointer; padding-top: 13px; }
    #filter-menu h2.top-header i {  height: 24px; display: none; line-height: 24px; }
    .slidefilter.closed { overflow: hidden; height: 0; }
    .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 .GimmeBalls { margin-top: 15px; }
    .section.guide .GimmeBalls img { display: block; }
    .mailing .title { text-align: center; margin-bottom: 15px; }
    .contactpage #formtabs h2 { font-size: 0.85em; }
    .contactpage #formtabs ul li a { padding: 2px 8px; text-align: center; }
    .contactpage #formtabs h2 i { margin-right: 8px; }
    .contactpage #contactform, .contactpage #requestform { padding: 0px; }
    .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: #4aad94; 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; }

    .howsteps .lazy { max-height: fit-content !important; }


    .hub-sects .sect.fullsection img { width: 60%; }
}

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

    .head-bullets .slide-container{max-width: 480px; margin: 0 auto;}
    .head-bullets .slide-container .slider{width: fit-content !important;}
    .head-bullets .slide-container .flx-bx {justify-content: center !important;}
    .home-prod-slider {max-width: 700px; margin: 0 auto;}

    #filter-menu { transform: none !important; position: sticky; left: 0px; top: 0px; position: fixed; top: 0px; right: 0px; margin: 0px; max-width: 250px; height: 100vh; }

    .item strong { font-size: 1.9em; }
    .item span { font-size: 1.3em; }


    .mobile__navigation--close { right: 50px; }


    #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 { width: 149px; font-size: 0.9em; }
    .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-col(4n+1) { clear: both; }
    #headerright .log, #headerright .cart { float: left; }
    .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; }
    .featured--tabs li a { font-size: 1.2em; }
    .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 { line-height: 50px; color: #283551; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 31% !important; }
    .main.movediscount { position: static; }
    .main.movediscount #discountform { position: absolute; bottom: 7px; width: 73%; }
    #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: calc(50% - 10px); }
    .mobile__navigation a span { padding-left: 10px; font-size: 1em; }
    .mobile--main li:nth-child(4n+1) { clear: both; }

    .discounted-quote.form-card { max-width: 800px; }

    .comp-pop .comps-container h2 { font-size: 2rem; }
    .comp-pop .comps-container .inner-text { font-size: 1rem; }
    .comp-pop .comps-container #nothanks { margin-top: 0; }
}

@media screen and (min-width: 768px) {
    .discount-info { padding-right: 98px; }
    .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; }
    #delivery-options label .details strong { width: 45%; float: left; }
    #delivery-options label .details span { width: 55%; float: right; padding-left: 15px; }
    .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; }
    .comp-pop .comps-container .comp-info > h2.title-mobile { display: none; }
    .desktop-hide { display: none !important; }
    #productListings .h1body .inline-link { display: none; }
     #filter-menu .mob-actions {display: none;}
     #filter-menu h2.top-header .close {display: none;}
     .sortbys-mob {display: none;}
   
}

@media screen and (max-width: 767px) {
    .points-container .right-text {text-align: left; }

    #productListings .prod-listing-boot {margin: 5px 0px;}
    .prod-listing .section, #productListings.section {margin: 0px -5px !important;}
    .prod-listing .section > div, #productListings.section > div{padding: 0px 5px !important;}

    #news .blogpost .content {margin-bottom: 30px;}

        .sortbys-desk {display: none;}
    .quick-links-wrapper {overflow: auto; margin: 0px -15px;  padding: 0px 15px;}
    .quick-links-wrapper > *{flex-wrap: nowrap; width: max-content;}
    .quick-links-wrapper .fl-wrap {flex-wrap: nowrap;}
    .quick-links-wrapper .btn {min-height: 45px; font-weight: 500; border: 2px solid rgb(40, 53, 81); padding: 0px 15px;}

    .quick-links-wrapper::-webkit-scrollbar { width: 5px; height: 5px; }
    .quick-links-wrapper::-webkit-scrollbar-track { background: #c7cbd2; }
    .quick-links-wrapper::-webkit-scrollbar-thumb { background: #283551; }
    .quick-links-wrapper::-webkit-scrollbar-thumb:hover { background: #283551; }

    .listing-page-top{background-color:#fafafa; padding: 15px;}

    .productlist.list-page.pt-50 .listing-page-top{padding: 50px 15px 15px 15px ; margin: -50px -15px 0px -15px;}

    .prod-list-top {border: none; padding: 0px;}

    .home-prod-slider {max-width: 350px; margin: 0 auto;}
    .home-prod-slider .slider {width: fit-content !important;}
    .prod-item.img .hovimg .pr-b-table { display: none; }
    .product #slides .sticker--container.right { left: auto; right: 10px; top: 10px; }
    .quiz-container .radio { max-width: calc(50% - 10px); }
    .quiz-container { margin: 30px auto; }
    .hub-sects .sect.halfsection { aspect-ratio: unset; }
    .hub-sects .sect.fullsection { display: block; }
    .hub-sects .sect.fullsection img { width: 100%; }
    .corp-price-grid .f-rem-14, .corp-price-grid .f-rem-15 { font-size: 1.1rem !important; padding: 0.75rem; }
    .corp-price-grid .f-rem-11 { font-size: 0.9rem !important; }
    .corp-price-grid span.f-rem-11 { display: block; }
    .gwg-cont-pre { font-size: 1rem; margin-bottom: 1rem; }
    .gwg-form .privacy--notice { font-size: 0.9rem; }
    .gwg-banner .btn { max-width: 100%; font-size: 1.1rem !important; }
    .gwg-banner .btn-wrapper { display: flex; grid-gap: 1rem; flex-direction: column; }
    .gwg-grid, .gwg-grid.rev { font-size: 1rem; }
    .gwg h2 { font-size: 1.6rem !important; }
    .gwg-form .btn { width: 100%; height: 50px; font-size: 1.3rem; }
    .gwg-form .editor-field input { height: 40px; margin-bottom: 15px; }
    .gwg-form textarea { margin-bottom: 15px; }
    .gwg-form .editor-label { font-size: 1rem; margin-bottom: 15px; }
    .gwg-form .editor-label.agree { grid-gap: 12px; font-size: 0.9rem; }
    .gwg-banner { grid-template-columns: 1fr; padding: 1rem; grid-gap: 1rem; }
    .gwg-banner img:first-child { border-radius: 22px 22px 0 0; }
    .gwg-banner img:last-child { border-radius: 0 0 22px 22px; }
    .gwg-banner h1 { font-size: 2rem !important; }
    .gwg-pre { font-size: 1.2rem; }
    .gwg-banner .btn { font-size: 1.3rem; width: 100%; }
    .collab-banner, .collab-art { padding: 30px 15px; border-radius: 0; margin: 0 -15px; }
    .collab-form { margin-top: 30px; }
    .collab-form .mb-60 { margin-bottom: 30px; }
    .collab-form .vert-padd-60 { padding: 30px 15px; }
    .collab-form .greyform { margin: 0 -15px; border-radius: 0; }
    .how-works-banner { padding-left: 15px; display: flex; flex-direction: column-reverse; align-items: center; padding-bottom: 0 !important; grid-gap: 30px; }
    .how-works-banner img { position: static; }

    .how-works-bg .bg-inner h1 { text-align: start; }
    .how-works-bg .bg-inner { height: 160px; display: flex; align-items: center; justify-content: flex-start; position: relative; grid-gap: 10px; }
    .how-works-bg .bg-inner img:first-child { position: absolute; right: 15px; bottom: 0; }
    .how-works-bg .bg-inner img:last-child { position: relative; z-index: 9; }
  




    .monthly-cta {margin: 0 auto; font-size: 1.0rem;}
    .monthly-cta img { position: static; transform: none; }
    .monthly-cta * { text-align: center; margin: 0 auto; }

    .process-bg { background-image: none; }
    .item strong { font-size: 2.4em; width: calc(100% - 100px); max-width: 500px; }
    .item span { font-size: 1.6em; width: 100%; }
    .section.returns .dw-sm-3 { margin: 20px 0; }
    .top-delivery.top { display: block; }
    .home #tabspanel .bx-viewport { height: 320px !important; }
    .spec-head { float: left; }
    .seemore { float: right; margin: 10px 0; }
    .basket .noitems .btn { margin: 0 auto 20px auto; }

    .productlist.landpage .topbanner h1 { font-size: 2.5em !important; }
    h1 { margin: 10px 0; font-size: 1.9em !important; }
    h2 { margin: 10px 0; font-size: 1.7em !important; }
    h3 { margin: 10px 0; font-size: 1.2em !important; }

    .personalisetext 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: #283551; }
    #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: #283551; }
    .basket .total { padding: 0; background-color: #f7f7f7; border-top: 3px solid #4aad94; margin-top: 15px; }

    .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 { position: relative; }
    #discountform .editors .dw-sm-3 { position: static; }

    .sab { margin-top: 10px; float: left; width: 100%; }
    .top-split.del { margin-top: 20px; }
    #pickaddr .btn, #pickdeladdr .btn { margin: 15px 0; }
    .xmas.delivery-message strong { display: block; margin-top: 10px; }

    #delivery-options label { padding: 10px 105px 10px 34px; }
    #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; }
    .opt-selector div { height: 40px; line-height: 40px; padding-left: 10px; cursor: pointer; position: relative; background-color: #4aad94; 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: inherit; display: flex; flex-flow: row wrap; max-width: 100%; overflow-y: hidden; }
    .feattabs li { display: inline-block; float: none; width: 33.33% !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%; height: 47px; line-height: 22px; padding: 0; background-color: #fff; border-right: 1px solid #ebebeb; text-align: center; font-size: 1em; padding: 0px 16px; display: block; position: relative; }
    .feattabs li a span { position: absolute; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); }
    .feattabs li a i { display: none; }
    .feattabs li.active a { border: 0; background-color: #ebebeb !important; }

    .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-col(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 .mailing { display: none; }
    .checkoutprices i.toleft { left: 18%; }
    .checkoutprices i.toright { right: 18%; }
    .checkoutprices i:not(.fa-triangle-exclamation) { 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: 30px; }
    .contactpage #contactform .forgot .btn { margin-top: 20px; }
    .account .btn.back { width: 100%; margin-bottom: 15px; float: none; }
    .btn.green.small { max-width: 100%; }
    .btn.lgtgreen.small { max-width: 100%; }
    .orders .row.headrow .products, .orders .row.headrow .cost { display: none; }
    .description.divide img { width: 320px !important; height: 225px !important; }
    .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 .btns { position: static; padding: 0px !important; }

    .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; background-size: cover; background-position: center; position: relative; 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; }
    #productListings .bestsell.chart .whitebg .Harness-icon { bottom: 20px !important; }
    #productListings .bestsell .whitebg.hasbar .Harness-icon { bottom: 110px; }
    .bestsell .whitebg .Harness-icon-remove { bottom: 68px; }
    #productListings .bestsell .whitebg.hasbar .Harness-icon-remove { bottom: 95px; }
    #productListings .bestsell.chart .whitebg .Harness-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: #283551; 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: #4aad94; 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: #283551; 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 { margin-left: -15px; width: calc(80% + 15px); text-align: center; }
    .topgrey .dw-md-3.call a.fas.fa-phone:before { display: inline-block; margin-right: 5px; }
    .topgrey .call a { transform: translateX(-15%); }
    .mobile__navigation--content { margin-top: 45px; padding-left: 0px; max-width: 390px; }
    .mobile__widgets .search { max-width: 400px; }
    .mobile__navigation--back { top: -80px; left: 10px; }
    .mobile--main .nav-fix { width: calc((50%) - 10px); }
    .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; }
    .cmslinks .addboot { padding: 5px; }
    .sm-padd-15 { padding: 15px !important; }

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

    .address-book .address { margin-top: 15px; min-height: 10px; padding: 30px 15px 15px 15px; }
    .sub-steps .sub-save-graphic img:last-child { position: absolute; bottom: -60px; right: 50%; transform: translateX(50%); }
    .sub-steps .sub-save-graphic { margin-bottom: 30px; }

    .hub-sects .sect.halfsection img { width: 50%; }

    .product.xmas-buildabox #byomessage .step-two .content .selected-sleeves { margin: 0 -15px; }

    .comp-pop .comps-container { width: 100% !important; max-height: unset; left: 0 !important; top: unset; left: unset; bottom: 0; transform: none; border-radius: unset; justify-content: center; overflow: hidden; border-top: 6px solid #4AAD94; height: 88%; overflow-y: scroll; padding-top: 50px; }
    /*.comp-pop .comps-container .listing-boot { display: none; }*/
    .comp-pop .comps-container .listing-boot #compslider .countdown,
    .comp-pop .comps-container .listing-boot #compslider .comp-progress-bar,
    .comp-pop .comps-container .listing-boot #compslider .comp-details,
    .comp-pop .comps-container .listing-boot #compslider .comp-view { display: none; }
    .comp-pop .comps-container #nothanks { position: static; display: flex; flex-direction: column; align-items: center; }
    .comp-pop .comps-container #nothanks .btn-container { flex-direction: column; }
    .comp-pop .comps-container > .section.content .comp-info { padding: 0; }
    .comp-pop .comps-container .inner-text { font-size: 1rem; }
    .comp-pop .comps-container > .section.content .comp-info .btn { width: 369px; max-width: calc(100vw - 50px); margin: auto; }
    .comp-pop .comps-container h2 { font-size: 1.9rem !important; line-height: 36px; }
    .comp-pop .comps-container #nothanks { margin-top: 10px; padding-top: 0; width: 100vw; margin-bottom: -30px; }


    .comp-pop .comps-container > .section.content .grey-section { display: none; }
    .comp-pop .comps-container .comp-info > h2,
    .comp-pop .comps-container .comp-info > h3,
    .comp-pop .comps-container .comp-info .inner-text { padding: 0 10px; }
    .comp-pop .btn-container .btn.blue.ghst { border-width: 2px; }

    .comp-pop .comps-container .comp-info h3 { font-size: 1.3rem !important; margin-top: 3px; margin-bottom: 20px; }
    .comp-pop .comps-container .comp-info { text-align: center; }
    .comp-pop .comps-container .comp-info > h2.title-desktop { display: none; }
    .comp-pop .comps-container .comp-info .inner-text { display: none; }
    .comp-pop .comps-container > .section.content .comp-info .btn.continue { display: none; }
    .comp-pop .comps-container i.close-icon { position: absolute; top: 0.4rem; right: 1rem; font-size: 2rem; color: #4aad94; cursor: pointer; }
    .comp-pop .comps-container .listing-boot { padding: 0; }
    .comp-pop .comps-container .listing-boot .mobile-img .entry-price { font-size: 1.1rem; font-weight: 400; gap: 15px; }
    .comp-pop .comps-container .listing-boot .mobile-img .entry-price i { margin-top: 2px; font-size: 1.6rem; }
    .comp-pop .comps-container .listing-boot .mobile-img .entry-price span { transform: translateY(2px); }
    .mob-hide { display: none; }

    #productListings .h1body p:first-child { display: block; }
    #productListings .h1body p { display: none; }
     .head-bullets .slide-container .slider{width: fit-content !important;}
    .head-bullets .slide-container {max-width: 480px; margin: 0 auto;}
    .head-bullets .slide-container .flx-bx {justify-content: center !important;}
    #filter-menu h2.top-header i {display: block !important;}
    #filter-menu {overflow: hidden; padding: 0px 0px 68px !important; max-height: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; transform: none !important; position: sticky; left: 0px; bottom: 0px; position: fixed; max-width: 100vw; height: 80vh; width: 100%; }
    .filter-open #filter-menu {max-height: 80vh;}
    #filter-menu .filterbody.more-hide .inner {padding-left: 20px;}
        #filter-menu h2.top-header i {font-size: 1.2em;}
        #filter-menu h2.top-header .close {font-size: 1.4em; color: #283551; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
       #filter-menu h2.top-header .close:hover {color: rgba(74,173,148,1);}
        #filter-menu h2.top-header span { display:block;line-height: 55px;}
        #filter-menu h2.top-header:after {width: 100%; content: ""; border-bottom: 1px solid #283551;}
    #filter-menu .line { border: none !important; height: 1px; background-color: #283551; } 
    #filter-menu .wrapper {overflow: auto; height: 100%;}
    #filter-menu .slidefilter {padding: 0px 15px 30px 15px; margin: 0px; height: unset !important; overflow: unset !important;}
    #filter-menu .top-header {font-size: 1.2em !important; padding-top: 0px !important; column-gap: 10px; display: flex; justify-content: center; align-items: center;flex-wrap: wrap; position: sticky; top: 0px; left: 0px; z-index: 10; background-color : #f7f7f7; padding: 0px 15px;}
    #filter-menu h2.filter-header {font-size: 1.2em !important;margin-top: 5px;line-height: 0; color: #283551; font-weight: 500; padding: 0px 20px;}
    #filter-menu i {color: rgba(74,173,148,1);}
    #filter-menu .mob-actions {background-color: #f7f7f7; position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 15px 30px; border-top: 1px solid #283551;}
    #filter-menu .mob-actions .btn {min-height: 40px; height: 40px; font-size: 1.2em; font-weight: 500;}
    #filter-menu .sortbys-mob{ padding: 15px 20px 0px;}
    #filter-menu .switch {justify-content: center; margin-bottom: 10px;}
    #filter-menu .switch .slidetext { min-width: 75px;}
    #filter-menu .switch .slidetext.left {text-align: right;}
    #filter-menu .sortby {max-width: 100%;}
}

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

    .home-carousel .item { height: 300px; }

    .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%); }
    .banner-content h1 { font-size: 0.89em !important; max-width: 60%; }
    .banner-content h2 { max-width: 60%; }

    .discounted-quote.form-card { max-width: 700px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 90%; }
    .discounted-quote .button-card { width: 180px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 14px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -50px; }
    .discounted-quote .section.submit { font-size: 1em; }
}

@media screen and (max-width: 767px) and (min-width: 530px) {
    .item strong { font-size: 1.9em; width: 55%; }
    .item span { font-size: 1.3em; padding-bottom: 15px; }
    .item .banner-content span { padding-bottom: 0px; }
    .item .banner-content .btn { margin-top: 15px; }
}

@media screen and (max-width: 767px) and (min-width: 450px) {
    .comp-pop .comps-container #nothanks { margin-bottom: 30px; }
}

@media screen and (max-width: 767px) and (min-width: 380px) {
    .productlist .bestsell .whitebg a { }
}

@media screen and (max-width: 700px) {
    .hub-sects .blogpost { width: 100%; max-width: 500px; }
}

@media screen and (max-width: 620px) {
    .timer-flex { flex-direction: column-reverse; }
    .add-bask-section .OK { display: none !important; }

    .comp-banner-home { display: flex; flex-direction: column-reverse; }
    .comp-banner-home .inner-text { padding: 30px 15px 15px; }
    .comp-banner-home .btn { width: 100%; max-width: initial }
    .comp-banner-home strong { font-size: 1.6rem; }
    .comp-banner-home > div:first-child { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width: 600px) {
    .quiz-container .quests { padding: 0px 30px 30px 30px; }

    .checkoutpage .col.prod > .section > *, .basketpage .col.prod > .section > *, .basketpage .col.prod > .section > *, .basketpage .col.prod > .section > * { padding: 0 !important; width: initial !important; }
    .checkoutpage .col.prod > .section, .basketpage .col.prod > .section { display: grid !important; margin: 0 !important; grid-gap: 0.75rem; }
    .basket-table .row .col.prod .section .img-boot > * { max-width: 160px; }

    .howworks-tiles i { font-size: 6rem !important; }
    .howworks-tiles .f-rem-20 { font-size: 1.4rem !important; }
    h1.f-rem-23, h2.f-rem-23, h3.f-rem-23, .bottom-grid .bottom-content .f-rem-39 { font-size: 1.7rem !important; }
    .f-rem-17, .fs-18 { font-size: 1.2rem !important; }
    .comptile a { }
    .comptile .time-left-grid span { font-size: 1.6rem; padding-top: 7px; }

    #trade-link { font-size: 0.85em; }
    .cmslinks .addboot { width: 100%; margin-bottom: 10px; text-align: center; }
    .add-bask-section .left { transform: none !important; width: 100%; padding: 0px !important; }
    .add-bask-section .right { padding: 0px 10px !important; transform: none !important; width: 100%; position: absolute; bottom: 0px; left: 0px; }
    .add-bask-section { height: 115px; max-height: 50px; position: relative; }
    #competition .add-bask-section { max-height: 60px; }
    .add-bask-section.added, #competition .add-bask-section.added { max-height: 115px; }
    .add-bask-section.error { max-height: 115px; }
    .add-bask-section .stock-err-msg .KO { margin: 0px !important; }
    .table-bs .body .row { display: grid; grid-template-areas: "prod prod prod" "quant quant quant" "price total remove"; }
    .table-bs .body .row .prod { grid-area: prod; }
    .table-bs .body .row .quant { width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: flex-start; grid-gap: 0.5rem; grid-area: quant; margin-bottom: 0; }
    .col.quant .mob-title { min-width: initial; }
    .table-bs .body .row .price { margin-bottom: 0; align-items: center; justify-content: center; }
    .table-bs .body .row .remove { display: flex; align-items: center; justify-content: center; }
    .table-bs .body .row .remove a:before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: ""; background-image: url(images/icons/trash-solid.svg); font-size: 2rem; color: red; width: 20px; height: 30px; background-position: center; background-size: contain; background-repeat: no-repeat;}
    .table-bs .body .row .remove { text-decoration: none !important; }
    
    .hub-sects .sect.halfsection { display: block; aspect-ratio: unset; }
    .hub-sects .sect.halfsection * { transform: none !important; }
    .hub-sects .sect.halfsection .txt { padding: 30px; }
    .hub-sects .sect.halfsection img { margin: 0 auto; display: block; width: 100%; max-width: 380px; }
}

@media screen and (max-width:560px) {
    .bestsell .section.main .dw-md-2.top { width: 100%; text-align: center; }
    .bestsell .section.main .dw-md-8.top { width: 100%; margin-top: 20px; }
    .cats a img { right: -6px; bottom: 5px; }
    .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; }
    .home-tile .content { width: 80%; max-width: 300px; }
    .free-custom-label > span { font-size: 0.9em; }
    .discount-info { font-size: 1.3rem; }
    .faqs.lite .question { font-size: 1.3em; padding: 5px; }
    .faqs.lite .answer {padding: 0px 5px;}
    h3 .sub {font-size: 0.7em;}
}

@media screen and (max-width: 540px) {
    #trade-link i { display: none; }
    .ref-table-row, .ref-table-header { font-size: 1.1rem; }
        .prod-list-item .now { font-size: 0.85em !important; }
}

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

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

@media screen and (min-width: 521px) {
    #view-prods-btn { display: none !important; }
}

@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.4em !important; }
        .landing-template-1 .top { font-size: 1.8em !important;}
    .comp-name { font-size: 1.2rem !important; }
    .productlist.landpage .topbanner h1 { font-size: 2.2em !important; }

    .prod-list-top .dw-xs-6 { width: 100%; }
    .prod-list-top #userlayout { margin-top: 0; margin-bottom: 10px; width: 100%; }
    .prod-list-top form { float: none; width: 100%; }
    .prod-list-top select { width: 100%; border: 1px solid #283551; height: 40px; }
    .prod-list-top form strong { font-size: 1.1em; font-weight: 600; color: #283551; }

    .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; }
    .how-container { margin-bottom: 85px; }
    #how-works-btn.btn { height: 35px; padding-top: 10px; padding-bottom: 10px; }
    #view-prods-btn { width: 215px; max-width: 215px; position: absolute; bottom: -68%; right: 50%; transform: translate(50%, 50%); z-index: 99; font-size: 1.2rem; height: 35px; border-radius: 25px; line-height: 35px; border: 1px solid rgb(40, 53, 81); }
    
}

@media screen and (min-width:501px) {
    .fixed-mob-atb {display: none;}
}

@media screen and (max-width:500px) {
    .prod-list-item .custom-tag {font-size: 3vw;}

        .prod-list-item .btn { font-size: 0.95em; height: 35px; padding: 3px 5px 0px; } 

    .fixed-mob-atb {transform:translateY(100%); opacity: 0; position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 15px; background-color: #f2f2f2f7; z-index:999;}
    .fixed-mob-atb .pers-txt {text-align: center; margin-bottom: 10px;}
    .fixed-mob-atb .pers-txt i {margin-right: 5px;}
    .fixed-mob-atb .pers-txt span {font-weight: 500;}
    .fixed-mob-atb .pers-type {text-decoration: underline; color: rgba(74,173,148,1);}
    .fixed-mob-atb .btn .price {color: #fff; font-weight: 600; font-size: 1.05em;}
    .fixed-mob-atb.visible {opacity: 1; transform:translateY(0%);}
    .pick-custom label .img { width: calc(100% - 30px); aspect-ratio: 1; height: auto; }



    .pick-custom label .title {height: auto; margin-top: 10px; }
    .pick-custom label {font-size: 3.0vw;}

    .landing-template-1 .faq-container {padding:15px 0px !important;}
    .landing-template-1 .faq-container .padd-45 {padding:15px !important;}
    .landing-template-1 .faq-container .mt-45  {margin-top:30px !important;}
    .landing-template-1 .faq-container .faqs.superlite .question  {font-size: 1rem;}
    .landing-template-1 .faq-container h2.lg  {font-size: 1.6rem !important;}
    .landing-template-1 .faqs.superlite .question i {width: 30px; height: 30px;}
    .landing-template-1 .faqs.superlite .question span{display: block; width: calc(100% - 45px);}
    .landing-template-1 .top {min-height: 100px;}
 

    .hubpg-txt { font-size: 0.8em; }

    .brand-lnk .img { border-radius: 3px; }
    .brand-lnk .img img { max-height: 60px; width: auto; }

    .colour-lnk { }
    .colour-lnk .btn { font-size: 0.9em; width: 100%; height: 30px; line-height: 1; padding: 0px; }

    .hub-sects .sect .title { font-size: 1.8em; }
    .hub-sects .sect .subtitle { font-size: 1.3em; }

    .hidden-xxs { display: none; }
    .listing-boot .bottom-text { padding: 15px; }

    .time-left-prod .time-left-grid span { font-size: 2rem; padding-top: 10px; }
    .time-left-prod .time-left-grid div { font-size: 1.2rem; }

    #tabspanelbtm .dw-md-2 { width: 50%; float: left; }
    #tabspanelbtm .dw-md-2:nth-col(3n+1) { clear: none; }
    #tabspanelbtm .dw-md-2:nth-col(2n+1) { clear: both; }
    .cats .dw-md-4 { width: 100%; }
    .cats a img { right: 2px; bottom: 0px; 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; max-width: 100%; left: 50%; padding: 0px 10px; transform: translate(-50%, 0%); }
    .santa-hat--fr { left: -38px; }
    .santa-hat--fl { right: -38px; }
    .product .selections { padding: 0px; }

    .home-tile { height: 250px; overflow: hidden; width: 100%; }
    .home-tile img { position: absolute; top: 0px; right: 0px; bottom: 0px; height: 250px; width: auto; max-width: none; z-index: 1; }
    .home-tile:before { content: ""; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 2; position: absolute; left: 0px; top: 0px; }
    .home-tile .content { z-index: 3; color: #fff; }
    .home-tile .content h2 { color: #fff; }
    .home-tile .content p { color: #fff; }
    .banner-content h1, .banner-content h2 { font-size: 7.5vw !important; }
    .banner-content .banner-txt { font-size: 5vw !important; font-weight: 300; }

    .pick-custom label .txt {font-size: 1.2em;font-weight: 600;margin-top: 5px;}

    .basket-summary-grid { display: flex; flex-direction: column; }

    .basket-summary-grid .points-container { order: -1; margin-top: 0; margin-bottom: 15px; }
    .product.xmas-buildabox #byomessage .step-two .content .prod-title { font-size: 1rem; }
    .product.xmas-buildabox #product .products { width: 100vw; margin-left: -15px; }

    .product.xmas-buildabox #byomessage .step-two .sleeve-select { position: fixed; bottom: 0; z-index: 10; }
    .product.xmas-buildabox #basketpanel .step-two { position: static; }
    .product.xmas-buildabox #basketpanel form > div:first-of-type, .product.xmas-buildabox #basketpanel .step-one, .product.xmas-buildabox #basketpanel .step-two, .product.xmas-buildabox #basketpanel .step-three { border: unset; }
    .product.xmas-buildabox .steponeclosed { background-color: #f7f7f7; }
    .product.xmas-buildabox #byomessage .step-two > div:first-of-type { border-top: 5px solid #4aad94; border-radius: 0; }

    .product.xmas-buildabox .step-two .selection-info { justify-content: space-between; padding: 15px 20px !important; border-bottom: 1px solid #fff; position: sticky; top: 65px; z-index: 5; flex-wrap: wrap; }
    .product.xmas-buildabox #byomessage .step-two .content { padding: unset; margin-bottom: unset; max-height: 850px; }
    .product.xmas-buildabox #byomessage .step-two .content .selected-sleeves { padding: 0 20px; background-color: #283551; max-height: unset; margin-bottom: unset; }
    .product.xmas-buildabox #byomessage .step-two .content .sleeves-list { padding: 0 20px; margin-bottom: 0; }
    .product.xmas-buildabox #byomessage .step-two .section > div.selected-info .btn { width: 133px; height: 32px; background: #fff; color: #283551; border-radius: 25px; min-height: unset; font-size: 1rem; line-height: 15px; }
    .product.xmas-buildabox #byomessage .step-two .section > div.selected-info { padding: 0 10px; }
}

@media screen and (max-width: 495px) {
    #trade-link { font-size: 0.85em; padding: 0px; }
    .timer-flex .time-left-prod { max-width: 100%; width: 100%; }

    .discounted-quote.form-card { max-width: 480px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-cards { flex-direction: column; }
    .discounted-quote .button-card { width: 350px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -120px; }
    .discounted-quote .section.submit { font-size: 1em; }
}

@media screen and (max-width:460px) {
    .how-works-bg .bg-inner { height: 80px; }
    .prod-list-item .inline-link.blue { font-size: 0.9em; }
    .delivery-notice { font-size: 1rem !important; justify-content: center; }
    .how-works-bg .bg-inner img { max-width: 100px; }
    .xmas-del-info { grid-gap: 0.5rem; align-items: center; padding: 1rem; font-size: 1rem; }
    .xmas-del-info i { font-size: 1.8rem; }

    #nothanks { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 20px; }
    .comps-container { max-height: calc(90% - 200px); }
}

@media screen and (max-width:420px) {
    .landing-template-1 .banner h2 {font-size: 1.8em !important;}
    .landing-template-1 .gallery-grid .row .text h2 {font-size: 1.8em !important;}
    .landing-template-1 .gallery-grid .row .text {border-radius: 30px;}
    .landing-template-1 .gallery-grid .row {gap: 15px;}
    .how-works-banner .f-rem-23 { font-size: 1.5rem !important; }
    .how-works-banner .f-rem-19 { font-size: 1.3rem !important; }
    .login-pop.open { height: fit-content; overflow: auto; padding-top: 15px; padding-bottom: 15px; }
    .comp-pop.open { overflow: auto; padding-top: 15px; padding-bottom: 15px; }
    .login-pop.open > .container, .comp-pop.open > .container { max-height: 100vh; overflow: auto; }
    .login-pop .fa-xmark, .comp-pop .fa-xmark { position: absolute; top: 1rem; right: 1rem; font-size: 2.5rem; color: #4aad94; cursor: pointer; }
    .featured--tabs li a { font-size: 0.9em; }
    #headerright .log, #headerright .cart { margin-left: 18px; }
    #bybrand .dw-xs-4 { width: 50%; }
    .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%; }

    .prod-list-item .inline-link.blue { font-size: 0.8em; }



    .mailing .btn { max-width: 100%; margin-top: 15px; border-radius: 100px !important; }
    .mailing .flx-bx { flex-wrap: wrap; justify-content: center; }
    .mailing .white-bg { background-color: transparent; }



    .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; }

    .comp-bask-banner .main-txt { font-size: 1.2rem; line-height: 1.5; }
    .comp-bask-banner .main-txt:before { content: "Enter our golf knowledge competition to win great prizes. Tickets from just 20p!"; }
    .comp-bask-banner .sub-txt { display: none; }
    .comp-bask-banner { font-size: 0.9rem; line-height: 1.5; font-weight: normal; grid-gap: 1rem; }
    .comp-bask-banner .btn { width: 100%; }

    .branded-balls-info .info-card .inner { margin-left: 0; }
}


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

    .quiz-container .radio { width: 100%; max-width: 100%; }
    #quizform .bottombtns .btn { font-size: 1.5em; height: 50px; }
    .basket-table .row .col.prod .section .desc-boot .title { font-size: 0.85rem; }
    .col.prod .description { margin-bottom: 0; }
    .basket-table .row .col.prod .section .img-boot { width: 100%; position: static; padding: 0px 15px; margin-bottom: 0; }
    .basket-table .row .col.prod .section .desc-boot { width: 100%; position: static; padding: 0px 15px; margin-bottom: 0; }
    .basket-table .row { padding-left: 15px; padding-right: 15px; min-height: 10px; }
    .table-bs .body .row .price .fs-15 { font-size: 1.2rem; }
    .checkoutpage .table-bs .body .row { display: grid; grid-template-areas: "prod prod prod" "quant price total"; grid-row-gap: 0.75rem; }
    .basketpage .table-bs .body .row { display: grid; grid-template-areas: "prod prod" "quant remove" "total price"; grid-row-gap: 0.75rem; }
    .basketpage .table-bs .body .row .price:nth-child(3) { justify-self: start; }

    .basket .row.regular .col1 { padding: 0; min-height: 0; }
    .desc-boot .btn { width: 100%; font-size: 0.8rem; }
    .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 .btn.lgtgreen { display: block; max-width: 100% !important; }

    .prod-listing .whitebg.hasbar .Harness-icon { bottom: 95px !important; }
    .prod-listing .whitebg .Harness-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; }

    .prod-list-item .title { min-height: 60px !important; margin-bottom: 10px; }

    .prod-list-item .custom-tag span {font-size: 3vw;}
    .prod-list-item .editor-field.packof.sml select {min-width: 50px !important;}
    .prod-list-item .editor-field.packof.sml {display: flex; justify-content: end;}
    .prod-list-item .padd-right-15 {padding: 0px !important;}

    .prod-listing > .section {margin: 0px -5px !important;}
    .prod-listing > .section > div{padding: 0px 5px !important;}
    #productListings .prod-listing-boot {margin: 10px 0px;}
    .free-custom-label {
        width: calc(100% + 20px) !important;
    }


    .atb-options label { font-size: 1.2rem !important; }

    .discounted-quote.form-card { max-width: 480px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-cards { flex-direction: column; }
    .discounted-quote .button-card { width: 300px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -120px; }
    .discounted-quote .section.submit { font-size: 1em; }

    .product.xmas-buildabox .steponeclosed h3, .product.xmas-buildabox #byomessage .step-two .head.withedit h2 { max-width: 300px; }

    .prod-list-item .now { font-size: 0.8em !important; }
    .prod-list-item .now .dblue-txt{ font-size: 0.55em !important; }

}

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

    .prod-list-item { max-width: 260px; }
    .prod-list-item .inline-link.blue { font-size: 1.3em; }
    .ref-table-row, .ref-table-header { font-size: 1rem; }
    .comp-steps > #step2 > .img-1 { transform: translateY(0); }

    .product.xmas-buildabox #previewshow .btn { font-size: 1.1em; }
}

@media screen and (max-width:360px) {
    .corp-prod-info { padding: 0; background-color: #fff; }
}

@media screen and (min-width: 340px) and (max-width:460px) {

    .prod-list-item .free-custom-label > span { font-size: 0.7em; }


    .prod-list-item .title .inline-link.blue { font-size: 1rem; }

    .bestsell .whitebg .price .now strong { font-size: 0.95rem; }
    .bestsell .whitebg .price .was { font-size: 0.85rem; }

    .prod-list-item .btn { font-size: 0.85em; }
    .prod-list-item.hor-padd-10 { padding-left: 5px; padding-right: 5px; }
}

@media screen and (max-width: 340px) {
    .topgrey .call { height: 32px; transform: translateX(-25px); }
    .prod-listing-boot { width: 100% !important; }
}

@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; }
}


.bx-shad {   box-shadow: 0px 0px 6px #00000029; }
.bx-shad-inset { box-shadow: inset 4px 4px 6px #0000000D; }
.bx-shad-dark { box-shadow: 0px 3px 6px #00000029; }
.bx-shad-dark-inset { box-shadow: inset 0px 3px 6px #00000029; }

.asrat100 { aspect-ratio: 1; }

.rel { position: relative; }
.rel .sticker:not(.list) { position: absolute; top: 0px; left: 0px; }

.full-h { height: 100%; }
.r-gap-5{grid-row-gap: 5px;}
.r-gap-10{grid-row-gap: 10px;}
.r-gap-15{grid-row-gap: 15px;}
.r-gap-30{grid-row-gap: 30px;}

.c-gap-5{grid-column-gap: 5px;}
.c-gap-10{grid-column-gap: 10px;}
.c-gap-15{grid-column-gap: 15px;}
.c-gap-30{grid-column-gap: 30px;}

.fl-grow { flex-grow: 1; }
.flx-col { flex-direction: column; }
.half-w { width: 50% !important; }
.al-self-cent { align-self: center; }
.al-self-start { align-self: start; }
a.underline, .underline { text-decoration: underline !important; }

.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: ""; }

.mb--30 { margin-bottom: -30px; }

.fab, .far, .fas, .fa { text-rendering: optimizeLegibility !important; }

html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }

.breadcrumb { margin: 30px 0; color: #4aad94; font-size: 1.1em; }
.breadcrumb span { color: #075096; margin: 0 5px; }
.breadcrumb a { color: #999999; }

body { font-size: 0.9em; color: #333; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; font-family: articulat-cf,sans-serif; font-weight: 500; font-style: normal; overflow-x: hidden; }
body.fixed { overflow: hidden; }

input, textarea { font-family: articulat-cf,sans-serif; color: #777; }
textarea { font-size: 1rem; }
.bx-viewport .clear { display: none; }

.cur-point { cursor: pointer; }

strong { font-weight: 800; }

.full-w { width: 100%; }
.full-w.ov { width: 100% !important; }
.half-w { width: 50%; }
.nomarg, .no-marg { margin: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.linethrough { text-decoration: line-through; text-decoration: line-through; }

.line { border-bottom: 1px solid #283551; }

.noshad { box-shadow: none !important; }

.white-bord-3 { border: 3px solid #fff; }
.white-bord-4 { border: 4px solid #fff; }
.white-bord-5 { border: 5px solid #fff; }

@media screen and (min-width: 992px) {
    .hidden-tab-up { display: none !important; }
}

@media screen and (max-width: 991px) {
    .hidden-tab-down { display: none !important; }
}

.min-h-60 { min-height: 60px; }
.min-h-790 { min-height: 790px; }
.min-h-780 { min-height: 780px; }
.min-w-10 { min-width: 10px; }

.max-h-in-view { max-height: calc(100vh - 200px); overflow: auto; }
.max-h-in-view #filter-menu { top: 0px; }

.miw-200 { min-width: 200px; }
.miw-220 { min-width: 220px; }

.toast {position: relative; opacity: 0; position: fixed; bottom: 30px; right: 60px; z-index: 99999; background-color: #ffffff; padding: 20px; box-shadow: 0px 3px 6px #00000029; transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform:translateY(30px); }
.toast.ok {border: 3px solid #4aad94; border-radius: 5px;}
.toast.error {border: 3px solid #ff0000; border-radius: 5px;}
.toast.info {border: 3px solid #7d9bbd; border-radius: 5px;}

.toast .msg i {margin-right: 10px;width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: #ffffff; border-radius: 100%;}
.toast.ok .msg i { background-color: #4aad94; }
.toast.error .msg i {background-color: #ff0000;}
.toast.info .msg i { background-color: #7d9bbd;}



.toast .btn {width: 100%; max-width: 100%; text-align: center; padding: 10px; min-width: 190px; font-weight: 600; border-radius: 50px; margin-top: 20px!important;}
.toast.on {opacity: 1; transform:translateY(0);}
.toast .msg {font-size: 1.2rem;  display: flex; align-items: center;}
.toast .msg strong{display: block; width: calc(100% - 40px);}

.toast .cls {cursor: pointer; position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; background-color: #4b5d71; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; transform: translate(50%, -50%);}
.toast .cls:hover {background-color: #4aad94;}

@media screen and (max-width: 600px) {
   .toast {left: 15px; bottom: 5px; width: calc(100vw - 30px)!important;}
.toast .msg strong {font-size:0.9rem;}
.toast .msg i {font-size:1rem; width:25px; height:25px;}
}

@media screen and (max-width: 500px) {
    .toast .btn {margin-top: 15px!important;}
    .toast {padding: 15px;}
}
footer { padding-top: 4rem; font-size:1rem; }
.footer-grid { display: grid; grid-template-areas: "info contact searches help account payments"; padding-bottom: 3rem; grid-gap:1rem;}

.footer-info { grid-area: info; }
.footer-contact { grid-area: contact; }
.footer-socials { grid-area: contact; align-self:flex-end; }
.footer-searches { grid-area: searches; }
.footer-account { grid-area: account; }
.footer-payments { grid-area: payments; }

@media screen and (min-width:1230px) and (max-width:1500px) {
.footer-payments img {max-width:300px;}
}

@media screen and (max-width:1230px) {
.footer-grid { grid-template-areas: "info contact searches help" "account payments payments payments";  grid-row-gap:3rem;}
}

@media screen and (max-width:768px) {
.footer-grid { grid-template-areas: "info contact account" "searches help help" " payments payments payments" ; padding-bottom: 2rem;}
.footer-copyright {justify-content:center; font-size:0.9rem;}
}

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

footer { padding-top: 2rem; font-size:0.9rem; }
.footer-grid { grid-template-areas: "info contact" "searches help" "account account" "payments payments" ; padding-bottom: 1rem; grid-template-columns:1fr 1.2fr; grid-row-gap:2rem;}

.footer-account {flex-direction:row; justify-content:center;}

footer .f-rem-11 {font-size:1rem!important;}
}